@codefast/ui 0.3.11 → 0.3.12-canary.1

package/dist/components/input-number.js

@@ -1,61 +1,20 @@
 "use client";
-import { buttonVariants } from "./button.js";
-import { Spinner } from "./spinner.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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "#lib/utils";
 import { ChevronDownIcon, ChevronUpIcon } from "lucide-react";
-import { jsx, jsxs } from "react/jsx-runtime";
-//#region src/components/input-number.tsx
+import { buttonVariants } from "#components/button";
+import { Spinner } from "#components/spinner";
+import * as InputNumberPrimitive from "#primitives/input-number";
 function InputNumber({ ariaDecrementLabel, ariaIncrementLabel, className, defaultValue, disabled, formatOptions, id, loaderPosition, loading, max, min, onChange, prefix, readOnly, spinner, step, suffix, value, ...props }) {
-	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, {})
-			})]
-		})]
-	});
+    return (_jsxs(InputNumberPrimitive.Root, { ariaDecrementLabel: ariaDecrementLabel, ariaIncrementLabel: ariaIncrementLabel, className: cn("group peer flex h-9 w-full grow items-center gap-3 px-3 pr-0", "rounded-lg border border-input", "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 ?? _jsx(Spinner, {}, "spinner"), step: step, suffix: suffix, value: value, onChange: onChange, children: [_jsx(InputNumberPrimitive.Field, { autoCapitalize: "none", autoComplete: "off", autoCorrect: "off", className: cn("h-9 w-full min-w-0 px-3 py-1", "rounded-md border border-input", "bg-transparent shadow-xs outline-none", "text-base", "transition-[color,box-shadow]", "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 }), _jsxs("div", { className: cn("order-last ml-auto grid h-full shrink-0", "divide-y divide-input border-l border-l-input", "transition", "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", "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: [_jsx(InputNumberPrimitive.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: _jsx(ChevronUpIcon, {}) }), _jsx(InputNumberPrimitive.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: _jsx(ChevronDownIcon, {}) })] })] }));
 }
-//#endregion
+/* -----------------------------------------------------------------------------
+ * Exports
+ * -------------------------------------------------------------------------- */
 export { InputNumber };

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,CAczF;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,CA0CpF;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 { cn } from "@codefast/tailwind-variants";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "#lib/utils";
+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 outline-hidden", "text-sm", "transition-all", "not-has-disabled:shadow-xs", "first:rounded-l-lg", "last:rounded-r-lg", "aria-invalid:border-destructive", "dark:bg-input/30", "data-active:z-10 data-active:border-ring data-active:ring-3 data-active:ring-ring/50", "data-active:aria-invalid:border-destructive data-active:aria-invalid:ring-destructive/20", "dark:data-active:aria-invalid:ring-destructive/40", className), "data-active": isActive, "data-slot": "input-otp-slot", ...props, children: [char, hasFakeCaret ? (_jsx("div", { className: cn("absolute inset-0 flex items-center justify-center", "pointer-events-none"), children: _jsx("div", { className: cn("h-4 w-px", "bg-foreground", "animate-caret-blink", "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":"AAGA,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,CAuClC;AAMD,OAAO,EAAE,aAAa,EAAE,CAAC;AACzB,YAAY,EAAE,kBAAkB,EAAE,CAAC"}

package/dist/components/input-password.js

@@ -1,37 +1,17 @@
 "use client";
-import { InputGroup, InputGroupButton, InputGroupInput } from "./input-group.js";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "#lib/utils";
 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: cn("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":"AAGA,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,CAgDhC;AAMD,OAAO,EAAE,WAAW,EAAE,CAAC;AACvB,YAAY,EAAE,gBAAgB,EAAE,CAAC"}

package/dist/components/input-search.js

@@ -1,49 +1,22 @@
 "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 { cn } from "#lib/utils";
 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: cn("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,CAyBrE;AAMD,OAAO,EAAE,KAAK,EAAE,CAAC;AACjB,YAAY,EAAE,UAAU,EAAE,CAAC"}

package/dist/components/input.js

@@ -1,14 +1,10 @@
 "use client";
-import { cn } from "@codefast/tailwind-variants";
-import { jsx } from "react/jsx-runtime";
-//#region src/components/input.tsx
+import { jsx as _jsx } from "react/jsx-runtime";
+import { cn } from "#lib/utils";
 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 px-3 py-1", "rounded-lg border border-input", "bg-transparent shadow-xs outline-none", "text-base", "transition-[color,box-shadow]", "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 "#lib/utils";
+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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"}