@loke/design-system/dist/layout/columns/index.js

A design system with individually importable components

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_columns={};__export(exports_columns,{columnsVariants:()=>columnsVariants,columnVariants:()=>columnVariants,Columns:()=>Columns,Column:()=>Column});module.exports=__toCommonJS(exports_columns);var import_cn=require("@loke/design-system/cn"),import_responsive=require("@loke/design-system/responsive"),import_class_variance_authority=require("class-variance-authority"),jsx_runtime=require("react/jsx-runtime"),columnsVariants=import_class_variance_authority.cva("grid w-full",{defaultVariants:{columns:2,gap:1},variants:{columns:{1:"grid-cols-1",2:"grid-cols-2",3:"grid-cols-3",4:"grid-cols-4",5:"grid-cols-5",6:"grid-cols-6",7:"grid-cols-7",8:"grid-cols-8",9:"grid-cols-9",10:"grid-cols-10",11:"grid-cols-11",12:"grid-cols-12","auto-fill":"grid-cols-auto-fill"},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"}}}),{createResponsive:createResponsiveColumns}=import_responsive.createResponsiveComponent(columnsVariants),Columns=({children,columns,gap,className})=>{return jsx_runtime.jsx("div",{className:import_cn.cn(createResponsiveColumns({columns,gap}),className),children})},columnVariants=import_class_variance_authority.cva("",{defaultVariants:{colSpan:1},variants:{colSpan:{1:"col-span-1",2:"col-span-2",3:"col-span-3",4:"col-span-4",5:"col-span-5",6:"col-span-6",7:"col-span-7",8:"col-span-8",9:"col-span-9",10:"col-span-10",11:"col-span-11",12:"col-span-12"}}}),{createResponsive:createResponsiveColumn}=import_responsive.createResponsiveComponent(columnVariants),Column=({children,colSpan,className})=>jsx_runtime.jsx("div",{className:import_cn.cn(createResponsiveColumn({colSpan}),className),children});