@codefast/ui 0.3.11-canary.1 → 0.3.11

package/dist/components/input-number.js

@@ -1,65 +1,61 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
-import { cn } from "@codefast/tailwind-variants";
-import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
 import { buttonVariants } from "./button.js";
 import { Spinner } from "./spinner.js";
-import { DecrementButton, Field, IncrementButton, Root } from "../primitives/input-number.js";
+import { DecrementButton as InputNumberDecrementButton, Field as InputNumberField, IncrementButton as InputNumberIncrementButton, InputNumber as InputNumber$1 } from "../primitives/input-number.js";
+import { cn } from "@codefast/tailwind-variants";
+import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/components/input-number.tsx
 function InputNumber({ ariaDecrementLabel, ariaIncrementLabel, className, defaultValue, disabled, formatOptions, id, loaderPosition, loading, max, min, onChange, prefix, readOnly, spinner, step, suffix, value, ...props }) {
-    return /*#__PURE__*/ jsxs(Root, {
-        ariaDecrementLabel: ariaDecrementLabel,
-        ariaIncrementLabel: ariaIncrementLabel,
-        className: cn("group peer flex h-9 w-full grow items-center gap-3 rounded-lg border border-input px-3 pr-0 text-base transition not-has-disabled:shadow-xs focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 hover:not-has-disabled:not-focus-within:border-ring/60 has-disabled:opacity-50 has-aria-invalid:border-destructive focus-within:has-aria-invalid:ring-destructive/20 hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 md:text-sm dark:bg-input/30 dark:focus-within:has-aria-invalid:ring-destructive/40 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&>svg]:text-muted-foreground", className),
-        "data-slot": "input-number",
-        defaultValue: defaultValue,
-        disabled: disabled,
-        formatOptions: formatOptions,
-        id: id,
-        loaderPosition: loaderPosition,
-        loading: loading,
-        max: max,
-        min: min,
-        prefix: prefix,
-        readOnly: readOnly,
-        spinner: spinner ?? /*#__PURE__*/ jsx(Spinner, {}, "spinner"),
-        step: step,
-        suffix: suffix,
-        value: value,
-        onChange: onChange,
-        children: [
-            /*#__PURE__*/ jsx(Field, {
-                autoCapitalize: "none",
-                autoComplete: "off",
-                autoCorrect: "off",
-                className: "h-9 w-full min-w-0 rounded-md 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 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
-                spellCheck: "false",
-                ...props
-            }),
-            /*#__PURE__*/ jsxs("div", {
-                className: cn("group-hover:not-group-focus-within:not-has-disabled:border-l-border-ring/60 group-hover:not-group-focus-within:not-has-disabled:divide-border-ring/60 order-last ml-auto grid h-full shrink-0 divide-y divide-input border-l border-l-input transition group-focus-within:divide-ring group-focus-within:border-l-ring group-has-aria-invalid:divide-destructive group-has-aria-invalid:border-l-destructive group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:divide-destructive/60 group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:border-l-destructive/60", "*:[button]:focus-visible:bg-ring/50 *:[button]:focus-visible:ring-0 group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/20 dark:group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/40"),
-                "data-slot": "input-number-buttons",
-                children: [
-                    /*#__PURE__*/ jsx(IncrementButton, {
-                        "aria-label": "Increment",
-                        className: buttonVariants({
-                            className: "text-muted-foreground h-auto rounded-none rounded-tr-[calc(var(--radius-lg)-1px)]",
-                            variant: "ghost"
-                        }),
-                        "data-slot": "input-number-increment-button",
-                        children: /*#__PURE__*/ jsx(ChevronUpIcon, {})
-                    }),
-                    /*#__PURE__*/ jsx(DecrementButton, {
-                        "aria-label": "Decrement",
-                        className: buttonVariants({
-                            className: "text-muted-foreground h-auto rounded-none rounded-br-[calc(var(--radius-lg)-1px)]",
-                            variant: "ghost"
-                        }),
-                        "data-slot": "input-number-decrement-button",
-                        children: /*#__PURE__*/ jsx(ChevronDownIcon, {})
-                    })
-                ]
-            })
-        ]
-    });
+	return /* @__PURE__ */ jsxs(InputNumber$1, {
+		ariaDecrementLabel,
+		ariaIncrementLabel,
+		className: cn("group peer flex h-9 w-full grow items-center gap-3 rounded-lg border border-input px-3 pr-0 text-base transition not-has-disabled:shadow-xs focus-within:border-ring focus-within:ring-3 focus-within:ring-ring/50 hover:not-has-disabled:not-focus-within:border-ring/60 has-disabled:opacity-50 has-aria-invalid:border-destructive focus-within:has-aria-invalid:ring-destructive/20 hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 md:text-sm dark:bg-input/30 dark:focus-within:has-aria-invalid:ring-destructive/40 [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&>svg]:text-muted-foreground", className),
+		"data-slot": "input-number",
+		defaultValue,
+		disabled,
+		formatOptions,
+		id,
+		loaderPosition,
+		loading,
+		max,
+		min,
+		prefix,
+		readOnly,
+		spinner: spinner ?? /* @__PURE__ */ jsx(Spinner, {}, "spinner"),
+		step,
+		suffix,
+		value,
+		onChange,
+		children: [/* @__PURE__ */ jsx(InputNumberField, {
+			autoCapitalize: "none",
+			autoComplete: "off",
+			autoCorrect: "off",
+			className: "h-9 w-full min-w-0 rounded-md 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 focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 md:text-sm dark:bg-input/30 dark:aria-invalid:ring-destructive/40",
+			spellCheck: "false",
+			...props
+		}), /* @__PURE__ */ jsxs("div", {
+			className: cn("group-hover:not-group-focus-within:not-has-disabled:border-l-border-ring/60 group-hover:not-group-focus-within:not-has-disabled:divide-border-ring/60 order-last ml-auto grid h-full shrink-0 divide-y divide-input border-l border-l-input transition group-focus-within:divide-ring group-focus-within:border-l-ring group-has-aria-invalid:divide-destructive group-has-aria-invalid:border-l-destructive group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:divide-destructive/60 group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:border-l-destructive/60", "*:[button]:focus-visible:bg-ring/50 *:[button]:focus-visible:ring-0 group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/20 dark:group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/40"),
+			"data-slot": "input-number-buttons",
+			children: [/* @__PURE__ */ jsx(InputNumberIncrementButton, {
+				"aria-label": "Increment",
+				className: buttonVariants({
+					className: "text-muted-foreground h-auto rounded-none rounded-tr-[calc(var(--radius-lg)-1px)]",
+					variant: "ghost"
+				}),
+				"data-slot": "input-number-increment-button",
+				children: /* @__PURE__ */ jsx(ChevronUpIcon, {})
+			}), /* @__PURE__ */ jsx(InputNumberDecrementButton, {
+				"aria-label": "Decrement",
+				className: buttonVariants({
+					className: "text-muted-foreground h-auto rounded-none rounded-br-[calc(var(--radius-lg)-1px)]",
+					variant: "ghost"
+				}),
+				"data-slot": "input-number-decrement-button",
+				children: /* @__PURE__ */ jsx(ChevronDownIcon, {})
+			})]
+		})]
+	});
 }
+//#endregion
 export { InputNumber };

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

@@ -1,15 +1,29 @@
-import type { ComponentProps, JSX } from "react";
-import { OTPInput } from "input-otp";
+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
 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;
-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 };
+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 };

package/dist/components/input-otp.js

@@ -1,50 +1,46 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
 import { cn } from "@codefast/tailwind-variants";
-import { OTPInput, OTPInputContext, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS } 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 /* @__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
+	});
 }
 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 /* @__PURE__ */ 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 inputOTPContext = use(OTPInputContext);
-    const { char, hasFakeCaret, isActive } = inputOTPContext.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 { 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]
+	});
 }
 function InputOTPSeparator({ ...props }) {
-    return /*#__PURE__*/ jsx("div", {
-        "data-slot": "input-otp-separator",
-        ...props,
-        children: /*#__PURE__*/ jsx(MinusIcon, {})
-    });
+	return /* @__PURE__ */ jsx("div", {
+		"data-slot": "input-otp-separator",
+		...props,
+		children: /* @__PURE__ */ jsx(MinusIcon, {})
+	});
 }
+//#endregion
 export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS };

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

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

package/dist/components/input-password.js

@@ -1,38 +1,37 @@
 "use client";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { InputGroup, InputGroupButton, InputGroupInput } from "./input-group.js";
 import { EyeIcon, EyeOffIcon } from "lucide-react";
+import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useState } from "react";
-import { InputGroup, InputGroupButton, InputGroupInput } from "./input-group.js";
+//#region src/components/input-password.tsx
 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: "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: "password" === type ? /*#__PURE__*/ jsx(EyeOffIcon, {}) : /*#__PURE__*/ jsx(EyeIcon, {})
-            })
-        ]
-    });
+	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, {})
+		})]
+	});
 }
+//#endregion
 export { InputPassword };

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

@@ -1,10 +1,20 @@
-import type { ComponentProps, JSX } from "react";
-import { InputGroupInput } from "./input-group";
+import { InputGroupInput } from "./input-group.js";
+import { ComponentProps, JSX } from "react";
+
+//#region src/components/input-search.d.ts
 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;
-export { InputSearch };
-export type { InputSearchProps };
+declare function InputSearch({
+  className,
+  defaultValue,
+  disabled,
+  onChange,
+  readOnly,
+  value: valueProperty,
+  ...props
+}: InputSearchProps): JSX.Element;
+//#endregion
+export { InputSearch, type InputSearchProps };

package/dist/components/input-search.js

@@ -1,47 +1,49 @@
 "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 { useControllableState } from "@radix-ui/react-use-controllable-state";
-import { SearchIcon, XIcon } from "lucide-react";
-import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput } from "./input-group.js";
+//#region src/components/input-search.tsx
 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: "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 /* @__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
+		]
+	});
 }
+//#endregion
 export { InputSearch };

package/dist/components/input.d.ts

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

package/dist/components/input.js

@@ -1,12 +1,14 @@
 "use client";
-import { 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: 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
+	});
 }
+//#endregion
 export { Input };

package/dist/components/item.d.ts

@@ -1,45 +1,82 @@
-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;
-        sm: string;
-    };
-    variant: {
-        default: string;
-        muted: string;
-        outline: string;
-    };
+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;
+  };
 }, Record<string, never>>;
-declare const itemMediaVariants: import("@codefast/tailwind-variants").VariantFunctionType<{
-    variant: {
-        default: string;
-        icon: string;
-        image: string;
-    };
+declare const itemMediaVariants: _$_codefast_tailwind_variants0.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;
-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, };
+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 };