@zentauri-ui/zentauri-components 1.7.2 → 1.7.4

package/dist/ui/command/types.d.ts

@@ -0,0 +1,111 @@
+import type { VariantProps } from "class-variance-authority";
+import type { CSSProperties, ReactNode, Ref, RefObject } from "react";
+import type { commandContentVariants } from "./variants";
+export type CommandContentVariantProps = VariantProps<typeof commandContentVariants>;
+export type CommandProps = {
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    /**
+     * When set, binds a global shortcut that toggles the palette: this key plus
+     * meta (⌘) or ctrl. Defaults to "k" when `hotkey` is `true`.
+     */
+    hotkey?: string | boolean;
+    /** Accessible label for the dialog. */
+    label?: string;
+    children?: ReactNode;
+};
+export type CommandTriggerProps = {
+    className?: string;
+    children?: ReactNode;
+    ref?: Ref<HTMLButtonElement>;
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+};
+export type CommandContentProps = CommandContentVariantProps & {
+    className?: string;
+    children?: ReactNode;
+    ref?: Ref<HTMLDivElement>;
+    id?: string;
+    style?: CSSProperties;
+};
+export type CommandInputProps = {
+    className?: string;
+    placeholder?: string;
+    ref?: Ref<HTMLInputElement>;
+};
+export type CommandListProps = {
+    className?: string;
+    children?: ReactNode;
+};
+export type CommandGroupProps = {
+    className?: string;
+    heading?: ReactNode;
+    children?: ReactNode;
+};
+export type CommandItemProps = {
+    className?: string;
+    /** Stable identifier used for filtering, keyboard nav, and onSelect. */
+    value: string;
+    /** Extra terms used by the filter in addition to the rendered text. */
+    keywords?: string[];
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    children?: ReactNode;
+};
+export type CommandSectionProps = {
+    className?: string;
+    children?: ReactNode;
+};
+export type ItemMeta = {
+    keywords?: string[];
+    disabled?: boolean;
+    onSelect?: (value: string) => void;
+    searchText?: string;
+};
+export type RegisteredItem = {
+    value: string;
+    metaRef: RefObject<ItemMeta>;
+};
+export type CommandCtx = {
+    open: boolean;
+    setOpen: (next: boolean) => void;
+    labelId: string;
+    listId: string;
+    query: string;
+    setQuery: (next: string) => void;
+    activeValue: string | null;
+    setActiveValue: (next: string | null) => void;
+    visibleValues: string[];
+    isVisible: (value: string) => boolean;
+    registerItem: (item: RegisteredItem) => () => void;
+    invalidateRegistry: () => void;
+    selectValue: (value: string) => boolean;
+    contentRef: RefObject<HTMLDivElement | null>;
+    triggerRef: RefObject<HTMLElement | null>;
+    inputRef: RefObject<HTMLInputElement | null>;
+};
+export type CommandContentOverlayRenderProps = {
+    role: "presentation";
+    "data-slot": "command-overlay";
+    className: string;
+    onClick: () => void;
+};
+export type CommandContentPanelRenderProps = {
+    ref: (node: HTMLDivElement | null) => void;
+    role: "dialog";
+    "aria-modal": true;
+    "aria-labelledby": string;
+    "data-slot": "command-content";
+    tabIndex: -1;
+    className: string;
+    id?: string;
+    style?: CommandContentProps["style"];
+    children: ReactNode;
+};
+export type CommandContentLayerProps = CommandContentProps & {
+    componentName: string;
+    renderPresence?: (children: ReactNode) => ReactNode;
+    renderOverlay?: (props: CommandContentOverlayRenderProps) => ReactNode;
+    renderPanel?: (props: CommandContentPanelRenderProps) => ReactNode;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/command/types.d.ts.map

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

package/dist/ui/command/variants.d.ts

@@ -0,0 +1,15 @@
+export declare const commandOverlayVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const commandTriggerVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const commandContentVariants: (props?: ({
+    size?: "md" | "sm" | "lg" | null | undefined;
+    appearance?: "default" | "glass" | "sky" | "emerald" | "violet" | "amber" | "rose" | "gray" | "indigo" | "orange" | "pink" | "purple" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const commandInputRowVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const commandInputVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const commandListVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const commandGroupHeadingVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const commandItemVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const commandSeparatorVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const commandEmptyVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+export declare const commandFooterVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/ui/command/variants.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/command/variants.ts"],"names":[],"mappings":"AAkBA,eAAO,MAAM,sBAAsB,oFAA6B,CAAC;AAEjE,eAAO,MAAM,sBAAsB,oFAA6B,CAAC;AAEjE,eAAO,MAAM,sBAAsB;;;8EASjC,CAAC;AAEH,eAAO,MAAM,uBAAuB,oFAA8B,CAAC;AACnE,eAAO,MAAM,oBAAoB,oFAA2B,CAAC;AAC7D,eAAO,MAAM,mBAAmB,oFAA0B,CAAC;AAC3D,eAAO,MAAM,2BAA2B,oFAAkC,CAAC;AAC3E,eAAO,MAAM,mBAAmB,oFAA0B,CAAC;AAC3D,eAAO,MAAM,wBAAwB,oFAA+B,CAAC;AACrE,eAAO,MAAM,oBAAoB,oFAA2B,CAAC;AAC7D,eAAO,MAAM,qBAAqB,oFAA4B,CAAC"}

package/dist/ui/command.js

@@ -0,0 +1,69 @@
+"use client";
+'use strict';
+
+var chunkNZDHSIIC_js = require('../chunk-NZDHSIIC.js');
+require('../chunk-GBWGVNDA.js');
+require('../chunk-UIYFEP3I.js');
+require('../chunk-ZS5756ZC.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+var Command2 = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkNZDHSIIC_js.Command, { ...props });
+};
+Command2.displayName = "Command";
+
+Object.defineProperty(exports, "CommandContent", {
+  enumerable: true,
+  get: function () { return chunkNZDHSIIC_js.CommandContent; }
+});
+Object.defineProperty(exports, "CommandEmpty", {
+  enumerable: true,
+  get: function () { return chunkNZDHSIIC_js.CommandEmpty; }
+});
+Object.defineProperty(exports, "CommandFooter", {
+  enumerable: true,
+  get: function () { return chunkNZDHSIIC_js.CommandFooter; }
+});
+Object.defineProperty(exports, "CommandGroup", {
+  enumerable: true,
+  get: function () { return chunkNZDHSIIC_js.CommandGroup; }
+});
+Object.defineProperty(exports, "CommandInput", {
+  enumerable: true,
+  get: function () { return chunkNZDHSIIC_js.CommandInput; }
+});
+Object.defineProperty(exports, "CommandItem", {
+  enumerable: true,
+  get: function () { return chunkNZDHSIIC_js.CommandItem; }
+});
+Object.defineProperty(exports, "CommandList", {
+  enumerable: true,
+  get: function () { return chunkNZDHSIIC_js.CommandList; }
+});
+Object.defineProperty(exports, "CommandSeparator", {
+  enumerable: true,
+  get: function () { return chunkNZDHSIIC_js.CommandSeparator; }
+});
+Object.defineProperty(exports, "CommandTrigger", {
+  enumerable: true,
+  get: function () { return chunkNZDHSIIC_js.CommandTrigger; }
+});
+Object.defineProperty(exports, "commandContentVariants", {
+  enumerable: true,
+  get: function () { return chunkNZDHSIIC_js.commandContentVariants; }
+});
+Object.defineProperty(exports, "commandItemVariants", {
+  enumerable: true,
+  get: function () { return chunkNZDHSIIC_js.commandItemVariants; }
+});
+Object.defineProperty(exports, "commandOverlayVariants", {
+  enumerable: true,
+  get: function () { return chunkNZDHSIIC_js.commandOverlayVariants; }
+});
+Object.defineProperty(exports, "useCommandContext", {
+  enumerable: true,
+  get: function () { return chunkNZDHSIIC_js.useCommandContext; }
+});
+exports.Command = Command2;
+//# sourceMappingURL=command.js.map
+//# sourceMappingURL=command.js.map

package/dist/ui/command.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/command/command.tsx"],"names":["Command","jsx"],"mappings":";;;;;;;;AAGO,IAAMA,QAAAA,GAAU,CAAC,KAAA,KAAwB;AAC9C,EAAA,uBAAOC,cAAA,CAACD,wBAAA,EAAA,EAAa,GAAG,KAAA,EAAO,CAAA;AACjC;AAEAA,QAAAA,CAAQ,WAAA,GAAc,SAAA","file":"command.js","sourcesContent":["import { Command as CommandBase } from \"./command-base\";\nimport type { CommandProps } from \"./types\";\n\nexport const Command = (props: CommandProps) => {\n  return <CommandBase {...props} />;\n};\n\nCommand.displayName = \"Command\";\n"]}

package/dist/ui/command.mjs

@@ -0,0 +1,16 @@
+"use client";
+import { Command } from '../chunk-KEKMMNL5.mjs';
+export { CommandContent, CommandEmpty, CommandFooter, CommandGroup, CommandInput, CommandItem, CommandList, CommandSeparator, CommandTrigger, commandContentVariants, commandItemVariants, commandOverlayVariants, useCommandContext } from '../chunk-KEKMMNL5.mjs';
+import '../chunk-K6YI4FJO.mjs';
+import '../chunk-PMAF6FBF.mjs';
+import '../chunk-4D54YOL6.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+var Command2 = (props) => {
+  return /* @__PURE__ */ jsx(Command, { ...props });
+};
+Command2.displayName = "Command";
+
+export { Command2 as Command };
+//# sourceMappingURL=command.mjs.map
+//# sourceMappingURL=command.mjs.map

package/dist/ui/command.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/ui/command/command.tsx"],"names":["Command"],"mappings":";;;;;;;AAGO,IAAMA,QAAAA,GAAU,CAAC,KAAA,KAAwB;AAC9C,EAAA,uBAAO,GAAA,CAAC,OAAA,EAAA,EAAa,GAAG,KAAA,EAAO,CAAA;AACjC;AAEAA,QAAAA,CAAQ,WAAA,GAAc,SAAA","file":"command.mjs","sourcesContent":["import { Command as CommandBase } from \"./command-base\";\nimport type { CommandProps } from \"./types\";\n\nexport const Command = (props: CommandProps) => {\n  return <CommandBase {...props} />;\n};\n\nCommand.displayName = \"Command\";\n"]}

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

@@ -0,0 +1,4 @@
+export { OTPInput } from "./otp-input";
+export type { OTPInputAllowedCharacters, OTPInputCellVariantProps, OTPInputProps, } from "./types";
+export { otpInputCellVariants } from "./variants";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/otp-input/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,YAAY,EACV,yBAAyB,EACzB,wBAAwB,EACxB,aAAa,GACd,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC"}

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

@@ -0,0 +1,6 @@
+import type { OTPInputProps } from "./types";
+export declare function OTPInput(props: OTPInputProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace OTPInput {
+    var displayName: string;
+}
+//# sourceMappingURL=otp-input.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"otp-input.d.ts","sourceRoot":"","sources":["../../../src/ui/otp-input/otp-input.tsx"],"names":[],"mappings":"AAsBA,OAAO,KAAK,EAA6B,aAAa,EAAE,MAAM,SAAS,CAAC;AA2BxE,wBAAgB,QAAQ,CAAC,KAAK,EAAE,aAAa,2CAmR5C;yBAnRe,QAAQ"}

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

@@ -0,0 +1,23 @@
+import type { VariantProps } from "class-variance-authority";
+import type { ComponentPropsWithRef, ReactNode } from "react";
+import type { otpInputCellVariants } from "./variants";
+export type OTPInputAllowedCharacters = "numeric" | "alphanumeric";
+export type OTPInputCellVariantProps = VariantProps<typeof otpInputCellVariants>;
+export type OTPInputProps = OTPInputCellVariantProps & Omit<ComponentPropsWithRef<"div">, "defaultValue" | "dir" | "onChange" | "children"> & {
+    allowedCharacters?: OTPInputAllowedCharacters;
+    autoFocus?: boolean;
+    cellClassName?: string;
+    defaultValue?: string;
+    disabled?: boolean;
+    errorMessage?: ReactNode;
+    hint?: ReactNode;
+    label?: ReactNode;
+    length?: number;
+    mask?: boolean;
+    name?: string;
+    onComplete?: (value: string) => void;
+    onValueChange?: (value: string) => void;
+    separatorEvery?: number;
+    value?: string;
+};
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/otp-input/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE9D,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,YAAY,CAAC;AAEvD,MAAM,MAAM,yBAAyB,GAAG,SAAS,GAAG,cAAc,CAAC;AAEnE,MAAM,MAAM,wBAAwB,GAAG,YAAY,CACjD,OAAO,oBAAoB,CAC5B,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,wBAAwB,GAClD,IAAI,CACF,qBAAqB,CAAC,KAAK,CAAC,EAC5B,cAAc,GAAG,KAAK,GAAG,UAAU,GAAG,UAAU,CACjD,GAAG;IACF,iBAAiB,CAAC,EAAE,yBAAyB,CAAC;IAC9C,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,SAAS,CAAC;IACzB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,CAAC,EAAE,SAAS,CAAC;IAClB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC"}

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

@@ -0,0 +1,5 @@
+export declare const otpInputCellVariants: (props?: ({
+    appearance?: "default" | "outline" | "glass" | "violet" | "amber" | "indigo" | "orange" | "pink" | "error" | "success" | "warning" | "info" | null | undefined;
+    size?: "md" | "sm" | "lg" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/otp-input/variants.ts"],"names":[],"mappings":"AAQA,eAAO,MAAM,oBAAoB;;;8EAS/B,CAAC"}

package/dist/ui/otp-input.js

@@ -0,0 +1,302 @@
+"use client";
+'use strict';
+
+var chunkZS5756ZC_js = require('../chunk-ZS5756ZC.js');
+var react = require('react');
+var classVarianceAuthority = require('class-variance-authority');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/design-system/otp-input.ts
+var zuiOtpRootBase = "grid w-fit gap-2 text-[color:var(--zui-otp-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-otp-label-fg-dark,oklch(98.4%_0.003_247.858))] data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-50";
+var zuiOtpLabelBase = "text-sm font-medium leading-6 text-[color:var(--zui-otp-label-fg,oklch(20.8%_0.042_265.755))] dark:text-[color:var(--zui-otp-label-fg-dark,oklch(98.4%_0.003_247.858))]";
+var zuiOtpHintBase = "max-w-sm text-xs leading-5 text-[color:var(--zui-otp-hint-fg,oklch(55.4%_0.046_257.417))] dark:text-[color:var(--zui-otp-hint-fg-dark,oklch(70.4%_0.04_256.788))]";
+var zuiOtpCellsBase = "flex flex-wrap items-center gap-2";
+var zuiOtpCellBase = "grid place-items-center rounded-xl border bg-[var(--zui-otp-bg,#ffffff)] text-center font-semibold tabular-nums text-[color:var(--zui-otp-fg,oklch(20.8%_0.042_265.755))] shadow-sm shadow-black/5 outline-none transition-[background-color,border-color,box-shadow,color,transform] placeholder:text-transparent focus-visible:-translate-y-0.5 focus-visible:ring-2 focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--zui-otp-ring-offset-focus,#ffffff)] disabled:cursor-not-allowed dark:bg-[var(--zui-otp-bg-dark,oklch(12.9%_0.042_264.695))] dark:text-[color:var(--zui-otp-fg-dark,oklch(98.4%_0.003_247.858))] dark:shadow-black/20 dark:focus-visible:ring-offset-[var(--zui-otp-ring-offset-focus-dark,oklch(12.9%_0.042_264.695))]";
+var zuiOtpSeparatorBase = "h-px w-3 shrink-0 bg-[color:var(--zui-otp-separator,#94a3b8)] opacity-70 dark:bg-[color:var(--zui-otp-separator-dark,#64748b)]";
+var zuiOtpErrorBase = "text-sm leading-6 text-[color:var(--zui-otp-error-fg,oklch(58.6%_0.253_17.585))] dark:text-[color:var(--zui-otp-error-fg-dark,oklch(71.2%_0.194_13.428))]";
+var zuiOtpSizes = {
+  sm: "size-7 md:size-9 rounded-lg text-sm",
+  md: "size-9 md:size-11 text-base",
+  lg: "size-11 md:size-13 rounded-2xl text-lg"
+};
+var zuiOtpAppearances = {
+  default: "border-[color:var(--zui-otp-default-border,#cbd5e1)] focus-visible:border-[color:var(--zui-otp-default-border-focus,oklch(44.6%_0.043_257.281))] focus-visible:ring-[var(--zui-otp-default-ring-focus,oklch(44.6%_0.043_257.281_/_0.25))] dark:border-[color:var(--zui-otp-default-border-dark,#475569)] dark:focus-visible:border-[color:var(--zui-otp-default-border-focus-dark,oklch(86.9%_0.022_252.894))] dark:focus-visible:ring-[var(--zui-otp-default-ring-focus-dark,oklch(86.9%_0.022_252.894_/_0.25))]",
+  outline: "border-[color:var(--zui-otp-outline-border,#64748b)] bg-transparent focus-visible:border-[color:var(--zui-otp-outline-border-focus,oklch(54.6%_0.245_262.881))] focus-visible:ring-[var(--zui-otp-outline-ring-focus,oklch(54.6%_0.245_262.881_/_0.28))] dark:border-[color:var(--zui-otp-outline-border-dark,#94a3b8)] dark:bg-transparent dark:focus-visible:border-[color:var(--zui-otp-outline-border-focus-dark,oklch(70.7%_0.165_254.624))] dark:focus-visible:ring-[var(--zui-otp-outline-ring-focus-dark,oklch(70.7%_0.165_254.624_/_0.28))]",
+  glass: "border-[color:var(--zui-otp-glass-border,#ffffff66)] bg-[var(--zui-otp-glass-bg,#ffffffcc)] backdrop-blur-md focus-visible:border-[color:var(--zui-otp-glass-border-focus,oklch(70.7%_0.165_254.624))] focus-visible:ring-[var(--zui-otp-glass-ring-focus,oklch(70.7%_0.165_254.624_/_0.32))] dark:border-[color:var(--zui-otp-glass-border-dark,#ffffff26)] dark:bg-[var(--zui-otp-glass-bg-dark,#0f172acc)] dark:focus-visible:border-[color:var(--zui-otp-glass-border-focus-dark,oklch(78.9%_0.154_211.53))] dark:focus-visible:ring-[var(--zui-otp-glass-ring-focus-dark,oklch(78.9%_0.154_211.53_/_0.32))]",
+  success: "border-[color:var(--zui-otp-success-border,oklch(69.6%_0.17_162.48_/_0.6))] focus-visible:border-[color:var(--zui-otp-success-border-focus,oklch(59.6%_0.145_163.225))] focus-visible:ring-[var(--zui-otp-success-ring-focus,oklch(59.6%_0.145_163.225_/_0.28))] dark:border-[color:var(--zui-otp-success-border-dark,oklch(69.6%_0.17_162.48_/_0.5))] dark:focus-visible:border-[color:var(--zui-otp-success-border-focus-dark,oklch(77.7%_0.152_181.912))] dark:focus-visible:ring-[var(--zui-otp-success-ring-focus-dark,oklch(77.7%_0.152_181.912_/_0.28))]",
+  error: "border-[color:var(--zui-otp-error-border,oklch(58.6%_0.253_17.585_/_0.7))] focus-visible:border-[color:var(--zui-otp-error-border-focus,oklch(58.6%_0.253_17.585))] focus-visible:ring-[var(--zui-otp-error-ring-focus,oklch(58.6%_0.253_17.585_/_0.28))] dark:border-[color:var(--zui-otp-error-border-dark,oklch(71.2%_0.194_13.428_/_0.65))] dark:focus-visible:border-[color:var(--zui-otp-error-border-focus-dark,oklch(71.2%_0.194_13.428))] dark:focus-visible:ring-[var(--zui-otp-error-ring-focus-dark,oklch(71.2%_0.194_13.428_/_0.28))]",
+  warning: "border-[color:var(--zui-otp-warning-border,oklch(79.5%_0.184_86.047_/_0.7))] focus-visible:border-[color:var(--zui-otp-warning-border-focus,oklch(68.1%_0.162_75.834))] focus-visible:ring-[var(--zui-otp-warning-ring-focus,oklch(68.1%_0.162_75.834_/_0.28))] dark:border-[color:var(--zui-otp-warning-border-dark,oklch(79.5%_0.184_86.047_/_0.5))] dark:focus-visible:border-[color:var(--zui-otp-warning-border-focus-dark,oklch(85.2%_0.199_91.936))] dark:focus-visible:ring-[var(--zui-otp-warning-ring-focus-dark,oklch(85.2%_0.199_91.936_/_0.28))]",
+  info: "border-[color:var(--zui-otp-info-border,oklch(62.3%_0.214_259.815_/_0.7))] focus-visible:border-[color:var(--zui-otp-info-border-focus,oklch(54.6%_0.245_262.881))] focus-visible:ring-[var(--zui-otp-info-ring-focus,oklch(54.6%_0.245_262.881_/_0.28))] dark:border-[color:var(--zui-otp-info-border-dark,oklch(62.3%_0.214_259.815_/_0.5))] dark:focus-visible:border-[color:var(--zui-otp-info-border-focus-dark,oklch(70.7%_0.165_254.624))] dark:focus-visible:ring-[var(--zui-otp-info-ring-focus-dark,oklch(70.7%_0.165_254.624_/_0.28))]",
+  violet: "border-[color:var(--zui-otp-violet-border,oklch(60.6%_0.25_292.717_/_0.7))] focus-visible:border-[color:var(--zui-otp-violet-border-focus,oklch(54.1%_0.281_293.009))] focus-visible:ring-[var(--zui-otp-violet-ring-focus,oklch(54.1%_0.281_293.009_/_0.28))] dark:border-[color:var(--zui-otp-violet-border-dark,oklch(60.6%_0.25_292.717_/_0.5))] dark:focus-visible:border-[color:var(--zui-otp-violet-border-focus-dark,oklch(70.2%_0.183_293.541))] dark:focus-visible:ring-[var(--zui-otp-violet-ring-focus-dark,oklch(70.2%_0.183_293.541_/_0.28))]",
+  amber: "border-[color:var(--zui-otp-amber-border,oklch(76.9%_0.188_70.08_/_0.7))] focus-visible:border-[color:var(--zui-otp-amber-border-focus,oklch(66.6%_0.179_58.318))] focus-visible:ring-[var(--zui-otp-amber-ring-focus,oklch(66.6%_0.179_58.318_/_0.28))] dark:border-[color:var(--zui-otp-amber-border-dark,oklch(76.9%_0.188_70.08_/_0.5))] dark:focus-visible:border-[color:var(--zui-otp-amber-border-focus-dark,oklch(82.8%_0.189_84.429))] dark:focus-visible:ring-[var(--zui-otp-amber-ring-focus-dark,oklch(82.8%_0.189_84.429_/_0.28))]",
+  pink: "border-[color:var(--zui-otp-pink-border,oklch(65.6%_0.241_354.308_/_0.7))] focus-visible:border-[color:var(--zui-otp-pink-border-focus,oklch(59.2%_0.249_0.584))] focus-visible:ring-[var(--zui-otp-pink-ring-focus,oklch(59.2%_0.249_0.584_/_0.28))] dark:border-[color:var(--zui-otp-pink-border-dark,oklch(65.6%_0.241_354.308_/_0.5))] dark:focus-visible:border-[color:var(--zui-otp-pink-border-focus-dark,oklch(71.8%_0.202_349.761))] dark:focus-visible:ring-[var(--zui-otp-pink-ring-focus-dark,oklch(71.8%_0.202_349.761_/_0.28))]",
+  indigo: "border-[color:var(--zui-otp-indigo-border,oklch(58.5%_0.233_277.117_/_0.7))] focus-visible:border-[color:var(--zui-otp-indigo-border-focus,oklch(51.1%_0.262_276.966))] focus-visible:ring-[var(--zui-otp-indigo-ring-focus,oklch(51.1%_0.262_276.966_/_0.28))] dark:border-[color:var(--zui-otp-indigo-border-dark,oklch(58.5%_0.233_277.117_/_0.5))] dark:focus-visible:border-[color:var(--zui-otp-indigo-border-focus-dark,oklch(67.3%_0.182_276.935))] dark:focus-visible:ring-[var(--zui-otp-indigo-ring-focus-dark,oklch(67.3%_0.182_276.935_/_0.28))]",
+  orange: "border-[color:var(--zui-otp-orange-border,oklch(70.5%_0.213_47.604_/_0.7))] focus-visible:border-[color:var(--zui-otp-orange-border-focus,oklch(64.6%_0.222_41.116))] focus-visible:ring-[var(--zui-otp-orange-ring-focus,oklch(64.6%_0.222_41.116_/_0.28))] dark:border-[color:var(--zui-otp-orange-border-dark,oklch(70.5%_0.213_47.604_/_0.5))] dark:focus-visible:border-[color:var(--zui-otp-orange-border-focus-dark,oklch(75%_0.183_55.934))] dark:focus-visible:ring-[var(--zui-otp-orange-ring-focus-dark,oklch(75%_0.183_55.934_/_0.28))]"
+};
+var otpInputCellVariants = classVarianceAuthority.cva(zuiOtpCellBase, {
+  variants: {
+    appearance: zuiOtpAppearances,
+    size: zuiOtpSizes
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md"
+  }
+});
+function clampLength(length) {
+  return Number.isFinite(length) ? Math.max(1, Math.min(12, length)) : 6;
+}
+function sanitizeValue(value, allowedCharacters, maxLength) {
+  const pattern = allowedCharacters === "numeric" ? /[0-9]/g : /[a-zA-Z0-9]/g;
+  return (value.match(pattern) ?? []).join("").slice(0, maxLength);
+}
+function valueToCells(value, length) {
+  return Array.from({ length }, (_, index) => {
+    const c = value[index] ?? "\0";
+    return c === "\0" ? "" : c;
+  });
+}
+function cellsToInternal(cells, length) {
+  return Array.from({ length }, (_, i) => cells[i] || "\0").join("");
+}
+function OTPInput(props) {
+  const {
+    allowedCharacters = "numeric",
+    appearance,
+    autoFocus,
+    cellClassName,
+    className,
+    defaultValue = "",
+    disabled,
+    errorMessage,
+    hint,
+    id,
+    label,
+    length = 6,
+    mask,
+    name,
+    onComplete,
+    onValueChange,
+    ref,
+    separatorEvery,
+    size,
+    value,
+    ...rest
+  } = props;
+  const generatedId = react.useId();
+  const rootId = id ?? generatedId;
+  const resolvedLength = clampLength(length);
+  const isControlled = value !== void 0;
+  const [uncontrolledValue, setUncontrolledValue] = react.useState(() => {
+    const clean = sanitizeValue(
+      defaultValue,
+      allowedCharacters,
+      resolvedLength
+    );
+    return clean.padEnd(resolvedLength, "\0");
+  });
+  const inputRefs = react.useRef([]);
+  const cells = react.useMemo(
+    () => isControlled ? valueToCells(
+      sanitizeValue(
+        value ?? "",
+        allowedCharacters,
+        resolvedLength
+      ).padEnd(resolvedLength, "\0"),
+      resolvedLength
+    ) : Array.from({ length: resolvedLength }, (_, index) => {
+      const c = uncontrolledValue[index] ?? "\0";
+      return c === "\0" ? "" : sanitizeValue(c, allowedCharacters, 1);
+    }),
+    [allowedCharacters, isControlled, resolvedLength, uncontrolledValue, value]
+  );
+  const sanitizedValue = cells.filter(Boolean).join("");
+  const labelId = `${rootId}-label`;
+  const hintId = `${rootId}-hint`;
+  const errorId = `${rootId}-error`;
+  const describedBy = [
+    hint !== void 0 ? hintId : void 0,
+    errorMessage !== void 0 ? errorId : void 0
+  ].filter(Boolean).join(" ");
+  const commitValue = react.useCallback(
+    (nextCells) => {
+      if (!isControlled) {
+        setUncontrolledValue(cellsToInternal(nextCells, resolvedLength));
+      }
+      const next = nextCells.filter(Boolean).join("").slice(0, resolvedLength);
+      onValueChange?.(next);
+      if (next.length === resolvedLength) {
+        onComplete?.(next);
+      }
+    },
+    [isControlled, onComplete, onValueChange, resolvedLength]
+  );
+  const focusCell = react.useCallback(
+    (index) => {
+      const target = inputRefs.current[Math.max(0, Math.min(index, resolvedLength - 1))];
+      target?.focus();
+      target?.select();
+    },
+    [resolvedLength]
+  );
+  const updateAtIndex = react.useCallback(
+    (index, nextChars, isPaste = false) => {
+      let chars = sanitizeValue(
+        nextChars,
+        allowedCharacters,
+        resolvedLength
+      );
+      if (!isPaste && chars && chars.length === 2 && chars[0] === (cells[index] ?? "")) {
+        chars = chars[1];
+      }
+      if (!chars?.length || !isPaste && chars === cells[index]) {
+        return;
+      }
+      const nextCells = [...cells];
+      chars.split("").forEach((char, offset) => {
+        const targetIndex = index + offset;
+        if (targetIndex < resolvedLength) {
+          nextCells[targetIndex] = char;
+        }
+      });
+      commitValue(nextCells);
+      focusCell(
+        Math.min(index + Math.max(chars.length, 1), resolvedLength - 1)
+      );
+    },
+    [allowedCharacters, cells, commitValue, focusCell, resolvedLength]
+  );
+  const clearAtIndex = react.useCallback(
+    (index) => {
+      const nextCells = [...cells];
+      nextCells[index] = "";
+      commitValue(nextCells);
+    },
+    [cells, commitValue]
+  );
+  const handlePaste = react.useCallback(
+    (event, index) => {
+      event.preventDefault();
+      updateAtIndex(index, event.clipboardData.getData("text"), true);
+    },
+    [updateAtIndex]
+  );
+  const handleKeyDown = react.useCallback(
+    (event, index) => {
+      if (event.key === "Backspace") {
+        event.preventDefault();
+        if (cells[index]) {
+          clearAtIndex(index);
+          return;
+        }
+        clearAtIndex(Math.max(index - 1, 0));
+        focusCell(index - 1);
+        return;
+      }
+      if (event.key === "Delete") {
+        event.preventDefault();
+        clearAtIndex(index);
+        return;
+      }
+      if (event.key === "ArrowLeft") {
+        event.preventDefault();
+        focusCell(index - 1);
+        return;
+      }
+      if (event.key === "ArrowRight") {
+        event.preventDefault();
+        focusCell(index + 1);
+        return;
+      }
+      if (event.key === "Home") {
+        event.preventDefault();
+        focusCell(0);
+        return;
+      }
+      if (event.key === "End") {
+        event.preventDefault();
+        focusCell(resolvedLength - 1);
+      }
+    },
+    [cells, clearAtIndex, focusCell, resolvedLength]
+  );
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "div",
+    {
+      ref,
+      id: rootId,
+      role: "group",
+      "aria-labelledby": label !== void 0 ? labelId : void 0,
+      "aria-describedby": describedBy || void 0,
+      "aria-invalid": errorMessage !== void 0 ? true : void 0,
+      className: chunkZS5756ZC_js.cn(zuiOtpRootBase, className),
+      "data-disabled": disabled ? "true" : void 0,
+      "data-slot": "otp-input",
+      ...rest,
+      children: [
+        label !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { id: labelId, className: zuiOtpLabelBase, children: label }),
+        hint !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { id: hintId, className: zuiOtpHintBase, children: hint }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: zuiOtpCellsBase, "data-slot": "otp-input-cells", children: cells.map((char, index) => /* @__PURE__ */ jsxRuntime.jsxs(
+          "span",
+          {
+            className: "contents",
+            "data-slot": "otp-input-cell-wrapper",
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "input",
+                {
+                  ref: (node) => {
+                    inputRefs.current[index] = node;
+                  },
+                  "aria-label": `Digit ${index + 1} of ${resolvedLength}`,
+                  autoComplete: index === 0 ? "one-time-code" : "off",
+                  autoFocus: autoFocus && index === 0,
+                  className: chunkZS5756ZC_js.cn(
+                    otpInputCellVariants({ appearance, size }),
+                    cellClassName
+                  ),
+                  "data-slot": "otp-input-cell",
+                  disabled,
+                  inputMode: allowedCharacters === "numeric" ? "numeric" : "text",
+                  maxLength: resolvedLength,
+                  onChange: (event) => updateAtIndex(index, event.currentTarget.value, false),
+                  onFocus: (event) => event.currentTarget.select(),
+                  onKeyDown: (event) => handleKeyDown(event, index),
+                  onPaste: (event) => handlePaste(event, index),
+                  pattern: allowedCharacters === "numeric" ? "[0-9]*" : "[A-Za-z0-9]*",
+                  type: mask ? "password" : "text",
+                  value: char
+                }
+              ),
+              separatorEvery && separatorEvery > 0 && index < resolvedLength - 1 && (index + 1) % separatorEvery === 0 && /* @__PURE__ */ jsxRuntime.jsx(
+                "span",
+                {
+                  "aria-hidden": "true",
+                  className: zuiOtpSeparatorBase,
+                  "data-slot": "otp-input-separator"
+                }
+              )
+            ]
+          },
+          `${rootId}-${index}`
+        )) }),
+        name !== void 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          "input",
+          {
+            type: "hidden",
+            name,
+            value: sanitizedValue,
+            disabled
+          }
+        ),
+        errorMessage !== void 0 && /* @__PURE__ */ jsxRuntime.jsx("p", { id: errorId, className: zuiOtpErrorBase, children: errorMessage })
+      ]
+    }
+  );
+}
+OTPInput.displayName = "OTPInput";
+
+exports.OTPInput = OTPInput;
+exports.otpInputCellVariants = otpInputCellVariants;
+//# sourceMappingURL=otp-input.js.map
+//# sourceMappingURL=otp-input.js.map