@kubetail/ui 0.3.2 → 2.0.0-rc2

package/README.md

@@ -30,7 +30,7 @@ Instead of running the project on your local machine you can also run it in a co
 docker compose up
 ```
 
-Open [http://localhost:6006](http://localhost:6006) in your browser to see storybook.
+Open [http://localhost:6006](http://localhost:6006) in your browser to see Storybook.
 
 ## Scripts
 
@@ -53,6 +53,7 @@ pnpm add @kubetail/ui
 ```css
 @import 'tailwindcss';
 
+
 @import '@kubetail/ui';
 @source '../node_modules/@kubetail/ui/**/*.js';
 

package/dist/elements/button.cjs

@@ -0,0 +1,2 @@
+"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

@@ -0,0 +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';\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

@@ -0,0 +1,18 @@
+import { VariantProps } from 'class-variance-authority';
+declare const buttonVariants: (props?: ({
+    variant?: "default" | "destructive" | "outline" | "secondary" | "ghost" | "link" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+export type ButtonVariantProps = VariantProps<typeof buttonVariants>;
+/**
+ * `Button` renders a button component
+ *
+ * @param props.className - the custom className
+ * @param props.variant - the button variant
+ * @param props.size - the button size
+ * @parmm props.asChild - as child
+ */
+declare const Button: import('react').ForwardRefExoticComponent<Omit<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & ButtonVariantProps & {
+    asChild?: boolean;
+}, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+export { Button, buttonVariants };

package/dist/elements/button.js

@@ -0,0 +1,36 @@
+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: {
+      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"
+    }
+  }
+), 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 {
+  g as Button,
+  v as buttonVariants
+};
+//# sourceMappingURL=button.js.map

package/dist/elements/button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sources":["../../src/elements/button.tsx"],"sourcesContent":["import { 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

@@ -0,0 +1,32 @@
+import { StoryObj } from '@storybook/react-vite';
+import { ButtonVariantProps } from './button';
+declare const meta: {
+    title: string;
+    tags: string[];
+    component: import('react').ForwardRefExoticComponent<Omit<import('react').ClassAttributes<HTMLButtonElement> & import('react').ButtonHTMLAttributes<HTMLButtonElement> & ButtonVariantProps & {
+        asChild?: boolean;
+    }, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+    argTypes: {
+        children: {
+            control: "text";
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const Secondary: Story;
+export declare const Outline: Story;
+export declare const Ghost: Story;
+export declare const Destructive: Story;
+export declare const Link: Story;
+export declare const Icon: Story;
+export declare const LeadingIcon: Story;
+export declare const TrailingIcon: Story;

package/dist/elements/calendar.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("react/jsx-runtime"),r=require("react-day-picker"),u=require("../lib/utils.cjs"),c=({className:t,showOutsideDays:o=!0,...a})=>{const e=r.getDefaultClassNames();return n.jsx(r.DayPicker,{mode:"single",showOutsideDays:o,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:u.cn(e.root,t),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"},...a})};exports.Calendar=c;
+//# sourceMappingURL=calendar.cjs.map

package/dist/elements/calendar.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.cjs","sources":["../../src/elements/calendar.tsx"],"sourcesContent":["import { DayPicker, getDefaultClassNames } from 'react-day-picker';\n\nimport { cn } from '@/lib/utils';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nconst Calendar = ({ className, showOutsideDays = true, ...props }: CalendarProps) => {\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: cn(defaultClassNames.root, className),\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\nexport { Calendar };\n"],"names":["Calendar","className","showOutsideDays","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker","cn"],"mappings":"iLAMMA,EAAW,CAAC,CAAE,UAAAC,EAAW,gBAAAC,EAAkB,GAAM,GAAGC,KAA2B,CACnF,MAAMC,EAAoBC,EAAAA,qBAAA,EAC1B,OACEC,EAAAA,IAACC,EAAAA,UAAA,CACC,KAAK,SACL,gBAAAL,EACA,WAAY,CACV,MAAO,mCACP,SACE,mIACF,KAAMM,EAAAA,GAAGJ,EAAkB,KAAMH,CAAS,EAC1C,QAAS,GAAGG,EAAkB,OAAO,kBACrC,QAAS,4CACT,aACE,mIACF,UAAW,mCACX,QAAS,uBAAA,EAEV,GAAGD,CAAA,CAAA,CAGV"}

package/dist/elements/calendar.d.ts

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

package/dist/elements/{Calendar.js → calendar.js}

@@ -1,7 +1,7 @@
 import { jsx as a } from "react/jsx-runtime";
 import { getDefaultClassNames as m, DayPicker as n } from "react-day-picker";
 import { cn as d } from "../lib/utils.js";
-function g({ className: e, showOutsideDays: o = !0, ...t }) {
+const u = ({ className: e, showOutsideDays: o = !0, ...t }) => {
   const r = m();
   return /* @__PURE__ */ a(
     n,
@@ -21,8 +21,8 @@ function g({ className: e, showOutsideDays: o = !0, ...t }) {
       ...t
     }
   );
-}
+};
 export {
-  g as Calendar
+  u as Calendar
 };
-//# sourceMappingURL=Calendar.js.map
+//# sourceMappingURL=calendar.js.map

package/dist/elements/calendar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"calendar.js","sources":["../../src/elements/calendar.tsx"],"sourcesContent":["import { DayPicker, getDefaultClassNames } from 'react-day-picker';\n\nimport { cn } from '@/lib/utils';\n\nexport type CalendarProps = React.ComponentProps<typeof DayPicker>;\n\nconst Calendar = ({ className, showOutsideDays = true, ...props }: CalendarProps) => {\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: cn(defaultClassNames.root, className),\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\nexport { Calendar };\n"],"names":["Calendar","className","showOutsideDays","props","defaultClassNames","getDefaultClassNames","jsx","DayPicker","cn"],"mappings":";;;AAMA,MAAMA,IAAW,CAAC,EAAE,WAAAC,GAAW,iBAAAC,IAAkB,IAAM,GAAGC,QAA2B;AACnF,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,MAAMM,EAAGJ,EAAkB,MAAMH,CAAS;AAAA,QAC1C,SAAS,GAAGG,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,17 @@
+declare const meta: {
+    title: string;
+    component: ({ className, showOutsideDays, ...props }: import('./calendar').CalendarProps) => import("react/jsx-runtime").JSX.Element;
+    tags: string[];
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+export declare function Default(): import("react/jsx-runtime").JSX.Element;
+export declare namespace Default {
+    var storyName: string;
+}

package/dist/elements/card.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=require("react/jsx-runtime"),e=require("../lib/utils.cjs");function d({className:t,...r}){return a.jsx("div",{"data-slot":"card",className:e.cn("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm",t),...r})}function o({className:t,...r}){return a.jsx("div",{"data-slot":"card-header",className:e.cn("@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",t),...r})}function n({className:t,...r}){return a.jsx("div",{"data-slot":"card-title",className:e.cn("leading-none font-semibold",t),...r})}function s({className:t,...r}){return a.jsx("div",{"data-slot":"card-description",className:e.cn("text-muted-foreground text-sm",t),...r})}function c({className:t,...r}){return a.jsx("div",{"data-slot":"card-action",className:e.cn("col-start-2 row-span-2 row-start-1 self-start justify-self-end",t),...r})}function i({className:t,...r}){return a.jsx("div",{"data-slot":"card-content",className:e.cn("px-6",t),...r})}function l({className:t,...r}){return a.jsx("div",{"data-slot":"card-footer",className:e.cn("flex items-center px-6 [.border-t]:pt-6",t),...r})}exports.Card=d;exports.CardAction=c;exports.CardContent=i;exports.CardDescription=s;exports.CardFooter=l;exports.CardHeader=o;exports.CardTitle=n;
+//# sourceMappingURL=card.cjs.map

package/dist/elements/card.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.cjs","sources":["../../src/elements/card.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn('bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-title\" className={cn('leading-none font-semibold', className)} {...props} />;\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-description\" className={cn('text-muted-foreground text-sm', className)} {...props} />;\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-content\" className={cn('px-6', className)} {...props} />;\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div data-slot=\"card-footer\" className={cn('flex items-center px-6 [.border-t]:pt-6', className)} {...props} />\n  );\n}\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };\n"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"mappings":"mJAEA,SAASA,EAAK,CAAE,UAAAC,EAAW,GAAGC,GAAsC,CAClE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,OACV,UAAWC,EAAAA,GAAG,oFAAqFH,CAAS,EAC3G,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASG,EAAW,CAAE,UAAAJ,EAAW,GAAGC,GAAsC,CACxE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GACT,6JACAH,CAAA,EAED,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASI,EAAU,CAAE,UAAAL,EAAW,GAAGC,GAAsC,CACvE,OAAOC,MAAC,MAAA,CAAI,YAAU,aAAa,UAAWC,EAAAA,GAAG,6BAA8BH,CAAS,EAAI,GAAGC,CAAA,CAAO,CACxG,CAEA,SAASK,EAAgB,CAAE,UAAAN,EAAW,GAAGC,GAAsC,CAC7E,OAAOC,MAAC,MAAA,CAAI,YAAU,mBAAmB,UAAWC,EAAAA,GAAG,gCAAiCH,CAAS,EAAI,GAAGC,CAAA,CAAO,CACjH,CAEA,SAASM,EAAW,CAAE,UAAAP,EAAW,GAAGC,GAAsC,CACxE,OACEC,EAAAA,IAAC,MAAA,CACC,YAAU,cACV,UAAWC,EAAAA,GAAG,iEAAkEH,CAAS,EACxF,GAAGC,CAAA,CAAA,CAGV,CAEA,SAASO,EAAY,CAAE,UAAAR,EAAW,GAAGC,GAAsC,CACzE,OAAOC,MAAC,MAAA,CAAI,YAAU,eAAe,UAAWC,EAAAA,GAAG,OAAQH,CAAS,EAAI,GAAGC,CAAA,CAAO,CACpF,CAEA,SAASQ,EAAW,CAAE,UAAAT,EAAW,GAAGC,GAAsC,CACxE,OACEC,MAAC,MAAA,CAAI,YAAU,cAAc,UAAWC,EAAAA,GAAG,0CAA2CH,CAAS,EAAI,GAAGC,CAAA,CAAO,CAEjH"}

package/dist/elements/card.d.ts

@@ -0,0 +1,8 @@
+declare function Card({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardHeader({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardTitle({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardDescription({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardAction({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardContent({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+declare function CardFooter({ className, ...props }: React.ComponentProps<'div'>): import("react/jsx-runtime").JSX.Element;
+export { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };

package/dist/elements/card.js

@@ -0,0 +1,57 @@
+import { jsx as a } from "react/jsx-runtime";
+import { cn as o } from "../lib/utils.js";
+function n({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "card",
+      className: o("bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm", t),
+      ...r
+    }
+  );
+}
+function s({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "card-header",
+      className: o(
+        "@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6",
+        t
+      ),
+      ...r
+    }
+  );
+}
+function c({ className: t, ...r }) {
+  return /* @__PURE__ */ a("div", { "data-slot": "card-title", className: o("leading-none font-semibold", t), ...r });
+}
+function i({ className: t, ...r }) {
+  return /* @__PURE__ */ a("div", { "data-slot": "card-description", className: o("text-muted-foreground text-sm", t), ...r });
+}
+function l({ className: t, ...r }) {
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      "data-slot": "card-action",
+      className: o("col-start-2 row-span-2 row-start-1 self-start justify-self-end", t),
+      ...r
+    }
+  );
+}
+function u({ className: t, ...r }) {
+  return /* @__PURE__ */ a("div", { "data-slot": "card-content", className: o("px-6", t), ...r });
+}
+function f({ className: t, ...r }) {
+  return /* @__PURE__ */ a("div", { "data-slot": "card-footer", className: o("flex items-center px-6 [.border-t]:pt-6", t), ...r });
+}
+export {
+  n as Card,
+  l as CardAction,
+  u as CardContent,
+  i as CardDescription,
+  f as CardFooter,
+  s as CardHeader,
+  c as CardTitle
+};
+//# sourceMappingURL=card.js.map

package/dist/elements/card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"card.js","sources":["../../src/elements/card.tsx"],"sourcesContent":["import { cn } from '@/lib/utils';\n\nfunction Card({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card\"\n      className={cn('bg-card text-card-foreground flex flex-col gap-6 rounded-xl border py-6 shadow-sm', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardHeader({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-header\"\n      className={cn(\n        '@container/card-header grid auto-rows-min grid-rows-[auto_auto] items-start gap-1.5 px-6 has-data-[slot=card-action]:grid-cols-[1fr_auto] [.border-b]:pb-6',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction CardTitle({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-title\" className={cn('leading-none font-semibold', className)} {...props} />;\n}\n\nfunction CardDescription({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-description\" className={cn('text-muted-foreground text-sm', className)} {...props} />;\n}\n\nfunction CardAction({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div\n      data-slot=\"card-action\"\n      className={cn('col-start-2 row-span-2 row-start-1 self-start justify-self-end', className)}\n      {...props}\n    />\n  );\n}\n\nfunction CardContent({ className, ...props }: React.ComponentProps<'div'>) {\n  return <div data-slot=\"card-content\" className={cn('px-6', className)} {...props} />;\n}\n\nfunction CardFooter({ className, ...props }: React.ComponentProps<'div'>) {\n  return (\n    <div data-slot=\"card-footer\" className={cn('flex items-center px-6 [.border-t]:pt-6', className)} {...props} />\n  );\n}\n\nexport { Card, CardHeader, CardFooter, CardTitle, CardAction, CardDescription, CardContent };\n"],"names":["Card","className","props","jsx","cn","CardHeader","CardTitle","CardDescription","CardAction","CardContent","CardFooter"],"mappings":";;AAEA,SAASA,EAAK,EAAE,WAAAC,GAAW,GAAGC,KAAsC;AAClE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,qFAAqFH,CAAS;AAAA,MAC3G,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASG,EAAW,EAAE,WAAAJ,GAAW,GAAGC,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAH;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASI,EAAU,EAAE,WAAAL,GAAW,GAAGC,KAAsC;AACvE,SAAO,gBAAAC,EAAC,OAAA,EAAI,aAAU,cAAa,WAAWC,EAAG,8BAA8BH,CAAS,GAAI,GAAGC,EAAA,CAAO;AACxG;AAEA,SAASK,EAAgB,EAAE,WAAAN,GAAW,GAAGC,KAAsC;AAC7E,SAAO,gBAAAC,EAAC,OAAA,EAAI,aAAU,oBAAmB,WAAWC,EAAG,iCAAiCH,CAAS,GAAI,GAAGC,EAAA,CAAO;AACjH;AAEA,SAASM,EAAW,EAAE,WAAAP,GAAW,GAAGC,KAAsC;AACxE,SACE,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,aAAU;AAAA,MACV,WAAWC,EAAG,kEAAkEH,CAAS;AAAA,MACxF,GAAGC;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,SAASO,EAAY,EAAE,WAAAR,GAAW,GAAGC,KAAsC;AACzE,SAAO,gBAAAC,EAAC,OAAA,EAAI,aAAU,gBAAe,WAAWC,EAAG,QAAQH,CAAS,GAAI,GAAGC,EAAA,CAAO;AACpF;AAEA,SAASQ,EAAW,EAAE,WAAAT,GAAW,GAAGC,KAAsC;AACxE,SACE,gBAAAC,EAAC,OAAA,EAAI,aAAU,eAAc,WAAWC,EAAG,2CAA2CH,CAAS,GAAI,GAAGC,EAAA,CAAO;AAEjH;"}

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

@@ -0,0 +1,15 @@
+import { Card } from './card';
+declare const meta: {
+    title: string;
+    tags: string[];
+    component: typeof Card;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+export declare function Demo(): import("react/jsx-runtime").JSX.Element;

package/dist/elements/checkbox.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const i=require("react/jsx-runtime"),n=require("@radix-ui/react-checkbox"),o=require("lucide-react"),s=require("../lib/utils.cjs");function d(e){const t=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}}return t.default=e,Object.freeze(t)}const c=d(n);function u({className:e,...t}){return i.jsx(c.Root,{"data-slot":"checkbox",className:s.cn("peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",e),...t,children:i.jsx(c.Indicator,{"data-slot":"checkbox-indicator",className:"flex items-center justify-center text-current transition-none",children:i.jsx(o.CheckIcon,{className:"size-3.5"})})})}exports.Checkbox=u;
+//# sourceMappingURL=checkbox.cjs.map

package/dist/elements/checkbox.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.cjs","sources":["../../src/elements/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { CheckIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"flex items-center justify-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"names":["Checkbox","className","props","jsx","CheckboxPrimitive","cn","CheckIcon"],"mappings":"6eAOA,SAASA,EAAS,CAAE,UAAAC,EAAW,GAAGC,GAA8D,CAC9F,OACEC,EAAAA,IAACC,EAAkB,KAAlB,CACC,YAAU,WACV,UAAWC,EAAAA,GACT,8eACAJ,CAAA,EAED,GAAGC,EAEJ,SAAAC,EAAAA,IAACC,EAAkB,UAAlB,CACC,YAAU,qBACV,UAAU,gEAEV,SAAAD,EAAAA,IAACG,EAAAA,UAAA,CAAU,UAAU,UAAA,CAAW,CAAA,CAAA,CAClC,CAAA,CAGN"}

package/dist/elements/checkbox.d.ts

@@ -0,0 +1,3 @@
+import * as CheckboxPrimitive from '@radix-ui/react-checkbox';
+declare function Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Checkbox };

package/dist/elements/checkbox.js

@@ -0,0 +1,29 @@
+import { jsx as r } from "react/jsx-runtime";
+import * as e from "@radix-ui/react-checkbox";
+import { CheckIcon as a } from "lucide-react";
+import { cn as o } from "../lib/utils.js";
+function s({ className: i, ...t }) {
+  return /* @__PURE__ */ r(
+    e.Root,
+    {
+      "data-slot": "checkbox",
+      className: o(
+        "peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50",
+        i
+      ),
+      ...t,
+      children: /* @__PURE__ */ r(
+        e.Indicator,
+        {
+          "data-slot": "checkbox-indicator",
+          className: "flex items-center justify-center text-current transition-none",
+          children: /* @__PURE__ */ r(a, { className: "size-3.5" })
+        }
+      )
+    }
+  );
+}
+export {
+  s as Checkbox
+};
+//# sourceMappingURL=checkbox.js.map

package/dist/elements/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sources":["../../src/elements/checkbox.tsx"],"sourcesContent":["'use client';\n\nimport * as CheckboxPrimitive from '@radix-ui/react-checkbox';\nimport { CheckIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nfunction Checkbox({ className, ...props }: React.ComponentProps<typeof CheckboxPrimitive.Root>) {\n  return (\n    <CheckboxPrimitive.Root\n      data-slot=\"checkbox\"\n      className={cn(\n        'peer border-input dark:bg-input/30 data-[state=checked]:bg-primary data-[state=checked]:text-primary-foreground dark:data-[state=checked]:bg-primary data-[state=checked]:border-primary focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-4 shrink-0 rounded-[4px] border shadow-xs transition-shadow outline-none focus-visible:ring-[3px] disabled:cursor-not-allowed disabled:opacity-50',\n        className,\n      )}\n      {...props}\n    >\n      <CheckboxPrimitive.Indicator\n        data-slot=\"checkbox-indicator\"\n        className=\"flex items-center justify-center text-current transition-none\"\n      >\n        <CheckIcon className=\"size-3.5\" />\n      </CheckboxPrimitive.Indicator>\n    </CheckboxPrimitive.Root>\n  );\n}\n\nexport { Checkbox };\n"],"names":["Checkbox","className","props","jsx","CheckboxPrimitive","cn","CheckIcon"],"mappings":";;;;AAOA,SAASA,EAAS,EAAE,WAAAC,GAAW,GAAGC,KAA8D;AAC9F,SACE,gBAAAC;AAAA,IAACC,EAAkB;AAAA,IAAlB;AAAA,MACC,aAAU;AAAA,MACV,WAAWC;AAAA,QACT;AAAA,QACAJ;AAAA,MAAA;AAAA,MAED,GAAGC;AAAA,MAEJ,UAAA,gBAAAC;AAAA,QAACC,EAAkB;AAAA,QAAlB;AAAA,UACC,aAAU;AAAA,UACV,WAAU;AAAA,UAEV,UAAA,gBAAAD,EAACG,GAAA,EAAU,WAAU,WAAA,CAAW;AAAA,QAAA;AAAA,MAAA;AAAA,IAClC;AAAA,EAAA;AAGN;"}

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

@@ -0,0 +1,15 @@
+import { Checkbox } from './checkbox';
+declare const meta: {
+    title: string;
+    tags: string[];
+    component: typeof Checkbox;
+    parameters: {
+        docs: {
+            description: {
+                component: string;
+            };
+        };
+    };
+};
+export default meta;
+export declare function Demo(): import("react/jsx-runtime").JSX.Element;

package/dist/elements/dropdown-menu.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),i=require("@radix-ui/react-dropdown-menu"),s=require("lucide-react"),a=require("../lib/utils.cjs");function u(e){const n=Object.create(null,{[Symbol.toStringTag]:{value:"Module"}});if(e){for(const r in e)if(r!=="default"){const d=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(n,r,d.get?d:{enumerable:!0,get:()=>e[r]})}}return n.default=e,Object.freeze(n)}const o=u(i);function c({...e}){return t.jsx(o.Root,{"data-slot":"dropdown-menu",...e})}function l({...e}){return t.jsx(o.Portal,{"data-slot":"dropdown-menu-portal",...e})}function p({...e}){return t.jsx(o.Trigger,{"data-slot":"dropdown-menu-trigger",...e})}function m({className:e,sideOffset:n=4,...r}){return t.jsx(o.Portal,{children:t.jsx(o.Content,{"data-slot":"dropdown-menu-content",sideOffset:n,className:a.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 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md",e),...r})})}function f({...e}){return t.jsx(o.Group,{"data-slot":"dropdown-menu-group",...e})}function g({className:e,inset:n,variant:r="default",...d}){return t.jsx(o.Item,{"data-slot":"dropdown-menu-item","data-inset":n,"data-variant":r,className:a.cn("focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",e),...d})}function x({className:e,children:n,checked:r,...d}){return t.jsxs(o.CheckboxItem,{"data-slot":"dropdown-menu-checkbox-item",className:a.cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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",e),checked:r,...d,children:[t.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:t.jsx(o.ItemIndicator,{children:t.jsx(s.CheckIcon,{className:"size-4"})})}),n]})}function w({...e}){return t.jsx(o.RadioGroup,{"data-slot":"dropdown-menu-radio-group",...e})}function b({className:e,children:n,...r}){return t.jsxs(o.RadioItem,{"data-slot":"dropdown-menu-radio-item",className:a.cn("focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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",e),...r,children:[t.jsx("span",{className:"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center",children:t.jsx(o.ItemIndicator,{children:t.jsx(s.CircleIcon,{className:"size-2 fill-current"})})}),n]})}function v({className:e,inset:n,...r}){return t.jsx(o.Label,{"data-slot":"dropdown-menu-label","data-inset":n,className:a.cn("px-2 py-1.5 text-sm font-medium data-[inset]:pl-8",e),...r})}function h({className:e,...n}){return t.jsx(o.Separator,{"data-slot":"dropdown-menu-separator",className:a.cn("bg-border -mx-1 my-1 h-px",e),...n})}function D({className:e,...n}){return t.jsx("span",{"data-slot":"dropdown-menu-shortcut",className:a.cn("text-muted-foreground ml-auto text-xs tracking-widest",e),...n})}function M({...e}){return t.jsx(o.Sub,{"data-slot":"dropdown-menu-sub",...e})}function j({className:e,inset:n,children:r,...d}){return t.jsxs(o.SubTrigger,{"data-slot":"dropdown-menu-sub-trigger","data-inset":n,className:a.cn("focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8",e),...d,children:[r,t.jsx(s.ChevronRightIcon,{className:"ml-auto size-4"})]})}function z({className:e,...n}){return t.jsx(o.SubContent,{"data-slot":"dropdown-menu-sub-content",className:a.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 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg",e),...n})}exports.DropdownMenu=c;exports.DropdownMenuCheckboxItem=x;exports.DropdownMenuContent=m;exports.DropdownMenuGroup=f;exports.DropdownMenuItem=g;exports.DropdownMenuLabel=v;exports.DropdownMenuPortal=l;exports.DropdownMenuRadioGroup=w;exports.DropdownMenuRadioItem=b;exports.DropdownMenuSeparator=h;exports.DropdownMenuShortcut=D;exports.DropdownMenuSub=M;exports.DropdownMenuSubContent=z;exports.DropdownMenuSubTrigger=j;exports.DropdownMenuTrigger=p;
+//# sourceMappingURL=dropdown-menu.cjs.map

package/dist/elements/dropdown-menu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dropdown-menu.cjs","sources":["../../src/elements/dropdown-menu.tsx"],"sourcesContent":["'use client';\n\nimport * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';\nimport { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react';\n\nimport { cn } from '@/lib/utils';\n\nexport type { DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';\n\nfunction DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {\n  return <DropdownMenuPrimitive.Root data-slot=\"dropdown-menu\" {...props} />;\n}\n\nfunction DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {\n  return <DropdownMenuPrimitive.Portal data-slot=\"dropdown-menu-portal\" {...props} />;\n}\n\nfunction DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {\n  return <DropdownMenuPrimitive.Trigger data-slot=\"dropdown-menu-trigger\" {...props} />;\n}\n\nfunction DropdownMenuContent({\n  className,\n  sideOffset = 4,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {\n  return (\n    <DropdownMenuPrimitive.Portal>\n      <DropdownMenuPrimitive.Content\n        data-slot=\"dropdown-menu-content\"\n        sideOffset={sideOffset}\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 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border p-1 shadow-md',\n          className,\n        )}\n        {...props}\n      />\n    </DropdownMenuPrimitive.Portal>\n  );\n}\n\nfunction DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {\n  return <DropdownMenuPrimitive.Group data-slot=\"dropdown-menu-group\" {...props} />;\n}\n\nfunction DropdownMenuItem({\n  className,\n  inset,\n  variant = 'default',\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {\n  inset?: boolean;\n  variant?: 'default' | 'destructive';\n}) {\n  return (\n    <DropdownMenuPrimitive.Item\n      data-slot=\"dropdown-menu-item\"\n      data-inset={inset}\n      data-variant={variant}\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:!text-destructive [&_svg:not([class*='text-'])]:text-muted-foreground relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[disabled]:pointer-events-none data-[disabled]:opacity-50 data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuCheckboxItem({\n  className,\n  children,\n  checked,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {\n  return (\n    <DropdownMenuPrimitive.CheckboxItem\n      data-slot=\"dropdown-menu-checkbox-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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\",\n        className,\n      )}\n      checked={checked}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CheckIcon className=\"size-4\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.CheckboxItem>\n  );\n}\n\nfunction DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {\n  return <DropdownMenuPrimitive.RadioGroup data-slot=\"dropdown-menu-radio-group\" {...props} />;\n}\n\nfunction DropdownMenuRadioItem({\n  className,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {\n  return (\n    <DropdownMenuPrimitive.RadioItem\n      data-slot=\"dropdown-menu-radio-item\"\n      className={cn(\n        \"focus:bg-accent focus:text-accent-foreground relative flex cursor-default items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 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\",\n        className,\n      )}\n      {...props}\n    >\n      <span className=\"pointer-events-none absolute left-2 flex size-3.5 items-center justify-center\">\n        <DropdownMenuPrimitive.ItemIndicator>\n          <CircleIcon className=\"size-2 fill-current\" />\n        </DropdownMenuPrimitive.ItemIndicator>\n      </span>\n      {children}\n    </DropdownMenuPrimitive.RadioItem>\n  );\n}\n\nfunction DropdownMenuLabel({\n  className,\n  inset,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.Label\n      data-slot=\"dropdown-menu-label\"\n      data-inset={inset}\n      className={cn('px-2 py-1.5 text-sm font-medium data-[inset]:pl-8', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {\n  return (\n    <DropdownMenuPrimitive.Separator\n      data-slot=\"dropdown-menu-separator\"\n      className={cn('bg-border -mx-1 my-1 h-px', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>) {\n  return (\n    <span\n      data-slot=\"dropdown-menu-shortcut\"\n      className={cn('text-muted-foreground ml-auto text-xs tracking-widest', className)}\n      {...props}\n    />\n  );\n}\n\nfunction DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {\n  return <DropdownMenuPrimitive.Sub data-slot=\"dropdown-menu-sub\" {...props} />;\n}\n\nfunction DropdownMenuSubTrigger({\n  className,\n  inset,\n  children,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {\n  inset?: boolean;\n}) {\n  return (\n    <DropdownMenuPrimitive.SubTrigger\n      data-slot=\"dropdown-menu-sub-trigger\"\n      data-inset={inset}\n      className={cn(\n        'focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[state=open]:text-accent-foreground flex cursor-default items-center rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8',\n        className,\n      )}\n      {...props}\n    >\n      {children}\n      <ChevronRightIcon className=\"ml-auto size-4\" />\n    </DropdownMenuPrimitive.SubTrigger>\n  );\n}\n\nfunction DropdownMenuSubContent({\n  className,\n  ...props\n}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {\n  return (\n    <DropdownMenuPrimitive.SubContent\n      data-slot=\"dropdown-menu-sub-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 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border p-1 shadow-lg',\n        className,\n      )}\n      {...props}\n    />\n  );\n}\n\nexport {\n  DropdownMenu,\n  DropdownMenuPortal,\n  DropdownMenuTrigger,\n  DropdownMenuContent,\n  DropdownMenuGroup,\n  DropdownMenuLabel,\n  DropdownMenuItem,\n  DropdownMenuCheckboxItem,\n  DropdownMenuRadioGroup,\n  DropdownMenuRadioItem,\n  DropdownMenuSeparator,\n  DropdownMenuShortcut,\n  DropdownMenuSub,\n  DropdownMenuSubTrigger,\n  DropdownMenuSubContent,\n};\n"],"names":["DropdownMenu","props","DropdownMenuPrimitive","DropdownMenuPortal","DropdownMenuTrigger","DropdownMenuContent","className","sideOffset","jsx","cn","DropdownMenuGroup","DropdownMenuItem","inset","variant","DropdownMenuCheckboxItem","children","checked","jsxs","CheckIcon","DropdownMenuRadioGroup","DropdownMenuRadioItem","CircleIcon","DropdownMenuLabel","DropdownMenuSeparator","DropdownMenuShortcut","DropdownMenuSub","DropdownMenuSubTrigger","ChevronRightIcon","DropdownMenuSubContent"],"mappings":"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"}

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

@@ -0,0 +1,25 @@
+import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu';
+export type { DropdownMenuCheckboxItemProps } from '@radix-ui/react-dropdown-menu';
+declare function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuPortal({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuTrigger({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuContent({ className, sideOffset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Content>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuItem({ className, inset, variant, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+    inset?: boolean;
+    variant?: 'default' | 'destructive';
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuCheckboxItem({ className, children, checked, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuRadioItem({ className, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuLabel({ className, inset, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSeparator({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubTrigger({ className, inset, children, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+    inset?: boolean;
+}): import("react/jsx-runtime").JSX.Element;
+declare function DropdownMenuSubContent({ className, ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>): import("react/jsx-runtime").JSX.Element;
+export { DropdownMenu, DropdownMenuPortal, DropdownMenuTrigger, DropdownMenuContent, DropdownMenuGroup, DropdownMenuLabel, DropdownMenuItem, DropdownMenuCheckboxItem, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubTrigger, DropdownMenuSubContent, };