@loke/design-system
Version:
A design system with individually importable components
2 lines (1 loc) • 22 kB
JavaScript
var __create=Object.create;var{getPrototypeOf:__getProtoOf,defineProperty:__defProp,getOwnPropertyNames:__getOwnPropNames,getOwnPropertyDescriptor:__getOwnPropDesc}=Object,__hasOwnProp=Object.prototype.hasOwnProperty;function __accessProp(key){return this[key]}var __reExport=(target,mod,secondTarget)=>{var keys=__getOwnPropNames(mod);for(let key of keys)if(!__hasOwnProp.call(target,key)&&key!=="default")__defProp(target,key,{get:__accessProp.bind(mod,key),enumerable:!0});if(secondTarget){for(let key of keys)if(!__hasOwnProp.call(secondTarget,key)&&key!=="default")__defProp(secondTarget,key,{get:__accessProp.bind(mod,key),enumerable:!0});return secondTarget}},__toESMCache_node,__toESMCache_esm,__toESM=(mod,isNodeMode,target)=>{var canCache=mod!=null&&typeof mod==="object";if(canCache){var cache=isNodeMode?__toESMCache_node??=new WeakMap:__toESMCache_esm??=new WeakMap,cached=cache.get(mod);if(cached)return cached}target=mod!=null?__create(__getProtoOf(mod)):{};let to=isNodeMode||!mod||!mod.__esModule?__defProp(target,"default",{value:mod,enumerable:!0}):target;for(let key of __getOwnPropNames(mod))if(!__hasOwnProp.call(to,key))__defProp(to,key,{get:__accessProp.bind(mod,key),enumerable:!0});if(canCache)cache.set(mod,to);return to},__toCommonJS=(from)=>{var entry=(__moduleCache??=new WeakMap).get(from),desc;if(entry)return entry;if(entry=__defProp({},"__esModule",{value:!0}),from&&typeof from==="object"||typeof from==="function"){for(var key of __getOwnPropNames(from))if(!__hasOwnProp.call(entry,key))__defProp(entry,key,{get:__accessProp.bind(from,key),enumerable:!(desc=__getOwnPropDesc(from,key))||desc.enumerable})}return __moduleCache.set(from,entry),entry},__moduleCache;var __returnValue=(v)=>v;function __exportSetter(name,newValue){this[name]=__returnValue.bind(null,newValue)}var __export=(target,all)=>{for(var name in all)__defProp(target,name,{get:all[name],enumerable:!0,configurable:!0,set:__exportSetter.bind(all,name)})};var exports_box={};__export(exports_box,{boxVariants:()=>boxVariants,Box:()=>Box});module.exports=__toCommonJS(exports_box);var import_cn=require("@loke/design-system/cn"),import_responsive=require("@loke/design-system/responsive"),import_slot=require("@loke/ui/slot"),import_class_variance_authority=require("class-variance-authority"),jsx_runtime=require("react/jsx-runtime"),boxVariants=import_class_variance_authority.cva("",{variants:{alignItems:{baseline:"items-baseline",center:"items-center",end:"items-end",start:"items-start",stretch:"items-stretch"},background:{accent:"bg-accent",background:"bg-background",card:"bg-card",destructive:"bg-destructive",foreground:"bg-foreground",primary:"bg-primary",secondary:"bg-secondary",sidebar:"bg-sidebar","sidebar-accent":"bg-sidebar-accent",white:"bg-white","neutral-50":"bg-zinc-50","neutral-100":"bg-zinc-100","neutral-200":"bg-zinc-200","neutral-300":"bg-zinc-300","neutral-400":"bg-zinc-400","neutral-500":"bg-zinc-500","neutral-600":"bg-zinc-600","neutral-700":"bg-zinc-700","neutral-800":"bg-zinc-800","neutral-900":"bg-zinc-900","neutral-950":"bg-zinc-950"},border:{false:"border-0",true:"border"},borderBottom:{false:"border-b-0",true:"border-b"},borderColor:{accent:"border-accent",background:"border-background",card:"border-card",destructive:"border-destructive",foreground:"border-foreground",primary:"border-primary",secondary:"border-secondary",sidebar:"border-sidebar","sidebar-accent":"border-sidebar-accent",white:"border-white","neutral-50":"border-zinc-50","neutral-100":"border-zinc-100","neutral-200":"border-zinc-200","neutral-300":"border-zinc-300","neutral-400":"border-zinc-400","neutral-500":"border-zinc-500","neutral-600":"border-zinc-600","neutral-700":"border-zinc-700","neutral-800":"border-zinc-800","neutral-900":"border-zinc-900","neutral-950":"border-zinc-950"},borderLeft:{false:"border-l-0",true:"border-l"},borderRadius:{"2xl":"rounded-2xl","3xl":"rounded-3xl",full:"rounded-full",lg:"rounded-lg",md:"rounded-md",none:"rounded-none",sm:"rounded-sm",xl:"rounded-xl"},borderRight:{false:"border-r-0",true:"border-r"},borderTop:{false:"border-t-0",true:"border-t"},bottom:{...{"0":"bottom-0","1":"bottom-1","2":"bottom-2","3":"bottom-3","4":"bottom-4","5":"bottom-5","6":"bottom-6","7":"bottom-7","8":"bottom-8","9":"bottom-9","10":"bottom-10","12":"bottom-12","16":"bottom-16","20":"bottom-20","24":"bottom-24","28":"bottom-28","32":"bottom-32",large:"bottom-8",medium:"bottom-5",none:"bottom-0",small:"bottom-3",xlarge:"bottom-12",xsmall:"bottom-2",xxlarge:"bottom-24",xxsmall:"bottom-1"},...{"-0":"-bottom-0","-1":"-bottom-1","-2":"-bottom-2","-3":"-bottom-3","-4":"-bottom-4","-5":"-bottom-5","-6":"-bottom-6","-7":"-bottom-7","-8":"-bottom-8","-9":"-bottom-9","-10":"-bottom-10","-12":"-bottom-12","-16":"-bottom-16","-20":"-bottom-20","-24":"-bottom-24","-28":"-bottom-28","-32":"-bottom-32"}},boxShadow:{"2xl":"shadow-2xl",inner:"shadow-inner",lg:"shadow-lg",md:"shadow-md",none:"shadow-none",sm:"shadow-xs",xl:"shadow-xl"},container:{false:"",true:"container"},cursor:{auto:"cursor-auto",default:"cursor-default",move:"cursor-move","not-allowed":"cursor-not-allowed",pointer:"cursor-pointer",text:"cursor-text",wait:"cursor-wait"},display:{block:"block",flex:"flex",grid:"grid",hidden:"hidden",inline:"inline","inline-block":"inline-block","inline-flex":"inline-flex","inline-grid":"inline-grid","table-cell":"table-cell"},flexDirection:{col:"flex-col","col-reverse":"flex-col-reverse",row:"flex-row","row-reverse":"flex-row-reverse"},flexGrow:{false:"grow-0",true:"grow"},flexShrink:{false:"shrink-0",true:"shrink"},flexWrap:{nowrap:"flex-nowrap",wrap:"flex-wrap","wrap-reverse":"flex-wrap-reverse"},gap:{"0":"gap-0","1":"gap-1","2":"gap-2","3":"gap-3","4":"gap-4","5":"gap-5","6":"gap-6","7":"gap-7","8":"gap-8","9":"gap-9","10":"gap-10","12":"gap-12","16":"gap-16","20":"gap-20","24":"gap-24","28":"gap-28","32":"gap-32",large:"gap-8",medium:"gap-5",none:"gap-0",small:"gap-3",xlarge:"gap-12",xsmall:"gap-2",xxlarge:"gap-24",xxsmall:"gap-1"},gapX:{"0":"gap-x-0","1":"gap-x-1","2":"gap-x-2","3":"gap-x-3","4":"gap-x-4","5":"gap-x-5","6":"gap-x-6","7":"gap-x-7","8":"gap-x-8","9":"gap-x-9","10":"gap-x-10","12":"gap-x-12","16":"gap-x-16","20":"gap-x-20","24":"gap-x-24","28":"gap-x-28","32":"gap-x-32",large:"gap-x-8",medium:"gap-x-5",none:"gap-x-0",small:"gap-x-3",xlarge:"gap-x-12",xsmall:"gap-x-2",xxlarge:"gap-x-24",xxsmall:"gap-x-1"},gapY:{"0":"gap-y-0","1":"gap-y-1","2":"gap-y-2","3":"gap-y-3","4":"gap-y-4","5":"gap-y-5","6":"gap-y-6","7":"gap-y-7","8":"gap-y-8","9":"gap-y-9","10":"gap-y-10","12":"gap-y-12","16":"gap-y-16","20":"gap-y-20","24":"gap-y-24","28":"gap-y-28","32":"gap-y-32",large:"gap-y-8",medium:"gap-y-5",none:"gap-y-0",small:"gap-y-3",xlarge:"gap-y-12",xsmall:"gap-y-2",xxlarge:"gap-y-24",xxsmall:"gap-y-1"},height:{"0":"h-0","1":"h-1","2":"h-2","3":"h-3","4":"h-4","5":"h-5","6":"h-6","7":"h-7","8":"h-8","9":"h-9","10":"h-10","12":"h-12","16":"h-16","20":"h-20","24":"h-24","28":"h-28","32":"h-32",large:"h-8",medium:"h-5",none:"h-0",small:"h-3",xlarge:"h-12",xsmall:"h-2",xxlarge:"h-24",xxsmall:"h-1","1/2":"h-1/2","1/3":"h-1/3","2/3":"h-2/3","1/4":"h-1/4","2/4":"h-2/4","3/4":"h-3/4","1/5":"h-1/5","2/5":"h-2/5","3/5":"h-3/5","4/5":"h-4/5","1/6":"h-1/6","2/6":"h-2/6","3/6":"h-3/6","4/6":"h-4/6","5/6":"h-5/6","1/12":"h-1/12","2/12":"h-2/12","3/12":"h-3/12","4/12":"h-4/12","5/12":"h-5/12","6/12":"h-6/12","7/12":"h-7/12","8/12":"h-8/12","9/12":"h-9/12","10/12":"h-10/12","11/12":"h-11/12","2xl":"h-2xl","3xl":"h-3xl","4xl":"h-4xl","5xl":"h-5xl",auto:"h-auto",fit:"h-fit",full:"h-full",lg:"h-lg",max:"h-max",md:"h-md",min:"h-min",screen:"h-screen",sm:"h-sm",xl:"h-xl",xs:"h-xs"},justifyContent:{around:"justify-around",between:"justify-between",center:"justify-center",end:"justify-end",evenly:"justify-evenly",start:"justify-start"},left:{...{"0":"left-0","1":"left-1","2":"left-2","3":"left-3","4":"left-4","5":"left-5","6":"left-6","7":"left-7","8":"left-8","9":"left-9","10":"left-10","12":"left-12","16":"left-16","20":"left-20","24":"left-24","28":"left-28","32":"left-32",large:"left-8",medium:"left-5",none:"left-0",small:"left-3",xlarge:"left-12",xsmall:"left-2",xxlarge:"left-24",xxsmall:"left-1"},...{"-0":"-left-0","-1":"-left-1","-2":"-left-2","-3":"-left-3","-4":"-left-4","-5":"-left-5","-6":"-left-6","-7":"-left-7","-8":"-left-8","-9":"-left-9","-10":"-left-10","-12":"-left-12","-16":"-left-16","-20":"-left-20","-24":"-left-24","-28":"-left-28","-32":"-left-32"}},margin:{...{"0":"m-0","1":"m-1","2":"m-2","3":"m-3","4":"m-4","5":"m-5","6":"m-6","7":"m-7","8":"m-8","9":"m-9","10":"m-10","12":"m-12","16":"m-16","20":"m-20","24":"m-24","28":"m-28","32":"m-32",large:"m-8",medium:"m-5",none:"m-0",small:"m-3",xlarge:"m-12",xsmall:"m-2",xxlarge:"m-24",xxsmall:"m-1"},auto:"m-auto"},marginBottom:{...{"0":"mb-0","1":"mb-1","2":"mb-2","3":"mb-3","4":"mb-4","5":"mb-5","6":"mb-6","7":"mb-7","8":"mb-8","9":"mb-9","10":"mb-10","12":"mb-12","16":"mb-16","20":"mb-20","24":"mb-24","28":"mb-28","32":"mb-32",large:"mb-8",medium:"mb-5",none:"mb-0",small:"mb-3",xlarge:"mb-12",xsmall:"mb-2",xxlarge:"mb-24",xxsmall:"mb-1"},auto:"mb-auto"},marginLeft:{...{"0":"ml-0","1":"ml-1","2":"ml-2","3":"ml-3","4":"ml-4","5":"ml-5","6":"ml-6","7":"ml-7","8":"ml-8","9":"ml-9","10":"ml-10","12":"ml-12","16":"ml-16","20":"ml-20","24":"ml-24","28":"ml-28","32":"ml-32",large:"ml-8",medium:"ml-5",none:"ml-0",small:"ml-3",xlarge:"ml-12",xsmall:"ml-2",xxlarge:"ml-24",xxsmall:"ml-1"},auto:"ml-auto"},marginRight:{...{"0":"mr-0","1":"mr-1","2":"mr-2","3":"mr-3","4":"mr-4","5":"mr-5","6":"mr-6","7":"mr-7","8":"mr-8","9":"mr-9","10":"mr-10","12":"mr-12","16":"mr-16","20":"mr-20","24":"mr-24","28":"mr-28","32":"mr-32",large:"mr-8",medium:"mr-5",none:"mr-0",small:"mr-3",xlarge:"mr-12",xsmall:"mr-2",xxlarge:"mr-24",xxsmall:"mr-1"},auto:"mr-auto"},marginTop:{...{"0":"mt-0","1":"mt-1","2":"mt-2","3":"mt-3","4":"mt-4","5":"mt-5","6":"mt-6","7":"mt-7","8":"mt-8","9":"mt-9","10":"mt-10","12":"mt-12","16":"mt-16","20":"mt-20","24":"mt-24","28":"mt-28","32":"mt-32",large:"mt-8",medium:"mt-5",none:"mt-0",small:"mt-3",xlarge:"mt-12",xsmall:"mt-2",xxlarge:"mt-24",xxsmall:"mt-1"},auto:"mt-auto"},marginX:{...{"0":"mx-0","1":"mx-1","2":"mx-2","3":"mx-3","4":"mx-4","5":"mx-5","6":"mx-6","7":"mx-7","8":"mx-8","9":"mx-9","10":"mx-10","12":"mx-12","16":"mx-16","20":"mx-20","24":"mx-24","28":"mx-28","32":"mx-32",large:"mx-8",medium:"mx-5",none:"mx-0",small:"mx-3",xlarge:"mx-12",xsmall:"mx-2",xxlarge:"mx-24",xxsmall:"mx-1"},auto:"mx-auto"},marginY:{...{"0":"my-0","1":"my-1","2":"my-2","3":"my-3","4":"my-4","5":"my-5","6":"my-6","7":"my-7","8":"my-8","9":"my-9","10":"my-10","12":"my-12","16":"my-16","20":"my-20","24":"my-24","28":"my-28","32":"my-32",large:"my-8",medium:"my-5",none:"my-0",small:"my-3",xlarge:"my-12",xsmall:"my-2",xxlarge:"my-24",xxsmall:"my-1"},auto:"my-auto"},maxHeight:{"0":"max-h-0","1":"max-h-1","2":"max-h-2","3":"max-h-3","4":"max-h-4","5":"max-h-5","6":"max-h-6","7":"max-h-7","8":"max-h-8","9":"max-h-9","10":"max-h-10","12":"max-h-12","16":"max-h-16","20":"max-h-20","24":"max-h-24","28":"max-h-28","32":"max-h-32",large:"max-h-8",medium:"max-h-5",none:"max-h-0",small:"max-h-3",xlarge:"max-h-12",xsmall:"max-h-2",xxlarge:"max-h-24",xxsmall:"max-h-1","1/2":"max-h-1/2","1/3":"max-h-1/3","2/3":"max-h-2/3","1/4":"max-h-1/4","2/4":"max-h-2/4","3/4":"max-h-3/4","1/5":"max-h-1/5","2/5":"max-h-2/5","3/5":"max-h-3/5","4/5":"max-h-4/5","1/6":"max-h-1/6","2/6":"max-h-2/6","3/6":"max-h-3/6","4/6":"max-h-4/6","5/6":"max-h-5/6","1/12":"max-h-1/12","2/12":"max-h-2/12","3/12":"max-h-3/12","4/12":"max-h-4/12","5/12":"max-h-5/12","6/12":"max-h-6/12","7/12":"max-h-7/12","8/12":"max-h-8/12","9/12":"max-h-9/12","10/12":"max-h-10/12","11/12":"max-h-11/12","2xl":"max-h-2xl","3xl":"max-h-3xl","4xl":"max-h-4xl","5xl":"max-h-5xl",auto:"max-h-auto",fit:"max-h-fit",full:"max-h-full",lg:"max-h-lg",max:"max-h-max",md:"max-h-md",min:"max-h-min",screen:"max-h-screen",sm:"max-h-sm",xl:"max-h-xl",xs:"max-h-xs"},maxWidth:{"0":"max-w-0","1":"max-w-1","2":"max-w-2","3":"max-w-3","4":"max-w-4","5":"max-w-5","6":"max-w-6","7":"max-w-7","8":"max-w-8","9":"max-w-9","10":"max-w-10","12":"max-w-12","16":"max-w-16","20":"max-w-20","24":"max-w-24","28":"max-w-28","32":"max-w-32",large:"max-w-8",medium:"max-w-5",none:"max-w-0",small:"max-w-3",xlarge:"max-w-12",xsmall:"max-w-2",xxlarge:"max-w-24",xxsmall:"max-w-1","1/2":"max-w-1/2","1/3":"max-w-1/3","2/3":"max-w-2/3","1/4":"max-w-1/4","2/4":"max-w-2/4","3/4":"max-w-3/4","1/5":"max-w-1/5","2/5":"max-w-2/5","3/5":"max-w-3/5","4/5":"max-w-4/5","1/6":"max-w-1/6","2/6":"max-w-2/6","3/6":"max-w-3/6","4/6":"max-w-4/6","5/6":"max-w-5/6","1/12":"max-w-1/12","2/12":"max-w-2/12","3/12":"max-w-3/12","4/12":"max-w-4/12","5/12":"max-w-5/12","6/12":"max-w-6/12","7/12":"max-w-7/12","8/12":"max-w-8/12","9/12":"max-w-9/12","10/12":"max-w-10/12","11/12":"max-w-11/12","2xl":"max-w-2xl","3xl":"max-w-3xl","4xl":"max-w-4xl","5xl":"max-w-5xl",auto:"max-w-auto",fit:"max-w-fit",full:"max-w-full",lg:"max-w-lg",max:"max-w-max",md:"max-w-md",min:"max-w-min",screen:"max-w-screen",sm:"max-w-sm",xl:"max-w-xl",xs:"max-w-xs"},minHeight:{"0":"min-h-0","1":"min-h-1","2":"min-h-2","3":"min-h-3","4":"min-h-4","5":"min-h-5","6":"min-h-6","7":"min-h-7","8":"min-h-8","9":"min-h-9","10":"min-h-10","12":"min-h-12","16":"min-h-16","20":"min-h-20","24":"min-h-24","28":"min-h-28","32":"min-h-32",large:"min-h-8",medium:"min-h-5",none:"min-h-0",small:"min-h-3",xlarge:"min-h-12",xsmall:"min-h-2",xxlarge:"min-h-24",xxsmall:"min-h-1","1/2":"min-h-1/2","1/3":"min-h-1/3","2/3":"min-h-2/3","1/4":"min-h-1/4","2/4":"min-h-2/4","3/4":"min-h-3/4","1/5":"min-h-1/5","2/5":"min-h-2/5","3/5":"min-h-3/5","4/5":"min-h-4/5","1/6":"min-h-1/6","2/6":"min-h-2/6","3/6":"min-h-3/6","4/6":"min-h-4/6","5/6":"min-h-5/6","1/12":"min-h-1/12","2/12":"min-h-2/12","3/12":"min-h-3/12","4/12":"min-h-4/12","5/12":"min-h-5/12","6/12":"min-h-6/12","7/12":"min-h-7/12","8/12":"min-h-8/12","9/12":"min-h-9/12","10/12":"min-h-10/12","11/12":"min-h-11/12","2xl":"min-h-2xl","3xl":"min-h-3xl","4xl":"min-h-4xl","5xl":"min-h-5xl",auto:"min-h-auto",fit:"min-h-fit",full:"min-h-full",lg:"min-h-lg",max:"min-h-max",md:"min-h-md",min:"min-h-min",screen:"min-h-screen",sm:"min-h-sm",xl:"min-h-xl",xs:"min-h-xs"},minWidth:{"0":"min-w-0","1":"min-w-1","2":"min-w-2","3":"min-w-3","4":"min-w-4","5":"min-w-5","6":"min-w-6","7":"min-w-7","8":"min-w-8","9":"min-w-9","10":"min-w-10","12":"min-w-12","16":"min-w-16","20":"min-w-20","24":"min-w-24","28":"min-w-28","32":"min-w-32",large:"min-w-8",medium:"min-w-5",none:"min-w-0",small:"min-w-3",xlarge:"min-w-12",xsmall:"min-w-2",xxlarge:"min-w-24",xxsmall:"min-w-1","1/2":"min-w-1/2","1/3":"min-w-1/3","2/3":"min-w-2/3","1/4":"min-w-1/4","2/4":"min-w-2/4","3/4":"min-w-3/4","1/5":"min-w-1/5","2/5":"min-w-2/5","3/5":"min-w-3/5","4/5":"min-w-4/5","1/6":"min-w-1/6","2/6":"min-w-2/6","3/6":"min-w-3/6","4/6":"min-w-4/6","5/6":"min-w-5/6","1/12":"min-w-1/12","2/12":"min-w-2/12","3/12":"min-w-3/12","4/12":"min-w-4/12","5/12":"min-w-5/12","6/12":"min-w-6/12","7/12":"min-w-7/12","8/12":"min-w-8/12","9/12":"min-w-9/12","10/12":"min-w-10/12","11/12":"min-w-11/12","2xl":"min-w-2xl","3xl":"min-w-3xl","4xl":"min-w-4xl","5xl":"min-w-5xl",auto:"min-w-auto",fit:"min-w-fit",full:"min-w-full",lg:"min-w-lg",max:"min-w-max",md:"min-w-md",min:"min-w-min",screen:"min-w-screen",sm:"min-w-sm",xl:"min-w-xl",xs:"min-w-xs"},overflow:{auto:"overflow-auto",hidden:"overflow-hidden",scroll:"overflow-scroll",visible:"overflow-visible"},overflowX:{auto:"overflow-x-auto",hidden:"overflow-x-hidden",scroll:"overflow-x-scroll",visible:"overflow-x-visible"},overflowY:{auto:"overflow-y-auto",hidden:"overflow-y-hidden",scroll:"overflow-y-scroll",visible:"overflow-y-visible"},padding:{"0":"p-0","1":"p-1","2":"p-2","3":"p-3","4":"p-4","5":"p-5","6":"p-6","7":"p-7","8":"p-8","9":"p-9","10":"p-10","12":"p-12","16":"p-16","20":"p-20","24":"p-24","28":"p-28","32":"p-32",large:"p-8",medium:"p-5",none:"p-0",small:"p-3",xlarge:"p-12",xsmall:"p-2",xxlarge:"p-24",xxsmall:"p-1"},paddingBottom:{"0":"pb-0","1":"pb-1","2":"pb-2","3":"pb-3","4":"pb-4","5":"pb-5","6":"pb-6","7":"pb-7","8":"pb-8","9":"pb-9","10":"pb-10","12":"pb-12","16":"pb-16","20":"pb-20","24":"pb-24","28":"pb-28","32":"pb-32",large:"pb-8",medium:"pb-5",none:"pb-0",small:"pb-3",xlarge:"pb-12",xsmall:"pb-2",xxlarge:"pb-24",xxsmall:"pb-1"},paddingLeft:{"0":"pl-0","1":"pl-1","2":"pl-2","3":"pl-3","4":"pl-4","5":"pl-5","6":"pl-6","7":"pl-7","8":"pl-8","9":"pl-9","10":"pl-10","12":"pl-12","16":"pl-16","20":"pl-20","24":"pl-24","28":"pl-28","32":"pl-32",large:"pl-8",medium:"pl-5",none:"pl-0",small:"pl-3",xlarge:"pl-12",xsmall:"pl-2",xxlarge:"pl-24",xxsmall:"pl-1"},paddingRight:{"0":"pr-0","1":"pr-1","2":"pr-2","3":"pr-3","4":"pr-4","5":"pr-5","6":"pr-6","7":"pr-7","8":"pr-8","9":"pr-9","10":"pr-10","12":"pr-12","16":"pr-16","20":"pr-20","24":"pr-24","28":"pr-28","32":"pr-32",large:"pr-8",medium:"pr-5",none:"pr-0",small:"pr-3",xlarge:"pr-12",xsmall:"pr-2",xxlarge:"pr-24",xxsmall:"pr-1"},paddingTop:{"0":"pt-0","1":"pt-1","2":"pt-2","3":"pt-3","4":"pt-4","5":"pt-5","6":"pt-6","7":"pt-7","8":"pt-8","9":"pt-9","10":"pt-10","12":"pt-12","16":"pt-16","20":"pt-20","24":"pt-24","28":"pt-28","32":"pt-32",large:"pt-8",medium:"pt-5",none:"pt-0",small:"pt-3",xlarge:"pt-12",xsmall:"pt-2",xxlarge:"pt-24",xxsmall:"pt-1"},paddingX:{"0":"px-0","1":"px-1","2":"px-2","3":"px-3","4":"px-4","5":"px-5","6":"px-6","7":"px-7","8":"px-8","9":"px-9","10":"px-10","12":"px-12","16":"px-16","20":"px-20","24":"px-24","28":"px-28","32":"px-32",large:"px-8",medium:"px-5",none:"px-0",small:"px-3",xlarge:"px-12",xsmall:"px-2",xxlarge:"px-24",xxsmall:"px-1"},paddingY:{"0":"py-0","1":"py-1","2":"py-2","3":"py-3","4":"py-4","5":"py-5","6":"py-6","7":"py-7","8":"py-8","9":"py-9","10":"py-10","12":"py-12","16":"py-16","20":"py-20","24":"py-24","28":"py-28","32":"py-32",large:"py-8",medium:"py-5",none:"py-0",small:"py-3",xlarge:"py-12",xsmall:"py-2",xxlarge:"py-24",xxsmall:"py-1"},pointerEvents:{auto:"pointer-events-auto",none:"pointer-events-none"},position:{absolute:"absolute",fixed:"fixed",relative:"relative",static:"static",sticky:"sticky"},right:{...{"0":"right-0","1":"right-1","2":"right-2","3":"right-3","4":"right-4","5":"right-5","6":"right-6","7":"right-7","8":"right-8","9":"right-9","10":"right-10","12":"right-12","16":"right-16","20":"right-20","24":"right-24","28":"right-28","32":"right-32",large:"right-8",medium:"right-5",none:"right-0",small:"right-3",xlarge:"right-12",xsmall:"right-2",xxlarge:"right-24",xxsmall:"right-1"},...{"-0":"-right-0","-1":"-right-1","-2":"-right-2","-3":"-right-3","-4":"-right-4","-5":"-right-5","-6":"-right-6","-7":"-right-7","-8":"-right-8","-9":"-right-9","-10":"-right-10","-12":"-right-12","-16":"-right-16","-20":"-right-20","-24":"-right-24","-28":"-right-28","-32":"-right-32"}},spaceX:{"0":"space-x-0","1":"space-x-1","2":"space-x-2","3":"space-x-3","4":"space-x-4","5":"space-x-5","6":"space-x-6","7":"space-x-7","8":"space-x-8","9":"space-x-9","10":"space-x-10","12":"space-x-12","16":"space-x-16","20":"space-x-20","24":"space-x-24","28":"space-x-28","32":"space-x-32",large:"space-x-8",medium:"space-x-5",none:"space-x-0",small:"space-x-3",xlarge:"space-x-12",xsmall:"space-x-2",xxlarge:"space-x-24",xxsmall:"space-x-1"},spaceY:{"0":"space-y-0","1":"space-y-1","2":"space-y-2","3":"space-y-3","4":"space-y-4","5":"space-y-5","6":"space-y-6","7":"space-y-7","8":"space-y-8","9":"space-y-9","10":"space-y-10","12":"space-y-12","16":"space-y-16","20":"space-y-20","24":"space-y-24","28":"space-y-28","32":"space-y-32",large:"space-y-8",medium:"space-y-5",none:"space-y-0",small:"space-y-3",xlarge:"space-y-12",xsmall:"space-y-2",xxlarge:"space-y-24",xxsmall:"space-y-1"},textAlign:{center:"text-center",justify:"text-justify",left:"text-left",right:"text-right"},top:{...{"0":"top-0","1":"top-1","2":"top-2","3":"top-3","4":"top-4","5":"top-5","6":"top-6","7":"top-7","8":"top-8","9":"top-9","10":"top-10","12":"top-12","16":"top-16","20":"top-20","24":"top-24","28":"top-28","32":"top-32",large:"top-8",medium:"top-5",none:"top-0",small:"top-3",xlarge:"top-12",xsmall:"top-2",xxlarge:"top-24",xxsmall:"top-1"},...{"-0":"-top-0","-1":"-top-1","-2":"-top-2","-3":"-top-3","-4":"-top-4","-5":"-top-5","-6":"-top-6","-7":"-top-7","-8":"-top-8","-9":"-top-9","-10":"-top-10","-12":"-top-12","-16":"-top-16","-20":"-top-20","-24":"-top-24","-28":"-top-28","-32":"-top-32"}},width:{"0":"w-0","1":"w-1","2":"w-2","3":"w-3","4":"w-4","5":"w-5","6":"w-6","7":"w-7","8":"w-8","9":"w-9","10":"w-10","12":"w-12","16":"w-16","20":"w-20","24":"w-24","28":"w-28","32":"w-32",large:"w-8",medium:"w-5",none:"w-0",small:"w-3",xlarge:"w-12",xsmall:"w-2",xxlarge:"w-24",xxsmall:"w-1","1/2":"w-1/2","1/3":"w-1/3","2/3":"w-2/3","1/4":"w-1/4","2/4":"w-2/4","3/4":"w-3/4","1/5":"w-1/5","2/5":"w-2/5","3/5":"w-3/5","4/5":"w-4/5","1/6":"w-1/6","2/6":"w-2/6","3/6":"w-3/6","4/6":"w-4/6","5/6":"w-5/6","1/12":"w-1/12","2/12":"w-2/12","3/12":"w-3/12","4/12":"w-4/12","5/12":"w-5/12","6/12":"w-6/12","7/12":"w-7/12","8/12":"w-8/12","9/12":"w-9/12","10/12":"w-10/12","11/12":"w-11/12","2xl":"w-2xl","3xl":"w-3xl","4xl":"w-4xl","5xl":"w-5xl",auto:"w-auto",fit:"w-fit",full:"w-full",lg:"w-lg",max:"w-max",md:"w-md",min:"w-min",screen:"w-screen",sm:"w-sm",xl:"w-xl",xs:"w-xs"},zIndex:{"0":"z-0","1":"z-1","2":"z-2","3":"z-3","4":"z-4","5":"z-5","6":"z-6","7":"z-7","8":"z-8","9":"z-9","10":"z-10","12":"z-12","16":"z-16","20":"z-20","24":"z-24","28":"z-28","32":"z-32",large:"z-8",medium:"z-5",none:"z-0",small:"z-3",xlarge:"z-12",xsmall:"z-2",xxlarge:"z-24",xxsmall:"z-1"}}}),{createResponsive:createResponsiveBox}=import_responsive.createResponsiveComponent(boxVariants),BoxSlot=import_slot.createSlot("Box");function Box({children,className="",as="div",style,asChild,...props}){let classes=createResponsiveBox(props);return jsx_runtime.jsx(asChild?BoxSlot:as,{className:import_cn.cn(classes,className),style,children})}