@kubetail/ui 0.1.3 → 0.1.5-rc1

package/README.md

@@ -28,23 +28,25 @@ Open [http://localhost:6006](http://localhost:6006) in your browser to see the c
 
 ## Integrate kubetail-ui into your Tailwind CSS project
 
-1. Install `kubetail-ui` package (replace X.Y.Z with desired version)
+1. Install `@kubetail/ui` package
 
 ```bash
-pnpm add git+ssh://git@github.com/kubetail-org/kubetail-ui.git#vX.Y.Z
+pnpm add -D @kubetail/ui
 ```
 
 2. Modify your Tailwind config file
 
 ```javascript
-module.exports = {
+import kubetailUIPlugin from '@kubetail/ui/plugin';
+
+export default {
   content: [
     ...
-    "./node_modules/kubetail-ui/esm/*.js"
+    './node_modules/@kubetail/ui/**/*.js',
   ],
   plugins: [
     ...
-    require('kubetail-ui/plugin')
-  ]
-}
+    kubetailUIPlugin,
+  ],
+};
 ```

package/dist/elements/Alert.cjs

@@ -1 +1,2 @@
 "use strict";const e=require("react/jsx-runtime"),l=require("@heroicons/react/24/solid"),t=({children:s})=>e.jsx("div",{className:"rounded-md bg-yellow-50 p-4",children:e.jsxs("div",{className:"flex",children:[e.jsx("div",{className:"flex-shrink-0",children:e.jsx(l.ExclamationTriangleIcon,{className:"h-5 w-5 text-yellow-400","aria-hidden":"true"})}),e.jsxs("div",{className:"ml-3",children:[e.jsx("h3",{className:"text-sm font-medium text-yellow-800",children:"Attention"}),e.jsx("div",{className:"mt-2 text-sm text-yellow-700",children:e.jsx("div",{children:s})})]})]})});module.exports=t;
+//# sourceMappingURL=Alert.cjs.map

package/dist/elements/Alert.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.cjs","sources":["../../src/elements/Alert.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport { ExclamationTriangleIcon } from '@heroicons/react/24/solid';\n/**\n * UI component for displaying alerts\n */\nconst Alert = ({ children }) => (_jsx(\"div\", { className: \"rounded-md bg-yellow-50 p-4\", children: _jsxs(\"div\", { className: \"flex\", children: [_jsx(\"div\", { className: \"flex-shrink-0\", children: _jsx(ExclamationTriangleIcon, { className: \"h-5 w-5 text-yellow-400\", \"aria-hidden\": \"true\" }) }), _jsxs(\"div\", { className: \"ml-3\", children: [_jsx(\"h3\", { className: \"text-sm font-medium text-yellow-800\", children: \"Attention\" }), _jsx(\"div\", { className: \"mt-2 text-sm text-yellow-700\", children: _jsx(\"div\", { children: children }) })] })] }) }));\nexport default Alert;\n"],"names":["Alert","children","_jsx","_jsxs","ExclamationTriangleIcon"],"mappings":"yFAkBMA,EAAQ,CAAC,CAAE,SAAAC,KAAgBC,EAAAA,IAAK,MAAO,CAAE,UAAW,8BAA+B,SAAUC,EAAAA,KAAM,MAAO,CAAE,UAAW,OAAQ,SAAU,CAACD,EAAK,IAAA,MAAO,CAAE,UAAW,gBAAiB,SAAUA,MAAKE,EAAAA,wBAAyB,CAAE,UAAW,0BAA2B,cAAe,MAAO,CAAC,EAAG,EAAGD,EAAAA,KAAM,MAAO,CAAE,UAAW,OAAQ,SAAU,CAACD,MAAK,KAAM,CAAE,UAAW,sCAAuC,SAAU,WAAA,CAAa,EAAGA,MAAK,MAAO,CAAE,UAAW,+BAAgC,SAAUA,EAAAA,IAAK,MAAO,CAAE,SAAAD,CAAoB,CAAA,CAAG,CAAA,CAAC,EAAG,CAAC,CAAG,CAAA,CAAG,CAAA"}

package/dist/elements/Alert.js

@@ -4,3 +4,4 @@ const d = ({ children: t }) => e("div", { className: "rounded-md bg-yellow-50 p-
 export {
   d as default
 };
+//# sourceMappingURL=Alert.js.map

package/dist/elements/Alert.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Alert.js","sources":["../../src/elements/Alert.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport { ExclamationTriangleIcon } from '@heroicons/react/24/solid';\n/**\n * UI component for displaying alerts\n */\nconst Alert = ({ children }) => (_jsx(\"div\", { className: \"rounded-md bg-yellow-50 p-4\", children: _jsxs(\"div\", { className: \"flex\", children: [_jsx(\"div\", { className: \"flex-shrink-0\", children: _jsx(ExclamationTriangleIcon, { className: \"h-5 w-5 text-yellow-400\", \"aria-hidden\": \"true\" }) }), _jsxs(\"div\", { className: \"ml-3\", children: [_jsx(\"h3\", { className: \"text-sm font-medium text-yellow-800\", children: \"Attention\" }), _jsx(\"div\", { className: \"mt-2 text-sm text-yellow-700\", children: _jsx(\"div\", { children: children }) })] })] }) }));\nexport default Alert;\n"],"names":["Alert","children","_jsx","_jsxs","ExclamationTriangleIcon"],"mappings":";;AAkBA,MAAMA,IAAQ,CAAC,EAAE,UAAAC,QAAgBC,EAAK,OAAO,EAAE,WAAW,+BAA+B,UAAUC,EAAM,OAAO,EAAE,WAAW,QAAQ,UAAU,CAACD,EAAK,OAAO,EAAE,WAAW,iBAAiB,UAAUA,EAAKE,GAAyB,EAAE,WAAW,2BAA2B,eAAe,OAAO,CAAC,GAAG,GAAGD,EAAM,OAAO,EAAE,WAAW,QAAQ,UAAU,CAACD,EAAK,MAAM,EAAE,WAAW,uCAAuC,UAAU,YAAA,CAAa,GAAGA,EAAK,OAAO,EAAE,WAAW,gCAAgC,UAAUA,EAAK,OAAO,EAAE,UAAAD,EAAoB,CAAA,EAAG,CAAA,CAAC,GAAG,CAAC,EAAG,CAAA,EAAG,CAAA;"}

package/dist/elements/Button.cjs

@@ -1 +1,2 @@
 "use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("react/jsx-runtime"),g=require("@restart/ui/Button"),m=require("class-variance-authority"),l=require("react"),b=require("../lib/utils.cjs"),r=m.cva("uppercase inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",{variants:{intent:{primary:"bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm",secondary:"bg-secondary text-secondary-foreground hover:bg-secondary/60 shadow-sm",danger:"bg-danger text-danger-foreground hover:bg-danger/90 shadow-sm",outline:"border border-input bg-background hover:bg-secondary hover:text-secondary-foreground",ghost:"hover:bg-secondary hover:text-secondary-foreground",link:"text-primary underline-offset-4 hover:underline"},size:{xs:"px-2.5 py-1.5 text-xs rounded",sm:"px-3 py-2 text-xs rounded-md",md:"px-4 py-2 text-sm rounded-md",lg:"px-4 py-2 text-base rounded-md",xl:"px-6 py-3 text-base rounded-md"}},defaultVariants:{intent:"primary",size:"md"}}),t=l.forwardRef(({as:n,children:o,className:s,disabled:a,...e},i)=>{const[d,{tagName:u}]=g.useButtonProps({tagName:n,disabled:a,...e});return c.jsx(u,{...e,...d,ref:i,className:b.cn(r(e),s),children:o})});t.displayName="Button";exports.buttonVariants=r;exports.default=t;
+//# sourceMappingURL=Button.cjs.map

package/dist/elements/Button.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.cjs","sources":["../../src/elements/Button.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\n// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport { useButtonProps } from '@restart/ui/Button';\nimport { cva } from 'class-variance-authority';\nimport { forwardRef } from 'react';\nimport { cn } from '@/lib/utils';\nexport const buttonVariants = cva('uppercase inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50', {\n    variants: {\n        intent: {\n            primary: 'bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm',\n            secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/60 shadow-sm',\n            danger: 'bg-danger text-danger-foreground hover:bg-danger/90 shadow-sm',\n            outline: 'border border-input bg-background hover:bg-secondary hover:text-secondary-foreground',\n            ghost: 'hover:bg-secondary hover:text-secondary-foreground',\n            link: 'text-primary underline-offset-4 hover:underline',\n        },\n        size: {\n            xs: 'px-2.5 py-1.5 text-xs rounded',\n            sm: 'px-3 py-2 text-xs rounded-md',\n            md: 'px-4 py-2 text-sm rounded-md',\n            lg: 'px-4 py-2 text-base rounded-md',\n            xl: 'px-6 py-3 text-base rounded-md',\n        },\n    },\n    defaultVariants: {\n        intent: 'primary',\n        size: 'md',\n    },\n});\nconst Button = forwardRef(({ as, children, className, disabled, ...props }, ref) => {\n    const [ariaButtonProps, { tagName: Tag }] = useButtonProps({\n        tagName: as,\n        disabled,\n        ...props,\n    });\n    return (_jsx(Tag, { ...props, ...ariaButtonProps, ref: ref, className: cn(buttonVariants(props), className), children: children }));\n});\nButton.displayName = 'Button';\nexport default Button;\n"],"names":["buttonVariants","cva","Button","forwardRef","as","children","className","disabled","props","ref","ariaButtonProps","Tag","useButtonProps","_jsx","cn"],"mappings":"wQAkBaA,EAAiBC,MAAI,mSAAoS,CAClU,SAAU,CACN,OAAQ,CACJ,QAAS,mEACT,UAAW,yEACX,OAAQ,gEACR,QAAS,uFACT,MAAO,qDACP,KAAM,iDACV,EACA,KAAM,CACF,GAAI,gCACJ,GAAI,+BACJ,GAAI,+BACJ,GAAI,iCACJ,GAAI,gCAAA,CAEZ,EACA,gBAAiB,CACb,OAAQ,UACR,KAAM,IAAA,CAEd,CAAC,EACKC,EAASC,EAAAA,WAAW,CAAC,CAAE,GAAAC,EAAI,SAAAC,EAAU,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAM,EAAGC,IAAQ,CAChF,KAAM,CAACC,EAAiB,CAAE,QAASC,CAAK,CAAA,EAAIC,EAAAA,eAAe,CACvD,QAASR,EACT,SAAAG,EACA,GAAGC,CAAA,CACN,EACD,OAAQK,EAAAA,IAAKF,EAAK,CAAE,GAAGH,EAAO,GAAGE,EAAiB,IAAAD,EAAU,UAAWK,EAAA,GAAGd,EAAeQ,CAAK,EAAGF,CAAS,EAAG,SAAAD,EAAoB,CACrI,CAAC,EACDH,EAAO,YAAc"}

package/dist/elements/Button.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { ButtonProps } from '@restart/ui/Button';
 import { type VariantProps } from 'class-variance-authority';
 export type ButtonVariantProps = VariantProps<typeof buttonVariants>;

package/dist/elements/Button.js

@@ -38,3 +38,4 @@ export {
   f as buttonVariants,
   c as default
 };
+//# sourceMappingURL=Button.js.map

package/dist/elements/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../src/elements/Button.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\n// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport { useButtonProps } from '@restart/ui/Button';\nimport { cva } from 'class-variance-authority';\nimport { forwardRef } from 'react';\nimport { cn } from '@/lib/utils';\nexport const buttonVariants = cva('uppercase inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50', {\n    variants: {\n        intent: {\n            primary: 'bg-primary text-primary-foreground hover:bg-primary/90 shadow-sm',\n            secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/60 shadow-sm',\n            danger: 'bg-danger text-danger-foreground hover:bg-danger/90 shadow-sm',\n            outline: 'border border-input bg-background hover:bg-secondary hover:text-secondary-foreground',\n            ghost: 'hover:bg-secondary hover:text-secondary-foreground',\n            link: 'text-primary underline-offset-4 hover:underline',\n        },\n        size: {\n            xs: 'px-2.5 py-1.5 text-xs rounded',\n            sm: 'px-3 py-2 text-xs rounded-md',\n            md: 'px-4 py-2 text-sm rounded-md',\n            lg: 'px-4 py-2 text-base rounded-md',\n            xl: 'px-6 py-3 text-base rounded-md',\n        },\n    },\n    defaultVariants: {\n        intent: 'primary',\n        size: 'md',\n    },\n});\nconst Button = forwardRef(({ as, children, className, disabled, ...props }, ref) => {\n    const [ariaButtonProps, { tagName: Tag }] = useButtonProps({\n        tagName: as,\n        disabled,\n        ...props,\n    });\n    return (_jsx(Tag, { ...props, ...ariaButtonProps, ref: ref, className: cn(buttonVariants(props), className), children: children }));\n});\nButton.displayName = 'Button';\nexport default Button;\n"],"names":["buttonVariants","cva","Button","forwardRef","as","children","className","disabled","props","ref","ariaButtonProps","Tag","useButtonProps","_jsx","cn"],"mappings":";;;;;AAkBa,MAAAA,IAAiBC,EAAI,oSAAoS;AAAA,EAClU,UAAU;AAAA,IACN,QAAQ;AAAA,MACJ,SAAS;AAAA,MACT,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,OAAO;AAAA,MACP,MAAM;AAAA,IACV;AAAA,IACA,MAAM;AAAA,MACF,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IAAA;AAAA,EAEZ;AAAA,EACA,iBAAiB;AAAA,IACb,QAAQ;AAAA,IACR,MAAM;AAAA,EAAA;AAEd,CAAC,GACKC,IAASC,EAAW,CAAC,EAAE,IAAAC,GAAI,UAAAC,GAAU,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAM,GAAGC,MAAQ;AAChF,QAAM,CAACC,GAAiB,EAAE,SAASC,EAAK,CAAA,IAAIC,EAAe;AAAA,IACvD,SAASR;AAAA,IACT,UAAAG;AAAA,IACA,GAAGC;AAAA,EAAA,CACN;AACD,SAAQK,EAAKF,GAAK,EAAE,GAAGH,GAAO,GAAGE,GAAiB,KAAAD,GAAU,WAAWK,EAAGd,EAAeQ,CAAK,GAAGF,CAAS,GAAG,UAAAD,GAAoB;AACrI,CAAC;AACDH,EAAO,cAAc;"}

package/dist/elements/Calendar.cjs

@@ -1 +1,2 @@
 "use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),r=require("lucide-react"),i=require("react-day-picker"),a=require("./Button.cjs"),e=require("../lib/utils.cjs"),l=()=>t.jsx(r.ChevronLeft,{className:"h-4 w-4"}),u=()=>t.jsx(r.ChevronRight,{className:"h-4 w-4"});function n({className:o,classNames:c,showOutsideDays:s=!0,...d}){return t.jsx(i.DayPicker,{showOutsideDays:s,className:e.cn("p-3",o),classNames:{months:"flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0",month:"space-y-4",caption:"flex justify-center pt-1 relative items-center",caption_label:"text-sm font-medium",nav:"space-x-1 flex items-center",nav_button:e.cn(a.buttonVariants({intent:"outline"}),"h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100"),nav_button_previous:"absolute left-1",nav_button_next:"absolute right-1",table:"w-full border-collapse space-y-1",head_row:"flex",head_cell:"text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]",row:"flex w-full mt-2",cell:"h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20",day:e.cn(a.buttonVariants({intent:"ghost"}),"h-9 w-9 p-0 font-normal aria-selected:opacity-100"),day_range_end:"day-range-end",day_selected:"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",day_today:"bg-accent text-accent-foreground",day_outside:"day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30",day_disabled:"text-muted-foreground opacity-50",day_range_middle:"aria-selected:bg-accent aria-selected:text-accent-foreground",day_hidden:"invisible",...c},components:{IconLeft:l,IconRight:u},...d})}n.displayName="Calendar";exports.Calendar=n;
+//# sourceMappingURL=Calendar.cjs.map

package/dist/elements/Calendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.cjs","sources":["../../src/elements/Calendar.tsx"],"sourcesContent":["'use client';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { DayPicker } from 'react-day-picker';\nimport { buttonVariants } from './Button';\nimport { cn } from '@/lib/utils';\nconst IconLeft = () => _jsx(ChevronLeft, { className: \"h-4 w-4\" });\nconst IconRight = () => _jsx(ChevronRight, { className: \"h-4 w-4\" });\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }) {\n    return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn('p-3', className), classNames: {\n            months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',\n            month: 'space-y-4',\n            caption: 'flex justify-center pt-1 relative items-center',\n            caption_label: 'text-sm font-medium',\n            nav: 'space-x-1 flex items-center',\n            nav_button: cn(buttonVariants({ intent: 'outline' }), 'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100'),\n            nav_button_previous: 'absolute left-1',\n            nav_button_next: 'absolute right-1',\n            table: 'w-full border-collapse space-y-1',\n            head_row: 'flex',\n            head_cell: 'text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]',\n            row: 'flex w-full mt-2',\n            cell: 'h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20',\n            day: cn(buttonVariants({ intent: 'ghost' }), 'h-9 w-9 p-0 font-normal aria-selected:opacity-100'),\n            day_range_end: 'day-range-end',\n            day_selected: 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n            day_today: 'bg-accent text-accent-foreground',\n            day_outside: 'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',\n            day_disabled: 'text-muted-foreground opacity-50',\n            day_range_middle: 'aria-selected:bg-accent aria-selected:text-accent-foreground',\n            day_hidden: 'invisible',\n            ...classNames,\n        }, components: { IconLeft, IconRight }, ...props }));\n}\nCalendar.displayName = 'Calendar';\nexport { Calendar };\n"],"names":["IconLeft","_jsx","ChevronLeft","IconRight","ChevronRight","Calendar","className","classNames","showOutsideDays","props","DayPicker","cn","buttonVariants"],"mappings":"qOAMMA,EAAW,IAAMC,EAAAA,IAAKC,EAAAA,YAAa,CAAE,UAAW,UAAW,EAC3DC,EAAY,IAAMF,EAAAA,IAAKG,EAAAA,aAAc,CAAE,UAAW,UAAW,EACnE,SAASC,EAAS,CAAE,UAAAC,EAAW,WAAAC,EAAY,gBAAAC,EAAkB,GAAM,GAAGC,GAAS,CACnE,OAAAR,EAAA,IAAKS,YAAW,CAAE,gBAAAF,EAAkC,UAAWG,EAAAA,GAAG,MAAOL,CAAS,EAAG,WAAY,CACjG,OAAQ,gEACR,MAAO,YACP,QAAS,iDACT,cAAe,sBACf,IAAK,8BACL,WAAYK,KAAGC,iBAAe,CAAE,OAAQ,SAAU,CAAC,EAAG,yDAAyD,EAC/G,oBAAqB,kBACrB,gBAAiB,mBACjB,MAAO,mCACP,SAAU,OACV,UAAW,iEACX,IAAK,mBACL,KAAM,mTACN,IAAKD,KAAGC,iBAAe,CAAE,OAAQ,OAAQ,CAAC,EAAG,mDAAmD,EAChG,cAAe,gBACf,aAAc,mIACd,UAAW,mCACX,YAAa,uIACb,aAAc,mCACd,iBAAkB,+DAClB,WAAY,YACZ,GAAGL,CAAA,EACJ,WAAY,CAAE,SAAAP,EAAU,UAAAG,GAAa,GAAGM,EAAO,CAC1D,CACAJ,EAAS,YAAc"}

package/dist/elements/Calendar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { DayPicker } from 'react-day-picker';
 export type CalendarProps = React.ComponentProps<typeof DayPicker>;
 declare function Calendar({ className, classNames, showOutsideDays, ...props }: CalendarProps): import("react/jsx-runtime").JSX.Element;

package/dist/elements/Calendar.js

@@ -34,3 +34,4 @@ u.displayName = "Calendar";
 export {
   u as Calendar
 };
+//# sourceMappingURL=Calendar.js.map

package/dist/elements/Calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.js","sources":["../../src/elements/Calendar.tsx"],"sourcesContent":["'use client';\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { DayPicker } from 'react-day-picker';\nimport { buttonVariants } from './Button';\nimport { cn } from '@/lib/utils';\nconst IconLeft = () => _jsx(ChevronLeft, { className: \"h-4 w-4\" });\nconst IconRight = () => _jsx(ChevronRight, { className: \"h-4 w-4\" });\nfunction Calendar({ className, classNames, showOutsideDays = true, ...props }) {\n    return (_jsx(DayPicker, { showOutsideDays: showOutsideDays, className: cn('p-3', className), classNames: {\n            months: 'flex flex-col sm:flex-row space-y-4 sm:space-x-4 sm:space-y-0',\n            month: 'space-y-4',\n            caption: 'flex justify-center pt-1 relative items-center',\n            caption_label: 'text-sm font-medium',\n            nav: 'space-x-1 flex items-center',\n            nav_button: cn(buttonVariants({ intent: 'outline' }), 'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100'),\n            nav_button_previous: 'absolute left-1',\n            nav_button_next: 'absolute right-1',\n            table: 'w-full border-collapse space-y-1',\n            head_row: 'flex',\n            head_cell: 'text-muted-foreground rounded-md w-9 font-normal text-[0.8rem]',\n            row: 'flex w-full mt-2',\n            cell: 'h-9 w-9 text-center text-sm p-0 relative [&:has([aria-selected].day-range-end)]:rounded-r-md [&:has([aria-selected].day-outside)]:bg-accent/50 [&:has([aria-selected])]:bg-accent first:[&:has([aria-selected])]:rounded-l-md last:[&:has([aria-selected])]:rounded-r-md focus-within:relative focus-within:z-20',\n            day: cn(buttonVariants({ intent: 'ghost' }), 'h-9 w-9 p-0 font-normal aria-selected:opacity-100'),\n            day_range_end: 'day-range-end',\n            day_selected: 'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n            day_today: 'bg-accent text-accent-foreground',\n            day_outside: 'day-outside text-muted-foreground opacity-50 aria-selected:bg-accent/50 aria-selected:text-muted-foreground aria-selected:opacity-30',\n            day_disabled: 'text-muted-foreground opacity-50',\n            day_range_middle: 'aria-selected:bg-accent aria-selected:text-accent-foreground',\n            day_hidden: 'invisible',\n            ...classNames,\n        }, components: { IconLeft, IconRight }, ...props }));\n}\nCalendar.displayName = 'Calendar';\nexport { Calendar };\n"],"names":["IconLeft","_jsx","ChevronLeft","IconRight","ChevronRight","Calendar","className","classNames","showOutsideDays","props","DayPicker","cn","buttonVariants"],"mappings":";;;;;AAMA,MAAMA,IAAW,MAAMC,EAAKC,GAAa,EAAE,WAAW,WAAW,GAC3DC,IAAY,MAAMF,EAAKG,GAAc,EAAE,WAAW,WAAW;AACnE,SAASC,EAAS,EAAE,WAAAC,GAAW,YAAAC,GAAY,iBAAAC,IAAkB,IAAM,GAAGC,KAAS;AACnE,SAAAR,EAAKS,GAAW,EAAE,iBAAAF,GAAkC,WAAWG,EAAG,OAAOL,CAAS,GAAG,YAAY;AAAA,IACjG,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,SAAS;AAAA,IACT,eAAe;AAAA,IACf,KAAK;AAAA,IACL,YAAYK,EAAGC,EAAe,EAAE,QAAQ,UAAU,CAAC,GAAG,yDAAyD;AAAA,IAC/G,qBAAqB;AAAA,IACrB,iBAAiB;AAAA,IACjB,OAAO;AAAA,IACP,UAAU;AAAA,IACV,WAAW;AAAA,IACX,KAAK;AAAA,IACL,MAAM;AAAA,IACN,KAAKD,EAAGC,EAAe,EAAE,QAAQ,QAAQ,CAAC,GAAG,mDAAmD;AAAA,IAChG,eAAe;AAAA,IACf,cAAc;AAAA,IACd,WAAW;AAAA,IACX,aAAa;AAAA,IACb,cAAc;AAAA,IACd,kBAAkB;AAAA,IAClB,YAAY;AAAA,IACZ,GAAGL;AAAA,EAAA,GACJ,YAAY,EAAE,UAAAP,GAAU,WAAAG,KAAa,GAAGM,GAAO;AAC1D;AACAJ,EAAS,cAAc;"}

package/dist/elements/Container.cjs

@@ -1 +1,2 @@
 "use strict";const c=require("react/jsx-runtime"),t=require("../lib/utils.cjs"),x="container mx-auto sm:max-w-screen-sm md:max-w-screen-md lg:max-w-screen-lg xl:max-w-screen-xl 2xl:max-w-screen-2xl px-4",a=({as:e="div",children:s,className:n})=>{const r=e;return c.jsx(r,{className:t.cn(x,n),children:s})};module.exports=a;
+//# sourceMappingURL=Container.cjs.map

package/dist/elements/Container.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.cjs","sources":["../../src/elements/Container.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { cn } from '@/lib/utils';\nconst baseCN = 'container mx-auto sm:max-w-screen-sm md:max-w-screen-md lg:max-w-screen-lg xl:max-w-screen-xl 2xl:max-w-screen-2xl px-4';\nconst Container = ({ as = 'div', children, className }) => {\n    const Tag = as;\n    return (_jsx(Tag, { className: cn(baseCN, className), children: children }));\n};\nexport default Container;\n"],"names":["baseCN","Container","as","children","className","Tag","_jsx","cn"],"mappings":"gFAEMA,EAAS,0HACTC,EAAY,CAAC,CAAE,GAAAC,EAAK,MAAO,SAAAC,EAAU,UAAAC,KAAgB,CACvD,MAAMC,EAAMH,EACJ,OAAAI,EAAA,IAAKD,EAAK,CAAE,UAAWE,KAAGP,EAAQI,CAAS,EAAG,SAAAD,EAAoB,CAC9E"}

package/dist/elements/Container.js

@@ -4,3 +4,4 @@ const r = "container mx-auto sm:max-w-screen-sm md:max-w-screen-md lg:max-w-scre
 export {
   t as default
 };
+//# sourceMappingURL=Container.js.map

package/dist/elements/Container.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Container.js","sources":["../../src/elements/Container.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { cn } from '@/lib/utils';\nconst baseCN = 'container mx-auto sm:max-w-screen-sm md:max-w-screen-md lg:max-w-screen-lg xl:max-w-screen-xl 2xl:max-w-screen-2xl px-4';\nconst Container = ({ as = 'div', children, className }) => {\n    const Tag = as;\n    return (_jsx(Tag, { className: cn(baseCN, className), children: children }));\n};\nexport default Container;\n"],"names":["baseCN","Container","as","children","className","_jsx","cn"],"mappings":";;AAEA,MAAMA,IAAS,2HACTC,IAAY,CAAC,EAAE,IAAAC,IAAK,OAAO,UAAAC,GAAU,WAAAC,QAE/BC,EADIH,GACM,EAAE,WAAWI,EAAGN,GAAQI,CAAS,GAAG,UAAAD,GAAoB;"}

package/dist/elements/DataTable/Body.cjs

@@ -1 +1,2 @@
 "use strict";const i=require("react/jsx-runtime"),o=require("../../lib/utils.cjs"),a="divide-y divide-chrome-200 bg-background",s=({className:e,...t})=>i.jsx("tbody",{...t,className:o.cn(a,e)});s.displayName="DataTableBody";module.exports=s;
+//# sourceMappingURL=Body.cjs.map

package/dist/elements/DataTable/Body.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.cjs","sources":["../../../src/elements/DataTable/Body.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { cn } from '@/lib/utils';\nconst baseCls = 'divide-y divide-chrome-200 bg-background';\nconst Body = ({ className, ...props }) => (_jsx(\"tbody\", { ...props, className: cn(baseCls, className) }));\nBody.displayName = 'DataTableBody';\nexport default Body;\n"],"names":["baseCls","Body","className","props","_jsx","cn"],"mappings":"mFAEMA,EAAU,2CACVC,EAAO,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAAaC,EAAAA,IAAK,QAAS,CAAE,GAAGD,EAAO,UAAWE,KAAGL,EAASE,CAAS,CAAG,CAAA,EACxGD,EAAK,YAAc"}

package/dist/elements/DataTable/Body.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentPropsWithoutRef } from 'react';
 declare const Body: {
-    ({ className, ...props }: ComponentPropsWithoutRef<'tbody'>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: ComponentPropsWithoutRef<"tbody">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Body;

package/dist/elements/DataTable/Body.js

@@ -5,3 +5,4 @@ t.displayName = "DataTableBody";
 export {
   t as default
 };
+//# sourceMappingURL=Body.js.map

package/dist/elements/DataTable/Body.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Body.js","sources":["../../../src/elements/DataTable/Body.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport { cn } from '@/lib/utils';\nconst baseCls = 'divide-y divide-chrome-200 bg-background';\nconst Body = ({ className, ...props }) => (_jsx(\"tbody\", { ...props, className: cn(baseCls, className) }));\nBody.displayName = 'DataTableBody';\nexport default Body;\n"],"names":["baseCls","Body","className","props","_jsx","cn"],"mappings":";;AAEA,MAAMA,IAAU,4CACVC,IAAO,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAAaC,EAAK,SAAS,EAAE,GAAGD,GAAO,WAAWE,EAAGL,GAASE,CAAS,EAAG,CAAA;AACxGD,EAAK,cAAc;"}

package/dist/elements/DataTable/DataCell.cjs

@@ -1 +1,2 @@
-"use strict";const n=require("react/jsx-runtime"),p=require("react"),r=require("../../lib/utils.cjs"),c=require("./index.cjs"),x="whitespace-nowrap",i={xs:"px-2 py-1",sm:"px-2 py-1.5",md:"px-3 py-3.5",lg:"px-3 py-3.5",xl:"px-3 py-3.5"},e=({className:s,...t})=>{const{size:a}=p.useContext(c.Context);return n.jsx("td",{...t,className:r.cn(x,i[a],s)})};e.displayName="DataTableDataCell";module.exports=e;
+"use strict";const p=require("react/jsx-runtime"),r=require("react"),n=require("../../lib/utils.cjs"),c=require("./shared.cjs"),o="whitespace-nowrap",x={xs:"px-2 py-1",sm:"px-2 py-1.5",md:"px-3 py-3.5",lg:"px-3 py-3.5",xl:"px-3 py-3.5"},e=({className:s,...t})=>{const{size:a}=r.useContext(c.Context);return p.jsx("td",{...t,className:n.cn(o,x[a],s)})};e.displayName="DataTableDataCell";module.exports=e;
+//# sourceMappingURL=DataCell.cjs.map

package/dist/elements/DataTable/DataCell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCell.cjs","sources":["../../../src/elements/DataTable/DataCell.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\n// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport { useContext } from 'react';\nimport { cn } from '@/lib/utils';\nimport { Context as TableContext } from './shared';\nconst baseCls = 'whitespace-nowrap';\nconst sizeCNMap = {\n    xs: 'px-2 py-1',\n    sm: 'px-2 py-1.5',\n    md: 'px-3 py-3.5',\n    lg: 'px-3 py-3.5',\n    xl: 'px-3 py-3.5',\n};\nconst DataCell = ({ className, ...props }) => {\n    const { size } = useContext(TableContext);\n    return (_jsx(\"td\", { ...props, className: cn(baseCls, sizeCNMap[size], className) }));\n};\nDataCell.displayName = 'DataTableDataCell';\nexport default DataCell;\n"],"names":["baseCls","sizeCNMap","DataCell","className","props","size","useContext","TableContext","_jsx","cn"],"mappings":"gIAiBMA,EAAU,oBACVC,EAAY,CACd,GAAI,YACJ,GAAI,cACJ,GAAI,cACJ,GAAI,cACJ,GAAI,aACR,EACMC,EAAW,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAAY,CAC1C,KAAM,CAAE,KAAAC,CAAA,EAASC,EAAA,WAAWC,SAAY,EACxC,OAAQC,MAAK,KAAM,CAAE,GAAGJ,EAAO,UAAWK,KAAGT,EAASC,EAAUI,CAAI,EAAGF,CAAS,EAAG,CACvF,EACAD,EAAS,YAAc"}

package/dist/elements/DataTable/DataCell.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentPropsWithoutRef } from 'react';
 declare const DataCell: {
-    ({ className, ...props }: ComponentPropsWithoutRef<'td'>): import("react/jsx-runtime").JSX.Element;
+    ({ className, ...props }: ComponentPropsWithoutRef<"td">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default DataCell;

package/dist/elements/DataTable/DataCell.js

@@ -1,7 +1,7 @@
 import { jsx as s } from "react/jsx-runtime";
 import { useContext as e } from "react";
 import { cn as o } from "../../lib/utils.js";
-import { Context as m } from "./index.js";
+import { Context as m } from "./shared.js";
 const r = "whitespace-nowrap", l = {
   xs: "px-2 py-1",
   sm: "px-2 py-1.5",
@@ -16,3 +16,4 @@ x.displayName = "DataTableDataCell";
 export {
   x as default
 };
+//# sourceMappingURL=DataCell.js.map

package/dist/elements/DataTable/DataCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataCell.js","sources":["../../../src/elements/DataTable/DataCell.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\n// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport { useContext } from 'react';\nimport { cn } from '@/lib/utils';\nimport { Context as TableContext } from './shared';\nconst baseCls = 'whitespace-nowrap';\nconst sizeCNMap = {\n    xs: 'px-2 py-1',\n    sm: 'px-2 py-1.5',\n    md: 'px-3 py-3.5',\n    lg: 'px-3 py-3.5',\n    xl: 'px-3 py-3.5',\n};\nconst DataCell = ({ className, ...props }) => {\n    const { size } = useContext(TableContext);\n    return (_jsx(\"td\", { ...props, className: cn(baseCls, sizeCNMap[size], className) }));\n};\nDataCell.displayName = 'DataTableDataCell';\nexport default DataCell;\n"],"names":["baseCls","sizeCNMap","DataCell","className","props","size","useContext","TableContext","_jsx","cn"],"mappings":";;;;AAiBA,MAAMA,IAAU,qBACVC,IAAY;AAAA,EACd,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR,GACMC,IAAW,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAAY;AAC1C,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAWC,CAAY;AACxC,SAAQC,EAAK,MAAM,EAAE,GAAGJ,GAAO,WAAWK,EAAGT,GAASC,EAAUI,CAAI,GAAGF,CAAS,GAAG;AACvF;AACAD,EAAS,cAAc;"}

package/dist/elements/DataTable/Header.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),o=require("react"),d=require("../../lib/utils.cjs"),x="bg-chrome-50",n=()=>{},r=o.createContext({sortBy:null,onSortByChange:n}),s=({className:a,sortBy:c,onSortByChange:l,...u})=>{const e={sortBy:c||null,onSortByChange:l||n},i=o.useMemo(()=>e,[e]);return t.jsx(r.Provider,{value:i,children:t.jsx("thead",{...u,className:d.cn(x,a)})})};s.displayName="DataTableHeader";exports.Context=r;exports.default=s;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react/jsx-runtime"),n=require("react"),i=require("../../lib/utils.cjs"),d="bg-chrome-50",r=()=>{},s=n.createContext({sortBy:null,onSortByChange:r}),a=({className:c,sortBy:e,onSortByChange:t,...l})=>{const u=n.useMemo(()=>({sortBy:e||null,onSortByChange:t||r}),[e,t]);return o.jsx(s.Provider,{value:u,children:o.jsx("thead",{...l,className:i.cn(d,c)})})};a.displayName="DataTableHeader";exports.Context=s;exports.default=a;
+//# sourceMappingURL=Header.cjs.map

package/dist/elements/DataTable/Header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.cjs","sources":["../../../src/elements/DataTable/Header.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\n// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport { createContext, useMemo } from 'react';\nimport { cn } from '@/lib/utils';\nconst baseCls = 'bg-chrome-50';\nconst noop = () => { };\nexport const Context = createContext({\n    sortBy: null,\n    onSortByChange: noop,\n});\nconst Header = ({ className, sortBy, onSortByChange, ...props }) => {\n    const context = useMemo(() => ({\n        sortBy: sortBy || null,\n        onSortByChange: onSortByChange || noop,\n    }), [sortBy, onSortByChange]);\n    return (_jsx(Context.Provider, { value: context, children: _jsx(\"thead\", { ...props, className: cn(baseCls, className) }) }));\n};\nHeader.displayName = 'DataTableHeader';\nexport default Header;\n"],"names":["baseCls","noop","Context","createContext","Header","className","sortBy","onSortByChange","props","context","useMemo","_jsx","cn"],"mappings":"qMAgBMA,EAAU,eACVC,EAAO,IAAM,CAAE,EACRC,EAAUC,EAAAA,cAAc,CACjC,OAAQ,KACR,eAAgBF,CACpB,CAAC,EACKG,EAAS,CAAC,CAAE,UAAAC,EAAW,OAAAC,EAAQ,eAAAC,EAAgB,GAAGC,KAAY,CAC1D,MAAAC,EAAUC,EAAAA,QAAQ,KAAO,CAC3B,OAAQJ,GAAU,KAClB,eAAgBC,GAAkBN,CAAA,GAClC,CAACK,EAAQC,CAAc,CAAC,EAC5B,OAAQI,EAAAA,IAAKT,EAAQ,SAAU,CAAE,MAAOO,EAAS,SAAUE,EAAK,IAAA,QAAS,CAAE,GAAGH,EAAO,UAAWI,EAAAA,GAAGZ,EAASK,CAAS,CAAG,CAAA,EAAG,CAC/H,EACAD,EAAO,YAAc"}

package/dist/elements/DataTable/Header.js

@@ -1,19 +1,20 @@
-import { jsx as e } from "react/jsx-runtime";
-import { createContext as l, useMemo as m } from "react";
-import { cn as d } from "../../lib/utils.js";
-const u = "bg-chrome-50", t = () => {
-}, i = l({
+import { jsx as t } from "react/jsx-runtime";
+import { createContext as c, useMemo as l } from "react";
+import { cn as m } from "../../lib/utils.js";
+const d = "bg-chrome-50", r = () => {
+}, i = c({
   sortBy: null,
-  onSortByChange: t
-}), p = ({ className: r, sortBy: n, onSortByChange: a, ...s }) => {
-  const o = {
-    sortBy: n || null,
-    onSortByChange: a || t
-  }, c = m(() => o, [o]);
-  return e(i.Provider, { value: c, children: e("thead", { ...s, className: d(u, r) }) });
+  onSortByChange: r
+}), p = ({ className: a, sortBy: e, onSortByChange: o, ...n }) => {
+  const s = l(() => ({
+    sortBy: e || null,
+    onSortByChange: o || r
+  }), [e, o]);
+  return t(i.Provider, { value: s, children: t("thead", { ...n, className: m(d, a) }) });
 };
 p.displayName = "DataTableHeader";
 export {
   i as Context,
   p as default
 };
+//# sourceMappingURL=Header.js.map

package/dist/elements/DataTable/Header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Header.js","sources":["../../../src/elements/DataTable/Header.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\n// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport { createContext, useMemo } from 'react';\nimport { cn } from '@/lib/utils';\nconst baseCls = 'bg-chrome-50';\nconst noop = () => { };\nexport const Context = createContext({\n    sortBy: null,\n    onSortByChange: noop,\n});\nconst Header = ({ className, sortBy, onSortByChange, ...props }) => {\n    const context = useMemo(() => ({\n        sortBy: sortBy || null,\n        onSortByChange: onSortByChange || noop,\n    }), [sortBy, onSortByChange]);\n    return (_jsx(Context.Provider, { value: context, children: _jsx(\"thead\", { ...props, className: cn(baseCls, className) }) }));\n};\nHeader.displayName = 'DataTableHeader';\nexport default Header;\n"],"names":["baseCls","noop","Context","createContext","Header","className","sortBy","onSortByChange","props","context","useMemo","_jsx","cn"],"mappings":";;;AAgBA,MAAMA,IAAU,gBACVC,IAAO,MAAM;AAAE,GACRC,IAAUC,EAAc;AAAA,EACjC,QAAQ;AAAA,EACR,gBAAgBF;AACpB,CAAC,GACKG,IAAS,CAAC,EAAE,WAAAC,GAAW,QAAAC,GAAQ,gBAAAC,GAAgB,GAAGC,QAAY;AAC1D,QAAAC,IAAUC,EAAQ,OAAO;AAAA,IAC3B,QAAQJ,KAAU;AAAA,IAClB,gBAAgBC,KAAkBN;AAAA,EAAA,IAClC,CAACK,GAAQC,CAAc,CAAC;AAC5B,SAAQI,EAAKT,EAAQ,UAAU,EAAE,OAAOO,GAAS,UAAUE,EAAK,SAAS,EAAE,GAAGH,GAAO,WAAWI,EAAGZ,GAASK,CAAS,EAAG,CAAA,GAAG;AAC/H;AACAD,EAAO,cAAc;"}

package/dist/elements/DataTable/HeaderCell.cjs

@@ -1 +1,2 @@
-"use strict";const s=require("react/jsx-runtime"),c=require("@heroicons/react/20/solid"),r=require("react"),l=require("../../lib/utils.cjs"),d=require("./index.cjs"),h=require("./Header.cjs"),f="text-left font-semibold text-chrome-900 select-none",N="ml-2 flex-none text-chrome-400 group-hover:visible group-focus:visible",b={xs:"px-2 py-1.5",sm:"px-2 py-1.5",md:"px-3 py-3.5",lg:"px-3 py-3.5",xl:"px-3 py-3.5"},a=({children:o,className:x,sortField:n,initialSortDirection:p="ASC",...C})=>{const{size:u}=r.useContext(d.Context),{sortBy:e,onSortByChange:m}=r.useContext(h.Context),i=e&&e.field===n?e.direction:p;return s.jsxs("th",{...C,className:l.cn(f,b[u],x),children:[n&&s.jsxs("span",{className:"group inline-flex cursor-pointer",onClick:()=>{let t=i;(e==null?void 0:e.field)===n&&(t=t==="ASC"?"DESC":"ASC"),m({field:n,direction:t})},children:[o,s.jsx("span",{className:l.cn(N,(e==null?void 0:e.field)===n?"visible":"invisible"),children:i==="ASC"?s.jsx(c.ChevronUpIcon,{className:"h-5 w-5"}):s.jsx(c.ChevronDownIcon,{className:"h-5 w-5"})})]}),!n&&o]})};a.displayName="DataTableHeaderCell";module.exports=a;
+"use strict";const i=require("react/jsx-runtime"),l=require("@heroicons/react/20/solid"),a=require("react"),x=require("../../lib/utils.cjs"),m=require("./Header.cjs"),b=require("./shared.cjs"),N="text-left font-semibold text-chrome-900 select-none",S="ml-2 flex-none text-chrome-400 group-hover:visible group-focus:visible",D={xs:"px-2 py-1.5",sm:"px-2 py-1.5",md:"px-3 py-3.5",lg:"px-3 py-3.5",xl:"px-3 py-3.5"},C=({children:c,className:p,sortField:n,initialSortDirection:u="ASC",...f})=>{const{size:d}=a.useContext(b.Context),{sortBy:e,onSortByChange:r}=a.useContext(m.Context),t=e&&e.field===n?e.direction:u,h=s=>{if(s.key==="Enter"||s.key===" "){let o=t;(e==null?void 0:e.field)===n&&(o=o==="ASC"?"DESC":"ASC"),n&&r({field:n,direction:o})}};return i.jsxs("th",{...f,className:x.cn(N,D[d],p),children:[n&&i.jsxs("span",{className:"group inline-flex cursor-pointer",role:"button",tabIndex:0,onClick:()=>{let s=t;(e==null?void 0:e.field)===n&&(s=s==="ASC"?"DESC":"ASC"),r({field:n,direction:s})},onKeyDown:h,children:[c,i.jsx("span",{className:x.cn(S,(e==null?void 0:e.field)===n?"visible":"invisible"),children:t==="ASC"?i.jsx(l.ChevronUpIcon,{className:"h-5 w-5"}):i.jsx(l.ChevronDownIcon,{className:"h-5 w-5"})})]}),!n&&c]})};C.displayName="DataTableHeaderCell";module.exports=C;
+//# sourceMappingURL=HeaderCell.cjs.map

package/dist/elements/DataTable/HeaderCell.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.cjs","sources":["../../../src/elements/DataTable/HeaderCell.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/20/solid';\nimport { useContext } from 'react';\nimport { cn } from '@/lib/utils';\nimport { Context as HeaderContext } from './Header';\nimport { Context as TableContext } from './shared';\nconst baseCN = 'text-left font-semibold text-chrome-900 select-none';\nconst sortIconCN = 'ml-2 flex-none text-chrome-400 group-hover:visible group-focus:visible';\nconst sizeCNMap = {\n    xs: 'px-2 py-1.5',\n    sm: 'px-2 py-1.5',\n    md: 'px-3 py-3.5',\n    lg: 'px-3 py-3.5',\n    xl: 'px-3 py-3.5',\n};\nconst HeaderCell = ({ children, className, sortField, initialSortDirection = 'ASC', ...props }) => {\n    const { size } = useContext(TableContext);\n    const { sortBy, onSortByChange } = useContext(HeaderContext);\n    const sortDirection = sortBy && sortBy.field === sortField\n        ? sortBy.direction : initialSortDirection;\n    const handleKeyPress = (event) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n            let newDirection = sortDirection;\n            if (sortBy?.field === sortField)\n                newDirection = newDirection === 'ASC' ? 'DESC' : 'ASC';\n            if (sortField)\n                onSortByChange({ field: sortField, direction: newDirection });\n        }\n    };\n    return (_jsxs(\"th\", { ...props, className: cn(baseCN, sizeCNMap[size], className), children: [sortField && (_jsxs(\"span\", { className: \"group inline-flex cursor-pointer\", role: \"button\", tabIndex: 0, onClick: () => {\n                    let newDirection = sortDirection;\n                    if (sortBy?.field === sortField)\n                        newDirection = newDirection === 'ASC' ? 'DESC' : 'ASC';\n                    onSortByChange({ field: sortField, direction: newDirection });\n                }, onKeyDown: handleKeyPress, children: [children, _jsx(\"span\", { className: cn(sortIconCN, sortBy?.field === sortField ? 'visible' : 'invisible'), children: sortDirection === 'ASC' ? _jsx(ChevronUpIcon, { className: \"h-5 w-5\" }) : _jsx(ChevronDownIcon, { className: \"h-5 w-5\" }) })] })), !sortField && children] }));\n};\nHeaderCell.displayName = 'DataTableHeaderCell';\nexport default HeaderCell;\n"],"names":["baseCN","sortIconCN","sizeCNMap","HeaderCell","children","className","sortField","initialSortDirection","props","size","useContext","TableContext","sortBy","onSortByChange","HeaderContext","sortDirection","handleKeyPress","event","newDirection","_jsxs","cn","_jsx","ChevronUpIcon","ChevronDownIcon"],"mappings":"iMAmBMA,EAAS,sDACTC,EAAa,yEACbC,EAAY,CACd,GAAI,cACJ,GAAI,cACJ,GAAI,cACJ,GAAI,cACJ,GAAI,aACR,EACMC,EAAa,CAAC,CAAE,SAAAC,EAAU,UAAAC,EAAW,UAAAC,EAAW,qBAAAC,EAAuB,MAAO,GAAGC,KAAY,CAC/F,KAAM,CAAE,KAAAC,CAAA,EAASC,EAAA,WAAWC,SAAY,EAClC,CAAE,OAAAC,EAAQ,eAAAC,GAAmBH,EAAAA,WAAWI,EAAAA,OAAa,EACrDC,EAAgBH,GAAUA,EAAO,QAAUN,EAC3CM,EAAO,UAAYL,EACnBS,EAAkBC,GAAU,CAC9B,GAAIA,EAAM,MAAQ,SAAWA,EAAM,MAAQ,IAAK,CAC5C,IAAIC,EAAeH,GACfH,GAAA,YAAAA,EAAQ,SAAUN,IACHY,EAAAA,IAAiB,MAAQ,OAAS,OACjDZ,GACAO,EAAe,CAAE,MAAOP,EAAW,UAAWY,EAAc,CAAA,CAExE,EACQ,OAAAC,OAAM,KAAM,CAAE,GAAGX,EAAO,UAAWY,EAAA,GAAGpB,EAAQE,EAAUO,CAAI,EAAGJ,CAAS,EAAG,SAAU,CAACC,GAAca,EAAAA,KAAM,OAAQ,CAAE,UAAW,mCAAoC,KAAM,SAAU,SAAU,EAAG,QAAS,IAAM,CACvM,IAAID,EAAeH,GACfH,GAAA,YAAAA,EAAQ,SAAUN,IACHY,EAAAA,IAAiB,MAAQ,OAAS,OACrDL,EAAe,CAAE,MAAOP,EAAW,UAAWY,EAAc,CAAA,EAC7D,UAAWF,EAAgB,SAAU,CAACZ,EAAUiB,EAAAA,IAAK,OAAQ,CAAE,UAAWD,EAAAA,GAAGnB,GAAYW,GAAA,YAAAA,EAAQ,SAAUN,EAAY,UAAY,WAAW,EAAG,SAAUS,IAAkB,MAAQM,EAAAA,IAAKC,EAAAA,cAAe,CAAE,UAAW,UAAW,EAAID,MAAKE,kBAAiB,CAAE,UAAW,SAAU,CAAC,EAAG,CAAC,EAAG,EAAI,CAACjB,GAAaF,CAAQ,EAAG,CAC1U,EACAD,EAAW,YAAc"}

package/dist/elements/DataTable/HeaderCell.js

@@ -1,23 +1,29 @@
-import { jsxs as r, jsx as t } from "react/jsx-runtime";
-import { ChevronUpIcon as f, ChevronDownIcon as h } from "@heroicons/react/20/solid";
-import { useContext as c } from "react";
-import { cn as l } from "../../lib/utils.js";
-import { Context as d } from "./index.js";
-import { Context as N } from "./Header.js";
-const u = "text-left font-semibold text-chrome-900 select-none", b = "ml-2 flex-none text-chrome-400 group-hover:visible group-focus:visible", v = {
+import { jsxs as r, jsx as c } from "react/jsx-runtime";
+import { ChevronUpIcon as d, ChevronDownIcon as b } from "@heroicons/react/20/solid";
+import { useContext as a } from "react";
+import { cn as p } from "../../lib/utils.js";
+import { Context as u } from "./Header.js";
+import { Context as N } from "./shared.js";
+const S = "text-left font-semibold text-chrome-900 select-none", D = "ml-2 flex-none text-chrome-400 group-hover:visible group-focus:visible", v = {
   xs: "px-2 py-1.5",
   sm: "px-2 py-1.5",
   md: "px-3 py-3.5",
   lg: "px-3 py-3.5",
   xl: "px-3 py-3.5"
-}, S = ({ children: i, className: p, sortField: o, initialSortDirection: a = "ASC", ...m }) => {
-  const { size: x } = c(d), { sortBy: e, onSortByChange: C } = c(N), s = e && e.field === o ? e.direction : a;
-  return r("th", { ...m, className: l(u, v[x], p), children: [o && r("span", { className: "group inline-flex cursor-pointer", onClick: () => {
-    let n = s;
-    (e == null ? void 0 : e.field) === o && (n = n === "ASC" ? "DESC" : "ASC"), C({ field: o, direction: n });
-  }, children: [i, t("span", { className: l(b, (e == null ? void 0 : e.field) === o ? "visible" : "invisible"), children: s === "ASC" ? t(f, { className: "h-5 w-5" }) : t(h, { className: "h-5 w-5" }) })] }), !o && i] });
+}, w = ({ children: s, className: m, sortField: n, initialSortDirection: f = "ASC", ...C }) => {
+  const { size: x } = a(N), { sortBy: e, onSortByChange: l } = a(u), i = e && e.field === n ? e.direction : f, h = (o) => {
+    if (o.key === "Enter" || o.key === " ") {
+      let t = i;
+      (e == null ? void 0 : e.field) === n && (t = t === "ASC" ? "DESC" : "ASC"), n && l({ field: n, direction: t });
+    }
+  };
+  return r("th", { ...C, className: p(S, v[x], m), children: [n && r("span", { className: "group inline-flex cursor-pointer", role: "button", tabIndex: 0, onClick: () => {
+    let o = i;
+    (e == null ? void 0 : e.field) === n && (o = o === "ASC" ? "DESC" : "ASC"), l({ field: n, direction: o });
+  }, onKeyDown: h, children: [s, c("span", { className: p(D, (e == null ? void 0 : e.field) === n ? "visible" : "invisible"), children: i === "ASC" ? c(d, { className: "h-5 w-5" }) : c(b, { className: "h-5 w-5" }) })] }), !n && s] });
 };
-S.displayName = "DataTableHeaderCell";
+w.displayName = "DataTableHeaderCell";
 export {
-  S as default
+  w as default
 };
+//# sourceMappingURL=HeaderCell.js.map

package/dist/elements/DataTable/HeaderCell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HeaderCell.js","sources":["../../../src/elements/DataTable/HeaderCell.tsx"],"sourcesContent":["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\n// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport { ChevronDownIcon, ChevronUpIcon } from '@heroicons/react/20/solid';\nimport { useContext } from 'react';\nimport { cn } from '@/lib/utils';\nimport { Context as HeaderContext } from './Header';\nimport { Context as TableContext } from './shared';\nconst baseCN = 'text-left font-semibold text-chrome-900 select-none';\nconst sortIconCN = 'ml-2 flex-none text-chrome-400 group-hover:visible group-focus:visible';\nconst sizeCNMap = {\n    xs: 'px-2 py-1.5',\n    sm: 'px-2 py-1.5',\n    md: 'px-3 py-3.5',\n    lg: 'px-3 py-3.5',\n    xl: 'px-3 py-3.5',\n};\nconst HeaderCell = ({ children, className, sortField, initialSortDirection = 'ASC', ...props }) => {\n    const { size } = useContext(TableContext);\n    const { sortBy, onSortByChange } = useContext(HeaderContext);\n    const sortDirection = sortBy && sortBy.field === sortField\n        ? sortBy.direction : initialSortDirection;\n    const handleKeyPress = (event) => {\n        if (event.key === 'Enter' || event.key === ' ') {\n            let newDirection = sortDirection;\n            if (sortBy?.field === sortField)\n                newDirection = newDirection === 'ASC' ? 'DESC' : 'ASC';\n            if (sortField)\n                onSortByChange({ field: sortField, direction: newDirection });\n        }\n    };\n    return (_jsxs(\"th\", { ...props, className: cn(baseCN, sizeCNMap[size], className), children: [sortField && (_jsxs(\"span\", { className: \"group inline-flex cursor-pointer\", role: \"button\", tabIndex: 0, onClick: () => {\n                    let newDirection = sortDirection;\n                    if (sortBy?.field === sortField)\n                        newDirection = newDirection === 'ASC' ? 'DESC' : 'ASC';\n                    onSortByChange({ field: sortField, direction: newDirection });\n                }, onKeyDown: handleKeyPress, children: [children, _jsx(\"span\", { className: cn(sortIconCN, sortBy?.field === sortField ? 'visible' : 'invisible'), children: sortDirection === 'ASC' ? _jsx(ChevronUpIcon, { className: \"h-5 w-5\" }) : _jsx(ChevronDownIcon, { className: \"h-5 w-5\" }) })] })), !sortField && children] }));\n};\nHeaderCell.displayName = 'DataTableHeaderCell';\nexport default HeaderCell;\n"],"names":["baseCN","sortIconCN","sizeCNMap","HeaderCell","children","className","sortField","initialSortDirection","props","size","useContext","TableContext","sortBy","onSortByChange","HeaderContext","sortDirection","handleKeyPress","event","newDirection","_jsxs","cn","_jsx","ChevronUpIcon","ChevronDownIcon"],"mappings":";;;;;;AAmBA,MAAMA,IAAS,uDACTC,IAAa,0EACbC,IAAY;AAAA,EACd,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR,GACMC,IAAa,CAAC,EAAE,UAAAC,GAAU,WAAAC,GAAW,WAAAC,GAAW,sBAAAC,IAAuB,OAAO,GAAGC,QAAY;AAC/F,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAWC,CAAY,GAClC,EAAE,QAAAC,GAAQ,gBAAAC,MAAmBH,EAAWI,CAAa,GACrDC,IAAgBH,KAAUA,EAAO,UAAUN,IAC3CM,EAAO,YAAYL,GACnBS,IAAiB,CAACC,MAAU;AAC9B,QAAIA,EAAM,QAAQ,WAAWA,EAAM,QAAQ,KAAK;AAC5C,UAAIC,IAAeH;AACnB,OAAIH,KAAA,gBAAAA,EAAQ,WAAUN,MACHY,IAAAA,MAAiB,QAAQ,SAAS,QACjDZ,KACAO,EAAe,EAAE,OAAOP,GAAW,WAAWY,GAAc;AAAA,IAAA;AAAA,EAExE;AACQ,SAAAC,EAAM,MAAM,EAAE,GAAGX,GAAO,WAAWY,EAAGpB,GAAQE,EAAUO,CAAI,GAAGJ,CAAS,GAAG,UAAU,CAACC,KAAca,EAAM,QAAQ,EAAE,WAAW,oCAAoC,MAAM,UAAU,UAAU,GAAG,SAAS,MAAM;AACvM,QAAID,IAAeH;AACnB,KAAIH,KAAA,gBAAAA,EAAQ,WAAUN,MACHY,IAAAA,MAAiB,QAAQ,SAAS,QACrDL,EAAe,EAAE,OAAOP,GAAW,WAAWY,GAAc;AAAA,EAAA,GAC7D,WAAWF,GAAgB,UAAU,CAACZ,GAAUiB,EAAK,QAAQ,EAAE,WAAWD,EAAGnB,IAAYW,KAAA,gBAAAA,EAAQ,WAAUN,IAAY,YAAY,WAAW,GAAG,UAAUS,MAAkB,QAAQM,EAAKC,GAAe,EAAE,WAAW,WAAW,IAAID,EAAKE,GAAiB,EAAE,WAAW,UAAU,CAAC,GAAG,CAAC,GAAG,GAAI,CAACjB,KAAaF,CAAQ,GAAG;AAC1U;AACAD,EAAW,cAAc;"}

package/dist/elements/DataTable/Row.cjs

@@ -1 +1,2 @@
 "use strict";const e=require("react/jsx-runtime"),s=t=>e.jsx("tr",{...t});s.displayName="DataTableRow";module.exports=s;
+//# sourceMappingURL=Row.cjs.map

package/dist/elements/DataTable/Row.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.cjs","sources":["../../../src/elements/DataTable/Row.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nconst Row = (props) => (_jsx(\"tr\", { ...props }));\nRow.displayName = 'DataTableRow';\nexport default Row;\n"],"names":["Row","props","_jsx"],"mappings":"kDACMA,EAAOC,GAAWC,EAAAA,IAAK,KAAM,CAAE,GAAGD,CAAO,CAAA,EAC/CD,EAAI,YAAc"}

package/dist/elements/DataTable/Row.d.ts

@@ -1,6 +1,6 @@
 import type { ComponentPropsWithoutRef } from 'react';
 declare const Row: {
-    (props: ComponentPropsWithoutRef<'tr'>): import("react/jsx-runtime").JSX.Element;
+    (props: ComponentPropsWithoutRef<"tr">): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Row;

package/dist/elements/DataTable/Row.js

@@ -4,3 +4,4 @@ t.displayName = "DataTableRow";
 export {
   t as default
 };
+//# sourceMappingURL=Row.js.map

package/dist/elements/DataTable/Row.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Row.js","sources":["../../../src/elements/DataTable/Row.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\nconst Row = (props) => (_jsx(\"tr\", { ...props }));\nRow.displayName = 'DataTableRow';\nexport default Row;\n"],"names":["Row","props","_jsx"],"mappings":";AACM,MAAAA,IAAM,CAACC,MAAWC,EAAK,MAAM,EAAE,GAAGD,EAAO,CAAA;AAC/CD,EAAI,cAAc;"}

package/dist/elements/DataTable/index.cjs

@@ -1 +1,2 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("react/jsx-runtime"),a=require("react"),r=require("../../lib/utils.cjs"),d=require("./Body.cjs"),u=require("./DataCell.cjs"),x=require("./Header.cjs"),m=require("./HeaderCell.cjs"),b=require("./Row.cjs"),o=a.createContext({size:"md"}),v="overflow-hidden shadow ring-1 ring-black ring-opacity-5 rounded-lg",g={xs:"text-xs",sm:"text-sm",md:"text-sm",lg:"text-base",xl:"text-base"},n=({className:l,children:c,size:e="md"})=>{const s={size:e},i=a.useMemo(()=>s,[s]);return t.jsx(o.Provider,{value:i,children:t.jsx("div",{className:r.cn(v,l),children:t.jsx("table",{className:r.cn("min-w-full divide-y divide-chrome-300",e&&g[e]),children:c})})})};n.displayName="DataTable";const q=Object.assign(n,{Body:d,DataCell:u,Header:x.default,HeaderCell:m,Row:b});exports.Context=o;exports.default=q;
+"use strict";const t=require("react/jsx-runtime"),c=require("react"),s=require("../../lib/utils.cjs"),i=require("./Body.cjs"),l=require("./DataCell.cjs"),d=require("./Header.cjs"),u=require("./HeaderCell.cjs"),x=require("./Row.cjs"),m=require("./shared.cjs"),b="overflow-hidden shadow ring-1 ring-black ring-opacity-5 rounded-lg",q={xs:"text-xs",sm:"text-sm",md:"text-sm",lg:"text-base",xl:"text-base"},r=({className:a,children:n,size:e="md"})=>{const o=c.useMemo(()=>({size:e}),[e]);return t.jsx(m.Context.Provider,{value:o,children:t.jsx("div",{className:s.cn(b,a),children:t.jsx("table",{className:s.cn("min-w-full divide-y divide-chrome-300",e&&q[e]),children:n})})})};r.displayName="DataTable";const g=Object.assign(r,{Body:i,DataCell:l,Header:d.default,HeaderCell:u,Row:x});module.exports=g;
+//# sourceMappingURL=index.cjs.map

package/dist/elements/DataTable/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/elements/DataTable/index.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\n// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport { useMemo } from 'react';\nimport { cn } from '@/lib/utils';\nimport Body from './Body';\nimport DataCell from './DataCell';\nimport Header from './Header';\nimport HeaderCell from './HeaderCell';\nimport Row from './Row';\nimport { Context } from './shared';\nconst baseCls = 'overflow-hidden shadow ring-1 ring-black ring-opacity-5 rounded-lg';\nconst sizeCNMap = {\n    xs: 'text-xs',\n    sm: 'text-sm',\n    md: 'text-sm',\n    lg: 'text-base',\n    xl: 'text-base',\n};\nconst DataTable = ({ className, children, size = 'md', }) => {\n    const context = useMemo(() => ({ size }), [size]);\n    return (_jsx(Context.Provider, { value: context, children: _jsx(\"div\", { className: cn(baseCls, className), children: _jsx(\"table\", { className: cn('min-w-full divide-y divide-chrome-300', size && sizeCNMap[size]), children: children }) }) }));\n};\nDataTable.displayName = 'DataTable';\nconst DataTableExport = Object.assign(DataTable, {\n    Body,\n    DataCell,\n    Header,\n    HeaderCell,\n    Row,\n});\nexport default DataTableExport;\n"],"names":["baseCls","sizeCNMap","DataTable","className","children","size","context","useMemo","_jsx","Context","cn","DataTableExport","Body","DataCell","Header","HeaderCell","Row"],"mappings":"mQAsBMA,EAAU,qEACVC,EAAY,CACd,GAAI,UACJ,GAAI,UACJ,GAAI,UACJ,GAAI,YACJ,GAAI,WACR,EACMC,EAAY,CAAC,CAAE,UAAAC,EAAW,SAAAC,EAAU,KAAAC,EAAO,QAAY,CACnD,MAAAC,EAAUC,EAAAA,QAAQ,KAAO,CAAE,KAAAF,IAAS,CAACA,CAAI,CAAC,EAChD,OAAQG,EAAK,IAAAC,EAAA,QAAQ,SAAU,CAAE,MAAOH,EAAS,SAAUE,EAAAA,IAAK,MAAO,CAAE,UAAWE,EAAG,GAAAV,EAASG,CAAS,EAAG,SAAUK,EAAK,IAAA,QAAS,CAAE,UAAWE,EAAAA,GAAG,wCAAyCL,GAAQJ,EAAUI,CAAI,CAAC,EAAG,SAAAD,CAAmB,CAAC,CAAE,CAAC,EAAG,CACrP,EACAF,EAAU,YAAc,YAClB,MAAAS,EAAkB,OAAO,OAAOT,EAAW,CAC7C,KAAAU,EACA,SAAAC,EAAA,OACAC,EAAA,QACA,WAAAC,EACA,IAAAC,CACJ,CAAC"}

package/dist/elements/DataTable/index.d.ts

@@ -4,11 +4,7 @@ import DataCell from './DataCell';
 import Header from './Header';
 import HeaderCell from './HeaderCell';
 import Row from './Row';
-export type DataTableSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
-type DataTableContext = {
-    size: DataTableSize;
-};
-export declare const Context: import("react").Context<DataTableContext>;
+import type { DataTableSize } from './shared';
 interface Props extends PropsWithChildren {
     className?: string;
     size?: DataTableSize;

package/dist/elements/DataTable/index.js

@@ -1,32 +1,31 @@
-import { jsx as t } from "react/jsx-runtime";
-import { createContext as l, useMemo as d } from "react";
-import { cn as a } from "../../lib/utils.js";
-import n from "./Body.js";
-import c from "./DataCell.js";
-import x from "./Header.js";
-import p from "./HeaderCell.js";
-import f from "./Row.js";
-const b = l({
-  size: "md"
-}), u = "overflow-hidden shadow ring-1 ring-black ring-opacity-5 rounded-lg", v = {
+import { jsx as e } from "react/jsx-runtime";
+import { useMemo as l } from "react";
+import { cn as o } from "../../lib/utils.js";
+import s from "./Body.js";
+import d from "./DataCell.js";
+import n from "./Header.js";
+import c from "./HeaderCell.js";
+import p from "./Row.js";
+import { Context as x } from "./shared.js";
+const f = "overflow-hidden shadow ring-1 ring-black ring-opacity-5 rounded-lg", b = {
   xs: "text-xs",
   sm: "text-sm",
   md: "text-sm",
   lg: "text-base",
   xl: "text-base"
-}, r = ({ className: m, children: s, size: e = "md" }) => {
-  const o = { size: e }, i = d(() => o, [o]);
-  return t(b.Provider, { value: i, children: t("div", { className: a(u, m), children: t("table", { className: a("min-w-full divide-y divide-chrome-300", e && v[e]), children: s }) }) });
+}, r = ({ className: a, children: m, size: t = "md" }) => {
+  const i = l(() => ({ size: t }), [t]);
+  return e(x.Provider, { value: i, children: e("div", { className: o(f, a), children: e("table", { className: o("min-w-full divide-y divide-chrome-300", t && b[t]), children: m }) }) });
 };
 r.displayName = "DataTable";
-const j = Object.assign(r, {
-  Body: n,
-  DataCell: c,
-  Header: x,
-  HeaderCell: p,
-  Row: f
+const T = Object.assign(r, {
+  Body: s,
+  DataCell: d,
+  Header: n,
+  HeaderCell: c,
+  Row: p
 });
 export {
-  b as Context,
-  j as default
+  T as default
 };
+//# sourceMappingURL=index.js.map

package/dist/elements/DataTable/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/elements/DataTable/index.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\n// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport { useMemo } from 'react';\nimport { cn } from '@/lib/utils';\nimport Body from './Body';\nimport DataCell from './DataCell';\nimport Header from './Header';\nimport HeaderCell from './HeaderCell';\nimport Row from './Row';\nimport { Context } from './shared';\nconst baseCls = 'overflow-hidden shadow ring-1 ring-black ring-opacity-5 rounded-lg';\nconst sizeCNMap = {\n    xs: 'text-xs',\n    sm: 'text-sm',\n    md: 'text-sm',\n    lg: 'text-base',\n    xl: 'text-base',\n};\nconst DataTable = ({ className, children, size = 'md', }) => {\n    const context = useMemo(() => ({ size }), [size]);\n    return (_jsx(Context.Provider, { value: context, children: _jsx(\"div\", { className: cn(baseCls, className), children: _jsx(\"table\", { className: cn('min-w-full divide-y divide-chrome-300', size && sizeCNMap[size]), children: children }) }) }));\n};\nDataTable.displayName = 'DataTable';\nconst DataTableExport = Object.assign(DataTable, {\n    Body,\n    DataCell,\n    Header,\n    HeaderCell,\n    Row,\n});\nexport default DataTableExport;\n"],"names":["baseCls","sizeCNMap","DataTable","className","children","size","context","useMemo","_jsx","Context","cn","DataTableExport","Body","DataCell","Header","HeaderCell","Row"],"mappings":";;;;;;;;;AAsBA,MAAMA,IAAU,sEACVC,IAAY;AAAA,EACd,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACR,GACMC,IAAY,CAAC,EAAE,WAAAC,GAAW,UAAAC,GAAU,MAAAC,IAAO,WAAY;AACnD,QAAAC,IAAUC,EAAQ,OAAO,EAAE,MAAAF,MAAS,CAACA,CAAI,CAAC;AAChD,SAAQG,EAAKC,EAAQ,UAAU,EAAE,OAAOH,GAAS,UAAUE,EAAK,OAAO,EAAE,WAAWE,EAAGV,GAASG,CAAS,GAAG,UAAUK,EAAK,SAAS,EAAE,WAAWE,EAAG,yCAAyCL,KAAQJ,EAAUI,CAAI,CAAC,GAAG,UAAAD,EAAmB,CAAC,EAAE,CAAC,GAAG;AACrP;AACAF,EAAU,cAAc;AAClB,MAAAS,IAAkB,OAAO,OAAOT,GAAW;AAAA,EAC7C,MAAAU;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,YAAAC;AAAA,EACA,KAAAC;AACJ,CAAC;"}

package/dist/elements/DataTable/shared.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react"),t=e.createContext({size:"md"});exports.Context=t;
+//# sourceMappingURL=shared.cjs.map

package/dist/elements/DataTable/shared.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.cjs","sources":["../../../src/elements/DataTable/shared.tsx"],"sourcesContent":["// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport { createContext } from 'react';\nexport const Context = createContext({\n    size: 'md',\n});\n"],"names":["Context","createContext"],"mappings":"yGAcaA,EAAUC,EAAAA,cAAc,CACjC,KAAM,IACV,CAAC"}

package/dist/elements/DataTable/shared.d.ts

@@ -0,0 +1,6 @@
+export type DataTableSize = 'xs' | 'sm' | 'md' | 'lg' | 'xl';
+type DataTableContext = {
+    size: DataTableSize;
+};
+export declare const Context: import("react").Context<DataTableContext>;
+export {};

package/dist/elements/DataTable/shared.js

@@ -0,0 +1,8 @@
+import { createContext as t } from "react";
+const o = t({
+  size: "md"
+});
+export {
+  o as Context
+};
+//# sourceMappingURL=shared.js.map

package/dist/elements/DataTable/shared.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.js","sources":["../../../src/elements/DataTable/shared.tsx"],"sourcesContent":["// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport { createContext } from 'react';\nexport const Context = createContext({\n    size: 'md',\n});\n"],"names":["Context","createContext"],"mappings":";AAcO,MAAMA,IAAUC,EAAc;AAAA,EACjC,MAAM;AACV,CAAC;"}

package/dist/elements/Form.cjs

@@ -1 +1,2 @@
 "use strict";const s=require("react/jsx-runtime"),c=require("react"),n=require("../lib/utils.cjs"),i=require("./FormCheck.cjs"),u=require("./FormControl.cjs"),m=require("./FormFeedback.cjs"),F=require("./FormFieldset.cjs"),a=require("./FormGroup.cjs"),l=require("./FormLabel.cjs"),q=require("./FormOption.cjs"),p=require("./FormSelect.cjs"),d="space-y-8",e=c.forwardRef(({className:r,...o},t)=>s.jsx("form",{...o,ref:t,className:n.cn(d,r)}));e.displayName="Form";const b=Object.assign(e,{Check:i,Control:u,Group:a.default,Feedback:m,Fieldset:F,Label:l,Option:q,Select:p});module.exports=b;
+//# sourceMappingURL=Form.cjs.map

package/dist/elements/Form.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Form.cjs","sources":["../../src/elements/Form.tsx"],"sourcesContent":["import { jsx as _jsx } from \"react/jsx-runtime\";\n// Copyright 2024-2025 Andres Morey\n//\n// Licensed under the Apache License, Version 2.0 (the \"License\");\n// you may not use this file except in compliance with the License.\n// You may obtain a copy of the License at\n//\n//     http://www.apache.org/licenses/LICENSE-2.0\n//\n// Unless required by applicable law or agreed to in writing, software\n// distributed under the License is distributed on an \"AS IS\" BASIS,\n// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n// See the License for the specific language governing permissions and\n// limitations under the License.\nimport { forwardRef } from 'react';\nimport { cn } from '@/lib/utils';\nimport FormCheck from './FormCheck';\nimport FormControl from './FormControl';\nimport FormFeedback from './FormFeedback';\nimport FormFieldset from './FormFieldset';\nimport FormGroup from './FormGroup';\nimport FormLabel from './FormLabel';\nimport FormOption from './FormOption';\nimport FormSelect from './FormSelect';\nconst baseCls = 'space-y-8';\nconst Form = forwardRef(({ className, ...props }, ref) => (_jsx(\"form\", { ...props, ref: ref, className: cn(baseCls, className) })));\nForm.displayName = 'Form';\nconst FormExport = Object.assign(Form, {\n    Check: FormCheck,\n    Control: FormControl,\n    Group: FormGroup,\n    Feedback: FormFeedback,\n    Fieldset: FormFieldset,\n    Label: FormLabel,\n    Option: FormOption,\n    Select: FormSelect,\n});\nexport default FormExport;\n"],"names":["baseCls","Form","forwardRef","className","props","ref","_jsx","cn","FormExport","FormCheck","FormControl","FormGroup","FormFeedback","FormFieldset","FormLabel","FormOption","FormSelect"],"mappings":"qVAwBMA,EAAU,YACVC,EAAOC,aAAW,CAAC,CAAE,UAAAC,EAAW,GAAGC,GAASC,IAASC,MAAK,OAAQ,CAAE,GAAGF,EAAO,IAAAC,EAAU,UAAWE,KAAGP,EAASG,CAAS,CAAE,CAAC,CAAE,EACnIF,EAAK,YAAc,OACb,MAAAO,EAAa,OAAO,OAAOP,EAAM,CACnC,MAAOQ,EACP,QAASC,EACT,MAAOC,EAAA,QACP,SAAUC,EACV,SAAUC,EACV,MAAOC,EACP,OAAQC,EACR,OAAQC,CACZ,CAAC"}

package/dist/elements/Form.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import FormCheck from './FormCheck';
 import FormControl from './FormControl';
 import FormFeedback from './FormFeedback';