@codefast/ui 0.3.11 → 0.3.12-canary.0

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

@@ -1,29 +1,16 @@
-import { ComponentProps, JSX } from "react";
-import { OTPInput, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp";
-
-//#region src/components/input-otp.d.ts
+import type { ComponentProps, JSX } from "react";
+import { OTPInput } from "input-otp";
 type InputOTPProps = ComponentProps<typeof OTPInput>;
-declare function InputOTP({
-  className,
-  containerClassName,
-  ...props
-}: InputOTPProps): JSX.Element;
+declare function InputOTP({ className, containerClassName, ...props }: InputOTPProps): JSX.Element;
 type InputOTPGroupProps = ComponentProps<"div">;
-declare function InputOTPGroup({
-  className,
-  ...props
-}: InputOTPGroupProps): JSX.Element;
+declare function InputOTPGroup({ className, ...props }: InputOTPGroupProps): JSX.Element;
 interface InputOTPSlotProps extends ComponentProps<"div"> {
-  index: number;
+    index: number;
 }
-declare function InputOTPSlot({
-  className,
-  index,
-  ...props
-}: InputOTPSlotProps): JSX.Element;
+declare function InputOTPSlot({ className, index, ...props }: InputOTPSlotProps): JSX.Element;
 type InputOTPSeparatorProps = ComponentProps<"div">;
-declare function InputOTPSeparator({
-  ...props
-}: InputOTPSeparatorProps): JSX.Element;
-//#endregion
-export { InputOTP, InputOTPGroup, type InputOTPGroupProps, type InputOTPProps, InputOTPSeparator, type InputOTPSeparatorProps, InputOTPSlot, type InputOTPSlotProps, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS };
+declare function InputOTPSeparator({ ...props }: InputOTPSeparatorProps): JSX.Element;
+export { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp";
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+export type { InputOTPGroupProps, InputOTPProps, InputOTPSeparatorProps, InputOTPSlotProps };
+//# sourceMappingURL=input-otp.d.ts.map

package/dist/components/input-otp.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.d.ts","sourceRoot":"","sources":["../../src/components/input-otp.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAGjD,OAAO,EAAE,QAAQ,EAAmB,MAAM,WAAW,CAAC;AAQtD,KAAK,aAAa,GAAG,cAAc,CAAC,OAAO,QAAQ,CAAC,CAAC;AAErD,iBAAS,QAAQ,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,aAAa,GAAG,GAAG,CAAC,OAAO,CAUzF;AAMD,KAAK,kBAAkB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEhD,iBAAS,aAAa,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAS/E;AAMD,UAAU,iBAAkB,SAAQ,cAAc,CAAC,KAAK,CAAC;IACvD,KAAK,EAAE,MAAM,CAAC;CACf;AAED,iBAAS,YAAY,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,GAAG,CAAC,OAAO,CAsBpF;AAMD,KAAK,sBAAsB,GAAG,cAAc,CAAC,KAAK,CAAC,CAAC;AAEpD,iBAAS,iBAAiB,CAAC,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,GAAG,GAAG,CAAC,OAAO,CAM5E;AAMD,OAAO,EAAE,iBAAiB,EAAE,kBAAkB,EAAE,4BAA4B,EAAE,MAAM,WAAW,CAAC;AAChG,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,iBAAiB,EAAE,YAAY,EAAE,CAAC;AACpE,YAAY,EAAE,kBAAkB,EAAE,aAAa,EAAE,sBAAsB,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/components/input-otp.js

@@ -1,46 +1,25 @@
 "use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
+import { OTPInput, OTPInputContext } from "input-otp";
 import { MinusIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { use } from "react";
-import { OTPInput, OTPInputContext, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp";
-//#region src/components/input-otp.tsx
 function InputOTP({ className, containerClassName, ...props }) {
-	return /* @__PURE__ */ jsx(OTPInput, {
-		"aria-label": "One-time password",
-		className: cn(className),
-		containerClassName: cn("flex items-center gap-2 has-disabled:opacity-50", containerClassName),
-		"data-slot": "input-otp",
-		...props
-	});
+    return (_jsx(OTPInput, { "aria-label": "One-time password", className: cn(className), containerClassName: cn("flex items-center gap-2 has-disabled:opacity-50", containerClassName), "data-slot": "input-otp", ...props }));
 }
 function InputOTPGroup({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex items-center -space-x-px", className),
-		"data-slot": "input-otp-group",
-		role: "group",
-		...props
-	});
+    return (_jsx("div", { className: cn("flex items-center -space-x-px", className), "data-slot": "input-otp-group", role: "group", ...props }));
 }
 function InputOTPSlot({ className, index, ...props }) {
-	const { char, hasFakeCaret, isActive } = use(OTPInputContext).slots[index];
-	return /* @__PURE__ */ jsxs("div", {
-		className: cn("relative flex size-9 items-center justify-center border border-input text-sm outline-hidden transition-all not-has-disabled:shadow-xs first:rounded-l-lg last:rounded-r-lg aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40", className),
-		"data-active": isActive,
-		"data-slot": "input-otp-slot",
-		...props,
-		children: [char, hasFakeCaret ? /* @__PURE__ */ jsx("div", {
-			className: "pointer-events-none absolute inset-0 flex items-center justify-center",
-			children: /* @__PURE__ */ jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground animation-duration-1000" })
-		}) : null]
-	});
+    const inputOTPContext = use(OTPInputContext);
+    const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
+    return (_jsxs("div", { className: cn("relative flex size-9 items-center justify-center border border-input text-sm outline-hidden transition-all not-has-disabled:shadow-xs first:rounded-l-lg last:rounded-r-lg aria-invalid:border-destructive data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-3 data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-destructive data-[active=true]:aria-invalid:ring-destructive/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-destructive/40", className), "data-active": isActive, "data-slot": "input-otp-slot", ...props, children: [char, hasFakeCaret ? (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground animation-duration-1000" }) })) : null] }));
 }
 function InputOTPSeparator({ ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		"data-slot": "input-otp-separator",
-		...props,
-		children: /* @__PURE__ */ jsx(MinusIcon, {})
-	});
+    return (_jsx("div", { "data-slot": "input-otp-separator", ...props, children: _jsx(MinusIcon, {}) }));
 }
-//#endregion
-export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp";
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };

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

@@ -1,13 +1,7 @@
-import { InputGroupInput } from "./input-group.js";
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/input-password.d.ts
+import type { ComponentProps, JSX } from "react";
+import { InputGroupInput } from "#components/input-group";
 type InputPasswordProps = Omit<ComponentProps<typeof InputGroupInput>, "type">;
-declare function InputPassword({
-  className,
-  disabled,
-  readOnly,
-  ...props
-}: InputPasswordProps): JSX.Element;
-//#endregion
-export { InputPassword, type InputPasswordProps };
+declare function InputPassword({ className, disabled, readOnly, ...props }: InputPasswordProps): JSX.Element;
+export { InputPassword };
+export type { InputPasswordProps };
+//# sourceMappingURL=input-password.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-password.d.ts","sourceRoot":"","sources":["../../src/components/input-password.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAqB,MAAM,OAAO,CAAC;AAKpE,OAAO,EAAgC,eAAe,EAAE,MAAM,yBAAyB,CAAC;AAMxF,KAAK,kBAAkB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,EAAE,MAAM,CAAC,CAAC;AAE/E,iBAAS,aAAa,CAAC,EACrB,SAAS,EACT,QAAQ,EACR,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,kBAAkB,GAAG,GAAG,CAAC,OAAO,CAmClC;AAMD,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/input-password.js

@@ -1,37 +1,16 @@
 "use client";
-import { InputGroup, InputGroupButton, InputGroupInput } from "./input-group.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { EyeIcon, EyeOffIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
-//#region src/components/input-password.tsx
+import { InputGroup, InputGroupButton, InputGroupInput } from "#components/input-group";
 function InputPassword({ className, disabled, readOnly, ...props }) {
-	const [type, setType] = useState("password");
-	const togglePasswordVisibility = useCallback(() => {
-		setType((previous) => previous === "password" ? "text" : "password");
-	}, []);
-	return /* @__PURE__ */ jsxs(InputGroup, {
-		className,
-		"data-disabled": disabled ? "true" : void 0,
-		"data-slot": "input-password",
-		children: [/* @__PURE__ */ jsx(InputGroupInput, {
-			autoCapitalize: "none",
-			"data-slot": "input-password-item",
-			disabled,
-			readOnly,
-			type,
-			...props
-		}), /* @__PURE__ */ jsx(InputGroupButton, {
-			"aria-label": type === "password" ? "Show password" : "Hide password",
-			className: "rounded-full focus-visible:ring-0 focus-visible:not-disabled:bg-input",
-			"data-slot": "input-password-toggle",
-			disabled,
-			size: "icon-sm",
-			type: "button",
-			variant: "ghost",
-			onClick: togglePasswordVisibility,
-			children: type === "password" ? /* @__PURE__ */ jsx(EyeOffIcon, {}) : /* @__PURE__ */ jsx(EyeIcon, {})
-		})]
-	});
+    const [type, setType] = useState("password");
+    const togglePasswordVisibility = useCallback(() => {
+        setType((previous) => (previous === "password" ? "text" : "password"));
+    }, []);
+    return (_jsxs(InputGroup, { className: className, "data-disabled": disabled ? "true" : undefined, "data-slot": "input-password", children: [_jsx(InputGroupInput, { autoCapitalize: "none", "data-slot": "input-password-item", disabled: disabled, readOnly: readOnly, type: type, ...props }), _jsx(InputGroupButton, { "aria-label": type === "password" ? "Show password" : "Hide password", className: "rounded-full focus-visible:ring-0 focus-visible:not-disabled:bg-input", "data-slot": "input-password-toggle", disabled: disabled, size: "icon-sm", type: "button", variant: "ghost", onClick: togglePasswordVisibility, children: type === "password" ? _jsx(EyeOffIcon, {}) : _jsx(EyeIcon, {}) })] }));
 }
-//#endregion
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
 export { InputPassword };

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

@@ -1,20 +1,11 @@
-import { InputGroupInput } from "./input-group.js";
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/input-search.d.ts
+import type { ComponentProps, JSX } from "react";
+import { InputGroupInput } from "#components/input-group";
 interface InputSearchProps extends Omit<ComponentProps<typeof InputGroupInput>, "defaultValue" | "onChange" | "type" | "value"> {
-  defaultValue?: string;
-  onChange?: (value?: string) => void;
-  value?: string;
+    defaultValue?: string;
+    onChange?: (value?: string) => void;
+    value?: string;
 }
-declare function InputSearch({
-  className,
-  defaultValue,
-  disabled,
-  onChange,
-  readOnly,
-  value: valueProperty,
-  ...props
-}: InputSearchProps): JSX.Element;
-//#endregion
-export { InputSearch, type InputSearchProps };
+declare function InputSearch({ className, defaultValue, disabled, onChange, readOnly, value: valueProperty, ...props }: InputSearchProps): JSX.Element;
+export { InputSearch };
+export type { InputSearchProps };
+//# sourceMappingURL=input-search.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-search.d.ts","sourceRoot":"","sources":["../../src/components/input-search.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAKjD,OAAO,EAIL,eAAe,EAChB,MAAM,yBAAyB,CAAC;AAMjC,UAAU,gBAAiB,SAAQ,IAAI,CACrC,cAAc,CAAC,OAAO,eAAe,CAAC,EACtC,cAAc,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAC/C;IACC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,iBAAS,WAAW,CAAC,EACnB,SAAS,EACT,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,EACR,KAAK,EAAE,aAAa,EACpB,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CA4ChC;AAMD,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/input-search.js

@@ -1,49 +1,21 @@
 "use client";
-import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
-import { SearchIcon, XIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useControllableState } from "@radix-ui/react-use-controllable-state";
-//#region src/components/input-search.tsx
+import { SearchIcon, XIcon } from "lucide-react";
+import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, } from "#components/input-group";
 function InputSearch({ className, defaultValue, disabled, onChange, readOnly, value: valueProperty, ...props }) {
-	const [value, setValue] = useControllableState({
-		defaultProp: defaultValue,
-		onChange,
-		prop: valueProperty
-	});
-	return /* @__PURE__ */ jsxs(InputGroup, {
-		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,
-				readOnly,
-				type: "search",
-				value: value ?? "",
-				onChange: (event) => {
-					setValue(event.target.value);
-				},
-				...props
-			}),
-			value ? /* @__PURE__ */ jsx(InputGroupButton, {
-				"aria-label": "Clear search",
-				className: "rounded-full focus-visible:ring-0 focus-visible:not-disabled:bg-input",
-				"data-slot": "input-search-clear",
-				disabled: disabled ?? readOnly,
-				size: "icon-sm",
-				variant: "ghost",
-				onClick: () => {
-					setValue("");
-				},
-				children: /* @__PURE__ */ jsx(XIcon, {})
-			}) : null
-		]
-	});
+    const [value, setValue] = useControllableState({
+        defaultProp: defaultValue,
+        onChange,
+        prop: valueProperty,
+    });
+    return (_jsxs(InputGroup, { className: className, "data-disabled": disabled ? "true" : undefined, "data-slot": "input-search", children: [_jsx(InputGroupAddon, { align: "inline-start", children: _jsx(SearchIcon, {}) }), _jsx(InputGroupInput, { "data-slot": "input-search-item", disabled: disabled, readOnly: readOnly, type: "search", value: value ?? "", onChange: (event) => {
+                    setValue(event.target.value);
+                }, ...props }), value ? (_jsx(InputGroupButton, { "aria-label": "Clear search", className: "rounded-full focus-visible:ring-0 focus-visible:not-disabled:bg-input", "data-slot": "input-search-clear", disabled: disabled ?? readOnly, size: "icon-sm", variant: "ghost", onClick: () => {
+                    setValue("");
+                }, children: _jsx(XIcon, {}) })) : null] }));
 }
-//#endregion
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
 export { InputSearch };

package/dist/components/input.d.ts

@@ -1,11 +1,6 @@
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/input.d.ts
+import type { ComponentProps, JSX } from "react";
 type InputProps = ComponentProps<"input">;
-declare function Input({
-  className,
-  type,
-  ...props
-}: InputProps): JSX.Element;
-//#endregion
-export { Input, type InputProps };
+declare function Input({ className, type, ...props }: InputProps): JSX.Element;
+export { Input };
+export type { InputProps };
+//# sourceMappingURL=input.d.ts.map

package/dist/components/input.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","sourceRoot":"","sources":["../../src/components/input.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,cAAc,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAQjD,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC,CAAC;AAE1C,iBAAS,KAAK,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,GAAG,KAAK,EAAE,EAAE,UAAU,GAAG,GAAG,CAAC,OAAO,CAcrE;AAMD,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/input.js

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

package/dist/components/item.d.ts

@@ -1,82 +1,46 @@
-import { Separator } from "./separator.js";
-import * as _$_codefast_tailwind_variants0 from "@codefast/tailwind-variants";
-import { VariantProps } from "@codefast/tailwind-variants";
-import { ComponentProps, JSX } from "react";
-
-//#region src/components/item.d.ts
-declare const itemVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
-  size: {
-    default: string;
-    sm: string;
-  };
-  variant: {
-    default: string;
-    muted: string;
-    outline: string;
-  };
+import type { VariantProps } from "@codefast/tailwind-variants";
+import type { ComponentProps, JSX } from "react";
+import { Separator } from "#components/separator";
+declare const itemVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
+    size: {
+        default: string;
+        sm: string;
+    };
+    variant: {
+        default: string;
+        muted: string;
+        outline: string;
+    };
 }, Record<string, never>>;
-declare const itemMediaVariants: _$_codefast_tailwind_variants0.VariantFunctionType<{
-  variant: {
-    default: string;
-    icon: string;
-    image: string;
-  };
+declare const itemMediaVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
+    variant: {
+        default: string;
+        icon: string;
+        image: string;
+    };
 }, Record<string, never>>;
 type ItemGroupProps = ComponentProps<"div">;
-declare function ItemGroup({
-  className,
-  ...props
-}: ItemGroupProps): JSX.Element;
+declare function ItemGroup({ className, ...props }: ItemGroupProps): JSX.Element;
 type ItemSeparatorProps = ComponentProps<typeof Separator>;
-declare function ItemSeparator({
-  className,
-  ...props
-}: ItemSeparatorProps): JSX.Element;
+declare function ItemSeparator({ className, ...props }: ItemSeparatorProps): JSX.Element;
 type ItemProps = ComponentProps<"div"> & VariantProps<typeof itemVariants> & {
-  asChild?: boolean;
+    asChild?: boolean;
 };
-declare function Item({
-  asChild,
-  className,
-  size,
-  variant,
-  ...props
-}: ItemProps): JSX.Element;
+declare function Item({ asChild, className, size, variant, ...props }: ItemProps): JSX.Element;
 type ItemMediaProps = ComponentProps<"div"> & VariantProps<typeof itemMediaVariants>;
-declare function ItemMedia({
-  className,
-  variant,
-  ...props
-}: ItemMediaProps): JSX.Element;
+declare function ItemMedia({ className, variant, ...props }: ItemMediaProps): JSX.Element;
 type ItemContentProps = ComponentProps<"div">;
-declare function ItemContent({
-  className,
-  ...props
-}: ItemContentProps): JSX.Element;
+declare function ItemContent({ className, ...props }: ItemContentProps): JSX.Element;
 type ItemTitleProps = ComponentProps<"div">;
-declare function ItemTitle({
-  className,
-  ...props
-}: ItemTitleProps): JSX.Element;
+declare function ItemTitle({ className, ...props }: ItemTitleProps): JSX.Element;
 type ItemDescriptionProps = ComponentProps<"p">;
-declare function ItemDescription({
-  className,
-  ...props
-}: ItemDescriptionProps): JSX.Element;
+declare function ItemDescription({ className, ...props }: ItemDescriptionProps): JSX.Element;
 type ItemActionsProps = ComponentProps<"div">;
-declare function ItemActions({
-  className,
-  ...props
-}: ItemActionsProps): JSX.Element;
+declare function ItemActions({ className, ...props }: ItemActionsProps): JSX.Element;
 type ItemHeaderProps = ComponentProps<"div">;
-declare function ItemHeader({
-  className,
-  ...props
-}: ItemHeaderProps): JSX.Element;
+declare function ItemHeader({ className, ...props }: ItemHeaderProps): JSX.Element;
 type ItemFooterProps = ComponentProps<"div">;
-declare function ItemFooter({
-  className,
-  ...props
-}: ItemFooterProps): JSX.Element;
-//#endregion
-export { Item, ItemActions, type ItemActionsProps, ItemContent, type ItemContentProps, ItemDescription, type ItemDescriptionProps, ItemFooter, type ItemFooterProps, ItemGroup, type ItemGroupProps, ItemHeader, type ItemHeaderProps, ItemMedia, type ItemMediaProps, type ItemProps, ItemSeparator, type ItemSeparatorProps, ItemTitle, type ItemTitleProps, itemMediaVariants, itemVariants };
+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, };
+//# sourceMappingURL=item.d.ts.map

package/dist/components/item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"item.d.ts","sourceRoot":"","sources":["../../src/components/item.tsx"],"names":[],"mappings":"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"}

package/dist/components/item.js

@@ -1,116 +1,73 @@
-import { Separator } from "./separator.js";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { cn, tv } from "@codefast/tailwind-variants";
 import { Slot } from "@radix-ui/react-slot";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/item.tsx
+import { Separator } from "#components/separator";
+/* -----------------------------------------------------------------------------
+ * Variants: Item
+ * -------------------------------------------------------------------------- */
 const itemVariants = tv({
-	base: cn("group/item flex flex-wrap items-center rounded-lg border border-transparent text-sm outline-hidden transition-colors duration-100", "[a]:transition-colors [a]:hover:bg-accent/50", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50"),
-	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"
-		}
-	}
+    base: cn("group/item flex flex-wrap items-center rounded-lg border border-transparent text-sm outline-hidden transition-colors duration-100", "[a]:transition-colors [a]:hover:bg-accent/50", "focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50"),
+    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 = tv({
-	base: cn("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start", "group-has-[[data-slot=item-description]]/item:translate-y-0.5 [&_svg]:pointer-events-none"),
-	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"
-	} }
+    base: cn("flex shrink-0 items-center justify-center gap-2 group-has-[[data-slot=item-description]]/item:self-start", "group-has-[[data-slot=item-description]]/item:translate-y-0.5 [&_svg]:pointer-events-none"),
+    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__ */ jsx("div", {
-		className: cn("group/item-group flex flex-col", className),
-		"data-slot": "item-group",
-		role: "list",
-		...props
-	});
+    return (_jsx("div", { className: cn("group/item-group flex flex-col", className), "data-slot": "item-group", role: "list", ...props }));
 }
 function ItemSeparator({ className, ...props }) {
-	return /* @__PURE__ */ jsx(Separator, {
-		className: cn("my-0", className),
-		"data-slot": "item-separator",
-		orientation: "horizontal",
-		...props
-	});
+    return (_jsx(Separator, { className: cn("my-0", className), "data-slot": "item-separator", orientation: "horizontal", ...props }));
 }
 function Item({ asChild = false, className, size = "default", variant = "default", ...props }) {
-	return /* @__PURE__ */ jsx(asChild ? Slot : "div", {
-		className: itemVariants({
-			className,
-			size,
-			variant
-		}),
-		"data-size": size,
-		"data-slot": "item",
-		"data-variant": variant,
-		...props
-	});
+    const Component = asChild ? Slot : "div";
+    return (_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__ */ jsx("div", {
-		className: itemMediaVariants({
-			className,
-			variant
-		}),
-		"data-slot": "item-media",
-		"data-variant": variant,
-		...props
-	});
+    return (_jsx("div", { className: itemMediaVariants({ className, variant }), "data-slot": "item-media", "data-variant": variant, ...props }));
 }
 function ItemContent({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
-		"data-slot": "item-content",
-		...props
-	});
+    return (_jsx("div", { className: 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__ */ jsx("div", {
-		className: cn("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className),
-		"data-slot": "item-title",
-		...props
-	});
+    return (_jsx("div", { className: 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__ */ jsx("p", {
-		className: cn("line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className),
-		"data-slot": "item-description",
-		...props
-	});
+    return (_jsx("p", { className: cn("line-clamp-2 text-sm leading-normal font-normal text-balance text-muted-foreground", "[&>a]:underline [&>a]:underline-offset-4 [&>a:hover]:text-primary", className), "data-slot": "item-description", ...props }));
 }
 function ItemActions({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex items-center gap-2", className),
-		"data-slot": "item-actions",
-		...props
-	});
+    return (_jsx("div", { className: cn("flex items-center gap-2", className), "data-slot": "item-actions", ...props }));
 }
 function ItemHeader({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex basis-full items-center justify-between gap-2", className),
-		"data-slot": "item-header",
-		...props
-	});
+    return (_jsx("div", { className: cn("flex basis-full items-center justify-between gap-2", className), "data-slot": "item-header", ...props }));
 }
 function ItemFooter({ className, ...props }) {
-	return /* @__PURE__ */ jsx("div", {
-		className: cn("flex basis-full items-center justify-between gap-2", className),
-		"data-slot": "item-footer",
-		...props
-	});
+    return (_jsx("div", { className: cn("flex basis-full items-center justify-between gap-2", className), "data-slot": "item-footer", ...props }));
 }
-//#endregion
-export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, itemMediaVariants, itemVariants };
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
+export { Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, itemMediaVariants, ItemSeparator, ItemTitle, itemVariants, };