@codefast/ui 0.3.10 → 0.3.11-canary.0

package/dist/components/input-number.cjs

@@ -37,7 +37,7 @@ function InputNumber({ ariaDecrementLabel, ariaIncrementLabel, className, defaul
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(input_number_cjs_namespaceObject.Root, {
         ariaDecrementLabel: ariaDecrementLabel,
         ariaIncrementLabel: ariaIncrementLabel,
-        className: (0, tailwind_variants_namespaceObject.cn)("group border-input hover:not-has-disabled:not-focus-within:border-ring/60 focus-within:border-ring focus-within:ring-ring/50 [&>svg]:text-muted-foreground has-aria-invalid:border-destructive hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 focus-within:has-aria-invalid:ring-destructive/20 dark:focus-within:has-aria-invalid:ring-destructive/40 dark:bg-input/30 peer flex h-9 w-full grow items-center gap-3 rounded-lg border px-3 pr-0 text-base transition not-has-disabled:shadow-xs focus-within:ring-3 has-disabled:opacity-50 md:text-sm [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        className: (0, tailwind_variants_namespaceObject.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,
@@ -59,19 +59,19 @@ function InputNumber({ ariaDecrementLabel, ariaIncrementLabel, className, defaul
                 autoCapitalize: "none",
                 autoComplete: "off",
                 autoCorrect: "off",
-                className: "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+                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__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-                className: (0, tailwind_variants_namespaceObject.cn)('divide-input border-l-input 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:border-l-ring group-focus-within:divide-ring group-has-aria-invalid:border-l-destructive group-has-aria-invalid:divide-destructive group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:border-l-destructive/60 group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:divide-destructive/60 order-last ml-auto grid h-full shrink-0 divide-y border-l transition', '*:[button]:focus-visible:bg-ring/50 group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/20 dark:group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/40 *:[button]:focus-visible:ring-0'),
+                className: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)(input_number_cjs_namespaceObject.IncrementButton, {
                         "aria-label": "Increment",
                         className: (0, external_button_cjs_namespaceObject.buttonVariants)({
-                            className: 'text-muted-foreground h-auto rounded-none rounded-tr-[calc(var(--radius-lg)-1px)]',
-                            variant: 'ghost'
+                            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__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronUpIcon, {})
@@ -79,8 +79,8 @@ function InputNumber({ ariaDecrementLabel, ariaIncrementLabel, className, defaul
                     /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(input_number_cjs_namespaceObject.DecrementButton, {
                         "aria-label": "Decrement",
                         className: (0, external_button_cjs_namespaceObject.buttonVariants)({
-                            className: 'text-muted-foreground h-auto rounded-none rounded-br-[calc(var(--radius-lg)-1px)]',
-                            variant: 'ghost'
+                            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__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.ChevronDownIcon, {})

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

@@ -1,5 +1,5 @@
-import type { ComponentProps, JSX } from 'react';
-import * as InputNumberPrimitive from '../primitives/input-number';
+import type { ComponentProps, JSX } from "react";
+import * as InputNumberPrimitive from "../primitives/input-number";
 interface InputNumberProps extends ComponentProps<typeof InputNumberPrimitive.Field>, ComponentProps<typeof InputNumberPrimitive.Root> {
 }
 declare function InputNumber({ ariaDecrementLabel, ariaIncrementLabel, className, defaultValue, disabled, formatOptions, id, loaderPosition, loading, max, min, onChange, prefix, readOnly, spinner, step, suffix, value, ...props }: InputNumberProps): JSX.Element;

package/dist/components/input-number.js

@@ -9,7 +9,7 @@ function InputNumber({ ariaDecrementLabel, ariaIncrementLabel, className, defaul
     return /*#__PURE__*/ jsxs(Root, {
         ariaDecrementLabel: ariaDecrementLabel,
         ariaIncrementLabel: ariaIncrementLabel,
-        className: cn("group border-input hover:not-has-disabled:not-focus-within:border-ring/60 focus-within:border-ring focus-within:ring-ring/50 [&>svg]:text-muted-foreground has-aria-invalid:border-destructive hover:not-has-disabled:not-focus-within:has-aria-invalid:border-destructive/60 focus-within:has-aria-invalid:ring-destructive/20 dark:focus-within:has-aria-invalid:ring-destructive/40 dark:bg-input/30 peer flex h-9 w-full grow items-center gap-3 rounded-lg border px-3 pr-0 text-base transition not-has-disabled:shadow-xs focus-within:ring-3 has-disabled:opacity-50 md:text-sm [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className),
+        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,
@@ -31,19 +31,19 @@ function InputNumber({ ariaDecrementLabel, ariaIncrementLabel, className, defaul
                 autoCapitalize: "none",
                 autoComplete: "off",
                 autoCorrect: "off",
-                className: "file:text-foreground placeholder:text-muted-foreground selection:bg-primary selection:text-primary-foreground dark:bg-input/30 border-input focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive h-9 w-full min-w-0 rounded-md border bg-transparent px-3 py-1 text-base shadow-xs transition-[color,box-shadow] outline-none file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium focus-visible:ring-3 disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm",
+                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('divide-input border-l-input 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:border-l-ring group-focus-within:divide-ring group-has-aria-invalid:border-l-destructive group-has-aria-invalid:divide-destructive group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:border-l-destructive/60 group-hover:group-has-aria-invalid:not-group-focus-within:not-has-disabled:divide-destructive/60 order-last ml-auto grid h-full shrink-0 divide-y border-l transition', '*:[button]:focus-visible:bg-ring/50 group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/20 dark:group-has-aria-invalid:*:[button]:focus-visible:bg-destructive/40 *:[button]:focus-visible:ring-0'),
+                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'
+                            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, {})
@@ -51,8 +51,8 @@ function InputNumber({ ariaDecrementLabel, ariaIncrementLabel, className, defaul
                     /*#__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'
+                            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, {})

package/dist/components/input-otp.cjs

@@ -42,14 +42,14 @@ function InputOTP({ className, containerClassName, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_otp_namespaceObject.OTPInput, {
         "aria-label": "One-time password",
         className: (0, tailwind_variants_namespaceObject.cn)(className),
-        containerClassName: (0, tailwind_variants_namespaceObject.cn)('flex items-center gap-2 has-disabled:opacity-50', containerClassName),
+        containerClassName: (0, tailwind_variants_namespaceObject.cn)("flex items-center gap-2 has-disabled:opacity-50", containerClassName),
         "data-slot": "input-otp",
         ...props
     });
 }
 function InputOTPGroup({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('flex items-center -space-x-px', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("flex items-center -space-x-px", className),
         "data-slot": "input-otp-group",
         role: "group",
         ...props
@@ -59,7 +59,7 @@ function InputOTPSlot({ className, index, ...props }) {
     const inputOTPContext = (0, external_react_namespaceObject.use)(external_input_otp_namespaceObject.OTPInputContext);
     const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 relative flex size-9 items-center justify-center border text-sm outline-hidden transition-all not-has-disabled:shadow-xs first:rounded-l-lg last:rounded-r-lg data-[active=true]:z-10 data-[active=true]:ring-3', className),
+        className: (0, tailwind_variants_namespaceObject.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,
@@ -68,7 +68,7 @@ function InputOTPSlot({ className, index, ...props }) {
             hasFakeCaret ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
                 className: "pointer-events-none absolute inset-0 flex items-center justify-center",
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-                    className: "animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px"
+                    className: "h-4 w-px animate-caret-blink bg-foreground animation-duration-1000"
                 })
             }) : null
         ]

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

@@ -1,15 +1,15 @@
-import type { ComponentProps, JSX } from 'react';
-import { OTPInput } from 'input-otp';
+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;
-type InputOTPGroupProps = ComponentProps<'div'>;
+type InputOTPGroupProps = ComponentProps<"div">;
 declare function InputOTPGroup({ className, ...props }: InputOTPGroupProps): JSX.Element;
-interface InputOTPSlotProps extends ComponentProps<'div'> {
+interface InputOTPSlotProps extends ComponentProps<"div"> {
     index: number;
 }
 declare function InputOTPSlot({ className, index, ...props }: InputOTPSlotProps): JSX.Element;
-type InputOTPSeparatorProps = ComponentProps<'div'>;
+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 { 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 };

package/dist/components/input-otp.js

@@ -8,14 +8,14 @@ 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),
+        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),
+        className: cn("flex items-center -space-x-px", className),
         "data-slot": "input-otp-group",
         role: "group",
         ...props
@@ -25,7 +25,7 @@ function InputOTPSlot({ className, index, ...props }) {
     const inputOTPContext = use(OTPInputContext);
     const { char, hasFakeCaret, isActive } = inputOTPContext.slots[index];
     return /*#__PURE__*/ jsxs("div", {
-        className: cn('border-input data-[active=true]:border-ring data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:ring-destructive/20 dark:data-[active=true]:aria-invalid:ring-destructive/40 aria-invalid:border-destructive data-[active=true]:aria-invalid:border-destructive dark:bg-input/30 relative flex size-9 items-center justify-center border text-sm outline-hidden transition-all not-has-disabled:shadow-xs first:rounded-l-lg last:rounded-r-lg data-[active=true]:z-10 data-[active=true]:ring-3', className),
+        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,
@@ -34,7 +34,7 @@ function InputOTPSlot({ className, index, ...props }) {
             hasFakeCaret ? /*#__PURE__*/ jsx("div", {
                 className: "pointer-events-none absolute inset-0 flex items-center justify-center",
                 children: /*#__PURE__*/ jsx("div", {
-                    className: "animate-caret-blink bg-foreground animation-duration-1000 h-4 w-px"
+                    className: "h-4 w-px animate-caret-blink bg-foreground animation-duration-1000"
                 })
             }) : null
         ]

package/dist/components/input-password.cjs

@@ -32,13 +32,13 @@ const external_lucide_react_namespaceObject = require("lucide-react");
 const external_react_namespaceObject = require("react");
 const external_input_group_cjs_namespaceObject = require("./input-group.cjs");
 function InputPassword({ className, disabled, readOnly, ...props }) {
-    const [type, setType] = (0, external_react_namespaceObject.useState)('password');
+    const [type, setType] = (0, external_react_namespaceObject.useState)("password");
     const togglePasswordVisibility = (0, external_react_namespaceObject.useCallback)(()=>{
-        setType((previous)=>'password' === previous ? 'text' : 'password');
+        setType((previous)=>"password" === previous ? "text" : "password");
     }, []);
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_input_group_cjs_namespaceObject.InputGroup, {
         className: className,
-        "data-disabled": disabled ? 'true' : void 0,
+        "data-disabled": disabled ? "true" : void 0,
         "data-slot": "input-password",
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupInput, {
@@ -50,15 +50,15 @@ function InputPassword({ className, disabled, readOnly, ...props }) {
                 ...props
             }),
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupButton, {
-                "aria-label": 'password' === type ? 'Show password' : 'Hide password',
-                className: "focus-visible:not-disabled:bg-input rounded-full focus-visible:ring-0",
+                "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__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.EyeOffIcon, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.EyeIcon, {})
+                children: "password" === type ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.EyeOffIcon, {}) : /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.EyeIcon, {})
             })
         ]
     });

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

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

package/dist/components/input-password.js

@@ -4,13 +4,13 @@ import { EyeIcon, EyeOffIcon } from "lucide-react";
 import { useCallback, useState } from "react";
 import { InputGroup, InputGroupButton, InputGroupInput } from "./input-group.js";
 function InputPassword({ className, disabled, readOnly, ...props }) {
-    const [type, setType] = useState('password');
+    const [type, setType] = useState("password");
     const togglePasswordVisibility = useCallback(()=>{
-        setType((previous)=>'password' === previous ? 'text' : 'password');
+        setType((previous)=>"password" === previous ? "text" : "password");
     }, []);
     return /*#__PURE__*/ jsxs(InputGroup, {
         className: className,
-        "data-disabled": disabled ? 'true' : void 0,
+        "data-disabled": disabled ? "true" : void 0,
         "data-slot": "input-password",
         children: [
             /*#__PURE__*/ jsx(InputGroupInput, {
@@ -22,15 +22,15 @@ function InputPassword({ className, disabled, readOnly, ...props }) {
                 ...props
             }),
             /*#__PURE__*/ jsx(InputGroupButton, {
-                "aria-label": 'password' === type ? 'Show password' : 'Hide password',
-                className: "focus-visible:not-disabled:bg-input rounded-full focus-visible:ring-0",
+                "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, {})
+                children: "password" === type ? /*#__PURE__*/ jsx(EyeOffIcon, {}) : /*#__PURE__*/ jsx(EyeIcon, {})
             })
         ]
     });

package/dist/components/input-search.cjs

@@ -39,7 +39,7 @@ function InputSearch({ className, defaultValue, disabled, onChange, readOnly, va
     });
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsxs)(external_input_group_cjs_namespaceObject.InputGroup, {
         className: className,
-        "data-disabled": disabled ? 'true' : void 0,
+        "data-disabled": disabled ? "true" : void 0,
         "data-slot": "input-search",
         children: [
             /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupAddon, {
@@ -51,7 +51,7 @@ function InputSearch({ className, defaultValue, disabled, onChange, readOnly, va
                 disabled: disabled,
                 readOnly: readOnly,
                 type: "search",
-                value: value ?? '',
+                value: value ?? "",
                 onChange: (event)=>{
                     setValue(event.target.value);
                 },
@@ -59,13 +59,13 @@ function InputSearch({ className, defaultValue, disabled, onChange, readOnly, va
             }),
             value ? /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_input_group_cjs_namespaceObject.InputGroupButton, {
                 "aria-label": "Clear search",
-                className: "focus-visible:not-disabled:bg-input rounded-full focus-visible:ring-0",
+                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('');
+                    setValue("");
                 },
                 children: /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_lucide_react_namespaceObject.XIcon, {})
             }) : null

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

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

package/dist/components/input-search.js

@@ -11,7 +11,7 @@ function InputSearch({ className, defaultValue, disabled, onChange, readOnly, va
     });
     return /*#__PURE__*/ jsxs(InputGroup, {
         className: className,
-        "data-disabled": disabled ? 'true' : void 0,
+        "data-disabled": disabled ? "true" : void 0,
         "data-slot": "input-search",
         children: [
             /*#__PURE__*/ jsx(InputGroupAddon, {
@@ -23,7 +23,7 @@ function InputSearch({ className, defaultValue, disabled, onChange, readOnly, va
                 disabled: disabled,
                 readOnly: readOnly,
                 type: "search",
-                value: value ?? '',
+                value: value ?? "",
                 onChange: (event)=>{
                     setValue(event.target.value);
                 },
@@ -31,13 +31,13 @@ function InputSearch({ className, defaultValue, disabled, onChange, readOnly, va
             }),
             value ? /*#__PURE__*/ jsx(InputGroupButton, {
                 "aria-label": "Clear search",
-                className: "focus-visible:not-disabled:bg-input rounded-full focus-visible:ring-0",
+                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('');
+                    setValue("");
                 },
                 children: /*#__PURE__*/ jsx(XIcon, {})
             }) : null

package/dist/components/input.cjs

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

package/dist/components/input.d.ts

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

package/dist/components/input.js

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

package/dist/components/item.cjs

@@ -42,39 +42,39 @@ const tailwind_variants_namespaceObject = require("@codefast/tailwind-variants")
 const react_slot_namespaceObject = require("@radix-ui/react-slot");
 const external_separator_cjs_namespaceObject = require("./separator.cjs");
 const itemVariants = (0, tailwind_variants_namespaceObject.tv)({
-    base: (0, tailwind_variants_namespaceObject.cn)('group/item flex flex-wrap items-center rounded-lg border border-transparent text-sm transition-colors duration-100 outline-hidden', '[a]:transition-colors [a]:hover:bg-accent/50', 'focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-3'),
+    base: (0, tailwind_variants_namespaceObject.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'
+        size: "default",
+        variant: "default"
     },
     variants: {
         size: {
-            default: 'gap-4 p-4',
-            sm: 'gap-2.5 px-4 py-3'
+            default: "gap-4 p-4",
+            sm: "gap-2.5 px-4 py-3"
         },
         variant: {
-            default: 'bg-transparent',
-            muted: 'bg-muted/50',
-            outline: 'border-border'
+            default: "bg-transparent",
+            muted: "bg-muted/50",
+            outline: "border-border"
         }
     }
 });
 const itemMediaVariants = (0, tailwind_variants_namespaceObject.tv)({
-    base: (0, tailwind_variants_namespaceObject.cn)("group-has-[[data-slot=item-description]]/item:self-start flex shrink-0 items-center justify-center gap-2", "[&_svg]:pointer-events-none group-has-[[data-slot=item-description]]/item:translate-y-0.5"),
+    base: (0, tailwind_variants_namespaceObject.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'
+        variant: "default"
     },
     variants: {
         variant: {
-            default: 'bg-transparent',
+            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'
+            image: "size-10 shrink-0 overflow-hidden rounded-md [&_img]:size-full [&_img]:object-cover"
         }
     }
 });
 function ItemGroup({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('group/item-group flex flex-col', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("group/item-group flex flex-col", className),
         "data-slot": "item-group",
         role: "list",
         ...props
@@ -82,14 +82,14 @@ function ItemGroup({ className, ...props }) {
 }
 function ItemSeparator({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(external_separator_cjs_namespaceObject.Separator, {
-        className: (0, tailwind_variants_namespaceObject.cn)('my-0', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("my-0", className),
         "data-slot": "item-separator",
         orientation: "horizontal",
         ...props
     });
 }
-function Item({ asChild = false, className, size = 'default', variant = 'default', ...props }) {
-    const Component = asChild ? react_slot_namespaceObject.Slot : 'div';
+function Item({ asChild = false, className, size = "default", variant = "default", ...props }) {
+    const Component = asChild ? react_slot_namespaceObject.Slot : "div";
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)(Component, {
         className: itemVariants({
             className,
@@ -102,7 +102,7 @@ function Item({ asChild = false, className, size = 'default', variant = 'default
         ...props
     });
 }
-function ItemMedia({ className, variant = 'default', ...props }) {
+function ItemMedia({ className, variant = "default", ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
         className: itemMediaVariants({
             className,
@@ -115,42 +115,42 @@ function ItemMedia({ className, variant = 'default', ...props }) {
 }
 function ItemContent({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("flex flex-1 flex-col gap-1 [&+[data-slot=item-content]]:flex-none", className),
         "data-slot": "item-content",
         ...props
     });
 }
 function ItemTitle({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('flex w-fit items-center gap-2 text-sm leading-snug font-medium', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("flex w-fit items-center gap-2 text-sm leading-snug font-medium", className),
         "data-slot": "item-title",
         ...props
     });
 }
 function ItemDescription({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("p", {
-        className: (0, tailwind_variants_namespaceObject.cn)('text-muted-foreground line-clamp-2 text-sm leading-normal font-normal text-balance', '[&>a:hover]:text-primary [&>a]:underline [&>a]:underline-offset-4', className),
+        className: (0, tailwind_variants_namespaceObject.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__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('flex items-center gap-2', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("flex items-center gap-2", className),
         "data-slot": "item-actions",
         ...props
     });
 }
 function ItemHeader({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('flex basis-full items-center justify-between gap-2', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("flex basis-full items-center justify-between gap-2", className),
         "data-slot": "item-header",
         ...props
     });
 }
 function ItemFooter({ className, ...props }) {
     return /*#__PURE__*/ (0, jsx_runtime_namespaceObject.jsx)("div", {
-        className: (0, tailwind_variants_namespaceObject.cn)('flex basis-full items-center justify-between gap-2', className),
+        className: (0, tailwind_variants_namespaceObject.cn)("flex basis-full items-center justify-between gap-2", className),
         "data-slot": "item-footer",
         ...props
     });

package/dist/components/item.d.ts

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