@zentauri-ui/zentauri-components 2.3.0 → 2.3.1

package/README.md

@@ -29,12 +29,12 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
 
 | Metric     | Result           |
 | ---------- | ---------------- |
-| Test files | 104 passed (104)   |
-| Tests      | 873 passed (873) |
+| Test files | 106 passed (106)   |
+| Tests      | 885 passed (885) |
 
 | Area                           | Test files | Tests |
 | ------------------------------ | ---------- | ----- |
-| Components and UI utilities    | 54         | 562   |
+| Components and UI utilities    | 56         | 574   |
 | Standalone animations          | 1          | 45    |
 | React hooks                    | 42         | 180   |
 | Design system facade           | 1          | 11    |
@@ -49,7 +49,7 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
 | `src/ui/buttons/button.test.tsx`                                        |    44 |
 | `src/ui/inputs/input.test.tsx`                                          |    40 |
 | `src/ui/audio-player/audio-player.test.tsx`                             |    34 |
-| `src/ui/peer-isolation.test.ts`                                         |    32 |
+| `src/ui/peer-isolation.test.ts`                                         |    33 |
 | `src/accessibility/axe-core.test.tsx`                                   |    24 |
 | `src/ui/combobox/combobox.test.tsx`                                     |    24 |
 | `cli/cli.integration.test.ts`                                           |    21 |
@@ -108,6 +108,7 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
 | `src/ui/divider/divider.test.tsx`                                       |     6 |
 | `src/ui/dropdown/dropdown.test.tsx`                                     |     6 |
 | `src/ui/empty-state/empty-state.test.tsx`                               |     6 |
+| `src/ui/qr-code/qr-code.test.tsx`                                       |     6 |
 | `src/ui/search/filter-search-suggestions.test.ts`                       |     6 |
 | `src/ui/toast/toast.test.tsx`                                           |     6 |
 | `src/hooks/useCookie/useCookie.test.ts`                                 |     5 |
@@ -116,6 +117,7 @@ Generated from the component package Vitest JSON report via `pnpm --filter @zent
 | `src/hooks/useScrollPosition/useScrollPosition.test.ts`                 |     5 |
 | `src/hooks/useTimeout/useTimeout.test.ts`                               |     5 |
 | `src/ui/popover/popover.test.tsx`                                       |     5 |
+| `src/ui/qr-scanner/qr-scanner.test.tsx`                                 |     5 |
 | `src/ui/radio-group/radio-group.test.tsx`                               |     5 |
 | `src/ui/toggle/toggle.test.tsx`                                         |     5 |
 | `cli/index.test.ts`                                                     |     4 |
@@ -860,7 +862,7 @@ From this package directory in the monorepo:
 
 - `pnpm build` (or `npm run build`) — production bundle via `tsup` (Rollup treeshake + `scripts/prepend-use-client.mjs` via `onSuccess` so each UI entry under `dist/ui/`, animation entry under `dist/animations/`, chart entry under `dist/charts/`, and `dist/ui/<name>/animated.*` starts with `"use client"` where needed)
 - `pnpm dev` — `tsup` watch mode (same `onSuccess` hook after each rebuild)
-- `pnpm test` / `pnpm test:watch` — **Vitest** and **Testing Library** unit tests // currently covered 873 test cases in total
+- `pnpm test` / `pnpm test:watch` — **Vitest** and **Testing Library** unit tests // currently covered 885 test cases in total
 - `pnpm test:a11y` — focused accessibility coverage for package-level UI primitives and compound components: **axe-core** audits for every interactive component plus **keyboard-interaction** tests (focus order, arrow-key nav, Home/End, Escape/Enter) for the compound components
 - `pnpm check:tokens` — enforce the `--zui-*` token contract across design-system, variant, and local custom-property usage without generating a large checked-in token catalog
 - **`pnpm run generate:registry`** — runs `scripts/generate-registry.mjs`, which reads **`uiComponentNames`**, **`uiAnimatedComponentNames`**, **`animationEntryNames`**, **`chartEntryNames`**, and **`hooksEntryNames`** from `tsup.config.ts`, applies fixed **`nameAliases`**, scans each component/chart source to build **`peerHints`**, and writes **`cli/registry.json`** (`components` + `animations` + `hooks` + `peerHints`). Run this after adding or renaming UI, animation, chart, or hook entries so the CLI stays in sync (the script prints counts).

package/cli/props.json

@@ -10181,6 +10181,392 @@
         }
       ]
     },
+    "qr-code": {
+      "slug": "qr-code",
+      "subcomponents": [
+        {
+          "name": "static:QrCode",
+          "displayName": "QrCode",
+          "propsType": "QrCodeProps",
+          "source": "static",
+          "props": [
+            {
+              "name": "value",
+              "type": "string",
+              "required": true,
+              "group": "controlled",
+              "deprecated": false
+            },
+            {
+              "name": "bgColor",
+              "type": "string | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "canvasSize",
+              "type": "number | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "caption",
+              "type": "ReactNode",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "fgColor",
+              "type": "string | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "level",
+              "type": "QrCodeLevel | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "margin",
+              "type": "number | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "children",
+              "type": "ReactNode",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "className",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "onClick",
+              "type": "MouseEventHandler<HTMLDivElement> | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            }
+          ]
+        },
+        {
+          "name": "animated:QrCodeAnimated",
+          "displayName": "QrCodeAnimated",
+          "propsType": "QrCodeAnimatedProps",
+          "source": "animated",
+          "props": [
+            {
+              "name": "value",
+              "type": "string",
+              "required": true,
+              "group": "controlled",
+              "deprecated": false
+            },
+            {
+              "name": "animation",
+              "type": "QrCodeAnimation | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "bgColor",
+              "type": "string | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "canvasSize",
+              "type": "number | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "caption",
+              "type": "ReactNode",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "fgColor",
+              "type": "string | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "level",
+              "type": "QrCodeLevel | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "margin",
+              "type": "number | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "ref",
+              "type": "Ref<HTMLDivElement> | undefined",
+              "required": false,
+              "group": "behavior",
+              "description": "Allows getting a ref to the component instance.\nOnce the component unmounts, React will set `ref.current` to `null`\n(or call the ref with `null` if you passed a callback ref).",
+              "deprecated": false
+            },
+            {
+              "name": "children",
+              "type": "ReactNode",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "className",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "onClick",
+              "type": "MouseEventHandler<HTMLDivElement> | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            }
+          ]
+        }
+      ]
+    },
+    "qr-scanner": {
+      "slug": "qr-scanner",
+      "subcomponents": [
+        {
+          "name": "static:QrScanner",
+          "displayName": "QrScanner",
+          "propsType": "QrScannerProps",
+          "source": "static",
+          "props": [
+            {
+              "name": "appearance",
+              "type": "enum",
+              "required": false,
+              "default": "default",
+              "group": "variant",
+              "isVariant": true,
+              "options": [
+                "default",
+                "muted"
+              ],
+              "variantGroup": "appearance",
+              "deprecated": false
+            },
+            {
+              "name": "autoStart",
+              "type": "boolean | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "constraints",
+              "type": "MediaTrackConstraints | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "continuous",
+              "type": "boolean | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "facingMode",
+              "type": "'user' | 'environment' | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "fallbackText",
+              "type": "ReactNode",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "loadingText",
+              "type": "ReactNode",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "noCameraText",
+              "type": "ReactNode",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "onError",
+              "type": "((error: unknown) => void) | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "onResult",
+              "type": "(data: string) => void",
+              "required": true,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "onStart",
+              "type": "(() => void) | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "onStop",
+              "type": "(() => void) | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "scanDelay",
+              "type": "number | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            },
+            {
+              "name": "children",
+              "type": "ReactNode",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "className",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "id",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "onClick",
+              "type": "MouseEventHandler<HTMLDivElement> | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "style",
+              "type": "CSSProperties | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            },
+            {
+              "name": "title",
+              "type": "string | undefined",
+              "required": false,
+              "group": "dom",
+              "deprecated": false
+            }
+          ]
+        },
+        {
+          "name": "static:QrScannerVariant",
+          "displayName": "QrScannerVariant",
+          "propsType": "QrScannerVariantProps",
+          "source": "static",
+          "props": [
+            {
+              "name": "appearance",
+              "type": "'default' | 'muted' | null | undefined",
+              "required": false,
+              "group": "behavior",
+              "deprecated": false
+            }
+          ]
+        }
+      ]
+    },
     "radio-group": {
       "slug": "radio-group",
       "subcomponents": [

package/cli/registry.json

@@ -34,6 +34,8 @@
     "password-strength-meter",
     "popover",
     "progress",
+    "qr-code",
+    "qr-scanner",
     "radio-group",
     "rating",
     "scroll-area",
@@ -72,6 +74,7 @@
     "password-strength-meter",
     "popover",
     "progress",
+    "qr-code",
     "radio-group",
     "secret-reveal",
     "skeleton",
@@ -179,6 +182,8 @@
     "password-strength-meter",
     "popover",
     "progress",
+    "qr-code",
+    "qr-scanner",
     "radio-group",
     "rating",
     "scroll-area",
@@ -375,6 +380,9 @@
     "progress": [
       "framer-motion"
     ],
+    "qr-code": [
+      "framer-motion"
+    ],
     "radio-group": [
       "framer-motion"
     ],

package/dist/chunk-4U6PVVST.mjs

@@ -0,0 +1,15 @@
+// src/design-system/qr-code.ts
+var zuiQrCodeBase = [
+  "inline-flex flex-col items-center gap-3 rounded-2xl border p-6",
+  "border-[color:var(--zui-qr-code-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-qr-code-border-dark,var(--zui-border-dark,#ffffff1a))]",
+  "bg-[var(--zui-qr-code-bg,var(--zui-surface,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-qr-code-bg-dark,var(--zui-surface-dark,oklch(12.9%_0.042_264.695)))]"
+];
+var zuiQrCodeCanvasWrapper = [
+  "overflow-hidden rounded-xl",
+  "bg-[var(--zui-qr-code-canvas-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:bg-[var(--zui-qr-code-canvas-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))]"
+];
+var zuiQrCodeCaptionBase = "text-xs text-center text-[color:var(--zui-qr-code-caption-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-qr-code-caption-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))] max-w-full truncate px-2";
+
+export { zuiQrCodeBase, zuiQrCodeCanvasWrapper, zuiQrCodeCaptionBase };
+//# sourceMappingURL=chunk-4U6PVVST.mjs.map
+//# sourceMappingURL=chunk-4U6PVVST.mjs.map

package/dist/chunk-4U6PVVST.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/qr-code.ts"],"names":[],"mappings":";AAAO,IAAM,aAAA,GAAgB;AAAA,EAC3B,gEAAA;AAAA,EACA,0JAAA;AAAA,EACA;AACF;AAEO,IAAM,sBAAA,GAAyB;AAAA,EACpC,4BAAA;AAAA,EACA;AACF;AAEO,IAAM,oBAAA,GACX","file":"chunk-4U6PVVST.mjs","sourcesContent":["export const zuiQrCodeBase = [\n  \"inline-flex flex-col items-center gap-3 rounded-2xl border p-6\",\n  \"border-[color:var(--zui-qr-code-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-qr-code-border-dark,var(--zui-border-dark,#ffffff1a))]\",\n  \"bg-[var(--zui-qr-code-bg,var(--zui-surface,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-qr-code-bg-dark,var(--zui-surface-dark,oklch(12.9%_0.042_264.695)))]\",\n] as const;\n\nexport const zuiQrCodeCanvasWrapper = [\n  \"overflow-hidden rounded-xl\",\n  \"bg-[var(--zui-qr-code-canvas-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:bg-[var(--zui-qr-code-canvas-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))]\",\n] as const;\n\nexport const zuiQrCodeCaptionBase =\n  \"text-xs text-center text-[color:var(--zui-qr-code-caption-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-qr-code-caption-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))] max-w-full truncate px-2\";\n"]}

package/dist/{chunk-DIAA5VH4.mjs → chunk-CIZQQ32L.mjs}

@@ -1,5 +1,5 @@
 // src/design-system/secret-reveal.ts
-var zuiSecretRevealContainerBase = "inline-flex items-center gap-2 rounded-xl border px-3 py-2";
+var zuiSecretRevealContainerBase = "inline-flex items-center gap-2 rounded-xl border px-3 py-2 max-w-full min-w-0";
 var zuiSecretRevealLabelBase = "font-medium";
 var zuiSecretRevealValueBase = "font-mono tracking-wider select-all";
 var zuiSecretRevealToggleBase = "inline-flex items-center justify-center rounded-lg transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-sky-500";
@@ -60,5 +60,5 @@ var zuiSecretRevealToggleSizes = {
 };
 
 export { zuiSecretRevealAppearances, zuiSecretRevealContainerBase, zuiSecretRevealLabelBase, zuiSecretRevealLabelSizes, zuiSecretRevealSizes, zuiSecretRevealToggleBase, zuiSecretRevealToggleSizes, zuiSecretRevealValueBase, zuiSecretRevealValueSizes };
-//# sourceMappingURL=chunk-DIAA5VH4.mjs.map
-//# sourceMappingURL=chunk-DIAA5VH4.mjs.map
+//# sourceMappingURL=chunk-CIZQQ32L.mjs.map
+//# sourceMappingURL=chunk-CIZQQ32L.mjs.map

package/dist/chunk-CIZQQ32L.mjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/secret-reveal.ts"],"names":[],"mappings":";AAAO,IAAM,4BAAA,GACX;AAEK,IAAM,wBAAA,GAA2B;AAEjC,IAAM,wBAAA,GAA2B;AAEjC,IAAM,yBAAA,GACX;AAEF,IAAM,iBAAA,GACJ,oLAAA;AAEF,IAAM,yBAAA,GACJ,oLAAA;AAEF,IAAM,yBAAA,GACJ,gMAAA;AAEK,IAAM,0BAAA,GAA6B;AAAA,EACxC,OAAA,EAAS,0YAA0Y,iBAAiB,CAAA,CAAA;AAAA,EACpa,MAAA,EAAQ,6NAA6N,iBAAiB,CAAA,CAAA;AAAA,EACtP,KAAA,EAAO,iNAAiN,yBAAyB,CAAA,CAAA;AAAA,EACjP,OAAA,EAAS,qYAAqY,yBAAyB,CAAA,CAAA;AAAA,EACva,IAAA,EAAM,sTAAsT,iBAAiB,CAAA,CAAA;AAAA,EAC7U,IAAA,EAAM,kTAAkT,iBAAiB,CAAA,CAAA;AAAA,EACzU,KAAA,EAAO,0TAA0T,iBAAiB,CAAA,CAAA;AAAA,EAClV,IAAA,EAAM,oTAAoT,iBAAiB,CAAA,CAAA;AAAA,EAC3U,OAAA,EAAS,0WAA0W,iBAAiB,CAAA,CAAA;AAAA,EACpY,MAAA,EAAQ,sWAAsW,iBAAiB,CAAA,CAAA;AAAA,EAC/X,MAAA,EAAQ,sWAAsW,iBAAiB,CAAA,CAAA;AAAA,EAC/X,IAAA,EAAM,kVAAkV,iBAAiB,CAAA,CAAA;AAAA,EACzW,IAAA,EAAM,sVAAsV,iBAAiB,CAAA,CAAA;AAAA,EAC7W,GAAA,EAAK,kVAAkV,iBAAiB,CAAA,CAAA;AAAA,EACxW,IAAA,EAAM,uVAAuV,iBAAiB,CAAA,CAAA;AAAA,EAC9W,MAAA,EAAQ,iWAAiW,iBAAiB,CAAA,CAAA;AAAA,EAC1X,MAAA,EAAQ,8VAA8V,iBAAiB,CAAA,CAAA;AAAA,EACvX,GAAA,EAAK,4SAA4S,iBAAiB,CAAA,CAAA;AAAA,EAClU,KAAA,EAAO,0TAA0T,iBAAiB,CAAA,CAAA;AAAA,EAClV,IAAA,EAAM,0VAA0V,iBAAiB,CAAA,CAAA;AAAA,EACjX,IAAA,EAAM,oTAAoT,iBAAiB,CAAA,CAAA;AAAA,EAC3U,eAAA,EAAiB,+cAA+c,yBAAyB,CAAA,CAAA;AAAA,EACzf,gBAAA,EAAkB,+cAA+c,yBAAyB,CAAA,CAAA;AAAA,EAC1f,cAAA,EAAgB,+bAA+b,yBAAyB,CAAA,CAAA;AAAA,EACxe,iBAAA,EAAmB,qdAAqd,yBAAyB,CAAA,CAAA;AAAA,EACjgB,iBAAA,EAAmB,mdAAmd,yBAAyB,CAAA,CAAA;AAAA,EAC/f,eAAA,EAAiB,ucAAuc,yBAAyB,CAAA,CAAA;AAAA,EACjf,iBAAA,EAAmB,2dAA2d,yBAAyB,CAAA,CAAA;AAAA,EACvgB,eAAA,EAAiB,qcAAqc,yBAAyB,CAAA,CAAA;AAAA,EAC/e,iBAAA,EAAmB,+cAA+c,yBAAyB,CAAA;AAC7f;AAEO,IAAM,oBAAA,GAAuB;AAAA,EAClC,EAAA,EAAI,6BAAA;AAAA,EACJ,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,yBAAA,GAA4B;AAAA,EACvC,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,yBAAA,GAA4B;AAAA,EACvC,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,0BAAA,GAA6B;AAAA,EACxC,EAAA,EAAI,yBAAA;AAAA,EACJ,EAAA,EAAI,uBAAA;AAAA,EACJ,EAAA,EAAI;AACN","file":"chunk-CIZQQ32L.mjs","sourcesContent":["export const zuiSecretRevealContainerBase =\n  \"inline-flex items-center gap-2 rounded-xl border px-3 py-2 max-w-full min-w-0\";\n\nexport const zuiSecretRevealLabelBase = \"font-medium\";\n\nexport const zuiSecretRevealValueBase = \"font-mono tracking-wider select-all\";\n\nexport const zuiSecretRevealToggleBase =\n  \"inline-flex items-center justify-center rounded-lg transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-sky-500\";\n\nconst zuiSecretRevealFg =\n  \"text-[color:var(--zui-secret-reveal-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-secret-reveal-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]\";\n\nconst zuiSecretRevealInvertedFg =\n  \"text-[color:var(--zui-secret-reveal-fg,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))] dark:text-[color:var(--zui-secret-reveal-fg-dark,var(--zui-fg,oklch(20.8%_0.042_265.755)))]\";\n\nconst zuiSecretRevealGradientFg =\n  \"text-[color:var(--zui-secret-reveal-fg,var(--zui-brand-fg,oklch(96.8%_0.007_247.896)))] dark:text-[color:var(--zui-secret-reveal-fg-dark,var(--zui-brand-fg-dark,oklch(98.4%_0.003_247.858)))]\";\n\nexport const zuiSecretRevealAppearances = {\n  default: `border-[var(--zui-secret-reveal-default-border,var(--zui-border,oklch(87.5%_0.01_258.338)))] dark:border-[var(--zui-secret-reveal-default-border-dark,var(--zui-border-dark,oklch(27.9%_0.041_260.031)))] bg-[var(--zui-secret-reveal-default-bg,var(--zui-surface,oklch(96.8%_0.003_264.542)))] dark:bg-[var(--zui-secret-reveal-default-bg-dark,var(--zui-surface-dark,oklch(21.6%_0.036_260.031)))] ${zuiSecretRevealFg}`,\n  subtle: `border-transparent bg-[var(--zui-secret-reveal-subtle-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:bg-[var(--zui-secret-reveal-subtle-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))] ${zuiSecretRevealFg}`,\n  muted: `border-transparent bg-[var(--zui-secret-reveal-muted-bg,var(--zui-fg-muted,oklch(44.6%_0.043_257.281)))] dark:bg-[var(--zui-secret-reveal-muted-bg-dark,var(--zui-fg-muted-dark,oklch(86.9%_0.022_252.894)))] ${zuiSecretRevealInvertedFg}`,\n  primary: `border-[var(--zui-secret-reveal-primary-border,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:border-[var(--zui-secret-reveal-primary-border-dark,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))] bg-[var(--zui-secret-reveal-primary-bg,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:bg-[var(--zui-secret-reveal-primary-bg-dark,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))] ${zuiSecretRevealInvertedFg}`,\n  blue: `border-[var(--zui-secret-reveal-blue-border,var(--zui-color-blue,#2563eb))] dark:border-[var(--zui-secret-reveal-blue-border-dark,var(--zui-color-blue-dark,#3b82f6))] bg-[var(--zui-secret-reveal-blue-bg,oklch(93.5%_0.055_262.881))] dark:bg-[var(--zui-secret-reveal-blue-bg-dark,oklch(30.6%_0.126_262.881))] ${zuiSecretRevealFg}`,\n  cyan: `border-[var(--zui-secret-reveal-cyan-border,var(--zui-color-cyan,#0891b2))] dark:border-[var(--zui-secret-reveal-cyan-border-dark,var(--zui-color-cyan-dark,#22d3ee))] bg-[var(--zui-secret-reveal-cyan-bg,oklch(95%_0.025_236.42))] dark:bg-[var(--zui-secret-reveal-cyan-bg-dark,oklch(31.1%_0.085_231.74))] ${zuiSecretRevealFg}`,\n  green: `border-[var(--zui-secret-reveal-green-border,var(--zui-color-green,#16a34a))] dark:border-[var(--zui-secret-reveal-green-border-dark,var(--zui-color-green-dark,#22c55e))] bg-[var(--zui-secret-reveal-green-bg,oklch(94.2%_0.053_146.17))] dark:bg-[var(--zui-secret-reveal-green-bg-dark,oklch(30.8%_0.085_149.21))] ${zuiSecretRevealFg}`,\n  lime: `border-[var(--zui-secret-reveal-lime-border,var(--zui-color-lime,#65a30d))] dark:border-[var(--zui-secret-reveal-lime-border-dark,var(--zui-color-lime-dark,#a3e635))] bg-[var(--zui-secret-reveal-lime-bg,oklch(93.9%_0.077_125.02))] dark:bg-[var(--zui-secret-reveal-lime-bg-dark,oklch(33.1%_0.098_131.68))] ${zuiSecretRevealFg}`,\n  emerald: `border-[var(--zui-secret-reveal-emerald-border,var(--zui-color-emerald,oklch(69.6%_0.17_162.48)))] dark:border-[var(--zui-secret-reveal-emerald-border-dark,var(--zui-color-emerald-dark,oklch(43.2%_0.095_166.913)))] bg-[var(--zui-secret-reveal-emerald-bg,oklch(93.5%_0.062_163.17))] dark:bg-[var(--zui-secret-reveal-emerald-bg-dark,oklch(25.4%_0.065_166.91))] ${zuiSecretRevealFg}`,\n  indigo: `border-[var(--zui-secret-reveal-indigo-border,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:border-[var(--zui-secret-reveal-indigo-border-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] bg-[var(--zui-secret-reveal-indigo-bg,oklch(92.8%_0.067_276.37))] dark:bg-[var(--zui-secret-reveal-indigo-bg-dark,oklch(27.5%_0.153_276.97))] ${zuiSecretRevealFg}`,\n  purple: `border-[var(--zui-secret-reveal-purple-border,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:border-[var(--zui-secret-reveal-purple-border-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] bg-[var(--zui-secret-reveal-purple-bg,oklch(92.4%_0.075_302.32))] dark:bg-[var(--zui-secret-reveal-purple-bg-dark,oklch(27.8%_0.171_302.32))] ${zuiSecretRevealFg}`,\n  pink: `border-[var(--zui-secret-reveal-pink-border,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:border-[var(--zui-secret-reveal-pink-border-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] bg-[var(--zui-secret-reveal-pink-bg,oklch(93.5%_0.048_3.82))] dark:bg-[var(--zui-secret-reveal-pink-bg-dark,oklch(29.1%_0.134_0.58))] ${zuiSecretRevealFg}`,\n  rose: `border-[var(--zui-secret-reveal-rose-border,var(--zui-color-rose,oklch(64.5%_0.246_16.439)))] dark:border-[var(--zui-secret-reveal-rose-border-dark,var(--zui-color-rose-dark,oklch(51.4%_0.222_16.935)))] bg-[var(--zui-secret-reveal-rose-bg,oklch(93.2%_0.065_16.44))] dark:bg-[var(--zui-secret-reveal-rose-bg-dark,oklch(30.2%_0.157_16.94))] ${zuiSecretRevealFg}`,\n  sky: `border-[var(--zui-secret-reveal-sky-border,var(--zui-color-sky,oklch(68.5%_0.169_237.323)))] dark:border-[var(--zui-secret-reveal-sky-border-dark,var(--zui-color-sky-dark,oklch(50%_0.134_242.749)))] bg-[var(--zui-secret-reveal-sky-bg,oklch(94.5%_0.041_237.32))] dark:bg-[var(--zui-secret-reveal-sky-bg-dark,oklch(29.4%_0.108_242.75))] ${zuiSecretRevealFg}`,\n  teal: `border-[var(--zui-secret-reveal-teal-border,var(--zui-color-teal,oklch(70.4%_0.14_182.503)))] dark:border-[var(--zui-secret-reveal-teal-border-dark,var(--zui-color-teal-dark,oklch(51.1%_0.096_186.391)))] bg-[var(--zui-secret-reveal-teal-bg,oklch(94.1%_0.046_182.5))] dark:bg-[var(--zui-secret-reveal-teal-bg-dark,oklch(30.2%_0.075_186.4))] ${zuiSecretRevealFg}`,\n  yellow: `border-[var(--zui-secret-reveal-yellow-border,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] dark:border-[var(--zui-secret-reveal-yellow-border-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))] bg-[var(--zui-secret-reveal-yellow-bg,oklch(94.1%_0.06_86.05))] dark:bg-[var(--zui-secret-reveal-yellow-bg-dark,oklch(31.5%_0.084_61.91))] ${zuiSecretRevealFg}`,\n  orange: `border-[var(--zui-secret-reveal-orange-border,var(--zui-color-orange,oklch(70.5%_0.213_47.604)))] dark:border-[var(--zui-secret-reveal-orange-border-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))] bg-[var(--zui-secret-reveal-orange-bg,oklch(93.5%_0.076_47.6))] dark:bg-[var(--zui-secret-reveal-orange-bg-dark,oklch(30.1%_0.129_37.3))] ${zuiSecretRevealFg}`,\n  red: `border-[var(--zui-secret-reveal-red-border,var(--zui-color-red,#dc2626))] dark:border-[var(--zui-secret-reveal-red-border-dark,var(--zui-color-red-dark,#ef4444))] bg-[var(--zui-secret-reveal-red-bg,oklch(93.9%_0.053_19.85))] dark:bg-[var(--zui-secret-reveal-red-bg-dark,oklch(32.1%_0.111_19.85))] ${zuiSecretRevealFg}`,\n  slate: `border-[var(--zui-secret-reveal-slate-border,var(--zui-color-slate,#475569))] dark:border-[var(--zui-secret-reveal-slate-border-dark,var(--zui-color-slate-dark,#64748b))] bg-[var(--zui-secret-reveal-slate-bg,oklch(92.8%_0.011_262.88))] dark:bg-[var(--zui-secret-reveal-slate-bg-dark,oklch(29.6%_0.036_262.88))] ${zuiSecretRevealFg}`,\n  gray: `border-[var(--zui-secret-reveal-gray-border,var(--zui-color-gray,oklch(55.1%_0.027_264.364)))] dark:border-[var(--zui-secret-reveal-gray-border-dark,var(--zui-color-gray-dark,oklch(55.1%_0.027_264.364)))] bg-[var(--zui-secret-reveal-gray-bg,oklch(92.8%_0.007_264.36))] dark:bg-[var(--zui-secret-reveal-gray-bg-dark,oklch(29.4%_0.018_264.36))] ${zuiSecretRevealFg}`,\n  zinc: `border-[var(--zui-secret-reveal-zinc-border,var(--zui-color-zinc,#52525b))] dark:border-[var(--zui-secret-reveal-zinc-border-dark,var(--zui-color-zinc-dark,#71717a))] bg-[var(--zui-secret-reveal-zinc-bg,oklch(92.9%_0.004_262.88))] dark:bg-[var(--zui-secret-reveal-zinc-bg-dark,oklch(29.4%_0.014_262.88))] ${zuiSecretRevealFg}`,\n  \"gradient-blue\": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-blue-from,var(--zui-color-blue,oklch(42.4%_0.199_265.638)))] dark:from-[var(--zui-secret-reveal-gradient-blue-from-dark,var(--zui-color-blue-dark,oklch(54.6%_0.245_262.881)))] to-[var(--zui-secret-reveal-gradient-blue-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-secret-reveal-gradient-blue-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] ${zuiSecretRevealGradientFg}`,\n  \"gradient-green\": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-green-from,var(--zui-color-green,oklch(44.8%_0.119_151.328)))] dark:from-[var(--zui-secret-reveal-gradient-green-from-dark,var(--zui-color-green-dark,oklch(62.7%_0.194_149.214)))] to-[var(--zui-secret-reveal-gradient-green-to,var(--zui-color-lime,oklch(45.3%_0.124_130.933)))] dark:to-[var(--zui-secret-reveal-gradient-green-to-dark,var(--zui-color-lime-dark,oklch(64.8%_0.2_131.684)))] ${zuiSecretRevealGradientFg}`,\n  \"gradient-red\": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-red-from,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:from-[var(--zui-secret-reveal-gradient-red-from-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] to-[var(--zui-secret-reveal-gradient-red-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-secret-reveal-gradient-red-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] ${zuiSecretRevealGradientFg}`,\n  \"gradient-yellow\": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-yellow-from,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:from-[var(--zui-secret-reveal-gradient-yellow-from-dark,var(--zui-color-yellow-dark,oklch(68.1%_0.162_75.834)))] to-[var(--zui-secret-reveal-gradient-yellow-to,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:to-[var(--zui-secret-reveal-gradient-yellow-to-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] ${zuiSecretRevealGradientFg}`,\n  \"gradient-purple\": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-purple-from,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:from-[var(--zui-secret-reveal-gradient-purple-from-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] to-[var(--zui-secret-reveal-gradient-purple-to,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:to-[var(--zui-secret-reveal-gradient-purple-to-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] ${zuiSecretRevealGradientFg}`,\n  \"gradient-teal\": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-teal-from,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:from-[var(--zui-secret-reveal-gradient-teal-from-dark,var(--zui-color-teal-dark,oklch(60%_0.118_184.704)))] to-[var(--zui-secret-reveal-gradient-teal-to,var(--zui-color-cyan,oklch(45%_0.085_224.283)))] dark:to-[var(--zui-secret-reveal-gradient-teal-to-dark,var(--zui-color-cyan-dark,oklch(60.9%_0.126_221.723)))] ${zuiSecretRevealGradientFg}`,\n  \"gradient-indigo\": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-indigo-from,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:from-[var(--zui-secret-reveal-gradient-indigo-from-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))] to-[var(--zui-secret-reveal-gradient-indigo-to,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:to-[var(--zui-secret-reveal-gradient-indigo-to-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))] ${zuiSecretRevealGradientFg}`,\n  \"gradient-pink\": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-pink-from,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:from-[var(--zui-secret-reveal-gradient-pink-from-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))] to-[var(--zui-secret-reveal-gradient-pink-to,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:to-[var(--zui-secret-reveal-gradient-pink-to-dark,var(--zui-color-rose-dark,oklch(58.6%_0.253_17.585)))] ${zuiSecretRevealGradientFg}`,\n  \"gradient-orange\": `border-transparent bg-linear-to-r from-[var(--zui-secret-reveal-gradient-orange-from,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:from-[var(--zui-secret-reveal-gradient-orange-from-dark,var(--zui-color-orange-dark,oklch(64.6%_0.222_41.116)))] to-[var(--zui-secret-reveal-gradient-orange-to,var(--zui-color-red,oklch(44.4%_0.177_26.899)))] dark:to-[var(--zui-secret-reveal-gradient-orange-to-dark,var(--zui-color-red-dark,oklch(57.7%_0.245_27.325)))] ${zuiSecretRevealGradientFg}`,\n} as const;\n\nexport const zuiSecretRevealSizes = {\n  sm: \"gap-1.5 px-2 py-1.5 text-xs\",\n  md: \"gap-2 px-3 py-2 text-sm\",\n  lg: \"gap-2.5 px-4 py-2.5 text-base\",\n} as const;\n\nexport const zuiSecretRevealLabelSizes = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n\nexport const zuiSecretRevealValueSizes = {\n  sm: \"text-xs\",\n  md: \"text-sm\",\n  lg: \"text-base\",\n} as const;\n\nexport const zuiSecretRevealToggleSizes = {\n  sm: \"size-6 [&_svg]:size-3.5\",\n  md: \"size-7 [&_svg]:size-4\",\n  lg: \"size-8 [&_svg]:size-5\",\n} as const;\n"]}

package/dist/{chunk-PQ2XTY3M.js → chunk-G36ZV446.js}

@@ -1,34 +1,34 @@
 'use strict';
 
-var chunkH3BJOK22_js = require('./chunk-H3BJOK22.js');
+var chunkHNAUUCR5_js = require('./chunk-HNAUUCR5.js');
 var classVarianceAuthority = require('class-variance-authority');
 
-var secretRevealVariants = classVarianceAuthority.cva(chunkH3BJOK22_js.zuiSecretRevealContainerBase, {
+var secretRevealVariants = classVarianceAuthority.cva(chunkHNAUUCR5_js.zuiSecretRevealContainerBase, {
   variants: {
-    appearance: chunkH3BJOK22_js.zuiSecretRevealAppearances,
-    size: chunkH3BJOK22_js.zuiSecretRevealSizes
+    appearance: chunkHNAUUCR5_js.zuiSecretRevealAppearances,
+    size: chunkHNAUUCR5_js.zuiSecretRevealSizes
   },
   defaultVariants: {
     appearance: "default",
     size: "md"
   }
 });
-var secretRevealLabelVariants = classVarianceAuthority.cva(chunkH3BJOK22_js.zuiSecretRevealLabelBase, {
+var secretRevealLabelVariants = classVarianceAuthority.cva(chunkHNAUUCR5_js.zuiSecretRevealLabelBase, {
   variants: {
-    size: chunkH3BJOK22_js.zuiSecretRevealLabelSizes
+    size: chunkHNAUUCR5_js.zuiSecretRevealLabelSizes
   },
   defaultVariants: { size: "md" }
 });
-var secretRevealValueVariants = classVarianceAuthority.cva(chunkH3BJOK22_js.zuiSecretRevealValueBase, {
+var secretRevealValueVariants = classVarianceAuthority.cva(chunkHNAUUCR5_js.zuiSecretRevealValueBase, {
   variants: {
-    size: chunkH3BJOK22_js.zuiSecretRevealValueSizes
+    size: chunkHNAUUCR5_js.zuiSecretRevealValueSizes
   },
   defaultVariants: { size: "md" }
 });
-var secretRevealToggleVariants = classVarianceAuthority.cva(chunkH3BJOK22_js.zuiSecretRevealToggleBase, {
+var secretRevealToggleVariants = classVarianceAuthority.cva(chunkHNAUUCR5_js.zuiSecretRevealToggleBase, {
   variants: {
-    size: chunkH3BJOK22_js.zuiSecretRevealToggleSizes,
-    appearance: chunkH3BJOK22_js.zuiSecretRevealAppearances
+    size: chunkHNAUUCR5_js.zuiSecretRevealToggleSizes,
+    appearance: chunkHNAUUCR5_js.zuiSecretRevealAppearances
   },
   defaultVariants: {
     size: "md",
@@ -40,5 +40,5 @@ exports.secretRevealLabelVariants = secretRevealLabelVariants;
 exports.secretRevealToggleVariants = secretRevealToggleVariants;
 exports.secretRevealValueVariants = secretRevealValueVariants;
 exports.secretRevealVariants = secretRevealVariants;
-//# sourceMappingURL=chunk-PQ2XTY3M.js.map
-//# sourceMappingURL=chunk-PQ2XTY3M.js.map
+//# sourceMappingURL=chunk-G36ZV446.js.map
+//# sourceMappingURL=chunk-G36ZV446.js.map

package/dist/{chunk-PQ2XTY3M.js.map → chunk-G36ZV446.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/secret-reveal/variants.ts"],"names":["cva","zuiSecretRevealContainerBase","zuiSecretRevealAppearances","zuiSecretRevealSizes","zuiSecretRevealLabelBase","zuiSecretRevealLabelSizes","zuiSecretRevealValueBase","zuiSecretRevealValueSizes","zuiSecretRevealToggleBase","zuiSecretRevealToggleSizes"],"mappings":";;;;;AAcO,IAAM,oBAAA,GAAuBA,2BAAIC,6CAAA,EAA8B;AAAA,EACpE,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,2CAAA;AAAA,IACZ,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,yBAAA,GAA4BH,2BAAII,yCAAA,EAA0B;AAAA,EACrE,QAAA,EAAU;AAAA,IACR,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;AAEM,IAAM,yBAAA,GAA4BL,2BAAIM,yCAAA,EAA0B;AAAA,EACrE,QAAA,EAAU;AAAA,IACR,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;AAEM,IAAM,0BAAA,GAA6BP,2BAAIQ,0CAAA,EAA2B;AAAA,EACvE,QAAA,EAAU;AAAA,IACR,IAAA,EAAMC,2CAAA;AAAA,IACN,UAAA,EAAYP;AAAA,GACd;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,UAAA,EAAY;AAAA;AAEhB,CAAC","file":"chunk-PQ2XTY3M.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiSecretRevealAppearances,\n  zuiSecretRevealContainerBase,\n  zuiSecretRevealLabelBase,\n  zuiSecretRevealLabelSizes,\n  zuiSecretRevealSizes,\n  zuiSecretRevealToggleBase,\n  zuiSecretRevealToggleSizes,\n  zuiSecretRevealValueBase,\n  zuiSecretRevealValueSizes,\n} from \"../../design-system/secret-reveal\";\n\nexport const secretRevealVariants = cva(zuiSecretRevealContainerBase, {\n  variants: {\n    appearance: zuiSecretRevealAppearances,\n    size: zuiSecretRevealSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const secretRevealLabelVariants = cva(zuiSecretRevealLabelBase, {\n  variants: {\n    size: zuiSecretRevealLabelSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const secretRevealValueVariants = cva(zuiSecretRevealValueBase, {\n  variants: {\n    size: zuiSecretRevealValueSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const secretRevealToggleVariants = cva(zuiSecretRevealToggleBase, {\n  variants: {\n    size: zuiSecretRevealToggleSizes,\n    appearance: zuiSecretRevealAppearances,\n  },\n  defaultVariants: {\n    size: \"md\",\n    appearance: \"default\",\n  },\n});\n"]}
+{"version":3,"sources":["../src/ui/secret-reveal/variants.ts"],"names":["cva","zuiSecretRevealContainerBase","zuiSecretRevealAppearances","zuiSecretRevealSizes","zuiSecretRevealLabelBase","zuiSecretRevealLabelSizes","zuiSecretRevealValueBase","zuiSecretRevealValueSizes","zuiSecretRevealToggleBase","zuiSecretRevealToggleSizes"],"mappings":";;;;;AAcO,IAAM,oBAAA,GAAuBA,2BAAIC,6CAAA,EAA8B;AAAA,EACpE,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,2CAAA;AAAA,IACZ,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,yBAAA,GAA4BH,2BAAII,yCAAA,EAA0B;AAAA,EACrE,QAAA,EAAU;AAAA,IACR,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;AAEM,IAAM,yBAAA,GAA4BL,2BAAIM,yCAAA,EAA0B;AAAA,EACrE,QAAA,EAAU;AAAA,IACR,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;AAEM,IAAM,0BAAA,GAA6BP,2BAAIQ,0CAAA,EAA2B;AAAA,EACvE,QAAA,EAAU;AAAA,IACR,IAAA,EAAMC,2CAAA;AAAA,IACN,UAAA,EAAYP;AAAA,GACd;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,UAAA,EAAY;AAAA;AAEhB,CAAC","file":"chunk-G36ZV446.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiSecretRevealAppearances,\n  zuiSecretRevealContainerBase,\n  zuiSecretRevealLabelBase,\n  zuiSecretRevealLabelSizes,\n  zuiSecretRevealSizes,\n  zuiSecretRevealToggleBase,\n  zuiSecretRevealToggleSizes,\n  zuiSecretRevealValueBase,\n  zuiSecretRevealValueSizes,\n} from \"../../design-system/secret-reveal\";\n\nexport const secretRevealVariants = cva(zuiSecretRevealContainerBase, {\n  variants: {\n    appearance: zuiSecretRevealAppearances,\n    size: zuiSecretRevealSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const secretRevealLabelVariants = cva(zuiSecretRevealLabelBase, {\n  variants: {\n    size: zuiSecretRevealLabelSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const secretRevealValueVariants = cva(zuiSecretRevealValueBase, {\n  variants: {\n    size: zuiSecretRevealValueSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n\nexport const secretRevealToggleVariants = cva(zuiSecretRevealToggleBase, {\n  variants: {\n    size: zuiSecretRevealToggleSizes,\n    appearance: zuiSecretRevealAppearances,\n  },\n  defaultVariants: {\n    size: \"md\",\n    appearance: \"default\",\n  },\n});\n"]}

package/dist/{chunk-H3BJOK22.js → chunk-HNAUUCR5.js}

@@ -1,7 +1,7 @@
 'use strict';
 
 // src/design-system/secret-reveal.ts
-var zuiSecretRevealContainerBase = "inline-flex items-center gap-2 rounded-xl border px-3 py-2";
+var zuiSecretRevealContainerBase = "inline-flex items-center gap-2 rounded-xl border px-3 py-2 max-w-full min-w-0";
 var zuiSecretRevealLabelBase = "font-medium";
 var zuiSecretRevealValueBase = "font-mono tracking-wider select-all";
 var zuiSecretRevealToggleBase = "inline-flex items-center justify-center rounded-lg transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-sky-500";
@@ -70,5 +70,5 @@ exports.zuiSecretRevealToggleBase = zuiSecretRevealToggleBase;
 exports.zuiSecretRevealToggleSizes = zuiSecretRevealToggleSizes;
 exports.zuiSecretRevealValueBase = zuiSecretRevealValueBase;
 exports.zuiSecretRevealValueSizes = zuiSecretRevealValueSizes;
-//# sourceMappingURL=chunk-H3BJOK22.js.map
-//# sourceMappingURL=chunk-H3BJOK22.js.map
+//# sourceMappingURL=chunk-HNAUUCR5.js.map
+//# sourceMappingURL=chunk-HNAUUCR5.js.map