@kubetail/ui 0.2.0-rc1 → 0.3.0-rc1

package/dist/elements/Alert.cjs.map

@@ -1 +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"}
+{"version":3,"file":"Alert.cjs","sources":["../../src/elements/Alert.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.\n\nimport { ExclamationTriangleIcon } from '@heroicons/react/24/solid';\nimport type { ReactNode } from 'react';\n\ntype Props = {\n  children?: ReactNode;\n};\n\n/**\n * UI component for displaying alerts\n */\nconst Alert = ({ children }: Props) => (\n  <div className=\"rounded-md bg-yellow-50 p-4\">\n    <div className=\"flex\">\n      <div className=\"flex-shrink-0\">\n        <ExclamationTriangleIcon className=\"h-5 w-5 text-yellow-400\" aria-hidden=\"true\" />\n      </div>\n      <div className=\"ml-3\">\n        <h3 className=\"text-sm font-medium text-yellow-800\">Attention</h3>\n        <div className=\"mt-2 text-sm text-yellow-700\">\n          <div>{children}</div>\n        </div>\n      </div>\n    </div>\n  </div>\n);\n\nexport default Alert;\n"],"names":["Alert","children","jsx","jsxs","ExclamationTriangleIcon"],"mappings":"yFAwBMA,EAAQ,CAAC,CAAE,SAAAC,CAAA,IACfC,EAAAA,IAAC,MAAA,CAAI,UAAU,8BACb,SAAAC,EAAAA,KAAC,MAAA,CAAI,UAAU,OACb,SAAA,CAAAD,EAAAA,IAAC,MAAA,CAAI,UAAU,gBACb,SAAAA,EAAAA,IAACE,2BAAwB,UAAU,0BAA0B,cAAY,MAAA,CAAO,CAAA,CAClF,EACAD,EAAAA,KAAC,MAAA,CAAI,UAAU,OACb,SAAA,CAAAD,EAAAA,IAAC,KAAA,CAAG,UAAU,sCAAsC,SAAA,YAAS,QAC5D,MAAA,CAAI,UAAU,+BACb,SAAAA,EAAAA,IAAC,MAAA,CAAK,SAAAD,EAAS,CAAA,CACjB,CAAA,CAAA,CACF,CAAA,CAAA,CACF,CAAA,CACF"}

package/dist/elements/Alert.d.ts

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { ReactNode } from 'react';
 type Props = {
     children?: ReactNode;
 };

package/dist/elements/Alert.js

@@ -1,6 +1,12 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { ExclamationTriangleIcon as s } from "@heroicons/react/24/solid";
-const d = ({ children: t }) => e("div", { className: "rounded-md bg-yellow-50 p-4", children: l("div", { className: "flex", children: [e("div", { className: "flex-shrink-0", children: e(s, { className: "h-5 w-5 text-yellow-400", "aria-hidden": "true" }) }), l("div", { className: "ml-3", children: [e("h3", { className: "text-sm font-medium text-yellow-800", children: "Attention" }), e("div", { className: "mt-2 text-sm text-yellow-700", children: e("div", { children: t }) })] })] }) });
+const d = ({ children: t }) => /* @__PURE__ */ e("div", { className: "rounded-md bg-yellow-50 p-4", children: /* @__PURE__ */ l("div", { className: "flex", children: [
+  /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(s, { className: "h-5 w-5 text-yellow-400", "aria-hidden": "true" }) }),
+  /* @__PURE__ */ l("div", { className: "ml-3", children: [
+    /* @__PURE__ */ e("h3", { className: "text-sm font-medium text-yellow-800", children: "Attention" }),
+    /* @__PURE__ */ e("div", { className: "mt-2 text-sm text-yellow-700", children: /* @__PURE__ */ e("div", { children: t }) })
+  ] })
+] }) });
 export {
   d as default
 };

package/dist/elements/Alert.js.map

@@ -1 +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;"}
+{"version":3,"file":"Alert.js","sources":["../../src/elements/Alert.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.\n\nimport { ExclamationTriangleIcon } from '@heroicons/react/24/solid';\nimport type { ReactNode } from 'react';\n\ntype Props = {\n  children?: ReactNode;\n};\n\n/**\n * UI component for displaying alerts\n */\nconst Alert = ({ children }: Props) => (\n  <div className=\"rounded-md bg-yellow-50 p-4\">\n    <div className=\"flex\">\n      <div className=\"flex-shrink-0\">\n        <ExclamationTriangleIcon className=\"h-5 w-5 text-yellow-400\" aria-hidden=\"true\" />\n      </div>\n      <div className=\"ml-3\">\n        <h3 className=\"text-sm font-medium text-yellow-800\">Attention</h3>\n        <div className=\"mt-2 text-sm text-yellow-700\">\n          <div>{children}</div>\n        </div>\n      </div>\n    </div>\n  </div>\n);\n\nexport default Alert;\n"],"names":["Alert","children","jsx","jsxs","ExclamationTriangleIcon"],"mappings":";;AAwBA,MAAMA,IAAQ,CAAC,EAAE,UAAAC,EAAA,MACf,gBAAAC,EAAC,OAAA,EAAI,WAAU,+BACb,UAAA,gBAAAC,EAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,EAAA,gBAAAD,EAAC,OAAA,EAAI,WAAU,iBACb,UAAA,gBAAAA,EAACE,KAAwB,WAAU,2BAA0B,eAAY,OAAA,CAAO,EAAA,CAClF;AAAA,EACA,gBAAAD,EAAC,OAAA,EAAI,WAAU,QACb,UAAA;AAAA,IAAA,gBAAAD,EAAC,MAAA,EAAG,WAAU,uCAAsC,UAAA,aAAS;AAAA,sBAC5D,OAAA,EAAI,WAAU,gCACb,UAAA,gBAAAA,EAAC,OAAA,EAAK,UAAAD,GAAS,EAAA,CACjB;AAAA,EAAA,EAAA,CACF;AAAA,EAAA,CACF,EAAA,CACF;"}

package/dist/elements/Alert.stories.d.ts

@@ -0,0 +1,11 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    component: ({ children }: {
+        children?: import('react').ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/elements/Button.cjs.map

@@ -1 +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"}
+{"version":3,"file":"Button.cjs","sources":["../../src/elements/Button.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.\n\nimport { useButtonProps } from '@restart/ui/Button';\nimport type { ButtonProps } from '@restart/ui/Button';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { forwardRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\nexport const buttonVariants = cva(\n  '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  {\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  },\n);\n\nconst Button = forwardRef(({ as, children, className, disabled, ...props }: ButtonProps & ButtonVariantProps, ref) => {\n  const [ariaButtonProps, { tagName: Tag }] = useButtonProps({\n    tagName: as,\n    disabled,\n    ...props,\n  });\n\n  return (\n    <Tag {...props} {...ariaButtonProps} ref={ref} className={cn(buttonVariants(props), className)}>\n      {children}\n    </Tag>\n  );\n});\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"names":["buttonVariants","cva","Button","forwardRef","as","children","className","disabled","props","ref","ariaButtonProps","Tag","useButtonProps","jsx","cn"],"mappings":"wQAuBaA,EAAiBC,EAAAA,IAC5B,mSACA,CACE,SAAU,CACR,OAAQ,CACN,QAAS,mEACT,UAAW,yEACX,OAAQ,gEACR,QAAS,uFACT,MAAO,qDACP,KAAM,iDAAA,EAER,KAAM,CACJ,GAAI,gCACJ,GAAI,+BACJ,GAAI,+BACJ,GAAI,iCACJ,GAAI,gCAAA,CACN,EAEF,gBAAiB,CACf,OAAQ,UACR,KAAM,IAAA,CACR,CAEJ,EAEMC,EAASC,EAAAA,WAAW,CAAC,CAAE,GAAAC,EAAI,SAAAC,EAAU,UAAAC,EAAW,SAAAC,EAAU,GAAGC,CAAA,EAA2CC,IAAQ,CACpH,KAAM,CAACC,EAAiB,CAAE,QAASC,CAAA,CAAK,EAAIC,EAAAA,eAAe,CACzD,QAASR,EACT,SAAAG,EACA,GAAGC,CAAA,CACJ,EAED,OACEK,EAAAA,IAACF,EAAA,CAAK,GAAGH,EAAQ,GAAGE,EAAiB,IAAAD,EAAU,UAAWK,EAAAA,GAAGd,EAAeQ,CAAK,EAAGF,CAAS,EAC1F,SAAAD,CAAA,CACH,CAEJ,CAAC,EAEDH,EAAO,YAAc"}

package/dist/elements/Button.d.ts

@@ -1,9 +1,9 @@
-import type { ButtonProps } from '@restart/ui/Button';
-import { type VariantProps } from 'class-variance-authority';
+import { ButtonProps } from '@restart/ui/Button';
+import { VariantProps } from 'class-variance-authority';
 export type ButtonVariantProps = VariantProps<typeof buttonVariants>;
 export declare const buttonVariants: (props?: ({
-    intent?: "link" | "danger" | "primary" | "secondary" | "outline" | "ghost" | null | undefined;
-    size?: "sm" | "md" | "lg" | "xl" | "xs" | null | undefined;
-} & import("class-variance-authority/types").ClassProp) | undefined) => string;
-declare const Button: import("react").ForwardRefExoticComponent<ButtonProps & ButtonVariantProps & import("react").RefAttributes<unknown>>;
+    intent?: "link" | "primary" | "secondary" | "danger" | "outline" | "ghost" | null | undefined;
+    size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const Button: import('react').ForwardRefExoticComponent<ButtonProps & ButtonVariantProps & import('react').RefAttributes<unknown>>;
 export default Button;

package/dist/elements/Button.js

@@ -3,35 +3,38 @@ import { useButtonProps as m } from "@restart/ui/Button";
 import { cva as u } from "class-variance-authority";
 import { forwardRef as g } from "react";
 import { cn as p } from "../lib/utils.js";
-const f = u("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"
+const f = u(
+  "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"
+      }
     },
-    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"
     }
-  },
-  defaultVariants: {
-    intent: "primary",
-    size: "md"
   }
-}), c = g(({ as: r, children: o, className: t, disabled: n, ...e }, s) => {
+), c = g(({ as: r, children: o, className: t, disabled: n, ...e }, s) => {
   const [a, { tagName: d }] = m({
     tagName: r,
     disabled: n,
     ...e
   });
-  return i(d, { ...e, ...a, ref: s, className: p(f(e), t), children: o });
+  return /* @__PURE__ */ i(d, { ...e, ...a, ref: s, className: p(f(e), t), children: o });
 });
 c.displayName = "Button";
 export {

package/dist/elements/Button.js.map

@@ -1 +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;"}
+{"version":3,"file":"Button.js","sources":["../../src/elements/Button.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.\n\nimport { useButtonProps } from '@restart/ui/Button';\nimport type { ButtonProps } from '@restart/ui/Button';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { forwardRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\nexport const buttonVariants = cva(\n  '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  {\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  },\n);\n\nconst Button = forwardRef(({ as, children, className, disabled, ...props }: ButtonProps & ButtonVariantProps, ref) => {\n  const [ariaButtonProps, { tagName: Tag }] = useButtonProps({\n    tagName: as,\n    disabled,\n    ...props,\n  });\n\n  return (\n    <Tag {...props} {...ariaButtonProps} ref={ref} className={cn(buttonVariants(props), className)}>\n      {children}\n    </Tag>\n  );\n});\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"names":["buttonVariants","cva","Button","forwardRef","as","children","className","disabled","props","ref","ariaButtonProps","Tag","useButtonProps","jsx","cn"],"mappings":";;;;;AAuBO,MAAMA,IAAiBC;AAAA,EAC5B;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,QAAQ;AAAA,QACN,SAAS;AAAA,QACT,WAAW;AAAA,QACX,QAAQ;AAAA,QACR,SAAS;AAAA,QACT,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MAAA;AAAA,IACN;AAAA,IAEF,iBAAiB;AAAA,MACf,QAAQ;AAAA,MACR,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAEMC,IAASC,EAAW,CAAC,EAAE,IAAAC,GAAI,UAAAC,GAAU,WAAAC,GAAW,UAAAC,GAAU,GAAGC,EAAA,GAA2CC,MAAQ;AACpH,QAAM,CAACC,GAAiB,EAAE,SAASC,EAAA,CAAK,IAAIC,EAAe;AAAA,IACzD,SAASR;AAAA,IACT,UAAAG;AAAA,IACA,GAAGC;AAAA,EAAA,CACJ;AAED,SACE,gBAAAK,EAACF,GAAA,EAAK,GAAGH,GAAQ,GAAGE,GAAiB,KAAAD,GAAU,WAAWK,EAAGd,EAAeQ,CAAK,GAAGF,CAAS,GAC1F,UAAAD,EAAA,CACH;AAEJ,CAAC;AAEDH,EAAO,cAAc;"}

package/dist/elements/Button.stories.d.ts

@@ -0,0 +1,15 @@
+import { StoryObj } from '@storybook/react-vite';
+import { ButtonVariantProps } from './Button';
+declare const meta: {
+    title: string;
+    tags: string[];
+    component: import('react').ForwardRefExoticComponent<import('@restart/ui/Button').ButtonProps & ButtonVariantProps & import('react').RefAttributes<unknown>>;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Primary: Story;
+export declare const Secondary: Story;
+export declare const Danger: Story;
+export declare const Outline: Story;
+export declare const Ghost: Story;
+export declare const Link: Story;

package/dist/elements/Calendar.cjs

@@ -1,2 +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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),r=require("react-day-picker");function n({showOutsideDays:t=!0,...o}){const e=r.getDefaultClassNames();return a.jsx(r.DayPicker,{mode:"single",showOutsideDays:t,classNames:{today:"bg-accent text-accent-foreground",selected:"bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",root:`${e.root} shadow-lg p-5`,chevron:`${e.chevron} fill-amber-500`,weekday:"text-muted-foreground font-normal text-sm",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",outside:"text-muted-foreground"},...o})}exports.Calendar=n;
 //# sourceMappingURL=Calendar.cjs.map

package/dist/elements/Calendar.cjs.map

@@ -1 +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"}
+{"version":3,"file":"Calendar.cjs","sources":["../../src/elements/Calendar.tsx"],"sourcesContent":["/*\n'use client';\n\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { DayPicker } from 'react-day-picker';\n\nimport { buttonVariants } from './Button';\nimport { cn } from '@/lib/utils';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nconst ChevronLeftIcon = () => <ChevronLeft className=\"h-4 w-4\" />;\nconst ChevronRightIcon = () => <ChevronRight className=\"h-4 w-4\" />;\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: CalendarProps) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn('p-3', className)}\n      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(\n          buttonVariants({ intent: 'outline' }),\n          'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n        ),\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(\n          buttonVariants({ intent: 'ghost' }),\n          'h-9 w-9 p-0 font-normal aria-selected:opacity-100',\n        ),\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      }}\n      components={{ \n        Chevron: ({ orientation }) => orientation === 'left' ? <ChevronLeftIcon /> : <ChevronRightIcon /> \n      }}\n      {...props}\n    />\n  );\n}\n\nCalendar.displayName = 'Calendar';\n\nexport { Calendar };\n*/\n\nimport { DayPicker, getDefaultClassNames } from 'react-day-picker';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nexport function Calendar({ showOutsideDays = true, ...props }) {\n  const defaultClassNames = getDefaultClassNames();\n  return (\n    <DayPicker\n      mode=\"single\"\n      showOutsideDays={showOutsideDays}\n      classNames={{\n        today: 'bg-accent text-accent-foreground',\n        selected:\n          'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n        root: `${defaultClassNames.root} shadow-lg p-5`,\n        chevron: `${defaultClassNames.chevron} fill-amber-500`,\n        weekday: 'text-muted-foreground font-normal text-sm',\n        day_selected:\n          '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        outside: 'text-muted-foreground',\n      }}\n      {...props}\n    />\n  );\n}\n"],"names":["Calendar","showOutsideDays","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker"],"mappings":"mJAuEO,SAASA,EAAS,CAAE,gBAAAC,EAAkB,GAAM,GAAGC,GAAS,CAC7D,MAAMC,EAAoBC,EAAAA,qBAAA,EAC1B,OACEC,EAAAA,IAACC,EAAAA,UAAA,CACC,KAAK,SACL,gBAAAL,EACA,WAAY,CACV,MAAO,mCACP,SACE,mIACF,KAAM,GAAGE,EAAkB,IAAI,iBAC/B,QAAS,GAAGA,EAAkB,OAAO,kBACrC,QAAS,4CACT,aACE,mIACF,UAAW,mCACX,QAAS,uBAAA,EAEV,GAAGD,CAAA,CAAA,CAGV"}

package/dist/elements/Calendar.d.ts

@@ -1,7 +1,6 @@
 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;
-declare namespace Calendar {
-    var displayName: string;
-}
-export { Calendar };
+export declare function Calendar({ showOutsideDays, ...props }: {
+    [x: string]: any;
+    showOutsideDays?: boolean | undefined;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/elements/Calendar.js

@@ -1,36 +1,26 @@
 import { jsx as t } from "react/jsx-runtime";
-import { ChevronRight as c, ChevronLeft as s } from "lucide-react";
-import { DayPicker as i } from "react-day-picker";
-import { buttonVariants as a } from "./Button.js";
-import { cn as e } from "../lib/utils.js";
-const l = () => t(s, { className: "h-4 w-4" }), m = () => t(c, { className: "h-4 w-4" });
-function u({ className: r, classNames: o, showOutsideDays: n = !0, ...d }) {
-  return t(i, { showOutsideDays: n, className: e("p-3", r), 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(a({ 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(a({ 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",
-    ...o
-  }, components: { IconLeft: l, IconRight: m }, ...d });
+import { getDefaultClassNames as a, DayPicker as m } from "react-day-picker";
+function u({ showOutsideDays: e = !0, ...o }) {
+  const r = a();
+  return /* @__PURE__ */ t(
+    m,
+    {
+      mode: "single",
+      showOutsideDays: e,
+      classNames: {
+        today: "bg-accent text-accent-foreground",
+        selected: "bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground",
+        root: `${r.root} shadow-lg p-5`,
+        chevron: `${r.chevron} fill-amber-500`,
+        weekday: "text-muted-foreground font-normal text-sm",
+        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",
+        outside: "text-muted-foreground"
+      },
+      ...o
+    }
+  );
 }
-u.displayName = "Calendar";
 export {
   u as Calendar
 };

package/dist/elements/Calendar.js.map

@@ -1 +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;"}
+{"version":3,"file":"Calendar.js","sources":["../../src/elements/Calendar.tsx"],"sourcesContent":["/*\n'use client';\n\nimport { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { DayPicker } from 'react-day-picker';\n\nimport { buttonVariants } from './Button';\nimport { cn } from '@/lib/utils';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nconst ChevronLeftIcon = () => <ChevronLeft className=\"h-4 w-4\" />;\nconst ChevronRightIcon = () => <ChevronRight className=\"h-4 w-4\" />;\n\nfunction Calendar({\n  className,\n  classNames,\n  showOutsideDays = true,\n  ...props\n}: CalendarProps) {\n  return (\n    <DayPicker\n      showOutsideDays={showOutsideDays}\n      className={cn('p-3', className)}\n      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(\n          buttonVariants({ intent: 'outline' }),\n          'h-7 w-7 bg-transparent p-0 opacity-50 hover:opacity-100',\n        ),\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(\n          buttonVariants({ intent: 'ghost' }),\n          'h-9 w-9 p-0 font-normal aria-selected:opacity-100',\n        ),\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      }}\n      components={{ \n        Chevron: ({ orientation }) => orientation === 'left' ? <ChevronLeftIcon /> : <ChevronRightIcon /> \n      }}\n      {...props}\n    />\n  );\n}\n\nCalendar.displayName = 'Calendar';\n\nexport { Calendar };\n*/\n\nimport { DayPicker, getDefaultClassNames } from 'react-day-picker';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nexport function Calendar({ showOutsideDays = true, ...props }) {\n  const defaultClassNames = getDefaultClassNames();\n  return (\n    <DayPicker\n      mode=\"single\"\n      showOutsideDays={showOutsideDays}\n      classNames={{\n        today: 'bg-accent text-accent-foreground',\n        selected:\n          'bg-primary text-primary-foreground hover:bg-primary hover:text-primary-foreground focus:bg-primary focus:text-primary-foreground',\n        root: `${defaultClassNames.root} shadow-lg p-5`,\n        chevron: `${defaultClassNames.chevron} fill-amber-500`,\n        weekday: 'text-muted-foreground font-normal text-sm',\n        day_selected:\n          '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        outside: 'text-muted-foreground',\n      }}\n      {...props}\n    />\n  );\n}\n"],"names":["Calendar","showOutsideDays","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker"],"mappings":";;AAuEO,SAASA,EAAS,EAAE,iBAAAC,IAAkB,IAAM,GAAGC,KAAS;AAC7D,QAAMC,IAAoBC,EAAA;AAC1B,SACE,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACC,MAAK;AAAA,MACL,iBAAAL;AAAA,MACA,YAAY;AAAA,QACV,OAAO;AAAA,QACP,UACE;AAAA,QACF,MAAM,GAAGE,EAAkB,IAAI;AAAA,QAC/B,SAAS,GAAGA,EAAkB,OAAO;AAAA,QACrC,SAAS;AAAA,QACT,cACE;AAAA,QACF,WAAW;AAAA,QACX,SAAS;AAAA,MAAA;AAAA,MAEV,GAAGD;AAAA,IAAA;AAAA,EAAA;AAGV;"}

package/dist/elements/Calendar.stories.d.ts

@@ -0,0 +1,10 @@
+import { StoryObj } from '@storybook/react-vite';
+import { Calendar } from './Calendar';
+declare const meta: {
+    title: string;
+    tags: string[];
+    component: typeof Calendar;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;

package/dist/elements/Container.cjs.map

@@ -1 +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"}
+{"version":3,"file":"Container.cjs","sources":["../../src/elements/Container.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.\n\nimport type { ElementType, ReactNode } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst baseCN =\n  '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';\n\ntype Props = {\n  as?: ElementType;\n  children?: ReactNode;\n  className?: string;\n};\n\nconst Container = ({ as = 'div', children, className }: Props) => {\n  const Tag = as;\n\n  return <Tag className={cn(baseCN, className)}>{children}</Tag>;\n};\n\nexport default Container;\n"],"names":["baseCN","Container","as","children","className","Tag","cn"],"mappings":"gFAkBMA,EACJ,0HAQIC,EAAY,CAAC,CAAE,GAAAC,EAAK,MAAO,SAAAC,EAAU,UAAAC,KAAuB,CAChE,MAAMC,EAAMH,EAEZ,aAAQG,EAAA,CAAI,UAAWC,EAAAA,GAAGN,EAAQI,CAAS,EAAI,SAAAD,EAAS,CAC1D"}

package/dist/elements/Container.d.ts

@@ -1,4 +1,4 @@
-import type { ElementType, ReactNode } from 'react';
+import { ElementType, ReactNode } from 'react';
 type Props = {
     as?: ElementType;
     children?: ReactNode;

package/dist/elements/Container.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { cn as n } from "../lib/utils.js";
-const r = "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", t = ({ as: e = "div", children: a, className: m }) => s(e, { className: n(r, m), children: a });
+const r = "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", t = ({ as: e = "div", children: a, className: m }) => /* @__PURE__ */ s(e, { className: n(r, m), children: a });
 export {
   t as default
 };

package/dist/elements/Container.js.map

@@ -1 +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;"}
+{"version":3,"file":"Container.js","sources":["../../src/elements/Container.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.\n\nimport type { ElementType, ReactNode } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst baseCN =\n  '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';\n\ntype Props = {\n  as?: ElementType;\n  children?: ReactNode;\n  className?: string;\n};\n\nconst Container = ({ as = 'div', children, className }: Props) => {\n  const Tag = as;\n\n  return <Tag className={cn(baseCN, className)}>{children}</Tag>;\n};\n\nexport default Container;\n"],"names":["baseCN","Container","as","children","className","cn"],"mappings":";;AAkBA,MAAMA,IACJ,2HAQIC,IAAY,CAAC,EAAE,IAAAC,IAAK,OAAO,UAAAC,GAAU,WAAAC,0BAC7BF,GAEJ,EAAI,WAAWG,EAAGL,GAAQI,CAAS,GAAI,UAAAD,GAAS;"}

package/dist/elements/Container.stories.d.ts

@@ -0,0 +1,14 @@
+import { StoryObj } from '@storybook/react-vite';
+declare const meta: {
+    title: string;
+    tags: string[];
+    component: ({ as, children, className }: {
+        as?: import('react').ElementType;
+        children?: import('react').ReactNode;
+        className?: string;
+    }) => import("react/jsx-runtime").JSX.Element;
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const CustomStyling: Story;

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

@@ -1 +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"}
+{"version":3,"file":"Body.cjs","sources":["../../../src/elements/DataTable/Body.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.\n\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst baseCls = 'divide-y divide-chrome-200 bg-background';\n\nconst Body = ({ className, ...props }: ComponentPropsWithoutRef<'tbody'>) => (\n  <tbody {...props} className={cn(baseCls, className)} />\n);\n\nBody.displayName = 'DataTableBody';\n\nexport default Body;\n"],"names":["baseCls","Body","className","props","jsx","cn"],"mappings":"mFAkBMA,EAAU,2CAEVC,EAAO,CAAC,CAAE,UAAAC,EAAW,GAAGC,CAAA,IAC5BC,EAAAA,IAAC,QAAA,CAAO,GAAGD,EAAO,UAAWE,EAAAA,GAAGL,EAASE,CAAS,CAAA,CAAG,EAGvDD,EAAK,YAAc"}

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

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

package/dist/elements/DataTable/Body.js

@@ -1,6 +1,6 @@
 import { jsx as d } from "react/jsx-runtime";
 import { cn as e } from "../../lib/utils.js";
-const s = "divide-y divide-chrome-200 bg-background", t = ({ className: o, ...a }) => d("tbody", { ...a, className: e(s, o) });
+const s = "divide-y divide-chrome-200 bg-background", t = ({ className: o, ...a }) => /* @__PURE__ */ d("tbody", { ...a, className: e(s, o) });
 t.displayName = "DataTableBody";
 export {
   t as default

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

@@ -1 +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;"}
+{"version":3,"file":"Body.js","sources":["../../../src/elements/DataTable/Body.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.\n\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst baseCls = 'divide-y divide-chrome-200 bg-background';\n\nconst Body = ({ className, ...props }: ComponentPropsWithoutRef<'tbody'>) => (\n  <tbody {...props} className={cn(baseCls, className)} />\n);\n\nBody.displayName = 'DataTableBody';\n\nexport default Body;\n"],"names":["baseCls","Body","className","props","jsx","cn"],"mappings":";;AAkBA,MAAMA,IAAU,4CAEVC,IAAO,CAAC,EAAE,WAAAC,GAAW,GAAGC,EAAA,MAC5B,gBAAAC,EAAC,SAAA,EAAO,GAAGD,GAAO,WAAWE,EAAGL,GAASE,CAAS,EAAA,CAAG;AAGvDD,EAAK,cAAc;"}

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

@@ -1 +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"}
+{"version":3,"file":"DataCell.cjs","sources":["../../../src/elements/DataTable/DataCell.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.\n\nimport { useContext } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport { Context as TableContext } from './shared';\nimport type { DataTableSize } from './shared';\n\nconst baseCls = 'whitespace-nowrap';\n\nconst sizeCNMap: Record<DataTableSize, string> = {\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};\n\nconst DataCell = ({ className, ...props }: ComponentPropsWithoutRef<'td'>) => {\n  const { size } = useContext(TableContext);\n\n  return <td {...props} className={cn(baseCls, sizeCNMap[size], className)} />;\n};\n\nDataCell.displayName = 'DataTableDataCell';\n\nexport default DataCell;\n"],"names":["baseCls","sizeCNMap","DataCell","className","props","size","useContext","TableContext","jsx","cn"],"mappings":"gIAsBMA,EAAU,oBAEVC,EAA2C,CAC/C,GAAI,YACJ,GAAI,cACJ,GAAI,cACJ,GAAI,cACJ,GAAI,aACN,EAEMC,EAAW,CAAC,CAAE,UAAAC,EAAW,GAAGC,KAA4C,CAC5E,KAAM,CAAE,KAAAC,CAAA,EAASC,EAAAA,WAAWC,SAAY,EAExC,OAAOC,MAAC,KAAA,CAAI,GAAGJ,EAAO,UAAWK,KAAGT,EAASC,EAAUI,CAAI,EAAGF,CAAS,CAAA,CAAG,CAC5E,EAEAD,EAAS,YAAc"}

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

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

package/dist/elements/DataTable/DataCell.js

@@ -10,7 +10,7 @@ const r = "whitespace-nowrap", l = {
   xl: "px-3 py-3.5"
 }, x = ({ className: t, ...p }) => {
   const { size: a } = e(m);
-  return s("td", { ...p, className: o(r, l[a], t) });
+  return /* @__PURE__ */ s("td", { ...p, className: o(r, l[a], t) });
 };
 x.displayName = "DataTableDataCell";
 export {

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

@@ -1 +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;"}
+{"version":3,"file":"DataCell.js","sources":["../../../src/elements/DataTable/DataCell.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.\n\nimport { useContext } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nimport { Context as TableContext } from './shared';\nimport type { DataTableSize } from './shared';\n\nconst baseCls = 'whitespace-nowrap';\n\nconst sizeCNMap: Record<DataTableSize, string> = {\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};\n\nconst DataCell = ({ className, ...props }: ComponentPropsWithoutRef<'td'>) => {\n  const { size } = useContext(TableContext);\n\n  return <td {...props} className={cn(baseCls, sizeCNMap[size], className)} />;\n};\n\nDataCell.displayName = 'DataTableDataCell';\n\nexport default DataCell;\n"],"names":["baseCls","sizeCNMap","DataCell","className","props","size","useContext","TableContext","jsx","cn"],"mappings":";;;;AAsBA,MAAMA,IAAU,qBAEVC,IAA2C;AAAA,EAC/C,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AAAA,EACJ,IAAI;AACN,GAEMC,IAAW,CAAC,EAAE,WAAAC,GAAW,GAAGC,QAA4C;AAC5E,QAAM,EAAE,MAAAC,EAAA,IAASC,EAAWC,CAAY;AAExC,SAAO,gBAAAC,EAAC,MAAA,EAAI,GAAGJ,GAAO,WAAWK,EAAGT,GAASC,EAAUI,CAAI,GAAGF,CAAS,EAAA,CAAG;AAC5E;AAEAD,EAAS,cAAc;"}

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

@@ -1 +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"}
+{"version":3,"file":"Header.cjs","sources":["../../../src/elements/DataTable/Header.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.\n\nimport { createContext, useMemo } from 'react';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst baseCls = 'bg-chrome-50';\nconst noop = () => {};\n\nexport type SortBy = {\n  field: string;\n  direction: 'ASC' | 'DESC';\n};\n\ntype OnSortByChange = (newSortBy: SortBy) => void;\n\ninterface Props extends ComponentPropsWithoutRef<'thead'> {\n  sortBy?: SortBy;\n  onSortByChange?: OnSortByChange;\n}\n\ntype SortByContext = {\n  sortBy: SortBy | null;\n  onSortByChange: OnSortByChange;\n};\n\nexport const Context = createContext<SortByContext>({\n  sortBy: null,\n  onSortByChange: noop,\n});\n\nconst Header = ({ className, sortBy, onSortByChange, ...props }: Props) => {\n  const context = useMemo(\n    () => ({\n      sortBy: sortBy || null,\n      onSortByChange: onSortByChange || noop,\n    }),\n    [sortBy, onSortByChange],\n  );\n\n  return (\n    <Context.Provider value={context}>\n      <thead {...props} className={cn(baseCls, className)} />\n    </Context.Provider>\n  );\n};\n\nHeader.displayName = 'DataTableHeader';\n\nexport default Header;\n"],"names":["baseCls","noop","Context","createContext","Header","className","sortBy","onSortByChange","props","context","useMemo","jsx","cn"],"mappings":"qMAmBMA,EAAU,eACVC,EAAO,IAAM,CAAC,EAmBPC,EAAUC,EAAAA,cAA6B,CAClD,OAAQ,KACR,eAAgBF,CAClB,CAAC,EAEKG,EAAS,CAAC,CAAE,UAAAC,EAAW,OAAAC,EAAQ,eAAAC,EAAgB,GAAGC,KAAmB,CACzE,MAAMC,EAAUC,EAAAA,QACd,KAAO,CACL,OAAQJ,GAAU,KAClB,eAAgBC,GAAkBN,CAAA,GAEpC,CAACK,EAAQC,CAAc,CAAA,EAGzB,OACEI,EAAAA,IAACT,EAAQ,SAAR,CAAiB,MAAOO,EACvB,SAAAE,EAAAA,IAAC,QAAA,CAAO,GAAGH,EAAO,UAAWI,EAAAA,GAAGZ,EAASK,CAAS,EAAG,EACvD,CAEJ,EAEAD,EAAO,YAAc"}

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

@@ -1,4 +1,4 @@
-import type { ComponentPropsWithoutRef } from 'react';
+import { ComponentPropsWithoutRef } from 'react';
 export type SortBy = {
     field: string;
     direction: 'ASC' | 'DESC';
@@ -12,7 +12,7 @@ type SortByContext = {
     sortBy: SortBy | null;
     onSortByChange: OnSortByChange;
 };
-export declare const Context: import("react").Context<SortByContext>;
+export declare const Context: import('react').Context<SortByContext>;
 declare const Header: {
     ({ className, sortBy, onSortByChange, ...props }: Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;

package/dist/elements/DataTable/Header.js

@@ -6,11 +6,14 @@ const d = "bg-chrome-50", r = () => {
   sortBy: null,
   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) }) });
+  const s = l(
+    () => ({
+      sortBy: e || null,
+      onSortByChange: o || r
+    }),
+    [e, o]
+  );
+  return /* @__PURE__ */ t(i.Provider, { value: s, children: /* @__PURE__ */ t("thead", { ...n, className: m(d, a) }) });
 };
 p.displayName = "DataTableHeader";
 export {