ivt 0.4.8 → 0.5.0

package/dist/input-group/index.mjs

@@ -0,0 +1,97 @@
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { c as cn } from '../chunks/utils-DwA_HfJw.mjs';
+import { T as Textarea } from '../chunks/textarea-CD6y9GNW.mjs';
+import { B as Button } from '../chunks/button-ay7E6KrE.mjs';
+import { I as Input } from '../chunks/input-CqipwgOY.mjs';
+import '../chunks/bundle-mjs-CXcNQyyo.mjs';
+import '@radix-ui/react-slot';
+
+function InputGroup({ className, ...props }) {
+    return /*#__PURE__*/ React.createElement("div", {
+        "data-slot": "input-group",
+        role: "group",
+        className: cn("group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none", "h-9 min-w-0 has-[>textarea]:h-auto", // Variants based on alignment.
+        "has-[>[data-align=inline-start]]:[&>input]:pl-2", "has-[>[data-align=inline-end]]:[&>input]:pr-2", "has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3", "has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3", // Focus state.
+        "has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]", // Error state.
+        "has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40", className),
+        ...props
+    });
+}
+const inputGroupAddonVariants = cva("text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50", {
+    variants: {
+        align: {
+            "inline-start": "order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]",
+            "inline-end": "order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]",
+            "block-start": "order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5",
+            "block-end": "order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5"
+        }
+    },
+    defaultVariants: {
+        align: "inline-start"
+    }
+});
+function InputGroupAddon({ className, align = "inline-start", ...props }) {
+    return /*#__PURE__*/ React.createElement("div", {
+        role: "group",
+        "data-slot": "input-group-addon",
+        "data-align": align,
+        className: cn(inputGroupAddonVariants({
+            align
+        }), className),
+        onClick: (e)=>{
+            if (e.target.closest("button")) {
+                return;
+            }
+            e.currentTarget.parentElement?.querySelector("input")?.focus();
+        },
+        ...props
+    });
+}
+const inputGroupButtonVariants = cva("text-sm shadow-none flex gap-2 items-center", {
+    variants: {
+        size: {
+            xs: "h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2",
+            sm: "h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5",
+            "icon-xs": "size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0",
+            "icon-sm": "size-8 p-0 has-[>svg]:p-0"
+        }
+    },
+    defaultVariants: {
+        size: "xs"
+    }
+});
+function InputGroupButton({ className, type = "button", variant = "ghost", size = "xs", ...props }) {
+    return /*#__PURE__*/ React.createElement(Button, {
+        type: type,
+        "data-size": size,
+        variant: variant,
+        className: cn(inputGroupButtonVariants({
+            size
+        }), className),
+        ...props
+    });
+}
+function InputGroupText({ className, ...props }) {
+    return /*#__PURE__*/ React.createElement("span", {
+        className: cn("text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4", className),
+        ...props
+    });
+}
+function InputGroupInput({ className, ...props }) {
+    return /*#__PURE__*/ React.createElement(Input, {
+        "data-slot": "input-group-control",
+        className: cn("flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent", className),
+        ...props
+    });
+}
+function InputGroupTextarea({ className, ...props }) {
+    return /*#__PURE__*/ React.createElement(Textarea, {
+        "data-slot": "input-group-control",
+        className: cn("flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent", className),
+        ...props
+    });
+}
+
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
+//# sourceMappingURL=index.mjs.map

package/dist/input-group/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/components/ui/input-group/input-group.tsx"],"sourcesContent":["\"use client\";\n\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { Button } from \"@/components/ui/button\";\nimport { Input } from \"@/components/ui/input\";\nimport { Textarea } from \"@/components/ui/textarea\";\nimport { cn } from \"@/lib/utils\";\n\nfunction InputGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"input-group\"\n\t\t\trole=\"group\"\n\t\t\tclassName={cn(\n\t\t\t\t\"group/input-group border-input dark:bg-input/30 relative flex w-full items-center rounded-md border shadow-xs transition-[color,box-shadow] outline-none\",\n\t\t\t\t\"h-9 min-w-0 has-[>textarea]:h-auto\",\n\n\t\t\t\t// Variants based on alignment.\n\t\t\t\t\"has-[>[data-align=inline-start]]:[&>input]:pl-2\",\n\t\t\t\t\"has-[>[data-align=inline-end]]:[&>input]:pr-2\",\n\t\t\t\t\"has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>[data-align=block-start]]:[&>input]:pb-3\",\n\t\t\t\t\"has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-end]]:[&>input]:pt-3\",\n\n\t\t\t\t// Focus state.\n\t\t\t\t\"has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot=input-group-control]:focus-visible]:ring-[3px]\",\n\n\t\t\t\t// Error state.\n\t\t\t\t\"has-[[data-slot][aria-invalid=true]]:ring-destructive/20 has-[[data-slot][aria-invalid=true]]:border-destructive dark:has-[[data-slot][aria-invalid=true]]:ring-destructive/40\",\n\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nconst inputGroupAddonVariants = cva(\n\t\"text-muted-foreground flex h-auto cursor-text items-center justify-center gap-2 py-1.5 text-sm font-medium select-none [&>svg:not([class*='size-'])]:size-4 [&>kbd]:rounded-[calc(var(--radius)-5px)] group-data-[disabled=true]/input-group:opacity-50\",\n\t{\n\t\tvariants: {\n\t\t\talign: {\n\t\t\t\t\"inline-start\": \"order-first pl-3 has-[>button]:ml-[-0.45rem] has-[>kbd]:ml-[-0.35rem]\",\n\t\t\t\t\"inline-end\": \"order-last pr-3 has-[>button]:mr-[-0.45rem] has-[>kbd]:mr-[-0.35rem]\",\n\t\t\t\t\"block-start\":\n\t\t\t\t\t\"order-first w-full justify-start px-3 pt-3 [.border-b]:pb-3 group-has-[>input]/input-group:pt-2.5\",\n\t\t\t\t\"block-end\":\n\t\t\t\t\t\"order-last w-full justify-start px-3 pb-3 [.border-t]:pt-3 group-has-[>input]/input-group:pb-2.5\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\talign: \"inline-start\",\n\t\t},\n\t},\n);\n\nfunction InputGroupAddon({\n\tclassName,\n\talign = \"inline-start\",\n\t...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof inputGroupAddonVariants>) {\n\treturn (\n\t\t<div\n\t\t\trole=\"group\"\n\t\t\tdata-slot=\"input-group-addon\"\n\t\t\tdata-align={align}\n\t\t\tclassName={cn(inputGroupAddonVariants({ align }), className)}\n\t\t\tonClick={(e) => {\n\t\t\t\tif ((e.target as HTMLElement).closest(\"button\")) {\n\t\t\t\t\treturn;\n\t\t\t\t}\n\t\t\t\te.currentTarget.parentElement?.querySelector(\"input\")?.focus();\n\t\t\t}}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nconst inputGroupButtonVariants = cva(\"text-sm shadow-none flex gap-2 items-center\", {\n\tvariants: {\n\t\tsize: {\n\t\t\txs: \"h-6 gap-1 px-2 rounded-[calc(var(--radius)-5px)] [&>svg:not([class*='size-'])]:size-3.5 has-[>svg]:px-2\",\n\t\t\tsm: \"h-8 px-2.5 gap-1.5 rounded-md has-[>svg]:px-2.5\",\n\t\t\t\"icon-xs\": \"size-6 rounded-[calc(var(--radius)-5px)] p-0 has-[>svg]:p-0\",\n\t\t\t\"icon-sm\": \"size-8 p-0 has-[>svg]:p-0\",\n\t\t},\n\t},\n\tdefaultVariants: {\n\t\tsize: \"xs\",\n\t},\n});\n\nfunction InputGroupButton({\n\tclassName,\n\ttype = \"button\",\n\tvariant = \"ghost\",\n\tsize = \"xs\",\n\t...props\n}: Omit<React.ComponentProps<typeof Button>, \"size\"> &\n\tVariantProps<typeof inputGroupButtonVariants>) {\n\treturn (\n\t\t<Button\n\t\t\ttype={type}\n\t\t\tdata-size={size}\n\t\t\tvariant={variant}\n\t\t\tclassName={cn(inputGroupButtonVariants({ size }), className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction InputGroupText({ className, ...props }: React.ComponentProps<\"span\">) {\n\treturn (\n\t\t<span\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground flex items-center gap-2 text-sm [&_svg]:pointer-events-none [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction InputGroupInput({ className, ...props }: React.ComponentProps<\"input\">) {\n\treturn (\n\t\t<Input\n\t\t\tdata-slot=\"input-group-control\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex-1 rounded-none border-0 bg-transparent shadow-none focus-visible:ring-0 dark:bg-transparent\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction InputGroupTextarea({ className, ...props }: React.ComponentProps<\"textarea\">) {\n\treturn (\n\t\t<Textarea\n\t\t\tdata-slot=\"input-group-control\"\n\t\t\tclassName={cn(\n\t\t\t\t\"flex-1 resize-none rounded-none border-0 bg-transparent py-3 shadow-none focus-visible:ring-0 dark:bg-transparent\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tInputGroup,\n\tInputGroupAddon,\n\tInputGroupButton,\n\tInputGroupText,\n\tInputGroupInput,\n\tInputGroupTextarea,\n};\n"],"names":["InputGroup","className","props","div","data-slot","role","cn","inputGroupAddonVariants","cva","variants","align","defaultVariants","InputGroupAddon","data-align","onClick","e","target","closest","currentTarget","parentElement","querySelector","focus","inputGroupButtonVariants","size","xs","sm","InputGroupButton","type","variant","Button","data-size","InputGroupText","span","InputGroupInput","Input","InputGroupTextarea","Textarea"],"mappings":";;;;;;;;;AAUA,SAASA,UAAAA,CAAW,EAAEC,SAAS,EAAE,GAAGC,KAAAA,EAAoC,EAAA;AACvE,IAAA,qBACC,KAAA,CAAA,aAAA,CAACC,KAAAA,EAAAA;QACAC,WAAAA,EAAU,aAAA;QACVC,IAAAA,EAAK,OAAA;QACLJ,SAAAA,EAAWK,EAAAA,CACV,0JAAA,EACA,oCAAA;QAGA,iDAAA,EACA,+CAAA,EACA,gIAAA,EACA,0HAAA;AAGA,QAAA,iMAAA;QAGA,gLAAA,EAEAL,SAAAA,CAAAA;AAEA,QAAA,GAAGC;;AAGP;AAEA,MAAMK,uBAAAA,GAA0BC,IAC/B,yPAAA,EACA;IACCC,QAAAA,EAAU;QACTC,KAAAA,EAAO;YACN,cAAA,EAAgB,uEAAA;YAChB,YAAA,EAAc,sEAAA;YACd,aAAA,EACC,mGAAA;YACD,WAAA,EACC;AACF;AACD,KAAA;IACAC,eAAAA,EAAiB;QAChBD,KAAAA,EAAO;AACR;AACD,CAAA,CAAA;AAGD,SAASE,eAAAA,CAAgB,EACxBX,SAAS,EACTS,QAAQ,cAAc,EACtB,GAAGR,KAAAA,EACyE,EAAA;AAC5E,IAAA,qBACC,KAAA,CAAA,aAAA,CAACC,KAAAA,EAAAA;QACAE,IAAAA,EAAK,OAAA;QACLD,WAAAA,EAAU,mBAAA;QACVS,YAAAA,EAAYH,KAAAA;AACZT,QAAAA,SAAAA,EAAWK,GAAGC,uBAAAA,CAAwB;AAAEG,YAAAA;SAAM,CAAA,EAAIT,SAAAA,CAAAA;AAClDa,QAAAA,OAAAA,EAAS,CAACC,CAAAA,GAAAA;AACT,YAAA,IAAI,CAACA,CAAEC,MAAM,CAAiBC,OAAO,CAAC,QAAA,CAAA,EAAW;AAChD,gBAAA;AACD,YAAA;AACAF,YAAAA,CAAAA,CAAEG,aAAa,CAACC,aAAa,EAAEC,cAAc,OAAA,CAAA,EAAUC,KAAAA,EAAAA;AACxD,QAAA,CAAA;AACC,QAAA,GAAGnB;;AAGP;AAEA,MAAMoB,wBAAAA,GAA2Bd,IAAI,6CAAA,EAA+C;IACnFC,QAAAA,EAAU;QACTc,IAAAA,EAAM;YACLC,EAAAA,EAAI,yGAAA;YACJC,EAAAA,EAAI,iDAAA;YACJ,SAAA,EAAW,6DAAA;YACX,SAAA,EAAW;AACZ;AACD,KAAA;IACAd,eAAAA,EAAiB;QAChBY,IAAAA,EAAM;AACP;AACD,CAAA,CAAA;AAEA,SAASG,gBAAAA,CAAiB,EACzBzB,SAAS,EACT0B,OAAO,QAAQ,EACfC,OAAAA,GAAU,OAAO,EACjBL,IAAAA,GAAO,IAAI,EACX,GAAGrB,KAAAA,EAE0C,EAAA;AAC7C,IAAA,qBACC,KAAA,CAAA,aAAA,CAAC2B,MAAAA,EAAAA;QACAF,IAAAA,EAAMA,IAAAA;QACNG,WAAAA,EAAWP,IAAAA;QACXK,OAAAA,EAASA,OAAAA;AACT3B,QAAAA,SAAAA,EAAWK,GAAGgB,wBAAAA,CAAyB;AAAEC,YAAAA;SAAK,CAAA,EAAItB,SAAAA,CAAAA;AACjD,QAAA,GAAGC;;AAGP;AAEA,SAAS6B,cAAAA,CAAe,EAAE9B,SAAS,EAAE,GAAGC,KAAAA,EAAqC,EAAA;AAC5E,IAAA,qBACC,KAAA,CAAA,aAAA,CAAC8B,MAAAA,EAAAA;AACA/B,QAAAA,SAAAA,EAAWK,GACV,wHAAA,EACAL,SAAAA,CAAAA;AAEA,QAAA,GAAGC;;AAGP;AAEA,SAAS+B,eAAAA,CAAgB,EAAEhC,SAAS,EAAE,GAAGC,KAAAA,EAAsC,EAAA;AAC9E,IAAA,qBACC,KAAA,CAAA,aAAA,CAACgC,KAAAA,EAAAA;QACA9B,WAAAA,EAAU,qBAAA;AACVH,QAAAA,SAAAA,EAAWK,GACV,kGAAA,EACAL,SAAAA,CAAAA;AAEA,QAAA,GAAGC;;AAGP;AAEA,SAASiC,kBAAAA,CAAmB,EAAElC,SAAS,EAAE,GAAGC,KAAAA,EAAyC,EAAA;AACpF,IAAA,qBACC,KAAA,CAAA,aAAA,CAACkC,QAAAA,EAAAA;QACAhC,WAAAA,EAAU,qBAAA;AACVH,QAAAA,SAAAA,EAAWK,GACV,mHAAA,EACAL,SAAAA,CAAAA;AAEA,QAAA,GAAGC;;AAGP;;;;"}

package/dist/input-otp/index.mjs

@@ -1,7 +1,7 @@
 import * as React from 'react';
-import { c as cn } from '../chunks/utils-ieFmv4d0.mjs';
-import { c as createLucideIcon } from '../chunks/createLucideIcon-C_iAsC8V.mjs';
-import '../chunks/bundle-mjs-DH6vf6gy.mjs';
+import { c as cn } from '../chunks/utils-DwA_HfJw.mjs';
+import { c as createLucideIcon } from '../chunks/createLucideIcon-DwD3HsEs.mjs';
+import '../chunks/bundle-mjs-CXcNQyyo.mjs';
 
 const __iconNode = [
     [

package/dist/item/index.d.ts

@@ -0,0 +1,28 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as react_jsx_runtime from 'react/jsx-runtime';
+import { VariantProps } from 'class-variance-authority';
+import * as React from 'react';
+import { Separator } from '../separator/index.js';
+import '@radix-ui/react-separator';
+
+declare function ItemGroup({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): react_jsx_runtime.JSX.Element;
+declare const itemVariants: (props?: ({
+    variant?: "default" | "outline" | "muted" | null | undefined;
+    size?: "default" | "sm" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
+    asChild?: boolean;
+}): react_jsx_runtime.JSX.Element;
+declare const itemMediaVariants: (props?: ({
+    variant?: "default" | "icon" | "image" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>): react_jsx_runtime.JSX.Element;
+declare function ItemContent({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemTitle({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemDescription({ className, ...props }: React.ComponentProps<"p">): react_jsx_runtime.JSX.Element;
+declare function ItemActions({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemHeader({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+declare function ItemFooter({ className, ...props }: React.ComponentProps<"div">): react_jsx_runtime.JSX.Element;
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };

package/dist/item/index.mjs

@@ -0,0 +1,125 @@
+import { Slot } from '@radix-ui/react-slot';
+import { cva } from 'class-variance-authority';
+import * as React from 'react';
+import { c as cn } from '../chunks/utils-DwA_HfJw.mjs';
+import { S as Separator } from '../chunks/separator-D6zbGj0R.mjs';
+import '../chunks/bundle-mjs-CXcNQyyo.mjs';
+import '../chunks/index-B7kZbHfd.mjs';
+import 'react-dom';
+import 'react/jsx-runtime';
+
+function ItemGroup({ className, ...props }) {
+    return /*#__PURE__*/ React.createElement("div", {
+        role: "list",
+        "data-slot": "item-group",
+        className: cn("group/item-group flex flex-col", className),
+        ...props
+    });
+}
+function ItemSeparator({ className, ...props }) {
+    return /*#__PURE__*/ React.createElement(Separator, {
+        "data-slot": "item-separator",
+        orientation: "horizontal",
+        className: cn("my-0", className),
+        ...props
+    });
+}
+const itemVariants = cva("group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            outline: "border-border",
+            muted: "bg-muted/50"
+        },
+        size: {
+            default: "p-4 gap-4 ",
+            sm: "py-3 px-4 gap-2.5"
+        }
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default"
+    }
+});
+function Item({ className, variant = "default", size = "default", asChild = false, ...props }) {
+    const Comp = asChild ? Slot : "div";
+    return /*#__PURE__*/ React.createElement(Comp, {
+        "data-slot": "item",
+        "data-variant": variant,
+        "data-size": size,
+        className: cn(itemVariants({
+            variant,
+            size,
+            className
+        })),
+        ...props
+    });
+}
+const itemMediaVariants = cva("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5", {
+    variants: {
+        variant: {
+            default: "bg-transparent",
+            icon: "size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4",
+            image: "size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover"
+        }
+    },
+    defaultVariants: {
+        variant: "default"
+    }
+});
+function ItemMedia({ className, variant = "default", ...props }) {
+    return /*#__PURE__*/ React.createElement("div", {
+        "data-slot": "item-media",
+        "data-variant": variant,
+        className: cn(itemMediaVariants({
+            variant,
+            className
+        })),
+        ...props
+    });
+}
+function ItemContent({ className, ...props }) {
+    return /*#__PURE__*/ React.createElement("div", {
+        "data-slot": "item-content",
+        className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
+        ...props
+    });
+}
+function ItemTitle({ className, ...props }) {
+    return /*#__PURE__*/ React.createElement("div", {
+        "data-slot": "item-title",
+        className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className),
+        ...props
+    });
+}
+function ItemDescription({ className, ...props }) {
+    return /*#__PURE__*/ React.createElement("p", {
+        "data-slot": "item-description",
+        className: cn("text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance", "[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4", className),
+        ...props
+    });
+}
+function ItemActions({ className, ...props }) {
+    return /*#__PURE__*/ React.createElement("div", {
+        "data-slot": "item-actions",
+        className: cn("flex items-center gap-2", className),
+        ...props
+    });
+}
+function ItemHeader({ className, ...props }) {
+    return /*#__PURE__*/ React.createElement("div", {
+        "data-slot": "item-header",
+        className: cn("flex basis-full items-center justify-between gap-2", className),
+        ...props
+    });
+}
+function ItemFooter({ className, ...props }) {
+    return /*#__PURE__*/ React.createElement("div", {
+        "data-slot": "item-footer",
+        className: cn("flex basis-full items-center justify-between gap-2", className),
+        ...props
+    });
+}
+
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle };
+//# sourceMappingURL=index.mjs.map

package/dist/item/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../src/components/ui/item/item.tsx"],"sourcesContent":["import { Slot } from \"@radix-ui/react-slot\";\nimport { type VariantProps, cva } from \"class-variance-authority\";\nimport * as React from \"react\";\n\nimport { Separator } from \"@/components/ui/separator\";\nimport { cn } from \"@/lib/utils\";\n\nfunction ItemGroup({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\trole=\"list\"\n\t\t\tdata-slot=\"item-group\"\n\t\t\tclassName={cn(\"group/item-group flex flex-col\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {\n\treturn (\n\t\t<Separator\n\t\t\tdata-slot=\"item-separator\"\n\t\t\torientation=\"horizontal\"\n\t\t\tclassName={cn(\"my-0\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nconst itemVariants = cva(\n\t\"group/item flex items-center border border-transparent text-sm rounded-md transition-colors [a]:hover:bg-accent/50 [a]:transition-colors duration-100 flex-wrap outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px]\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-transparent\",\n\t\t\t\toutline: \"border-border\",\n\t\t\t\tmuted: \"bg-muted/50\",\n\t\t\t},\n\t\t\tsize: {\n\t\t\t\tdefault: \"p-4 gap-4 \",\n\t\t\t\tsm: \"py-3 px-4 gap-2.5\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t\tsize: \"default\",\n\t\t},\n\t},\n);\n\nfunction Item({\n\tclassName,\n\tvariant = \"default\",\n\tsize = \"default\",\n\tasChild = false,\n\t...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemVariants> & { asChild?: boolean }) {\n\tconst Comp = asChild ? Slot : \"div\";\n\treturn (\n\t\t<Comp\n\t\t\tdata-slot=\"item\"\n\t\t\tdata-variant={variant}\n\t\t\tdata-size={size}\n\t\t\tclassName={cn(itemVariants({ variant, size, className }))}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nconst itemMediaVariants = cva(\n\t\"flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start [&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5\",\n\t{\n\t\tvariants: {\n\t\t\tvariant: {\n\t\t\t\tdefault: \"bg-transparent\",\n\t\t\t\ticon: \"size-8 border rounded-sm bg-muted [&_svg:not([class*='size-'])]:size-4\",\n\t\t\t\timage: \"size-10 rounded-sm overflow-hidden [&_img]:size-full [&_img]:object-cover\",\n\t\t\t},\n\t\t},\n\t\tdefaultVariants: {\n\t\t\tvariant: \"default\",\n\t\t},\n\t},\n);\n\nfunction ItemMedia({\n\tclassName,\n\tvariant = \"default\",\n\t...props\n}: React.ComponentProps<\"div\"> & VariantProps<typeof itemMediaVariants>) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"item-media\"\n\t\t\tdata-variant={variant}\n\t\t\tclassName={cn(itemMediaVariants({ variant, className }))}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ItemContent({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"item-content\"\n\t\t\tclassName={cn(\"flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ItemTitle({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"item-title\"\n\t\t\tclassName={cn(\"flex w-fit items-center gap-2 text-sm leading-snug font-medium\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ItemDescription({ className, ...props }: React.ComponentProps<\"p\">) {\n\treturn (\n\t\t<p\n\t\t\tdata-slot=\"item-description\"\n\t\t\tclassName={cn(\n\t\t\t\t\"text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance\",\n\t\t\t\t\"[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4\",\n\t\t\t\tclassName,\n\t\t\t)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ItemActions({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div data-slot=\"item-actions\" className={cn(\"flex items-center gap-2\", className)} {...props} />\n\t);\n}\n\nfunction ItemHeader({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"item-header\"\n\t\t\tclassName={cn(\"flex basis-full items-center justify-between gap-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nfunction ItemFooter({ className, ...props }: React.ComponentProps<\"div\">) {\n\treturn (\n\t\t<div\n\t\t\tdata-slot=\"item-footer\"\n\t\t\tclassName={cn(\"flex basis-full items-center justify-between gap-2\", className)}\n\t\t\t{...props}\n\t\t/>\n\t);\n}\n\nexport {\n\tItem,\n\tItemMedia,\n\tItemContent,\n\tItemActions,\n\tItemGroup,\n\tItemSeparator,\n\tItemTitle,\n\tItemDescription,\n\tItemHeader,\n\tItemFooter,\n};\n"],"names":["ItemGroup","className","props","div","role","data-slot","cn","ItemSeparator","Separator","orientation","itemVariants","cva","variants","variant","default","outline","muted","size","sm","defaultVariants","Item","asChild","Comp","Slot","data-variant","data-size","itemMediaVariants","icon","image","ItemMedia","ItemContent","ItemTitle","ItemDescription","p","ItemActions","ItemHeader","ItemFooter"],"mappings":"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"}