@codefast/ui 0.3.9 → 0.3.10

package/dist/components/input-password.d.ts

@@ -1,6 +1,6 @@
-import type { ComponentProps, JSX } from "react";
-import { InputGroupInput } from "./input-group";
-type InputPasswordProps = Omit<ComponentProps<typeof InputGroupInput>, "type">;
+import type { ComponentProps, JSX } from 'react';
+import { InputGroupInput } from './input-group';
+type InputPasswordProps = Omit<ComponentProps<typeof InputGroupInput>, 'type'>;
 declare function InputPassword({ className, disabled, readOnly, ...props }: InputPasswordProps): JSX.Element;
 export { InputPassword };
 export type { InputPasswordProps };

package/dist/components/input-password.js

@@ -1,2 +1,38 @@
 "use client";
-import{jsx as s,jsxs as a}from"react/jsx-runtime";import{EyeIcon as t,EyeOffIcon as o}from"lucide-react";import{useCallback as r,useState as i}from"react";import{InputGroup as d,InputGroupButton as e,InputGroupInput as p}from"./input-group.js";function l({className:l,disabled:n,readOnly:u,...c}){let[m,w]=i("password"),b=r(()=>{w(s=>"password"===s?"text":"password")},[]);return a(d,{className:l,"data-disabled":n?"true":void 0,"data-slot":"input-password",children:[s(p,{autoCapitalize:"none","data-slot":"input-password-item",disabled:n,readOnly:u,type:m,...c}),s(e,{"aria-label":"password"===m?"Show password":"Hide password",className:"focus-visible:not-disabled:bg-input rounded-full focus-visible:ring-0","data-slot":"input-password-toggle",disabled:n,size:"icon-sm",type:"button",variant:"ghost",onClick:b,children:"password"===m?s(o,{}):s(t,{})})]})}export{l as InputPassword};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { EyeIcon, EyeOffIcon } from "lucide-react";
+import { useCallback, useState } from "react";
+import { InputGroup, InputGroupButton, InputGroupInput } from "./input-group.js";
+function InputPassword({ className, disabled, readOnly, ...props }) {
+    const [type, setType] = useState('password');
+    const togglePasswordVisibility = useCallback(()=>{
+        setType((previous)=>'password' === previous ? 'text' : 'password');
+    }, []);
+    return /*#__PURE__*/ jsxs(InputGroup, {
+        className: className,
+        "data-disabled": disabled ? 'true' : void 0,
+        "data-slot": "input-password",
+        children: [
+            /*#__PURE__*/ jsx(InputGroupInput, {
+                autoCapitalize: "none",
+                "data-slot": "input-password-item",
+                disabled: disabled,
+                readOnly: readOnly,
+                type: type,
+                ...props
+            }),
+            /*#__PURE__*/ jsx(InputGroupButton, {
+                "aria-label": 'password' === type ? 'Show password' : 'Hide password',
+                className: "focus-visible:not-disabled:bg-input rounded-full focus-visible:ring-0",
+                "data-slot": "input-password-toggle",
+                disabled: disabled,
+                size: "icon-sm",
+                type: "button",
+                variant: "ghost",
+                onClick: togglePasswordVisibility,
+                children: 'password' === type ? /*#__PURE__*/ jsx(EyeOffIcon, {}) : /*#__PURE__*/ jsx(EyeIcon, {})
+            })
+        ]
+    });
+}
+export { InputPassword };

package/dist/components/input-search.cjs

@@ -1,2 +1,81 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,_)=>{for(var r in _)__webpack_require__.o(_,r)&&!__webpack_require__.o(e,r)&&Object.defineProperty(e,r,{enumerable:!0,get:_[r]})},__webpack_require__.o=(e,_)=>Object.prototype.hasOwnProperty.call(e,_),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{InputSearch:()=>InputSearch});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_lucide_react_namespaceObject=require("lucide-react"),external_input_group_cjs_namespaceObject=require("./input-group.cjs"),react_use_controllable_state_namespaceObject=require("@radix-ui/react-use-controllable-state");function InputSearch({className:e,defaultValue:_,disabled:r,onChange:t,readOnly:a,value:c,...n}){let[p,u]=(0,react_use_controllable_state_namespaceObject.useControllableState)({defaultProp:_,onChange:t,prop:c});return(0,jsx_runtime_namespaceObject.jsxs)(external_input_group_cjs_namespaceObject.InputGroup,{className:e,"data-disabled":r?"true":void 0,"data-slot":"input-search",children:[(0,jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon,{align:"inline-start",children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.SearchIcon,{})}),(0,jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupInput,{"data-slot":"input-search-item",disabled:r,readOnly:a,type:"search",value:p??"",onChange:e=>{u(e.target.value)},...n}),p?(0,jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupButton,{"aria-label":"Clear search",className:"focus-visible:not-disabled:bg-input rounded-full focus-visible:ring-0","data-slot":"input-search-clear",disabled:r??a,size:"icon-sm",variant:"ghost",onClick:()=>{u("")},children:(0,jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.XIcon,{})}):null]})}for(var __webpack_i__ in exports.InputSearch=__webpack_exports__.InputSearch,__webpack_exports__)-1===["InputSearch"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    InputSearch: ()=>InputSearch
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const react_use_controllable_state_namespaceObject = require("@radix-ui/react-use-controllable-state");
+const external_lucide_react_namespaceObject = require("lucide-react");
+const external_input_group_cjs_namespaceObject = require("./input-group.cjs");
+function InputSearch({ className, defaultValue, disabled, onChange, readOnly, value: valueProperty, ...props }) {
+    const [value, setValue] = (0, react_use_controllable_state_namespaceObject.useControllableState)({
+        defaultProp: defaultValue,
+        onChange,
+        prop: valueProperty
+    });
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_input_group_cjs_namespaceObject.InputGroup, {
+        className: className,
+        "data-disabled": disabled ? 'true' : void 0,
+        "data-slot": "input-search",
+        children: [
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
+                align: "inline-start",
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.SearchIcon, {})
+            }),
+            /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupInput, {
+                "data-slot": "input-search-item",
+                disabled: disabled,
+                readOnly: readOnly,
+                type: "search",
+                value: value ?? '',
+                onChange: (event)=>{
+                    setValue(event.target.value);
+                },
+                ...props
+            }),
+            value ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupButton, {
+                "aria-label": "Clear search",
+                className: "focus-visible:not-disabled:bg-input rounded-full focus-visible:ring-0",
+                "data-slot": "input-search-clear",
+                disabled: disabled ?? readOnly,
+                size: "icon-sm",
+                variant: "ghost",
+                onClick: ()=>{
+                    setValue('');
+                },
+                children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.XIcon, {})
+            }) : null
+        ]
+    });
+}
+exports.InputSearch = __webpack_exports__.InputSearch;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "InputSearch"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/input-search.d.ts

@@ -1,6 +1,6 @@
-import type { ComponentProps, JSX } from "react";
-import { InputGroupInput } from "./input-group";
-interface InputSearchProps extends Omit<ComponentProps<typeof InputGroupInput>, "defaultValue" | "onChange" | "type" | "value"> {
+import type { ComponentProps, JSX } from 'react';
+import { InputGroupInput } from './input-group';
+interface InputSearchProps extends Omit<ComponentProps<typeof InputGroupInput>, 'defaultValue' | 'onChange' | 'type' | 'value'> {
     defaultValue?: string;
     onChange?: (value?: string) => void;
     value?: string;

package/dist/components/input-search.js

@@ -1,2 +1,47 @@
 "use client";
-import{jsx as a,jsxs as e}from"react/jsx-runtime";import{SearchIcon as r,XIcon as t}from"lucide-react";import{InputGroup as i,InputGroupAddon as l,InputGroupButton as s,InputGroupInput as n}from"./input-group.js";import{useControllableState as o}from"@radix-ui/react-use-controllable-state";function u({className:u,defaultValue:c,disabled:d,onChange:p,readOnly:m,value:h,...b}){let[f,g]=o({defaultProp:c,onChange:p,prop:h});return e(i,{className:u,"data-disabled":d?"true":void 0,"data-slot":"input-search",children:[a(l,{align:"inline-start",children:a(r,{})}),a(n,{"data-slot":"input-search-item",disabled:d,readOnly:m,type:"search",value:f??"",onChange:a=>{g(a.target.value)},...b}),f?a(s,{"aria-label":"Clear search",className:"focus-visible:not-disabled:bg-input rounded-full focus-visible:ring-0","data-slot":"input-search-clear",disabled:d??m,size:"icon-sm",variant:"ghost",onClick:()=>{g("")},children:a(t,{})}):null]})}export{u as InputSearch};
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useControllableState } from "@radix-ui/react-use-controllable-state";
+import { SearchIcon, XIcon } from "lucide-react";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
+function InputSearch({ className, defaultValue, disabled, onChange, readOnly, value: valueProperty, ...props }) {
+    const [value, setValue] = useControllableState({
+        defaultProp: defaultValue,
+        onChange,
+        prop: valueProperty
+    });
+    return /*#__PURE__*/ jsxs(InputGroup, {
+        className: className,
+        "data-disabled": disabled ? 'true' : void 0,
+        "data-slot": "input-search",
+        children: [
+            /*#__PURE__*/ jsx(InputGroupAddon, {
+                align: "inline-start",
+                children: /*#__PURE__*/ jsx(SearchIcon, {})
+            }),
+            /*#__PURE__*/ jsx(InputGroupInput, {
+                "data-slot": "input-search-item",
+                disabled: disabled,
+                readOnly: readOnly,
+                type: "search",
+                value: value ?? '',
+                onChange: (event)=>{
+                    setValue(event.target.value);
+                },
+                ...props
+            }),
+            value ? /*#__PURE__*/ jsx(InputGroupButton, {
+                "aria-label": "Clear search",
+                className: "focus-visible:not-disabled:bg-input rounded-full focus-visible:ring-0",
+                "data-slot": "input-search-clear",
+                disabled: disabled ?? readOnly,
+                size: "icon-sm",
+                variant: "ghost",
+                onClick: ()=>{
+                    setValue('');
+                },
+                children: /*#__PURE__*/ jsx(XIcon, {})
+            }) : null
+        ]
+    });
+}
+export { InputSearch };

package/dist/components/input.cjs

@@ -1,2 +1,46 @@
+"use strict";
 "use client";
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,r)=>{for(var _ in r)__webpack_require__.o(r,_)&&!__webpack_require__.o(e,_)&&Object.defineProperty(e,_,{enumerable:!0,get:r[_]})},__webpack_require__.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{Input:()=>Input});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants");function Input({className:e,type:r,..._}){return(0,jsx_runtime_namespaceObject.jsx)("input",{className:(0,tailwind_variants_namespaceObject.cn)("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-lg border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","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",e),"data-slot":"input",type:r,..._})}for(var __webpack_i__ in exports.Input=__webpack_exports__.Input,__webpack_exports__)-1===["Input"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    Input: ()=>Input
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+function Input({ className, type, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("input", {
+        className: (0, tailwind_variants_namespaceObject.cn)('file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-lg border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3', 'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive', className),
+        "data-slot": "input",
+        type: type,
+        ...props
+    });
+}
+exports.Input = __webpack_exports__.Input;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Input"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/input.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from "react";
-type InputProps = ComponentProps<"input">;
+import type { ComponentProps, JSX } from 'react';
+type InputProps = ComponentProps<'input'>;
 declare function Input({ className, type, ...props }: InputProps): JSX.Element;
 export { Input };
 export type { InputProps };

package/dist/components/input.js

@@ -1,2 +1,12 @@
 "use client";
-import{jsx as e}from"react/jsx-runtime";import{cn as i}from"@codefast/tailwind-variants";function r({className:r,type:t,...n}){return e("input",{className:i("file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-lg border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm","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",r),"data-slot":"input",type:t,...n})}export{r as Input};
+import { jsx } from "react/jsx-runtime";
+import { cn } from "@codefast/tailwind-variants";
+function Input({ className, type, ...props }) {
+    return /*#__PURE__*/ jsx("input", {
+        className: cn('file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input h-9 w-full min-w-0 rounded-lg border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm', 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3', 'aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive', className),
+        "data-slot": "input",
+        type: type,
+        ...props
+    });
+}
+export { Input };

package/dist/components/item.cjs

@@ -1 +1,186 @@
-"use strict";const __rslib_import_meta_url__="undefined"==typeof document?new(require("url".replace("",""))).URL("file:"+__filename).href:document.currentScript&&document.currentScript.src||new URL("main.js",document.baseURI).href;var __webpack_require__={};__webpack_require__.d=(e,t)=>{for(var a in t)__webpack_require__.o(t,a)&&!__webpack_require__.o(e,a)&&Object.defineProperty(e,a,{enumerable:!0,get:t[a]})},__webpack_require__.o=(e,t)=>Object.prototype.hasOwnProperty.call(e,t),__webpack_require__.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})};var __webpack_exports__={};__webpack_require__.r(__webpack_exports__),__webpack_require__.d(__webpack_exports__,{ItemContent:()=>ItemContent,ItemFooter:()=>ItemFooter,ItemGroup:()=>ItemGroup,ItemTitle:()=>ItemTitle,ItemMedia:()=>ItemMedia,itemVariants:()=>itemVariants,ItemActions:()=>ItemActions,ItemDescription:()=>ItemDescription,ItemHeader:()=>ItemHeader,ItemSeparator:()=>ItemSeparator,Item:()=>Item,itemMediaVariants:()=>itemMediaVariants});const jsx_runtime_namespaceObject=require("react/jsx-runtime"),external_separator_cjs_namespaceObject=require("./separator.cjs"),tailwind_variants_namespaceObject=require("@codefast/tailwind-variants"),react_slot_namespaceObject=require("@radix-ui/react-slot"),itemVariants=(0,tailwind_variants_namespaceObject.tv)({base:(0,tailwind_variants_namespaceObject.cn)("group/item flex flex-wrap items-center rounded-lg border border-transparent text-sm transition-colors duration-100 outline-hidden","[a]:transition-colors [a]:hover:bg-accent/50","focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3"),defaultVariants:{size:"default",variant:"default"},variants:{size:{default:"gap-4 p-4",sm:"gap-2.5 px-4 py-3"},variant:{default:"bg-transparent",muted:"bg-muted/50",outline:"border-border"}}}),itemMediaVariants=(0,tailwind_variants_namespaceObject.tv)({base:(0,tailwind_variants_namespaceObject.cn)("group-has-[[data-slot=item-description]]/item:self-start flex shrink-0 items-center justify-center gap-2","[&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5"),defaultVariants:{variant:"default"},variants:{variant:{default:"bg-transparent",icon:"size-8 shrink-0 rounded-md border bg-muted [&_svg:not([class*='size-'])]:size-4",image:"size-10 shrink-0 overflow-hidden rounded-md [&_img]:size-full [&_img]:object-cover"}}});function ItemGroup({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("group/item-group flex flex-col",e),"data-slot":"item-group",role:"list",...t})}function ItemSeparator({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator,{className:(0,tailwind_variants_namespaceObject.cn)("my-0",e),"data-slot":"item-separator",orientation:"horizontal",...t})}function Item({asChild:e=!1,className:t,size:a="default",variant:r="default",...i}){let n=e?react_slot_namespaceObject.Slot:"div";return(0,jsx_runtime_namespaceObject.jsx)(n,{className:itemVariants({className:t,size:a,variant:r}),"data-size":a,"data-slot":"item","data-variant":r,...i})}function ItemMedia({className:e,variant:t="default",...a}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:itemMediaVariants({className:e,variant:t}),"data-slot":"item-media","data-variant":t,...a})}function ItemContent({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none",e),"data-slot":"item-content",...t})}function ItemTitle({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex w-fit items-center gap-2 text-sm leading-snug font-medium",e),"data-slot":"item-title",...t})}function ItemDescription({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("p",{className:(0,tailwind_variants_namespaceObject.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",e),"data-slot":"item-description",...t})}function ItemActions({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex items-center gap-2",e),"data-slot":"item-actions",...t})}function ItemHeader({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex basis-full items-center justify-between gap-2",e),"data-slot":"item-header",...t})}function ItemFooter({className:e,...t}){return(0,jsx_runtime_namespaceObject.jsx)("div",{className:(0,tailwind_variants_namespaceObject.cn)("flex basis-full items-center justify-between gap-2",e),"data-slot":"item-footer",...t})}for(var __webpack_i__ in exports.Item=__webpack_exports__.Item,exports.ItemActions=__webpack_exports__.ItemActions,exports.ItemContent=__webpack_exports__.ItemContent,exports.ItemDescription=__webpack_exports__.ItemDescription,exports.ItemFooter=__webpack_exports__.ItemFooter,exports.ItemGroup=__webpack_exports__.ItemGroup,exports.ItemHeader=__webpack_exports__.ItemHeader,exports.ItemMedia=__webpack_exports__.ItemMedia,exports.ItemSeparator=__webpack_exports__.ItemSeparator,exports.ItemTitle=__webpack_exports__.ItemTitle,exports.itemMediaVariants=__webpack_exports__.itemMediaVariants,exports.itemVariants=__webpack_exports__.itemVariants,__webpack_exports__)-1===["Item","ItemActions","ItemContent","ItemDescription","ItemFooter","ItemGroup","ItemHeader","ItemMedia","ItemSeparator","ItemTitle","itemMediaVariants","itemVariants"].indexOf(__webpack_i__)&&(exports[__webpack_i__]=__webpack_exports__[__webpack_i__]);Object.defineProperty(exports,"__esModule",{value:!0});
+"use strict";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, definition)=>{
+        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+            enumerable: true,
+            get: definition[key]
+        });
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    ItemContent: ()=>ItemContent,
+    ItemFooter: ()=>ItemFooter,
+    ItemGroup: ()=>ItemGroup,
+    ItemTitle: ()=>ItemTitle,
+    ItemMedia: ()=>ItemMedia,
+    itemVariants: ()=>itemVariants,
+    ItemActions: ()=>ItemActions,
+    ItemDescription: ()=>ItemDescription,
+    ItemHeader: ()=>ItemHeader,
+    ItemSeparator: ()=>ItemSeparator,
+    Item: ()=>Item,
+    itemMediaVariants: ()=>itemMediaVariants
+});
+const jsx_runtime_namespaceObject = require("react/jsx-runtime");
+const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants");
+const react_slot_namespaceObject = require("@radix-ui/react-slot");
+const external_separator_cjs_namespaceObject = require("./separator.cjs");
+const itemVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: (0, tailwind_variants_namespaceObject.cn)('group/item flex flex-wrap items-center rounded-lg border border-transparent text-sm transition-colors duration-100 outline-hidden', '[a]:transition-colors [a]:hover:bg-accent/50', 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3'),
+    defaultVariants: {
+        size: 'default',
+        variant: 'default'
+    },
+    variants: {
+        size: {
+            default: 'gap-4 p-4',
+            sm: 'gap-2.5 px-4 py-3'
+        },
+        variant: {
+            default: 'bg-transparent',
+            muted: 'bg-muted/50',
+            outline: 'border-border'
+        }
+    }
+});
+const itemMediaVariants = (0, tailwind_variants_namespaceObject.tv)({
+    base: (0, tailwind_variants_namespaceObject.cn)("group-has-[[data-slot=item-description]]/item:self-start flex shrink-0 items-center justify-center gap-2", "[&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5"),
+    defaultVariants: {
+        variant: 'default'
+    },
+    variants: {
+        variant: {
+            default: 'bg-transparent',
+            icon: "size-8 shrink-0 rounded-md border bg-muted [&_svg:not([class*='size-'])]:size-4",
+            image: 'size-10 shrink-0 overflow-hidden rounded-md [&_img]:size-full [&_img]:object-cover'
+        }
+    }
+});
+function ItemGroup({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('group/item-group flex flex-col', className),
+        "data-slot": "item-group",
+        role: "list",
+        ...props
+    });
+}
+function ItemSeparator({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator, {
+        className: (0, tailwind_variants_namespaceObject.cn)('my-0', className),
+        "data-slot": "item-separator",
+        orientation: "horizontal",
+        ...props
+    });
+}
+function Item({ asChild = false, className, size = 'default', variant = 'default', ...props }) {
+    const Component = asChild ? react_slot_namespaceObject.Slot : 'div';
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
+        className: itemVariants({
+            className,
+            size,
+            variant
+        }),
+        "data-size": size,
+        "data-slot": "item",
+        "data-variant": variant,
+        ...props
+    });
+}
+function ItemMedia({ className, variant = 'default', ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: itemMediaVariants({
+            className,
+            variant
+        }),
+        "data-slot": "item-media",
+        "data-variant": variant,
+        ...props
+    });
+}
+function ItemContent({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none', className),
+        "data-slot": "item-content",
+        ...props
+    });
+}
+function ItemTitle({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex w-fit items-center gap-2 text-sm leading-snug font-medium', className),
+        "data-slot": "item-title",
+        ...props
+    });
+}
+function ItemDescription({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
+        className: (0, tailwind_variants_namespaceObject.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),
+        "data-slot": "item-description",
+        ...props
+    });
+}
+function ItemActions({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex items-center gap-2', className),
+        "data-slot": "item-actions",
+        ...props
+    });
+}
+function ItemHeader({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex basis-full items-center justify-between gap-2', className),
+        "data-slot": "item-header",
+        ...props
+    });
+}
+function ItemFooter({ className, ...props }) {
+    return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
+        className: (0, tailwind_variants_namespaceObject.cn)('flex basis-full items-center justify-between gap-2', className),
+        "data-slot": "item-footer",
+        ...props
+    });
+}
+exports.Item = __webpack_exports__.Item;
+exports.ItemActions = __webpack_exports__.ItemActions;
+exports.ItemContent = __webpack_exports__.ItemContent;
+exports.ItemDescription = __webpack_exports__.ItemDescription;
+exports.ItemFooter = __webpack_exports__.ItemFooter;
+exports.ItemGroup = __webpack_exports__.ItemGroup;
+exports.ItemHeader = __webpack_exports__.ItemHeader;
+exports.ItemMedia = __webpack_exports__.ItemMedia;
+exports.ItemSeparator = __webpack_exports__.ItemSeparator;
+exports.ItemTitle = __webpack_exports__.ItemTitle;
+exports.itemMediaVariants = __webpack_exports__.itemMediaVariants;
+exports.itemVariants = __webpack_exports__.itemVariants;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "Item",
+    "ItemActions",
+    "ItemContent",
+    "ItemDescription",
+    "ItemFooter",
+    "ItemGroup",
+    "ItemHeader",
+    "ItemMedia",
+    "ItemSeparator",
+    "ItemTitle",
+    "itemMediaVariants",
+    "itemVariants"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/components/item.d.ts

@@ -1,6 +1,6 @@
-import type { ComponentProps, JSX } from "react";
-import type { VariantProps } from "@codefast/tailwind-variants";
-import { Separator } from "./separator";
+import type { VariantProps } from '@codefast/tailwind-variants';
+import type { ComponentProps, JSX } from 'react';
+import { Separator } from './separator';
 declare const itemVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
     size: {
         default: string;
@@ -19,27 +19,27 @@ declare const itemMediaVariants: import("@codefast/tailwind-variants").VariantFu
         image: string;
     };
 }, Record<string, never>>;
-type ItemGroupProps = ComponentProps<"div">;
+type ItemGroupProps = ComponentProps<'div'>;
 declare function ItemGroup({ className, ...props }: ItemGroupProps): JSX.Element;
 type ItemSeparatorProps = ComponentProps<typeof Separator>;
 declare function ItemSeparator({ className, ...props }: ItemSeparatorProps): JSX.Element;
-type ItemProps = ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
+type ItemProps = ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
     asChild?: boolean;
 };
 declare function Item({ asChild, className, size, variant, ...props }: ItemProps): JSX.Element;
-type ItemMediaProps = ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>;
+type ItemMediaProps = ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>;
 declare function ItemMedia({ className, variant, ...props }: ItemMediaProps): JSX.Element;
-type ItemContentProps = ComponentProps<"div">;
+type ItemContentProps = ComponentProps<'div'>;
 declare function ItemContent({ className, ...props }: ItemContentProps): JSX.Element;
-type ItemTitleProps = ComponentProps<"div">;
+type ItemTitleProps = ComponentProps<'div'>;
 declare function ItemTitle({ className, ...props }: ItemTitleProps): JSX.Element;
-type ItemDescriptionProps = ComponentProps<"p">;
+type ItemDescriptionProps = ComponentProps<'p'>;
 declare function ItemDescription({ className, ...props }: ItemDescriptionProps): JSX.Element;
-type ItemActionsProps = ComponentProps<"div">;
+type ItemActionsProps = ComponentProps<'div'>;
 declare function ItemActions({ className, ...props }: ItemActionsProps): JSX.Element;
-type ItemHeaderProps = ComponentProps<"div">;
+type ItemHeaderProps = ComponentProps<'div'>;
 declare function ItemHeader({ className, ...props }: ItemHeaderProps): JSX.Element;
-type ItemFooterProps = ComponentProps<"div">;
+type ItemFooterProps = ComponentProps<'div'>;
 declare function ItemFooter({ className, ...props }: ItemFooterProps): JSX.Element;
 export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, itemMediaVariants, ItemSeparator, ItemTitle, itemVariants, };
 export type { ItemActionsProps, ItemContentProps, ItemDescriptionProps, ItemFooterProps, ItemGroupProps, ItemHeaderProps, ItemMediaProps, ItemProps, ItemSeparatorProps, ItemTitleProps, };