@kuzenbo/core 0.0.2 → 0.0.3

package/dist/ui/input-group.d.ts

@@ -0,0 +1,160 @@
+import { Button } from "./button.js";
+import { Input, InputSize } from "./input.js";
+import { Textarea } from "./textarea.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+
+//#region src/ui/input-group/input-group-addon.d.ts
+type InputGroupAddonProps = ComponentProps<"div"> & VariantProps<typeof inputGroupAddonVariants>;
+declare const inputGroupAddonVariants: tailwind_variants0.TVReturnType<{
+  align: {
+    "inline-start": string;
+    "inline-end": string;
+    "block-start": string;
+    "block-end": string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex h-auto cursor-text items-center justify-center font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--kb-radius)-5px)]", {
+  align: {
+    "inline-start": string;
+    "inline-end": string;
+    "block-start": string;
+    "block-end": string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  align: {
+    "inline-start": string;
+    "inline-end": string;
+    "block-start": string;
+    "block-end": string;
+  };
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex h-auto cursor-text items-center justify-center font-medium text-muted-foreground select-none group-data-[disabled=true]/input-group:opacity-50 [&>kbd]:rounded-[calc(var(--kb-radius)-5px)]", unknown, unknown, undefined>>;
+declare const InputGroupAddon: ({
+  className,
+  align,
+  size,
+  ...props
+}: InputGroupAddonProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/input-group/input-group-button.d.ts
+type InputGroupButtonProps = Omit<ComponentProps<typeof Button>, "size" | "type"> & VariantProps<typeof inputGroupButtonVariants> & {
+  type?: "button" | "submit" | "reset";
+};
+declare const inputGroupButtonVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    "icon-xs": string;
+    "icon-sm": string;
+  };
+}, undefined, "flex items-center gap-2 text-sm shadow-none", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    "icon-xs": string;
+    "icon-sm": string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    "icon-xs": string;
+    "icon-sm": string;
+  };
+}, undefined, "flex items-center gap-2 text-sm shadow-none", unknown, unknown, undefined>>;
+declare const InputGroupButton: ({
+  className,
+  type,
+  variant,
+  size,
+  ...props
+}: InputGroupButtonProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/input-group/input-group-input.d.ts
+type InputGroupInputProps = ComponentProps<typeof Input>;
+declare const InputGroupInput: ({
+  className,
+  size,
+  ...props
+}: InputGroupInputProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/input-group/input-group-text.d.ts
+type InputGroupTextProps = ComponentProps<"span">;
+declare const InputGroupText: ({
+  className,
+  ...props
+}: InputGroupTextProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/input-group/input-group-textarea.d.ts
+type InputGroupTextareaProps = ComponentProps<typeof Textarea>;
+declare const InputGroupTextarea: ({
+  className,
+  ...props
+}: InputGroupTextareaProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/input-group/input-group.d.ts
+type InputGroupProps = ComponentProps<"div"> & {
+  size?: InputSize;
+};
+declare const InputGroup: {
+  ({
+    className,
+    children,
+    size: providedSize,
+    ...props
+  }: InputGroupProps): react_jsx_runtime0.JSX.Element;
+  Addon: ({
+    className,
+    align,
+    size,
+    ...props
+  }: InputGroupAddonProps) => react_jsx_runtime0.JSX.Element;
+  Button: ({
+    className,
+    type,
+    variant,
+    size,
+    ...props
+  }: InputGroupButtonProps) => react_jsx_runtime0.JSX.Element;
+  Input: ({
+    className,
+    size,
+    ...props
+  }: InputGroupInputProps) => react_jsx_runtime0.JSX.Element;
+  Text: ({
+    className,
+    ...props
+  }: InputGroupTextProps) => react_jsx_runtime0.JSX.Element;
+  Textarea: ({
+    className,
+    ...props
+  }: InputGroupTextareaProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { InputGroup, InputGroupAddon, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, InputGroupInput, type InputGroupInputProps, InputGroupProps, InputGroupText, type InputGroupTextProps, InputGroupTextarea, type InputGroupTextareaProps };
+//# sourceMappingURL=input-group.d.ts.map

package/dist/ui/input-group.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.d.ts","names":[],"sources":["../../src/ui/input-group/input-group-addon.tsx","../../src/ui/input-group/input-group-button.tsx","../../src/ui/input-group/input-group-input.tsx","../../src/ui/input-group/input-group-text.tsx","../../src/ui/input-group/input-group-textarea.tsx","../../src/ui/input-group/input-group.tsx"],"mappings":";;;;;;;;;KAQY,oBAAA,GAAuB,cAAA,UACjC,YAAA,QAAoB,uBAAA;AAAA,cAEhB,uBAAA,EAyBJ,kBAAA,CAzB2B,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAyB3B,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;cAuBI,eAAA;EAAmB,SAAA;EAAA,KAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKtB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCrDX,qBAAA,GAAwB,IAAA,CAClC,cAAA,QAAsB,MAAA,sBAGtB,YAAA,QAAoB,wBAAA;EAClB,IAAA;AAAA;AAAA,cAGE,wBAAA,EAeJ,kBAAA,CAf4B,YAAA;;;;;;;;;;;;;;;;cAe5B,kBAAA,CAAA,YAAA;;;;;;;;;cAUI,gBAAA;EAAoB,SAAA;EAAA,IAAA;EAAA,OAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAMvB,qBAAA,KAAqB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCzCZ,oBAAA,GAAuB,cAAA,QAAsB,KAAA;AAAA,cAEnD,eAAA;EAAmB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAItB,oBAAA,KAAoB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCVX,mBAAA,GAAsB,cAAA;AAAA,cAE5B,cAAA;EAAkB,SAAA;EAAA,GAAA;AAAA,GAAyB,mBAAA,KAAmB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCAxD,uBAAA,GAA0B,cAAA,QAAsB,QAAA;AAAA,cAEtD,kBAAA;EAAsB,SAAA;EAAA,GAAA;AAAA,GAGzB,uBAAA,KAAuB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCGd,eAAA,GAAkB,cAAA;EAC5B,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,UAAA;EAAA;;;;;KAKH,eAAA,GAAe,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/input-group.js

@@ -0,0 +1,31 @@
+"use client";
+
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { a as InputGroupAddon, i as InputGroupButton, n as InputGroupText, o as InputGroupContext, r as InputGroupInput, t as InputGroupTextarea } from "../input-group-textarea-B-rP98r5.js";
+import { jsx } from "react/jsx-runtime";
+import { cn } from "tailwind-variants";
+
+//#region src/ui/input-group/input-group.tsx
+const InputGroup = ({ className, children, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("group/input-group relative flex w-full min-w-0 items-center border border-input transition-colors outline-none data-[size=xs]:h-6 data-[size=xs]:rounded-[min(var(--radius-md),8px)] data-[size=sm]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=md]:h-9 data-[size=md]:rounded-md data-[size=lg]:h-10 data-[size=lg]:rounded-md data-[size=xl]:h-11 data-[size=xl]:rounded-md in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-danger has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-danger/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-danger/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5", className),
+		"data-size": size,
+		"data-slot": "input-group",
+		role: "group",
+		...props,
+		children: /* @__PURE__ */ jsx(InputGroupContext.Provider, {
+			value: { size },
+			children
+		})
+	});
+};
+InputGroup.Addon = InputGroupAddon;
+InputGroup.Button = InputGroupButton;
+InputGroup.Input = InputGroupInput;
+InputGroup.Text = InputGroupText;
+InputGroup.Textarea = InputGroupTextarea;
+
+//#endregion
+export { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, InputGroupText, InputGroupTextarea };
+//# sourceMappingURL=input-group.js.map

package/dist/ui/input-group.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-group.js","names":[],"sources":["../../src/ui/input-group/input-group.tsx"],"sourcesContent":["\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { cn } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { InputGroupAddon } from \"./input-group-addon\";\nimport { InputGroupButton } from \"./input-group-button\";\nimport { InputGroupContext } from \"./input-group-context\";\nimport { InputGroupInput } from \"./input-group-input\";\nimport { InputGroupText } from \"./input-group-text\";\nimport { InputGroupTextarea } from \"./input-group-textarea\";\nexport type InputGroupProps = ComponentProps<\"div\"> & {\n  size?: InputSize;\n};\n\nconst InputGroup = ({\n  className,\n  children,\n  size: providedSize,\n  ...props\n}: InputGroupProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <div\n      className={cn(\n        \"group/input-group relative flex w-full min-w-0 items-center border border-input transition-colors outline-none data-[size=xs]:h-6 data-[size=xs]:rounded-[min(var(--radius-md),8px)] data-[size=sm]:h-8 data-[size=sm]:rounded-[min(var(--radius-md),10px)] data-[size=md]:h-9 data-[size=md]:rounded-md data-[size=lg]:h-10 data-[size=lg]:rounded-md data-[size=xl]:h-11 data-[size=xl]:rounded-md in-data-[slot=combobox-content]:focus-within:border-inherit in-data-[slot=combobox-content]:focus-within:ring-0 has-disabled:bg-input/50 has-disabled:opacity-50 has-[[data-slot=input-group-control]:focus-visible]:border-ring has-[[data-slot=input-group-control]:focus-visible]:ring-[3px] has-[[data-slot=input-group-control]:focus-visible]:ring-ring/50 has-[[data-slot][aria-invalid=true]]:border-danger has-[[data-slot][aria-invalid=true]]:ring-[3px] has-[[data-slot][aria-invalid=true]]:ring-danger/20 has-[>[data-align=block-end]]:h-auto has-[>[data-align=block-end]]:flex-col has-[>[data-align=block-start]]:h-auto has-[>[data-align=block-start]]:flex-col has-[>textarea]:h-auto dark:bg-input/30 dark:has-disabled:bg-input/80 dark:has-[[data-slot][aria-invalid=true]]:ring-danger/40 has-[>[data-align=block-end]]:[&>input]:pt-3 has-[>[data-align=block-start]]:[&>input]:pb-3 has-[>[data-align=inline-end]]:[&>input]:pr-1.5 has-[>[data-align=inline-start]]:[&>input]:pl-1.5\",\n        className\n      )}\n      data-size={size}\n      data-slot=\"input-group\"\n      role=\"group\"\n      {...props}\n    >\n      <InputGroupContext.Provider value={{ size }}>\n        {children}\n      </InputGroupContext.Provider>\n    </div>\n  );\n};\n\nInputGroup.Addon = InputGroupAddon;\nInputGroup.Button = InputGroupButton;\nInputGroup.Input = InputGroupInput;\nInputGroup.Text = InputGroupText;\nInputGroup.Textarea = InputGroupTextarea;\n\nexport {\n  InputGroup,\n  InputGroupAddon,\n  InputGroupButton,\n  InputGroupInput,\n  InputGroupText,\n  InputGroupTextarea,\n};\n\nexport type { InputGroupAddonProps } from \"./input-group-addon\";\nexport type { InputGroupButtonProps } from \"./input-group-button\";\nexport type { InputGroupInputProps } from \"./input-group-input\";\nexport type { InputGroupTextProps } from \"./input-group-text\";\nexport type { InputGroupTextareaProps } from \"./input-group-textarea\";\n"],"mappings":";;;;;;;;AAmBA,MAAM,cAAc,EAClB,WACA,UACA,MAAM,cACN,GAAG,YACkB;CACrB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC;EACC,WAAW,GACT,y1CACA,UACD;EACD,aAAW;EACX,aAAU;EACV,MAAK;EACL,GAAI;YAEJ,oBAAC,kBAAkB;GAAS,OAAO,EAAE,MAAM;GACxC;IAC0B;GACzB;;AAIV,WAAW,QAAQ;AACnB,WAAW,SAAS;AACpB,WAAW,QAAQ;AACnB,WAAW,OAAO;AAClB,WAAW,WAAW"}

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

@@ -0,0 +1,206 @@
+import { InputSize } from "./input.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { OTPInput } from "input-otp";
+
+//#region src/ui/input-otp/input-otp-group.d.ts
+declare const inputOTPGroupVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex items-center has-aria-invalid:border-danger has-aria-invalid:ring-[3px] has-aria-invalid:ring-danger/20 dark:has-aria-invalid:ring-danger/40", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex items-center has-aria-invalid:border-danger has-aria-invalid:ring-[3px] has-aria-invalid:ring-danger/20 dark:has-aria-invalid:ring-danger/40", unknown, unknown, undefined>>;
+type InputOTPGroupVariantProps = VariantProps<typeof inputOTPGroupVariants>;
+type InputOTPGroupProps = ComponentProps<"div"> & InputOTPGroupVariantProps & {
+  size?: InputSize;
+};
+declare const InputOTPGroup: ({
+  className,
+  size,
+  ...props
+}: InputOTPGroupProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/input-otp/input-otp-separator.d.ts
+declare const inputOTPSeparatorVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex items-center justify-center", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "flex items-center justify-center", unknown, unknown, undefined>>;
+type InputOTPSeparatorVariantProps = VariantProps<typeof inputOTPSeparatorVariants>;
+type InputOTPSeparatorProps = ComponentProps<"div"> & InputOTPSeparatorVariantProps & {
+  size?: InputSize;
+};
+declare const InputOTPSeparator: ({
+  className,
+  size,
+  ...props
+}: InputOTPSeparatorProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/input-otp/input-otp-slot.d.ts
+declare const inputOTPSlotVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: {
+      caret: string;
+      root: string;
+    };
+    sm: {
+      caret: string;
+      root: string;
+    };
+    md: {
+      caret: string;
+      root: string;
+    };
+    lg: {
+      caret: string;
+      root: string;
+    };
+    xl: {
+      caret: string;
+      root: string;
+    };
+  };
+}, {
+  caret: string;
+  root: string;
+}, undefined, {
+  size: {
+    xs: {
+      caret: string;
+      root: string;
+    };
+    sm: {
+      caret: string;
+      root: string;
+    };
+    md: {
+      caret: string;
+      root: string;
+    };
+    lg: {
+      caret: string;
+      root: string;
+    };
+    xl: {
+      caret: string;
+      root: string;
+    };
+  };
+}, {
+  caret: string;
+  root: string;
+}, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: {
+      caret: string;
+      root: string;
+    };
+    sm: {
+      caret: string;
+      root: string;
+    };
+    md: {
+      caret: string;
+      root: string;
+    };
+    lg: {
+      caret: string;
+      root: string;
+    };
+    xl: {
+      caret: string;
+      root: string;
+    };
+  };
+}, {
+  caret: string;
+  root: string;
+}, undefined, unknown, unknown, undefined>>;
+type InputOTPSlotVariantProps = VariantProps<typeof inputOTPSlotVariants>;
+type InputOTPSlotProps = ComponentProps<"div"> & {
+  index: number;
+} & InputOTPSlotVariantProps & {
+  size?: InputSize;
+};
+declare const InputOTPSlot: ({
+  index,
+  className,
+  size,
+  ...props
+}: InputOTPSlotProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+//#region src/ui/input-otp/input-otp.d.ts
+type NativeInputOTPProps = ComponentProps<typeof OTPInput>;
+type DistributiveOmit<T, K extends PropertyKey> = T extends unknown ? Omit<T, K> : never;
+type InputOTPProps = DistributiveOmit<NativeInputOTPProps, "size"> & {
+  containerClassName?: string;
+  size?: InputSize;
+};
+declare const InputOTP: {
+  ({
+    className,
+    containerClassName,
+    size: providedSize,
+    ...props
+  }: InputOTPProps): react_jsx_runtime0.JSX.Element;
+  Group: ({
+    className,
+    size,
+    ...props
+  }: InputOTPGroupProps) => react_jsx_runtime0.JSX.Element;
+  Separator: ({
+    className,
+    size,
+    ...props
+  }: InputOTPSeparatorProps) => react_jsx_runtime0.JSX.Element;
+  Slot: ({
+    index,
+    className,
+    size,
+    ...props
+  }: InputOTPSlotProps) => react_jsx_runtime0.JSX.Element;
+};
+//#endregion
+export { InputOTP, InputOTPGroup, type InputOTPGroupProps, InputOTPProps, InputOTPSeparator, type InputOTPSeparatorProps, InputOTPSlot, type InputOTPSlotProps };
+//# sourceMappingURL=input-otp.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.d.ts","names":[],"sources":["../../src/ui/input-otp/input-otp-group.tsx","../../src/ui/input-otp/input-otp-separator.tsx","../../src/ui/input-otp/input-otp-slot.tsx","../../src/ui/input-otp/input-otp.tsx"],"mappings":";;;;;;;;cASM,qBAAA,EAcJ,kBAAA,CAdyB,YAAA;;;;;;;;;;;;;;;;cAczB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,yBAAA,GAA4B,YAAA,QAAoB,qBAAA;AAAA,KAEzC,kBAAA,GAAqB,cAAA,UAC/B,yBAAA;EACE,IAAA,GAAO,SAAA;AAAA;AAAA,cAGL,aAAA;EAAiB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAA+B,kBAAA,KAAkB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cCrBlE,yBAAA,EAcJ,kBAAA,CAd6B,YAAA;;;;;;;;;;;;;;;;cAc7B,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,6BAAA,GAAgC,YAAA,QAC5B,yBAAA;AAAA,KAGG,sBAAA,GAAyB,cAAA,UACnC,6BAAA;EACE,IAAA,GAAO,SAAA;AAAA;AAAA,cAGL,iBAAA;EAAqB,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAIxB,sBAAA,KAAsB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;cChCnB,oBAAA,EAgCJ,kBAAA,CAhCwB,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCxB,kBAAA,CAAA,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;KAEG,wBAAA,GAA2B,YAAA,QAAoB,oBAAA;AAAA,KACxC,iBAAA,GAAoB,cAAA;EAC9B,KAAA;AAAA,IACE,wBAAA;EACA,IAAA,GAAO,SAAA;AAAA;AAAA,cAGL,YAAA;EAAgB,KAAA;EAAA,SAAA;EAAA,IAAA;EAAA,GAAA;AAAA,GAKnB,iBAAA,KAAiB,kBAAA,CAAA,GAAA,CAAA,OAAA;;;KCvCf,mBAAA,GAAsB,cAAA,QAAsB,QAAA;AAAA,KAC5C,gBAAA,cAA8B,WAAA,IAAe,CAAA,mBAC9C,IAAA,CAAK,CAAA,EAAG,CAAA;AAAA,KAGA,aAAA,GAAgB,gBAAA,CAAiB,mBAAA;EAC3C,kBAAA;EACA,IAAA,GAAO,SAAA;AAAA;AAAA,cAGH,QAAA;EAAA;;;;;KAKH,aAAA,GAAa,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/input-otp.js

@@ -0,0 +1,139 @@
+"use client";
+
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { createContext, useContext } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { cn, tv } from "tailwind-variants";
+import { MinusSignIcon } from "@hugeicons/core-free-icons";
+import { HugeiconsIcon } from "@hugeicons/react";
+import { OTPInput, OTPInputContext } from "input-otp";
+
+//#region src/ui/input-otp/input-otp-context.tsx
+const InputOTPContext = createContext({ size: "md" });
+
+//#endregion
+//#region src/ui/input-otp/input-otp-group.tsx
+const inputOTPGroupVariants = tv({
+	base: "flex items-center has-aria-invalid:border-danger has-aria-invalid:ring-[3px] has-aria-invalid:ring-danger/20 dark:has-aria-invalid:ring-danger/40",
+	variants: { size: {
+		xs: "rounded-[min(var(--radius-md),8px)]",
+		sm: "rounded-[min(var(--radius-md),10px)]",
+		md: "rounded-md",
+		lg: "rounded-md",
+		xl: "rounded-md"
+	} },
+	defaultVariants: { size: "md" }
+});
+const InputOTPGroup = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(InputOTPContext);
+	const resolvedSize = size ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(inputOTPGroupVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "input-otp-group",
+		...props
+	});
+};
+
+//#endregion
+//#region src/ui/input-otp/input-otp-separator.tsx
+const inputOTPSeparatorVariants = tv({
+	base: "flex items-center justify-center",
+	variants: { size: {
+		xs: "[&_svg:not([class*='size-'])]:size-3",
+		sm: "[&_svg:not([class*='size-'])]:size-3.5",
+		md: "[&_svg:not([class*='size-'])]:size-4",
+		lg: "[&_svg:not([class*='size-'])]:size-4",
+		xl: "[&_svg:not([class*='size-'])]:size-5"
+	} },
+	defaultVariants: { size: "md" }
+});
+const InputOTPSeparator = ({ className, size, ...props }) => {
+	const { size: rootSize } = useContext(InputOTPContext);
+	const resolvedSize = size ?? rootSize ?? "md";
+	return /* @__PURE__ */ jsx("div", {
+		className: cn(inputOTPSeparatorVariants({ size: resolvedSize }), className),
+		"data-size": resolvedSize,
+		"data-slot": "input-otp-separator",
+		role: "separator",
+		...props,
+		children: /* @__PURE__ */ jsx(HugeiconsIcon, {
+			icon: MinusSignIcon,
+			strokeWidth: 2
+		})
+	});
+};
+
+//#endregion
+//#region src/ui/input-otp/input-otp-slot.tsx
+const inputOTPSlotVariants = tv({
+	slots: {
+		caret: "animate-caret-blink bg-foreground duration-1000",
+		root: "relative flex items-center justify-center border-y border-r border-input shadow-xs transition-all outline-none first:border-l aria-invalid:border-danger first:rounded-l-md last:rounded-r-md data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-danger data-[active=true]:aria-invalid:ring-danger/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-danger/40"
+	},
+	variants: { size: {
+		xs: {
+			caret: "h-3 w-px",
+			root: "size-6 text-xs first:rounded-l-[min(var(--radius-md),8px)] last:rounded-r-[min(var(--radius-md),8px)]"
+		},
+		sm: {
+			caret: "h-3.5 w-px",
+			root: "size-8 text-sm first:rounded-l-[min(var(--radius-md),10px)] last:rounded-r-[min(var(--radius-md),10px)]"
+		},
+		md: {
+			caret: "h-4 w-px",
+			root: "size-9 text-base first:rounded-l-md last:rounded-r-md md:text-sm"
+		},
+		lg: {
+			caret: "h-4 w-px",
+			root: "size-10 text-base first:rounded-l-md last:rounded-r-md md:text-sm"
+		},
+		xl: {
+			caret: "h-5 w-px",
+			root: "size-11 text-base first:rounded-l-md last:rounded-r-md"
+		}
+	} },
+	defaultVariants: { size: "md" }
+});
+const InputOTPSlot = ({ index, className, size, ...props }) => {
+	const inputOTPContext = useContext(OTPInputContext);
+	const { size: rootSize } = useContext(InputOTPContext);
+	const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};
+	const resolvedSize = size ?? rootSize ?? "md";
+	const { caret, root } = inputOTPSlotVariants({ size: resolvedSize });
+	return /* @__PURE__ */ jsxs("div", {
+		className: cn(root(), className),
+		"data-active": isActive,
+		"data-size": resolvedSize,
+		"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: caret() })
+		})]
+	});
+};
+
+//#endregion
+//#region src/ui/input-otp/input-otp.tsx
+const InputOTP = ({ className, containerClassName, size: providedSize, ...props }) => {
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(InputOTPContext.Provider, {
+		value: { size },
+		children: /* @__PURE__ */ jsx(OTPInput, {
+			className: cn("disabled:cursor-not-allowed", className),
+			containerClassName: cn("cn-input-otp flex items-center has-disabled:opacity-50", containerClassName),
+			"data-size": size,
+			"data-slot": "input-otp",
+			spellCheck: false,
+			...props
+		})
+	});
+};
+InputOTP.Group = InputOTPGroup;
+InputOTP.Separator = InputOTPSeparator;
+InputOTP.Slot = InputOTPSlot;
+
+//#endregion
+export { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };
+//# sourceMappingURL=input-otp.js.map

package/dist/ui/input-otp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.js","names":[],"sources":["../../src/ui/input-otp/input-otp-context.tsx","../../src/ui/input-otp/input-otp-group.tsx","../../src/ui/input-otp/input-otp-separator.tsx","../../src/ui/input-otp/input-otp-slot.tsx","../../src/ui/input-otp/input-otp.tsx"],"sourcesContent":["\"use client\";\n\nimport { createContext } from \"react\";\n\nimport type { InputSize } from \"../input/input\";\n\ninterface InputOTPContextValue {\n  size: InputSize;\n}\n\nconst InputOTPContext = createContext<InputOTPContextValue>({\n  size: \"md\",\n});\n\nexport { InputOTPContext };\n","import type { ComponentProps } from \"react\";\n\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { InputOTPContext } from \"./input-otp-context\";\n\nconst inputOTPGroupVariants = tv({\n  base: \"flex items-center has-aria-invalid:border-danger has-aria-invalid:ring-[3px] has-aria-invalid:ring-danger/20 dark:has-aria-invalid:ring-danger/40\",\n  variants: {\n    size: {\n      xs: \"rounded-[min(var(--radius-md),8px)]\",\n      sm: \"rounded-[min(var(--radius-md),10px)]\",\n      md: \"rounded-md\",\n      lg: \"rounded-md\",\n      xl: \"rounded-md\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype InputOTPGroupVariantProps = VariantProps<typeof inputOTPGroupVariants>;\n\nexport type InputOTPGroupProps = ComponentProps<\"div\"> &\n  InputOTPGroupVariantProps & {\n    size?: InputSize;\n  };\n\nconst InputOTPGroup = ({ className, size, ...props }: InputOTPGroupProps) => {\n  const { size: rootSize } = useContext(InputOTPContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <div\n      className={cn(inputOTPGroupVariants({ size: resolvedSize }), className)}\n      data-size={resolvedSize}\n      data-slot=\"input-otp-group\"\n      {...props}\n    />\n  );\n};\n\nexport { InputOTPGroup };\n","import type { ComponentProps } from \"react\";\n\nimport { MinusSignIcon } from \"@hugeicons/core-free-icons\";\nimport { HugeiconsIcon } from \"@hugeicons/react\";\nimport { useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { InputOTPContext } from \"./input-otp-context\";\n\nconst inputOTPSeparatorVariants = tv({\n  base: \"flex items-center justify-center\",\n  variants: {\n    size: {\n      xs: \"[&_svg:not([class*='size-'])]:size-3\",\n      sm: \"[&_svg:not([class*='size-'])]:size-3.5\",\n      md: \"[&_svg:not([class*='size-'])]:size-4\",\n      lg: \"[&_svg:not([class*='size-'])]:size-4\",\n      xl: \"[&_svg:not([class*='size-'])]:size-5\",\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype InputOTPSeparatorVariantProps = VariantProps<\n  typeof inputOTPSeparatorVariants\n>;\n\nexport type InputOTPSeparatorProps = ComponentProps<\"div\"> &\n  InputOTPSeparatorVariantProps & {\n    size?: InputSize;\n  };\n\nconst InputOTPSeparator = ({\n  className,\n  size,\n  ...props\n}: InputOTPSeparatorProps) => {\n  const { size: rootSize } = useContext(InputOTPContext);\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n\n  return (\n    <div\n      className={cn(\n        inputOTPSeparatorVariants({ size: resolvedSize }),\n        className\n      )}\n      data-size={resolvedSize}\n      data-slot=\"input-otp-separator\"\n      role=\"separator\"\n      {...props}\n    >\n      <HugeiconsIcon icon={MinusSignIcon} strokeWidth={2} />\n    </div>\n  );\n};\n\nexport { InputOTPSeparator };\n","import { OTPInputContext } from \"input-otp\";\nimport { type ComponentProps, useContext } from \"react\";\nimport { cn, tv, type VariantProps } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { InputOTPContext } from \"./input-otp-context\";\n\nconst inputOTPSlotVariants = tv({\n  slots: {\n    caret: \"animate-caret-blink bg-foreground duration-1000\",\n    root: \"relative flex items-center justify-center border-y border-r border-input shadow-xs transition-all outline-none first:border-l aria-invalid:border-danger first:rounded-l-md last:rounded-r-md data-[active=true]:z-10 data-[active=true]:border-ring data-[active=true]:ring-[3px] data-[active=true]:ring-ring/50 data-[active=true]:aria-invalid:border-danger data-[active=true]:aria-invalid:ring-danger/20 dark:bg-input/30 dark:data-[active=true]:aria-invalid:ring-danger/40\",\n  },\n  variants: {\n    size: {\n      xs: {\n        caret: \"h-3 w-px\",\n        root: \"size-6 text-xs first:rounded-l-[min(var(--radius-md),8px)] last:rounded-r-[min(var(--radius-md),8px)]\",\n      },\n      sm: {\n        caret: \"h-3.5 w-px\",\n        root: \"size-8 text-sm first:rounded-l-[min(var(--radius-md),10px)] last:rounded-r-[min(var(--radius-md),10px)]\",\n      },\n      md: {\n        caret: \"h-4 w-px\",\n        root: \"size-9 text-base first:rounded-l-md last:rounded-r-md md:text-sm\",\n      },\n      lg: {\n        caret: \"h-4 w-px\",\n        root: \"size-10 text-base first:rounded-l-md last:rounded-r-md md:text-sm\",\n      },\n      xl: {\n        caret: \"h-5 w-px\",\n        root: \"size-11 text-base first:rounded-l-md last:rounded-r-md\",\n      },\n    },\n  },\n  defaultVariants: {\n    size: \"md\",\n  },\n});\n\ntype InputOTPSlotVariantProps = VariantProps<typeof inputOTPSlotVariants>;\nexport type InputOTPSlotProps = ComponentProps<\"div\"> & {\n  index: number;\n} & InputOTPSlotVariantProps & {\n    size?: InputSize;\n  };\n\nconst InputOTPSlot = ({\n  index,\n  className,\n  size,\n  ...props\n}: InputOTPSlotProps) => {\n  const inputOTPContext = useContext(OTPInputContext);\n  const { size: rootSize } = useContext(InputOTPContext);\n  const { char, hasFakeCaret, isActive } = inputOTPContext?.slots[index] ?? {};\n  const resolvedSize: InputSize = size ?? rootSize ?? \"md\";\n  const { caret, root } = inputOTPSlotVariants({ size: resolvedSize });\n\n  return (\n    <div\n      className={cn(root(), className)}\n      data-active={isActive}\n      data-size={resolvedSize}\n      data-slot=\"input-otp-slot\"\n      {...props}\n    >\n      {char}\n      {hasFakeCaret && (\n        <div className=\"pointer-events-none absolute inset-0 flex items-center justify-center\">\n          <div className={caret()} />\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport { InputOTPSlot };\n","\"use client\";\n\nimport type { ComponentProps } from \"react\";\n\nimport { OTPInput } from \"input-otp\";\nimport { cn } from \"tailwind-variants\";\n\nimport type { InputSize } from \"../input/input\";\n\nimport { useComponentSize } from \"../shared/size/size-provider\";\nimport { InputOTPContext } from \"./input-otp-context\";\nimport { InputOTPGroup } from \"./input-otp-group\";\nimport { InputOTPSeparator } from \"./input-otp-separator\";\nimport { InputOTPSlot } from \"./input-otp-slot\";\n\ntype NativeInputOTPProps = ComponentProps<typeof OTPInput>;\ntype DistributiveOmit<T, K extends PropertyKey> = T extends unknown\n  ? Omit<T, K>\n  : never;\n\nexport type InputOTPProps = DistributiveOmit<NativeInputOTPProps, \"size\"> & {\n  containerClassName?: string;\n  size?: InputSize;\n};\n\nconst InputOTP = ({\n  className,\n  containerClassName,\n  size: providedSize,\n  ...props\n}: InputOTPProps) => {\n  const size = useComponentSize(providedSize);\n\n  return (\n    <InputOTPContext.Provider value={{ size }}>\n      <OTPInput\n        className={cn(\"disabled:cursor-not-allowed\", className)}\n        containerClassName={cn(\n          \"cn-input-otp flex items-center has-disabled:opacity-50\",\n          containerClassName\n        )}\n        data-size={size}\n        data-slot=\"input-otp\"\n        spellCheck={false}\n        {...props}\n      />\n    </InputOTPContext.Provider>\n  );\n};\n\nInputOTP.Group = InputOTPGroup;\nInputOTP.Separator = InputOTPSeparator;\nInputOTP.Slot = InputOTPSlot;\n\nexport { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot };\n\nexport type { InputOTPGroupProps } from \"./input-otp-group\";\nexport type { InputOTPSeparatorProps } from \"./input-otp-separator\";\nexport type { InputOTPSlotProps } from \"./input-otp-slot\";\n"],"mappings":";;;;;;;;;;;AAUA,MAAM,kBAAkB,cAAoC,EAC1D,MAAM,MACP,CAAC;;;;ACHF,MAAM,wBAAwB,GAAG;CAC/B,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AASF,MAAM,iBAAiB,EAAE,WAAW,MAAM,GAAG,YAAgC;CAC3E,MAAM,EAAE,MAAM,aAAa,WAAW,gBAAgB;CACtD,MAAM,eAA0B,QAAQ,YAAY;AAEpD,QACE,oBAAC;EACC,WAAW,GAAG,sBAAsB,EAAE,MAAM,cAAc,CAAC,EAAE,UAAU;EACvE,aAAW;EACX,aAAU;EACV,GAAI;GACJ;;;;;AC/BN,MAAM,4BAA4B,GAAG;CACnC,MAAM;CACN,UAAU,EACR,MAAM;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACJ,IAAI;EACL,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AAWF,MAAM,qBAAqB,EACzB,WACA,MACA,GAAG,YACyB;CAC5B,MAAM,EAAE,MAAM,aAAa,WAAW,gBAAgB;CACtD,MAAM,eAA0B,QAAQ,YAAY;AAEpD,QACE,oBAAC;EACC,WAAW,GACT,0BAA0B,EAAE,MAAM,cAAc,CAAC,EACjD,UACD;EACD,aAAW;EACX,aAAU;EACV,MAAK;EACL,GAAI;YAEJ,oBAAC;GAAc,MAAM;GAAe,aAAa;IAAK;GAClD;;;;;AChDV,MAAM,uBAAuB,GAAG;CAC9B,OAAO;EACL,OAAO;EACP,MAAM;EACP;CACD,UAAU,EACR,MAAM;EACJ,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACD,IAAI;GACF,OAAO;GACP,MAAM;GACP;EACF,EACF;CACD,iBAAiB,EACf,MAAM,MACP;CACF,CAAC;AASF,MAAM,gBAAgB,EACpB,OACA,WACA,MACA,GAAG,YACoB;CACvB,MAAM,kBAAkB,WAAW,gBAAgB;CACnD,MAAM,EAAE,MAAM,aAAa,WAAW,gBAAgB;CACtD,MAAM,EAAE,MAAM,cAAc,aAAa,iBAAiB,MAAM,UAAU,EAAE;CAC5E,MAAM,eAA0B,QAAQ,YAAY;CACpD,MAAM,EAAE,OAAO,SAAS,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAEpE,QACE,qBAAC;EACC,WAAW,GAAG,MAAM,EAAE,UAAU;EAChC,eAAa;EACb,aAAW;EACX,aAAU;EACV,GAAI;aAEH,MACA,gBACC,oBAAC;GAAI,WAAU;aACb,oBAAC,SAAI,WAAW,OAAO,GAAI;IACvB;GAEJ;;;;;AClDV,MAAM,YAAY,EAChB,WACA,oBACA,MAAM,cACN,GAAG,YACgB;CACnB,MAAM,OAAO,iBAAiB,aAAa;AAE3C,QACE,oBAAC,gBAAgB;EAAS,OAAO,EAAE,MAAM;YACvC,oBAAC;GACC,WAAW,GAAG,+BAA+B,UAAU;GACvD,oBAAoB,GAClB,0DACA,mBACD;GACD,aAAW;GACX,aAAU;GACV,YAAY;GACZ,GAAI;IACJ;GACuB;;AAI/B,SAAS,QAAQ;AACjB,SAAS,YAAY;AACrB,SAAS,OAAO"}

package/dist/ui/input.d.ts

@@ -0,0 +1,46 @@
+import { t as UISize } from "../size-system-wzOLSuax.js";
+import { ComponentProps } from "react";
+import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as tailwind_variants0 from "tailwind-variants";
+import { VariantProps } from "tailwind-variants";
+import { Input as Input$1 } from "@base-ui/react/input";
+
+//#region src/ui/input/input.d.ts
+declare const inputVariants: tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "w-full min-w-0 border border-input bg-transparent transition-colors outline-none file:inline-flex file:border-0 file:bg-transparent file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40", {
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, tailwind_variants0.TVReturnType<{
+  size: {
+    xs: string;
+    sm: string;
+    md: string;
+    lg: string;
+    xl: string;
+  };
+}, undefined, "w-full min-w-0 border border-input bg-transparent transition-colors outline-none file:inline-flex file:border-0 file:bg-transparent file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40", unknown, unknown, undefined>>;
+type InputVariantProps = Omit<VariantProps<typeof inputVariants>, "size"> & {
+  size?: UISize;
+};
+type NativeInputProps = ComponentProps<typeof Input$1>;
+type NativeInputSize = NativeInputProps["size"];
+type InputSize = UISize;
+type InputProps = Omit<NativeInputProps, "size"> & InputVariantProps & {
+  htmlSize?: NativeInputSize;
+};
+declare const Input: (incomingProps: InputProps) => react_jsx_runtime0.JSX.Element;
+//#endregion
+export { Input, InputProps, InputSize };
+//# sourceMappingURL=input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"input.d.ts","names":[],"sources":["../../src/ui/input/input.tsx"],"mappings":";;;;;;;;cAaM,aAAA,EAcJ,kBAAA,CAdiB,YAAA;;;;;;;;;;;;;;;;cAcjB,kBAAA,CAAA,YAAA;;;;;;;;;KAEG,iBAAA,GAAoB,IAAA,CAAK,YAAA,QAAoB,aAAA;EAChD,IAAA,GAAO,MAAA;AAAA;AAAA,KAEJ,gBAAA,GAAmB,cAAA,QAAsB,OAAA;AAAA,KACzC,eAAA,GAAkB,gBAAA;AAAA,KAEX,SAAA,GAAY,MAAA;AAAA,KAEZ,UAAA,GAAa,IAAA,CAAK,gBAAA,YAC5B,iBAAA;EACE,QAAA,GAAW,eAAA;AAAA;AAAA,cAGT,KAAA,GAAS,aAAA,EAAe,UAAA,KAAU,kBAAA,CAAA,GAAA,CAAA,OAAA"}

package/dist/ui/input.js

@@ -0,0 +1,37 @@
+"use client";
+
+import { a as useComponentSize } from "../size-provider-18EvJgDT.js";
+import { t as mergeBaseUIClassName } from "../merge-base-ui-class-name-HKsgjcXj.js";
+import { t as useInputDefaultProps } from "../use-input-default-props-B6VgKXGM.js";
+import { jsx } from "react/jsx-runtime";
+import { tv } from "tailwind-variants";
+import { Input as Input$1 } from "@base-ui/react/input";
+
+//#region src/ui/input/input.tsx
+const inputVariants = tv({
+	base: "w-full min-w-0 border border-input bg-transparent transition-colors outline-none file:inline-flex file:border-0 file:bg-transparent file:font-medium file:text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:cursor-not-allowed disabled:bg-input/50 disabled:opacity-50 aria-invalid:border-danger aria-invalid:ring-[3px] aria-invalid:ring-danger/20 dark:bg-input/30 dark:disabled:bg-input/80 dark:aria-invalid:border-danger/50 dark:aria-invalid:ring-danger/40",
+	variants: { size: {
+		xs: "h-6 rounded-[min(var(--radius-md),8px)] px-2 py-0.5 text-xs file:h-5 file:text-xs",
+		sm: "h-8 rounded-[min(var(--radius-md),10px)] px-2.5 py-1 text-sm file:h-6 file:text-xs",
+		md: "h-9 rounded-md px-2.5 py-1 text-base file:h-7 file:text-sm md:text-sm",
+		lg: "h-10 rounded-md px-3 py-1.5 text-base file:h-8 file:text-sm md:text-sm",
+		xl: "h-11 rounded-md px-4 py-1.5 text-base file:h-8 file:text-base"
+	} },
+	defaultVariants: { size: "md" }
+});
+const Input = (incomingProps) => {
+	const { className, htmlSize, size: providedSize, type, ...props } = useInputDefaultProps(incomingProps);
+	const size = useComponentSize(providedSize);
+	return /* @__PURE__ */ jsx(Input$1, {
+		className: mergeBaseUIClassName(inputVariants({ size }), className),
+		"data-size": size,
+		"data-slot": "input",
+		size: htmlSize,
+		type,
+		...props
+	});
+};
+
+//#endregion
+export { Input };
+//# sourceMappingURL=input.js.map