@kubetail/ui 2.0.0-rc1 → 2.0.0-rc3

package/dist/elements/button.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),d=require("@radix-ui/react-slot"),u=require("class-variance-authority"),c=require("../lib/utils.cjs"),e=u.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}});function v({className:t,variant:r,size:i,asChild:n=!1,...s}){const a=n?d.Slot:"button";return o.jsx(a,{"data-slot":"button",className:c.cn(e({variant:r,size:i,className:t})),...s})}exports.Button=v;exports.buttonVariants=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react/jsx-runtime"),c=require("@radix-ui/react-slot"),v=require("class-variance-authority"),g=require("react"),l=require("../lib/utils.cjs"),e=v.cva("inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",{variants:{variant:{default:"bg-primary text-primary-foreground shadow-xs hover:bg-primary/90",destructive:"bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60",outline:"border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50",secondary:"bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80",ghost:"hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",link:"text-primary underline-offset-4 hover:underline"},size:{default:"h-9 px-4 py-2 has-[>svg]:px-3",sm:"h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5",lg:"h-10 rounded-md px-6 has-[>svg]:px-4",icon:"size-9"}},defaultVariants:{variant:"default",size:"default"}}),t=g.forwardRef(({className:r,variant:i,size:n,asChild:s=!1,...a},o)=>{const d=s?c.Slot:"button";return u.jsx(d,{"data-slot":"button",className:l.cn(e({variant:i,size:n,className:r})),...a,ref:o})});t.displayName="Button";exports.Button=t;exports.buttonVariants=e;
 //# sourceMappingURL=button.cjs.map

package/dist/elements/button.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"button.cjs","sources":["../../src/elements/button.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',\n        destructive:\n          'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',\n        ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n        icon: 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\n/**\n * `Button` renders a button component\n *\n * @param props.className - the custom className\n * @param props.variant - the button variant\n * @param props.size - the button size\n * @parmm props.asChild - as child\n */\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> &\n  ButtonVariantProps & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot : 'button';\n\n  return <Comp data-slot=\"button\" className={cn(buttonVariants({ variant, size, className }))} {...props} />;\n}\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","Button","className","variant","size","asChild","props","Comp","Slot","jsx","cn"],"mappings":"2NAKMA,EAAiBC,EAAAA,IACrB,8bACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,mEACT,YACE,8JACF,QACE,wIACF,UAAW,yEACX,MAAO,uEACP,KAAM,iDAAA,EAER,KAAM,CACJ,QAAS,gCACT,GAAI,gDACJ,GAAI,uCACJ,KAAM,QAAA,CACR,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ,EAYA,SAASC,EAAO,CACd,UAAAC,EACA,QAAAC,EACA,KAAAC,EACA,QAAAC,EAAU,GACV,GAAGC,CACL,EAGK,CACH,MAAMC,EAAOF,EAAUG,EAAAA,KAAO,SAE9B,OAAOC,EAAAA,IAACF,EAAA,CAAK,YAAU,SAAS,UAAWG,EAAAA,GAAGX,EAAe,CAAE,QAAAI,EAAS,KAAAC,EAAM,UAAAF,CAAA,CAAW,CAAC,EAAI,GAAGI,EAAO,CAC1G"}
+{"version":3,"file":"button.cjs","sources":["../../src/elements/button.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { forwardRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',\n        destructive:\n          'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',\n        ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n        icon: 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\n/**\n * `Button` renders a button component\n *\n * @param props.className - the custom className\n * @param props.variant - the button variant\n * @param props.size - the button size\n * @parmm props.asChild - as child\n */\n\nconst Button = forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<'button'> &\n    ButtonVariantProps & {\n      asChild?: boolean;\n    }\n>(({ className, variant, size, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'button';\n\n  return <Comp data-slot=\"button\" className={cn(buttonVariants({ variant, size, className }))} {...props} ref={ref} />;\n});\n\nButton.displayName = 'Button';\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","Button","forwardRef","className","variant","size","asChild","props","ref","Comp","Slot","cn"],"mappings":"8OAMMA,EAAiBC,EAAAA,IACrB,8bACA,CACE,SAAU,CACR,QAAS,CACP,QAAS,mEACT,YACE,8JACF,QACE,wIACF,UAAW,yEACX,MAAO,uEACP,KAAM,iDAAA,EAER,KAAM,CACJ,QAAS,gCACT,GAAI,gDACJ,GAAI,uCACJ,KAAM,QAAA,CACR,EAEF,gBAAiB,CACf,QAAS,UACT,KAAM,SAAA,CACR,CAEJ,EAaMC,EAASC,EAAAA,WAMb,CAAC,CAAE,UAAAC,EAAW,QAAAC,EAAS,KAAAC,EAAM,QAAAC,EAAU,GAAO,GAAGC,CAAA,EAASC,IAAQ,CAClE,MAAMC,EAAOH,EAAUI,EAAAA,KAAO,SAE9B,aAAQD,EAAA,CAAK,YAAU,SAAS,UAAWE,KAAGZ,EAAe,CAAE,QAAAK,EAAS,KAAAC,EAAM,UAAAF,EAAW,CAAC,EAAI,GAAGI,EAAO,IAAAC,EAAU,CACpH,CAAC,EAEDP,EAAO,YAAc"}

package/dist/elements/button.d.ts

@@ -12,7 +12,7 @@ export type ButtonVariantProps = VariantProps<typeof buttonVariants>;
  * @param props.size - the button size
  * @parmm props.asChild - as child
  */
-declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & ButtonVariantProps & {
+declare const Button: import('react').ForwardRefExoticComponent<Omit<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & ButtonVariantProps & {
     asChild?: boolean;
-}): import("react/jsx-runtime").JSX.Element;
+}, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
 export { Button, buttonVariants };

package/dist/elements/button.js

@@ -1,8 +1,9 @@
-import { jsx as o } from "react/jsx-runtime";
-import { Slot as s } from "@radix-ui/react-slot";
-import { cva as a } from "class-variance-authority";
-import { cn as d } from "../lib/utils.js";
-const u = a(
+import { jsx as s } from "react/jsx-runtime";
+import { Slot as a } from "@radix-ui/react-slot";
+import { cva as d } from "class-variance-authority";
+import { forwardRef as u } from "react";
+import { cn as c } from "../lib/utils.js";
+const v = d(
   "inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive",
   {
     variants: {
@@ -26,18 +27,10 @@ const u = a(
       size: "default"
     }
   }
-);
-function b({
-  className: e,
-  variant: r,
-  size: t,
-  asChild: i = !1,
-  ...n
-}) {
-  return /* @__PURE__ */ o(i ? s : "button", { "data-slot": "button", className: d(u({ variant: r, size: t, className: e })), ...n });
-}
+), g = u(({ className: e, variant: r, size: t, asChild: i = !1, ...o }, n) => /* @__PURE__ */ s(i ? a : "button", { "data-slot": "button", className: c(v({ variant: r, size: t, className: e })), ...o, ref: n }));
+g.displayName = "Button";
 export {
-  b as Button,
-  u as buttonVariants
+  g as Button,
+  v as buttonVariants
 };
 //# sourceMappingURL=button.js.map

package/dist/elements/button.js.map

@@ -1 +1 @@
-{"version":3,"file":"button.js","sources":["../../src/elements/button.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\n\nimport { cn } from '@/lib/utils';\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',\n        destructive:\n          'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',\n        ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n        icon: 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\n/**\n * `Button` renders a button component\n *\n * @param props.className - the custom className\n * @param props.variant - the button variant\n * @param props.size - the button size\n * @parmm props.asChild - as child\n */\nfunction Button({\n  className,\n  variant,\n  size,\n  asChild = false,\n  ...props\n}: React.ComponentProps<'button'> &\n  ButtonVariantProps & {\n    asChild?: boolean;\n  }) {\n  const Comp = asChild ? Slot : 'button';\n\n  return <Comp data-slot=\"button\" className={cn(buttonVariants({ variant, size, className }))} {...props} />;\n}\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","Button","className","variant","size","asChild","props","jsx","Slot","cn"],"mappings":";;;;AAKA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,WAAW;AAAA,QACX,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ;AAYA,SAASC,EAAO;AAAA,EACd,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,MAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGC;AACL,GAGK;AAGH,SAAO,gBAAAC,EAFMF,IAAUG,IAAO,UAEtB,EAAK,aAAU,UAAS,WAAWC,EAAGV,EAAe,EAAE,SAAAI,GAAS,MAAAC,GAAM,WAAAF,EAAA,CAAW,CAAC,GAAI,GAAGI,GAAO;AAC1G;"}
+{"version":3,"file":"button.js","sources":["../../src/elements/button.tsx"],"sourcesContent":["import { Slot } from '@radix-ui/react-slot';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { forwardRef } from 'react';\n\nimport { cn } from '@/lib/utils';\n\nconst buttonVariants = cva(\n  \"inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4 shrink-0 [&_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive\",\n  {\n    variants: {\n      variant: {\n        default: 'bg-primary text-primary-foreground shadow-xs hover:bg-primary/90',\n        destructive:\n          'bg-destructive text-white shadow-xs hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:focus-visible:ring-destructive/40 dark:bg-destructive/60',\n        outline:\n          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:bg-input/30 dark:border-input dark:hover:bg-input/50',\n        secondary: 'bg-secondary text-secondary-foreground shadow-xs hover:bg-secondary/80',\n        ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',\n        link: 'text-primary underline-offset-4 hover:underline',\n      },\n      size: {\n        default: 'h-9 px-4 py-2 has-[>svg]:px-3',\n        sm: 'h-8 rounded-md gap-1.5 px-3 has-[>svg]:px-2.5',\n        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',\n        icon: 'size-9',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n      size: 'default',\n    },\n  },\n);\n\nexport type ButtonVariantProps = VariantProps<typeof buttonVariants>;\n\n/**\n * `Button` renders a button component\n *\n * @param props.className - the custom className\n * @param props.variant - the button variant\n * @param props.size - the button size\n * @parmm props.asChild - as child\n */\n\nconst Button = forwardRef<\n  HTMLButtonElement,\n  React.ComponentProps<'button'> &\n    ButtonVariantProps & {\n      asChild?: boolean;\n    }\n>(({ className, variant, size, asChild = false, ...props }, ref) => {\n  const Comp = asChild ? Slot : 'button';\n\n  return <Comp data-slot=\"button\" className={cn(buttonVariants({ variant, size, className }))} {...props} ref={ref} />;\n});\n\nButton.displayName = 'Button';\n\nexport { Button, buttonVariants };\n"],"names":["buttonVariants","cva","Button","forwardRef","className","variant","size","asChild","props","ref","Slot","cn"],"mappings":";;;;;AAMA,MAAMA,IAAiBC;AAAA,EACrB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,SAAS;AAAA,QACT,aACE;AAAA,QACF,SACE;AAAA,QACF,WAAW;AAAA,QACX,OAAO;AAAA,QACP,MAAM;AAAA,MAAA;AAAA,MAER,MAAM;AAAA,QACJ,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,MAAM;AAAA,MAAA;AAAA,IACR;AAAA,IAEF,iBAAiB;AAAA,MACf,SAAS;AAAA,MACT,MAAM;AAAA,IAAA;AAAA,EACR;AAEJ,GAaMC,IAASC,EAMb,CAAC,EAAE,WAAAC,GAAW,SAAAC,GAAS,MAAAC,GAAM,SAAAC,IAAU,IAAO,GAAGC,EAAA,GAASC,wBAC7CF,IAAUG,IAAO,UAEtB,EAAK,aAAU,UAAS,WAAWC,EAAGX,EAAe,EAAE,SAAAK,GAAS,MAAAC,GAAM,WAAAF,GAAW,CAAC,GAAI,GAAGI,GAAO,KAAAC,GAAU,CACnH;AAEDP,EAAO,cAAc;"}

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

@@ -1,9 +1,11 @@
 import { StoryObj } from '@storybook/react-vite';
-import { Button } from './button';
+import { ButtonVariantProps } from './button';
 declare const meta: {
     title: string;
     tags: string[];
-    component: typeof Button;
+    component: import('react').ForwardRefExoticComponent<Omit<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & ButtonVariantProps & {
+        asChild?: boolean;
+    }, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
     parameters: {
         docs: {
             description: {

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

@@ -1,8 +1,7 @@
-import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    tags: string[];
     component: ({ className, showOutsideDays, ...props }: import('./calendar').CalendarProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
     parameters: {
         docs: {
             description: {
@@ -12,5 +11,7 @@ declare const meta: {
     };
 };
 export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
+export declare function Default(): import("react/jsx-runtime").JSX.Element;
+export declare namespace Default {
+    var storyName: string;
+}

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

@@ -12,6 +12,4 @@ declare const meta: {
     };
 };
 export default meta;
-export declare const Demo: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
+export declare function Demo(): import("react/jsx-runtime").JSX.Element;

package/dist/elements/card.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -12,6 +12,4 @@ declare const meta: {
     };
 };
 export default meta;
-export declare const Demo: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
+export declare function Demo(): import("react/jsx-runtime").JSX.Element;

package/dist/elements/dropdown-menu.stories.d.ts

@@ -12,9 +12,5 @@ declare const meta: {
     };
 };
 export default meta;
-export declare const Checkboxes: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
-export declare const RadioGroup: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
+export declare function Checkboxes(): import("react/jsx-runtime").JSX.Element;
+export declare function RadioGroup(): import("react/jsx-runtime").JSX.Element;

package/dist/elements/input.test.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/elements/label.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/elements/select.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),d=require("@radix-ui/react-select"),l=require("lucide-react"),n=require("../lib/utils.cjs");function u(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return a.default=e,Object.freeze(a)}const s=u(d);function p({...e}){return t.jsx(s.Root,{"data-slot":"select",...e})}function m({...e}){return t.jsx(s.Group,{"data-slot":"select-group",...e})}function f({...e}){return t.jsx(s.Value,{"data-slot":"select-value",...e})}function g({className:e,size:a="default",children:r,...o}){return t.jsxs(s.Trigger,{"data-slot":"select-trigger","data-size":a,className:n.cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...o,children:[r,t.jsx(s.Icon,{asChild:!0,children:t.jsx(l.ChevronDownIcon,{className:"size-4 opacity-50"})})]})}function i({className:e,...a}){return t.jsx(s.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:n.cn("flex cursor-default items-center justify-center py-1",e),...a,children:t.jsx(l.ChevronUpIcon,{className:"size-4"})})}function c({className:e,...a}){return t.jsx(s.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:n.cn("flex cursor-default items-center justify-center py-1",e),...a,children:t.jsx(l.ChevronDownIcon,{className:"size-4"})})}function x({className:e,children:a,position:r="popper",...o}){return t.jsx(s.Portal,{children:t.jsxs(s.Content,{"data-slot":"select-content",className:n.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",r==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:r,...o,children:[t.jsx(i,{}),t.jsx(s.Viewport,{className:n.cn("p-1",r==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:a}),t.jsx(c,{})]})})}function v({className:e,...a}){return t.jsx(s.Label,{"data-slot":"select-label",className:n.cn("text-muted-foreground px-2 py-1.5 text-xs",e),...a})}function b({className:e,children:a,...r}){return t.jsxs(s.Item,{"data-slot":"select-item",className:n.cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...r,children:[t.jsx("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:t.jsx(s.ItemIndicator,{children:t.jsx(l.CheckIcon,{className:"size-4"})})}),t.jsx(s.ItemText,{children:a})]})}function h({className:e,...a}){return t.jsx(s.Separator,{"data-slot":"select-separator",className:n.cn("bg-border pointer-events-none -mx-1 my-1 h-px",e),...a})}exports.Select=p;exports.SelectContent=x;exports.SelectGroup=m;exports.SelectItem=b;exports.SelectLabel=v;exports.SelectScrollDownButton=c;exports.SelectScrollUpButton=i;exports.SelectSeparator=h;exports.SelectTrigger=g;exports.SelectValue=f;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("@radix-ui/react-select"),l=require("lucide-react"),n=require("../lib/utils.cjs");function p(e){const a=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(a,r,o.get?o:{enumerable:!0,get:()=>e[r]})}}return a.default=e,Object.freeze(a)}const s=p(u);function m({...e}){return t.jsx(s.Root,{"data-slot":"select",...e})}function f({...e}){return t.jsx(s.Group,{"data-slot":"select-group",...e})}function g({...e}){return t.jsx(s.Value,{"data-slot":"select-value",...e})}function x({className:e,size:a="default",children:r,asChild:o=!1,...i}){return o?t.jsx(s.Trigger,{...i,asChild:!0,children:r}):t.jsxs(s.Trigger,{"data-slot":"select-trigger","data-size":a,className:n.cn("border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...i,children:[r,t.jsx(s.Icon,{asChild:!0,children:t.jsx(l.ChevronDownIcon,{className:"size-4 opacity-50"})})]})}function c({className:e,...a}){return t.jsx(s.ScrollUpButton,{"data-slot":"select-scroll-up-button",className:n.cn("flex cursor-default items-center justify-center py-1",e),...a,children:t.jsx(l.ChevronUpIcon,{className:"size-4"})})}function d({className:e,...a}){return t.jsx(s.ScrollDownButton,{"data-slot":"select-scroll-down-button",className:n.cn("flex cursor-default items-center justify-center py-1",e),...a,children:t.jsx(l.ChevronDownIcon,{className:"size-4"})})}function v({className:e,children:a,position:r="popper",...o}){return t.jsx(s.Portal,{children:t.jsxs(s.Content,{"data-slot":"select-content",className:n.cn("bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",r==="popper"&&"data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",e),position:r,...o,children:[t.jsx(c,{}),t.jsx(s.Viewport,{className:n.cn("p-1",r==="popper"&&"h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"),children:a}),t.jsx(d,{})]})})}function b({className:e,...a}){return t.jsx(s.Label,{"data-slot":"select-label",className:n.cn("text-muted-foreground px-2 py-1.5 text-xs",e),...a})}function h({className:e,children:a,...r}){return t.jsxs(s.Item,{"data-slot":"select-item",className:n.cn("focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",e),...r,children:[t.jsx("span",{className:"absolute right-2 flex size-3.5 items-center justify-center",children:t.jsx(s.ItemIndicator,{children:t.jsx(l.CheckIcon,{className:"size-4"})})}),t.jsx(s.ItemText,{children:a})]})}function S({className:e,...a}){return t.jsx(s.Separator,{"data-slot":"select-separator",className:n.cn("bg-border pointer-events-none -mx-1 my-1 h-px",e),...a})}exports.Select=m;exports.SelectContent=v;exports.SelectGroup=f;exports.SelectItem=h;exports.SelectLabel=b;exports.SelectScrollDownButton=d;exports.SelectScrollUpButton=c;exports.SelectSeparator=S;exports.SelectTrigger=x;exports.SelectValue=g;
 //# sourceMappingURL=select.cjs.map

package/dist/elements/select.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"select.cjs","sources":["../../src/elements/select.tsx"],"sourcesContent":["'use client';\n\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n          className,\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"names":["Select","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","size","children","jsxs","cn","jsx","ChevronDownIcon","SelectScrollUpButton","ChevronUpIcon","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","CheckIcon","SelectSeparator"],"mappings":"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"}
+{"version":3,"file":"select.cjs","sources":["../../src/elements/select.tsx"],"sourcesContent":["'use client';\n\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  asChild = false,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default';\n}) {\n  if (asChild) {\n    return (\n      <SelectPrimitive.Trigger {...props} asChild>\n        {children}\n      </SelectPrimitive.Trigger>\n    );\n  }\n\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n          className,\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"names":["Select","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","size","children","asChild","jsx","jsxs","cn","ChevronDownIcon","SelectScrollUpButton","ChevronUpIcon","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","CheckIcon","SelectSeparator"],"mappings":"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"}

package/dist/elements/select.d.ts

@@ -2,7 +2,7 @@ import * as SelectPrimitive from '@radix-ui/react-select';
 declare function Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
 declare function SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
 declare function SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>): import("react/jsx-runtime").JSX.Element;
-declare function SelectTrigger({ className, size, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
+declare function SelectTrigger({ className, size, children, asChild, ...props }: React.ComponentProps<typeof SelectPrimitive.Trigger> & {
     size?: 'sm' | 'default';
 }): import("react/jsx-runtime").JSX.Element;
 declare function SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>): import("react/jsx-runtime").JSX.Element;

package/dist/elements/select.js

@@ -1,145 +1,146 @@
-import { jsx as t, jsxs as l } from "react/jsx-runtime";
+import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import * as a from "@radix-ui/react-select";
-import { CheckIcon as d, ChevronDownIcon as i, ChevronUpIcon as c } from "lucide-react";
-import { cn as s } from "../lib/utils.js";
-function v({ ...e }) {
-  return /* @__PURE__ */ t(a.Root, { "data-slot": "select", ...e });
+import { CheckIcon as c, ChevronDownIcon as d, ChevronUpIcon as u } from "lucide-react";
+import { cn as o } from "../lib/utils.js";
+function x({ ...t }) {
+  return /* @__PURE__ */ e(a.Root, { "data-slot": "select", ...t });
 }
-function x({ ...e }) {
-  return /* @__PURE__ */ t(a.Group, { "data-slot": "select-group", ...e });
+function h({ ...t }) {
+  return /* @__PURE__ */ e(a.Group, { "data-slot": "select-group", ...t });
 }
-function h({ ...e }) {
-  return /* @__PURE__ */ t(a.Value, { "data-slot": "select-value", ...e });
+function b({ ...t }) {
+  return /* @__PURE__ */ e(a.Value, { "data-slot": "select-value", ...t });
 }
-function b({
-  className: e,
+function w({
+  className: t,
   size: r = "default",
-  children: o,
-  ...n
+  children: s,
+  asChild: n = !1,
+  ...i
 }) {
-  return /* @__PURE__ */ l(
+  return n ? /* @__PURE__ */ e(a.Trigger, { ...i, asChild: !0, children: s }) : /* @__PURE__ */ l(
     a.Trigger,
     {
       "data-slot": "select-trigger",
       "data-size": r,
-      className: s(
+      className: o(
         "border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
-        e
+        t
       ),
-      ...n,
+      ...i,
       children: [
-        o,
-        /* @__PURE__ */ t(a.Icon, { asChild: !0, children: /* @__PURE__ */ t(i, { className: "size-4 opacity-50" }) })
+        s,
+        /* @__PURE__ */ e(a.Icon, { asChild: !0, children: /* @__PURE__ */ e(d, { className: "size-4 opacity-50" }) })
       ]
     }
   );
 }
-function u({ className: e, ...r }) {
-  return /* @__PURE__ */ t(
+function p({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
     a.ScrollUpButton,
     {
       "data-slot": "select-scroll-up-button",
-      className: s("flex cursor-default items-center justify-center py-1", e),
+      className: o("flex cursor-default items-center justify-center py-1", t),
       ...r,
-      children: /* @__PURE__ */ t(c, { className: "size-4" })
+      children: /* @__PURE__ */ e(u, { className: "size-4" })
     }
   );
 }
-function p({
-  className: e,
+function m({
+  className: t,
   ...r
 }) {
-  return /* @__PURE__ */ t(
+  return /* @__PURE__ */ e(
     a.ScrollDownButton,
     {
       "data-slot": "select-scroll-down-button",
-      className: s("flex cursor-default items-center justify-center py-1", e),
+      className: o("flex cursor-default items-center justify-center py-1", t),
       ...r,
-      children: /* @__PURE__ */ t(i, { className: "size-4" })
+      children: /* @__PURE__ */ e(d, { className: "size-4" })
     }
   );
 }
-function w({
-  className: e,
+function y({
+  className: t,
   children: r,
-  position: o = "popper",
+  position: s = "popper",
   ...n
 }) {
-  return /* @__PURE__ */ t(a.Portal, { children: /* @__PURE__ */ l(
+  return /* @__PURE__ */ e(a.Portal, { children: /* @__PURE__ */ l(
     a.Content,
     {
       "data-slot": "select-content",
-      className: s(
+      className: o(
         "bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md",
-        o === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
-        e
+        s === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+        t
       ),
-      position: o,
+      position: s,
       ...n,
       children: [
-        /* @__PURE__ */ t(u, {}),
-        /* @__PURE__ */ t(
+        /* @__PURE__ */ e(p, {}),
+        /* @__PURE__ */ e(
           a.Viewport,
           {
-            className: s(
+            className: o(
               "p-1",
-              o === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
+              s === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1"
             ),
             children: r
           }
         ),
-        /* @__PURE__ */ t(p, {})
+        /* @__PURE__ */ e(m, {})
       ]
     }
   ) });
 }
-function y({ className: e, ...r }) {
-  return /* @__PURE__ */ t(
+function S({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
     a.Label,
     {
       "data-slot": "select-label",
-      className: s("text-muted-foreground px-2 py-1.5 text-xs", e),
+      className: o("text-muted-foreground px-2 py-1.5 text-xs", t),
       ...r
     }
   );
 }
-function S({ className: e, children: r, ...o }) {
+function z({ className: t, children: r, ...s }) {
   return /* @__PURE__ */ l(
     a.Item,
     {
       "data-slot": "select-item",
-      className: s(
+      className: o(
         "focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
-        e
+        t
       ),
-      ...o,
+      ...s,
       children: [
-        /* @__PURE__ */ t("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ t(a.ItemIndicator, { children: /* @__PURE__ */ t(d, { className: "size-4" }) }) }),
-        /* @__PURE__ */ t(a.ItemText, { children: r })
+        /* @__PURE__ */ e("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: /* @__PURE__ */ e(a.ItemIndicator, { children: /* @__PURE__ */ e(c, { className: "size-4" }) }) }),
+        /* @__PURE__ */ e(a.ItemText, { children: r })
       ]
     }
   );
 }
-function z({ className: e, ...r }) {
-  return /* @__PURE__ */ t(
+function N({ className: t, ...r }) {
+  return /* @__PURE__ */ e(
     a.Separator,
     {
       "data-slot": "select-separator",
-      className: s("bg-border pointer-events-none -mx-1 my-1 h-px", e),
+      className: o("bg-border pointer-events-none -mx-1 my-1 h-px", t),
       ...r
     }
   );
 }
 export {
-  v as Select,
-  w as SelectContent,
-  x as SelectGroup,
-  S as SelectItem,
-  y as SelectLabel,
-  p as SelectScrollDownButton,
-  u as SelectScrollUpButton,
-  z as SelectSeparator,
-  b as SelectTrigger,
-  h as SelectValue
+  x as Select,
+  y as SelectContent,
+  h as SelectGroup,
+  z as SelectItem,
+  S as SelectLabel,
+  m as SelectScrollDownButton,
+  p as SelectScrollUpButton,
+  N as SelectSeparator,
+  w as SelectTrigger,
+  b as SelectValue
 };
 //# sourceMappingURL=select.js.map

package/dist/elements/select.js.map

@@ -1 +1 @@
-{"version":3,"file":"select.js","sources":["../../src/elements/select.tsx"],"sourcesContent":["'use client';\n\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default';\n}) {\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n          className,\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"names":["Select","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","size","children","jsxs","cn","jsx","ChevronDownIcon","SelectScrollUpButton","ChevronUpIcon","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","CheckIcon","SelectSeparator"],"mappings":";;;;AAOA,SAASA,EAAO,EAAE,GAAGC,KAA4D;AAC/E,2BAAQC,EAAgB,MAAhB,EAAqB,aAAU,UAAU,GAAGD,GAAO;AAC7D;AAEA,SAASE,EAAY,EAAE,GAAGF,KAA6D;AACrF,2BAAQC,EAAgB,OAAhB,EAAsB,aAAU,gBAAgB,GAAGD,GAAO;AACpE;AAEA,SAASG,EAAY,EAAE,GAAGH,KAA6D;AACrF,2BAAQC,EAAgB,OAAhB,EAAsB,aAAU,gBAAgB,GAAGD,GAAO;AACpE;AAEA,SAASI,EAAc;AAAA,EACrB,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,GAAGP;AACL,GAEG;AACD,SACE,gBAAAQ;AAAA,IAACP,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,aAAWK;AAAA,MACX,WAAWG;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,MAEH,UAAA;AAAA,QAAAO;AAAA,QACD,gBAAAG,EAACT,EAAgB,MAAhB,EAAqB,SAAO,IAC3B,UAAA,gBAAAS,EAACC,GAAA,EAAgB,WAAU,oBAAA,CAAoB,EAAA,CACjD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASC,EAAqB,EAAE,WAAAP,GAAW,GAAGL,KAAsE;AAClH,SACE,gBAAAU;AAAA,IAACT,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWQ,EAAG,wDAAwDJ,CAAS;AAAA,MAC9E,GAAGL;AAAA,MAEJ,UAAA,gBAAAU,EAACG,GAAA,EAAc,WAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGxC;AAEA,SAASC,EAAuB;AAAA,EAC9B,WAAAT;AAAA,EACA,GAAGL;AACL,GAAkE;AAChE,SACE,gBAAAU;AAAA,IAACT,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWQ,EAAG,wDAAwDJ,CAAS;AAAA,MAC9E,GAAGL;AAAA,MAEJ,UAAA,gBAAAU,EAACC,GAAA,EAAgB,WAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG1C;AAEA,SAASI,EAAc;AAAA,EACrB,WAAAV;AAAA,EACA,UAAAE;AAAA,EACA,UAAAS,IAAW;AAAA,EACX,GAAGhB;AACL,GAAyD;AACvD,SACE,gBAAAU,EAACT,EAAgB,QAAhB,EACC,UAAA,gBAAAO;AAAA,IAACP,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWQ;AAAA,QACT;AAAA,QACAO,MAAa,YACX;AAAA,QACFX;AAAA,MAAA;AAAA,MAEF,UAAAW;AAAA,MACC,GAAGhB;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAU,EAACE,GAAA,EAAqB;AAAA,QACtB,gBAAAF;AAAA,UAACT,EAAgB;AAAA,UAAhB;AAAA,YACC,WAAWQ;AAAA,cACT;AAAA,cACAO,MAAa,YACX;AAAA,YAAA;AAAA,YAGH,UAAAT;AAAA,UAAA;AAAA,QAAA;AAAA,0BAEFO,GAAA,CAAA,CAAuB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE5B;AAEJ;AAEA,SAASG,EAAY,EAAE,WAAAZ,GAAW,GAAGL,KAA6D;AAChG,SACE,gBAAAU;AAAA,IAACT,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWQ,EAAG,6CAA6CJ,CAAS;AAAA,MACnE,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASkB,EAAW,EAAE,WAAAb,GAAW,UAAAE,GAAU,GAAGP,KAA4D;AACxG,SACE,gBAAAQ;AAAA,IAACP,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWQ;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAU,EAAC,QAAA,EAAK,WAAU,8DACd,UAAA,gBAAAA,EAACT,EAAgB,eAAhB,EACC,UAAA,gBAAAS,EAACS,GAAA,EAAU,WAAU,SAAA,CAAS,EAAA,CAChC,GACF;AAAA,QACA,gBAAAT,EAACT,EAAgB,UAAhB,EAA0B,UAAAM,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1C;AAEA,SAASa,EAAgB,EAAE,WAAAf,GAAW,GAAGL,KAAiE;AACxG,SACE,gBAAAU;AAAA,IAACT,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWQ,EAAG,iDAAiDJ,CAAS;AAAA,MACvE,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;"}
+{"version":3,"file":"select.js","sources":["../../src/elements/select.tsx"],"sourcesContent":["'use client';\n\nimport * as SelectPrimitive from '@radix-ui/react-select';\nimport { CheckIcon, ChevronDownIcon, ChevronUpIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Select({ ...props }: React.ComponentProps<typeof SelectPrimitive.Root>) {\n  return <SelectPrimitive.Root data-slot=\"select\" {...props} />;\n}\n\nfunction SelectGroup({ ...props }: React.ComponentProps<typeof SelectPrimitive.Group>) {\n  return <SelectPrimitive.Group data-slot=\"select-group\" {...props} />;\n}\n\nfunction SelectValue({ ...props }: React.ComponentProps<typeof SelectPrimitive.Value>) {\n  return <SelectPrimitive.Value data-slot=\"select-value\" {...props} />;\n}\n\nfunction SelectTrigger({\n  className,\n  size = 'default',\n  children,\n  asChild = false,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Trigger> & {\n  size?: 'sm' | 'default';\n}) {\n  if (asChild) {\n    return (\n      <SelectPrimitive.Trigger {...props} asChild>\n        {children}\n      </SelectPrimitive.Trigger>\n    );\n  }\n\n  return (\n    <SelectPrimitive.Trigger\n      data-slot=\"select-trigger\"\n      data-size={size}\n      className={cn(\n        \"border-input data-[placeholder]:text-muted-foreground [&_svg:not([class*='text-'])]:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:bg-input/30 dark:hover:bg-input/50 flex w-fit items-center justify-between gap-2 rounded-md border bg-transparent px-3 py-2 text-sm whitespace-nowrap shadow-xs transition-[color,box-shadow] outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50 data-[size=default]:h-9 data-[size=sm]:h-8 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <SelectPrimitive.Icon asChild>\n        <ChevronDownIcon className=\"size-4 opacity-50\" />\n      </SelectPrimitive.Icon>\n    </SelectPrimitive.Trigger>\n  );\n}\n\nfunction SelectScrollUpButton({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.ScrollUpButton>) {\n  return (\n    <SelectPrimitive.ScrollUpButton\n      data-slot=\"select-scroll-up-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronUpIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollUpButton>\n  );\n}\n\nfunction SelectScrollDownButton({\n  className,\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.ScrollDownButton>) {\n  return (\n    <SelectPrimitive.ScrollDownButton\n      data-slot=\"select-scroll-down-button\"\n      className={cn('flex cursor-default items-center justify-center py-1', className)}\n      {...props}\n    >\n      <ChevronDownIcon className=\"size-4\" />\n    </SelectPrimitive.ScrollDownButton>\n  );\n}\n\nfunction SelectContent({\n  className,\n  children,\n  position = 'popper',\n  ...props\n}: React.ComponentProps<typeof SelectPrimitive.Content>) {\n  return (\n    <SelectPrimitive.Portal>\n      <SelectPrimitive.Content\n        data-slot=\"select-content\"\n        className={cn(\n          'bg-popover text-popover-foreground data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border shadow-md',\n          position === 'popper' &&\n            'data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1',\n          className,\n        )}\n        position={position}\n        {...props}\n      >\n        <SelectScrollUpButton />\n        <SelectPrimitive.Viewport\n          className={cn(\n            'p-1',\n            position === 'popper' &&\n              'h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)] scroll-my-1',\n          )}\n        >\n          {children}\n        </SelectPrimitive.Viewport>\n        <SelectScrollDownButton />\n      </SelectPrimitive.Content>\n    </SelectPrimitive.Portal>\n  );\n}\n\nfunction SelectLabel({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Label>) {\n  return (\n    <SelectPrimitive.Label\n      data-slot=\"select-label\"\n      className={cn('text-muted-foreground px-2 py-1.5 text-xs', className)}\n      {...props}\n    />\n  );\n}\n\nfunction SelectItem({ className, children, ...props }: React.ComponentProps<typeof SelectPrimitive.Item>) {\n  return (\n    <SelectPrimitive.Item\n      data-slot=\"select-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground [&_svg:not([class*='text-'])]:text-muted-foreground relative flex w-full cursor-default items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"absolute right-2 flex size-3.5 items-center justify-center\">\n        <SelectPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </SelectPrimitive.ItemIndicator>\n      </span>\n      <SelectPrimitive.ItemText>{children}</SelectPrimitive.ItemText>\n    </SelectPrimitive.Item>\n  );\n}\n\nfunction SelectSeparator({ className, ...props }: React.ComponentProps<typeof SelectPrimitive.Separator>) {\n  return (\n    <SelectPrimitive.Separator\n      data-slot=\"select-separator\"\n      className={cn('bg-border pointer-events-none -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nexport {\n  Select,\n  SelectContent,\n  SelectGroup,\n  SelectItem,\n  SelectLabel,\n  SelectScrollDownButton,\n  SelectScrollUpButton,\n  SelectSeparator,\n  SelectTrigger,\n  SelectValue,\n};\n"],"names":["Select","props","SelectPrimitive","SelectGroup","SelectValue","SelectTrigger","className","size","children","asChild","jsx","jsxs","cn","ChevronDownIcon","SelectScrollUpButton","ChevronUpIcon","SelectScrollDownButton","SelectContent","position","SelectLabel","SelectItem","CheckIcon","SelectSeparator"],"mappings":";;;;AAOA,SAASA,EAAO,EAAE,GAAGC,KAA4D;AAC/E,2BAAQC,EAAgB,MAAhB,EAAqB,aAAU,UAAU,GAAGD,GAAO;AAC7D;AAEA,SAASE,EAAY,EAAE,GAAGF,KAA6D;AACrF,2BAAQC,EAAgB,OAAhB,EAAsB,aAAU,gBAAgB,GAAGD,GAAO;AACpE;AAEA,SAASG,EAAY,EAAE,GAAGH,KAA6D;AACrF,2BAAQC,EAAgB,OAAhB,EAAsB,aAAU,gBAAgB,GAAGD,GAAO;AACpE;AAEA,SAASI,EAAc;AAAA,EACrB,WAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,UAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,GAAGR;AACL,GAEG;AACD,SAAIQ,IAEA,gBAAAC,EAACR,EAAgB,SAAhB,EAAyB,GAAGD,GAAO,SAAO,IACxC,UAAAO,GACH,IAKF,gBAAAG;AAAA,IAACT,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,aAAWK;AAAA,MACX,WAAWK;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,MAEH,UAAA;AAAA,QAAAO;AAAA,QACD,gBAAAE,EAACR,EAAgB,MAAhB,EAAqB,SAAO,IAC3B,UAAA,gBAAAQ,EAACG,GAAA,EAAgB,WAAU,oBAAA,CAAoB,EAAA,CACjD;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGN;AAEA,SAASC,EAAqB,EAAE,WAAAR,GAAW,GAAGL,KAAsE;AAClH,SACE,gBAAAS;AAAA,IAACR,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWU,EAAG,wDAAwDN,CAAS;AAAA,MAC9E,GAAGL;AAAA,MAEJ,UAAA,gBAAAS,EAACK,GAAA,EAAc,WAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAGxC;AAEA,SAASC,EAAuB;AAAA,EAC9B,WAAAV;AAAA,EACA,GAAGL;AACL,GAAkE;AAChE,SACE,gBAAAS;AAAA,IAACR,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWU,EAAG,wDAAwDN,CAAS;AAAA,MAC9E,GAAGL;AAAA,MAEJ,UAAA,gBAAAS,EAACG,GAAA,EAAgB,WAAU,SAAA,CAAS;AAAA,IAAA;AAAA,EAAA;AAG1C;AAEA,SAASI,EAAc;AAAA,EACrB,WAAAX;AAAA,EACA,UAAAE;AAAA,EACA,UAAAU,IAAW;AAAA,EACX,GAAGjB;AACL,GAAyD;AACvD,SACE,gBAAAS,EAACR,EAAgB,QAAhB,EACC,UAAA,gBAAAS;AAAA,IAACT,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWU;AAAA,QACT;AAAA,QACAM,MAAa,YACX;AAAA,QACFZ;AAAA,MAAA;AAAA,MAEF,UAAAY;AAAA,MACC,GAAGjB;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAS,EAACI,GAAA,EAAqB;AAAA,QACtB,gBAAAJ;AAAA,UAACR,EAAgB;AAAA,UAAhB;AAAA,YACC,WAAWU;AAAA,cACT;AAAA,cACAM,MAAa,YACX;AAAA,YAAA;AAAA,YAGH,UAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,0BAEFQ,GAAA,CAAA,CAAuB;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA,GAE5B;AAEJ;AAEA,SAASG,EAAY,EAAE,WAAAb,GAAW,GAAGL,KAA6D;AAChG,SACE,gBAAAS;AAAA,IAACR,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWU,EAAG,6CAA6CN,CAAS;AAAA,MACnE,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASmB,EAAW,EAAE,WAAAd,GAAW,UAAAE,GAAU,GAAGP,KAA4D;AACxG,SACE,gBAAAU;AAAA,IAACT,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWU;AAAA,QACT;AAAA,QACAN;AAAA,MAAA;AAAA,MAED,GAAGL;AAAA,MAEJ,UAAA;AAAA,QAAA,gBAAAS,EAAC,QAAA,EAAK,WAAU,8DACd,UAAA,gBAAAA,EAACR,EAAgB,eAAhB,EACC,UAAA,gBAAAQ,EAACW,GAAA,EAAU,WAAU,SAAA,CAAS,EAAA,CAChC,GACF;AAAA,QACA,gBAAAX,EAACR,EAAgB,UAAhB,EAA0B,UAAAM,EAAA,CAAS;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAG1C;AAEA,SAASc,EAAgB,EAAE,WAAAhB,GAAW,GAAGL,KAAiE;AACxG,SACE,gBAAAS;AAAA,IAACR,EAAgB;AAAA,IAAhB;AAAA,MACC,aAAU;AAAA,MACV,WAAWU,EAAG,iDAAiDN,CAAS;AAAA,MACvE,GAAGL;AAAA,IAAA;AAAA,EAAA;AAGV;"}

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

@@ -15,3 +15,6 @@ export default meta;
 export declare const Demo: {
     render: () => import("react/jsx-runtime").JSX.Element;
 };
+export declare const AsChild: {
+    render: () => import("react/jsx-runtime").JSX.Element;
+};

package/dist/elements/spinner.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/elements/table.test.d.ts

@@ -0,0 +1 @@
+export {};

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

@@ -1,16 +1,18 @@
+import { Tabs } from './tabs';
 declare const meta: {
     title: string;
     tags: string[];
-    component: () => import("react/jsx-runtime").JSX.Element;
+    component: typeof Tabs;
     parameters: {
         docs: {
             description: {
                 component: string;
             };
+            source: {
+                type: string;
+            };
         };
     };
 };
 export default meta;
-export declare const Demo: {
-    render: () => import("react/jsx-runtime").JSX.Element;
-};
+export declare function Demo(): import("react/jsx-runtime").JSX.Element;

package/dist/elements/tabs.test.d.ts

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kubetail/ui",
-  "version": "v2.0.0-rc1",
+  "version": "v2.0.0-rc3",
   "type": "module",
   "sideEffects": false,
   "module": "./dist/index.js",
@@ -19,9 +19,57 @@
       "import": "./dist/elements/DataTable/index.js",
       "require": "./dist/elements/DataTable/index.cjs"
     },
-    "./elements/*": {
-      "import": "./dist/elements/*.js",
-      "require": "./dist/elements/*.cjs"
+    "./elements/button": {
+      "import": "./dist/elements/button.js",
+      "require": "./dist/elements/button.cjs"
+    },
+    "./elements/calendar": {
+      "import": "./dist/elements/calendar.js",
+      "require": "./dist/elements/calendar.cjs"
+    },
+    "./elements/card": {
+      "import": "./dist/elements/card.js",
+      "require": "./dist/elements/card.cjs"
+    },
+    "./elements/checkbox": {
+      "import": "./dist/elements/checkbox.js",
+      "require": "./dist/elements/checkbox.cjs"
+    },
+    "./elements/dropdown-menu": {
+      "import": "./dist/elements/dropdown-menu.js",
+      "require": "./dist/elements/dropdown-menu.cjs"
+    },
+    "./elements/form": {
+      "import": "./dist/elements/form.js",
+      "require": "./dist/elements/form.cjs"
+    },
+    "./elements/input": {
+      "import": "./dist/elements/input.js",
+      "require": "./dist/elements/input.cjs"
+    },
+    "./elements/label": {
+      "import": "./dist/elements/label.js",
+      "require": "./dist/elements/label.cjs"
+    },
+    "./elements/popover": {
+      "import": "./dist/elements/popover.js",
+      "require": "./dist/elements/popover.cjs"
+    },
+    "./elements/select": {
+      "import": "./dist/elements/select.js",
+      "require": "./dist/elements/select.cjs"
+    },
+    "./elements/spinner": {
+      "import": "./dist/elements/spinner.js",
+      "require": "./dist/elements/spinner.cjs"
+    },
+    "./elements/table": {
+      "import": "./dist/elements/table.js",
+      "require": "./dist/elements/table.cjs"
+    },
+    "./elements/tabs": {
+      "import": "./dist/elements/tabs.js",
+      "require": "./dist/elements/tabs.cjs"
     },
     "./package.json": "./package.json"
   },