@zentauri-ui/zentauri-components 2.3.0 → 2.3.2

package/cli/registry.json

@@ -34,6 +34,8 @@
     "password-strength-meter",
     "popover",
     "progress",
+    "qr-code",
+    "qr-scanner",
     "radio-group",
     "rating",
     "scroll-area",
@@ -42,6 +44,8 @@
     "select",
     "skeleton",
     "slider",
+    "speech-recognition",
+    "speech-synthesizer",
     "split-button",
     "table",
     "tabs",
@@ -72,9 +76,12 @@
     "password-strength-meter",
     "popover",
     "progress",
+    "qr-code",
     "radio-group",
     "secret-reveal",
     "skeleton",
+    "speech-recognition",
+    "speech-synthesizer",
     "spinner",
     "table",
     "tabs",
@@ -179,6 +186,8 @@
     "password-strength-meter",
     "popover",
     "progress",
+    "qr-code",
+    "qr-scanner",
     "radio-group",
     "rating",
     "scroll-area",
@@ -187,6 +196,8 @@
     "select",
     "skeleton",
     "slider",
+    "speech-recognition",
+    "speech-synthesizer",
     "spinner",
     "split-button",
     "table",
@@ -375,6 +386,9 @@
     "progress": [
       "framer-motion"
     ],
+    "qr-code": [
+      "framer-motion"
+    ],
     "radio-group": [
       "framer-motion"
     ],
@@ -387,6 +401,12 @@
     "skeleton": [
       "framer-motion"
     ],
+    "speech-recognition": [
+      "framer-motion"
+    ],
+    "speech-synthesizer": [
+      "framer-motion"
+    ],
     "split-button": [
       "react-icons"
     ],

package/dist/chunk-2RBBXVFA.js

@@ -0,0 +1,19 @@
+'use strict';
+
+var chunkNZQA4M35_js = require('./chunk-NZQA4M35.js');
+var classVarianceAuthority = require('class-variance-authority');
+
+var buttonVariants = classVarianceAuthority.cva(chunkNZQA4M35_js.zuiButtonBase, {
+  variants: {
+    appearance: chunkNZQA4M35_js.zuiButtonAppearances,
+    size: chunkNZQA4M35_js.zuiButtonSizes
+  },
+  defaultVariants: {
+    appearance: "default",
+    size: "md"
+  }
+});
+
+exports.buttonVariants = buttonVariants;
+//# sourceMappingURL=chunk-2RBBXVFA.js.map
+//# sourceMappingURL=chunk-2RBBXVFA.js.map

package/dist/{chunk-ENKXB2BA.js.map → chunk-2RBBXVFA.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":["cva","zuiButtonBase","zuiButtonAppearances","zuiButtonSizes"],"mappings":";;;;;AAQO,IAAM,cAAA,GAAiBA,2BAAIC,8BAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,qCAAA;AAAA,IACZ,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-ENKXB2BA.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiButtonAppearances,\n  zuiButtonBase,\n  zuiButtonSizes,\n} from \"../../design-system\";\n\nexport const buttonVariants = cva(zuiButtonBase, {\n  variants: {\n    appearance: zuiButtonAppearances,\n    size: zuiButtonSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n"]}
+{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":["cva","zuiButtonBase","zuiButtonAppearances","zuiButtonSizes"],"mappings":";;;;;AAQO,IAAM,cAAA,GAAiBA,2BAAIC,8BAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,qCAAA;AAAA,IACZ,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-2RBBXVFA.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiButtonAppearances,\n  zuiButtonBase,\n  zuiButtonSizes,\n} from \"../../design-system\";\n\nexport const buttonVariants = cva(zuiButtonBase, {\n  variants: {\n    appearance: zuiButtonAppearances,\n    size: zuiButtonSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n"]}

package/dist/{chunk-BFHJF4MV.mjs → chunk-425DAZTS.mjs}

@@ -1,6 +1,6 @@
 import { usePagination } from './chunk-YNBJAFI2.mjs';
-import { buttonVariants } from './chunk-WZY32L6K.mjs';
-import { zuiPaginationListBase, zuiPaginationListSizes, zuiPaginationListAppearances, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes } from './chunk-ZB6C6CJQ.mjs';
+import { buttonVariants } from './chunk-YDD5HQGX.mjs';
+import { zuiPaginationListBase, zuiPaginationListSizes, zuiPaginationListAppearances, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes } from './chunk-TZTUL6C4.mjs';
 import { cn, clampPage } from './chunk-4D54YOL6.mjs';
 import { useId, useCallback } from 'react';
 import { cva } from 'class-variance-authority';
@@ -217,5 +217,5 @@ var Pagination = ({
 Pagination.displayName = "Pagination";
 
 export { Pagination, paginationEllipsisVariants, paginationListVariants };
-//# sourceMappingURL=chunk-BFHJF4MV.mjs.map
-//# sourceMappingURL=chunk-BFHJF4MV.mjs.map
+//# sourceMappingURL=chunk-425DAZTS.mjs.map
+//# sourceMappingURL=chunk-425DAZTS.mjs.map

package/dist/{chunk-BFHJF4MV.mjs.map → chunk-425DAZTS.mjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/pagination/variants.ts","../src/ui/pagination/pagination.tsx"],"names":[],"mappings":"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","file":"chunk-BFHJF4MV.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiPaginationEllipsisBase,\n  zuiPaginationEllipsisSizes,\n  zuiPaginationListAppearances,\n  zuiPaginationListBase,\n  zuiPaginationListSizes,\n} from \"../../design-system/pagination\";\n\nexport const paginationListVariants = cva(zuiPaginationListBase, {\n  variants: {\n    appearance: zuiPaginationListAppearances,\n    size: zuiPaginationListSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const paginationEllipsisVariants = cva(zuiPaginationEllipsisBase, {\n  variants: {\n    size: zuiPaginationEllipsisSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn, clampPage } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"../../hooks/usePagination\";\nimport { paginationEllipsisVariants, paginationListVariants } from \"./variants\";\n\nconst defaultPrevLabel = \"Previous page\";\nconst defaultNextLabel = \"Next page\";\nconst defaultEllipsisLabel = \"More pages\";\n\nexport const Pagination = ({\n  className,\n  appearance = \"default\",\n  size = \"md\",\n  pageCount,\n  page,\n  defaultPage = 1,\n  onPageChange,\n  siblingCount = 1,\n  boundaryCount = 1,\n  showPrevNext = true,\n  prevLabel = defaultPrevLabel,\n  nextLabel = defaultNextLabel,\n  ellipsisLabel = defaultEllipsisLabel,\n  getPageHref,\n  \"aria-label\": ariaLabel = \"Pagination\",\n  ref,\n  ...rest\n}: PaginationProps) => {\n  const id = useId();\n  const listId = `${id}-list`;\n\n  const { currentPage, items, setPage, goPrev, goNext, canGoPrev, canGoNext } =\n    usePagination({\n      pageCount,\n      page,\n      defaultPage,\n      siblingCount,\n      boundaryCount,\n      onPageChange,\n    });\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      if (pageCount <= 0) {\n        return;\n      }\n      if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n        event.preventDefault();\n        if (canGoNext) {\n          setPage(currentPage + 1);\n        }\n      } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n        event.preventDefault();\n        if (canGoPrev) {\n          setPage(currentPage - 1);\n        }\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        setPage(1);\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        setPage(pageCount);\n      }\n    },\n    [canGoNext, canGoPrev, currentPage, pageCount, setPage],\n  );\n\n  if (pageCount <= 0) {\n    return null;\n  }\n\n  const inactiveTriggerClass = cn(\n    buttonVariants({ appearance: \"ghost\", size }),\n    \"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10\",\n  );\n\n  const currentTriggerClass = buttonVariants({ appearance, size });\n\n  const triggerFocusRing =\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\";\n\n  const renderPageControl = (pageNumber: number) => {\n    const isCurrent = pageNumber === currentPage;\n    const href = getPageHref?.(pageNumber);\n    const shared = cn(\n      isCurrent ? currentTriggerClass : inactiveTriggerClass,\n      \"min-w-[2.25ch] shrink-0\",\n      triggerFocusRing,\n    );\n\n    if (href) {\n      return (\n        <a\n          data-slot=\"pagination-trigger\"\n          href={href}\n          aria-label={`Page ${pageNumber}`}\n          aria-current={isCurrent ? \"page\" : undefined}\n          className={shared}\n        >\n          {pageNumber}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        type=\"button\"\n        data-slot=\"pagination-trigger\"\n        aria-label={`Page ${pageNumber}`}\n        aria-current={isCurrent ? \"page\" : undefined}\n        className={shared}\n        onClick={() => {\n          if (!isCurrent) {\n            setPage(pageNumber);\n          }\n        }}\n      >\n        {pageNumber}\n      </button>\n    );\n  };\n\n  const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));\n  const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));\n\n  const navTriggerClass = cn(\n    buttonVariants({ appearance: \"outline\", size }),\n    \"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n  );\n\n  return (\n    <nav\n      ref={ref}\n      data-slot=\"pagination\"\n      aria-label={ariaLabel}\n      className={cn(\"w-full\", className)}\n      onKeyDown={handleKeyDown}\n      {...rest}\n    >\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {showPrevNext ? (\n          getPageHref && prevHref && canGoPrev ? (\n            <a\n              data-slot=\"pagination-prev\"\n              aria-label={prevLabel}\n              href={prevHref}\n              className={navTriggerClass}\n            >\n              Prev\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              data-slot=\"pagination-prev\"\n              aria-label={prevLabel}\n              disabled={!canGoPrev}\n              className={navTriggerClass}\n              onClick={goPrev}\n            >\n              Prev\n            </button>\n          )\n        ) : null}\n\n        <ul\n          id={listId}\n          data-slot=\"pagination-list\"\n          className={paginationListVariants({ appearance, size })}\n        >\n          {items.map((item) => (\n            <li\n              key={item.type === \"page\" ? `page-${item.value}` : item.key}\n              data-slot=\"pagination-item\"\n              className=\"inline-flex items-center\"\n            >\n              {item.type === \"ellipsis\" ? (\n                <span\n                  data-slot=\"pagination-ellipsis\"\n                  className={paginationEllipsisVariants({ size })}\n                  role=\"img\"\n                  aria-label={ellipsisLabel}\n                >\n                  …\n                </span>\n              ) : (\n                renderPageControl(item.value)\n              )}\n            </li>\n          ))}\n        </ul>\n\n        {showPrevNext ? (\n          getPageHref && nextHref && canGoNext ? (\n            <a\n              data-slot=\"pagination-next\"\n              aria-label={nextLabel}\n              href={nextHref}\n              className={navTriggerClass}\n            >\n              Next\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              data-slot=\"pagination-next\"\n              aria-label={nextLabel}\n              disabled={!canGoNext}\n              className={navTriggerClass}\n              onClick={goNext}\n            >\n              Next\n            </button>\n          )\n        ) : null}\n      </div>\n    </nav>\n  );\n};\n\nPagination.displayName = \"Pagination\";\n"]}
+{"version":3,"sources":["../src/ui/pagination/variants.ts","../src/ui/pagination/pagination.tsx"],"names":[],"mappings":"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","file":"chunk-425DAZTS.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiPaginationEllipsisBase,\n  zuiPaginationEllipsisSizes,\n  zuiPaginationListAppearances,\n  zuiPaginationListBase,\n  zuiPaginationListSizes,\n} from \"../../design-system/pagination\";\n\nexport const paginationListVariants = cva(zuiPaginationListBase, {\n  variants: {\n    appearance: zuiPaginationListAppearances,\n    size: zuiPaginationListSizes,\n  },\n  defaultVariants: {\n    appearance: \"default\",\n    size: \"md\",\n  },\n});\n\nexport const paginationEllipsisVariants = cva(zuiPaginationEllipsisBase, {\n  variants: {\n    size: zuiPaginationEllipsisSizes,\n  },\n  defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn, clampPage } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"../../hooks/usePagination\";\nimport { paginationEllipsisVariants, paginationListVariants } from \"./variants\";\n\nconst defaultPrevLabel = \"Previous page\";\nconst defaultNextLabel = \"Next page\";\nconst defaultEllipsisLabel = \"More pages\";\n\nexport const Pagination = ({\n  className,\n  appearance = \"default\",\n  size = \"md\",\n  pageCount,\n  page,\n  defaultPage = 1,\n  onPageChange,\n  siblingCount = 1,\n  boundaryCount = 1,\n  showPrevNext = true,\n  prevLabel = defaultPrevLabel,\n  nextLabel = defaultNextLabel,\n  ellipsisLabel = defaultEllipsisLabel,\n  getPageHref,\n  \"aria-label\": ariaLabel = \"Pagination\",\n  ref,\n  ...rest\n}: PaginationProps) => {\n  const id = useId();\n  const listId = `${id}-list`;\n\n  const { currentPage, items, setPage, goPrev, goNext, canGoPrev, canGoNext } =\n    usePagination({\n      pageCount,\n      page,\n      defaultPage,\n      siblingCount,\n      boundaryCount,\n      onPageChange,\n    });\n\n  const handleKeyDown = useCallback(\n    (event: KeyboardEvent<HTMLElement>) => {\n      if (pageCount <= 0) {\n        return;\n      }\n      if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n        event.preventDefault();\n        if (canGoNext) {\n          setPage(currentPage + 1);\n        }\n      } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n        event.preventDefault();\n        if (canGoPrev) {\n          setPage(currentPage - 1);\n        }\n      } else if (event.key === \"Home\") {\n        event.preventDefault();\n        setPage(1);\n      } else if (event.key === \"End\") {\n        event.preventDefault();\n        setPage(pageCount);\n      }\n    },\n    [canGoNext, canGoPrev, currentPage, pageCount, setPage],\n  );\n\n  if (pageCount <= 0) {\n    return null;\n  }\n\n  const inactiveTriggerClass = cn(\n    buttonVariants({ appearance: \"ghost\", size }),\n    \"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10\",\n  );\n\n  const currentTriggerClass = buttonVariants({ appearance, size });\n\n  const triggerFocusRing =\n    \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\";\n\n  const renderPageControl = (pageNumber: number) => {\n    const isCurrent = pageNumber === currentPage;\n    const href = getPageHref?.(pageNumber);\n    const shared = cn(\n      isCurrent ? currentTriggerClass : inactiveTriggerClass,\n      \"min-w-[2.25ch] shrink-0\",\n      triggerFocusRing,\n    );\n\n    if (href) {\n      return (\n        <a\n          data-slot=\"pagination-trigger\"\n          href={href}\n          aria-label={`Page ${pageNumber}`}\n          aria-current={isCurrent ? \"page\" : undefined}\n          className={shared}\n        >\n          {pageNumber}\n        </a>\n      );\n    }\n\n    return (\n      <button\n        type=\"button\"\n        data-slot=\"pagination-trigger\"\n        aria-label={`Page ${pageNumber}`}\n        aria-current={isCurrent ? \"page\" : undefined}\n        className={shared}\n        onClick={() => {\n          if (!isCurrent) {\n            setPage(pageNumber);\n          }\n        }}\n      >\n        {pageNumber}\n      </button>\n    );\n  };\n\n  const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));\n  const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));\n\n  const navTriggerClass = cn(\n    buttonVariants({ appearance: \"outline\", size }),\n    \"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n  );\n\n  return (\n    <nav\n      ref={ref}\n      data-slot=\"pagination\"\n      aria-label={ariaLabel}\n      className={cn(\"w-full\", className)}\n      onKeyDown={handleKeyDown}\n      {...rest}\n    >\n      <div className=\"flex flex-wrap items-center gap-2\">\n        {showPrevNext ? (\n          getPageHref && prevHref && canGoPrev ? (\n            <a\n              data-slot=\"pagination-prev\"\n              aria-label={prevLabel}\n              href={prevHref}\n              className={navTriggerClass}\n            >\n              Prev\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              data-slot=\"pagination-prev\"\n              aria-label={prevLabel}\n              disabled={!canGoPrev}\n              className={navTriggerClass}\n              onClick={goPrev}\n            >\n              Prev\n            </button>\n          )\n        ) : null}\n\n        <ul\n          id={listId}\n          data-slot=\"pagination-list\"\n          className={paginationListVariants({ appearance, size })}\n        >\n          {items.map((item) => (\n            <li\n              key={item.type === \"page\" ? `page-${item.value}` : item.key}\n              data-slot=\"pagination-item\"\n              className=\"inline-flex items-center\"\n            >\n              {item.type === \"ellipsis\" ? (\n                <span\n                  data-slot=\"pagination-ellipsis\"\n                  className={paginationEllipsisVariants({ size })}\n                  role=\"img\"\n                  aria-label={ellipsisLabel}\n                >\n                  …\n                </span>\n              ) : (\n                renderPageControl(item.value)\n              )}\n            </li>\n          ))}\n        </ul>\n\n        {showPrevNext ? (\n          getPageHref && nextHref && canGoNext ? (\n            <a\n              data-slot=\"pagination-next\"\n              aria-label={nextLabel}\n              href={nextHref}\n              className={navTriggerClass}\n            >\n              Next\n            </a>\n          ) : (\n            <button\n              type=\"button\"\n              data-slot=\"pagination-next\"\n              aria-label={nextLabel}\n              disabled={!canGoNext}\n              className={navTriggerClass}\n              onClick={goNext}\n            >\n              Next\n            </button>\n          )\n        ) : null}\n      </div>\n    </nav>\n  );\n};\n\nPagination.displayName = \"Pagination\";\n"]}

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-AARJLZXP.js → chunk-6GP74P4F.js}

@@ -1,6 +1,6 @@
 'use strict';
 
-var chunkENKXB2BA_js = require('./chunk-ENKXB2BA.js');
+var chunk2RBBXVFA_js = require('./chunk-2RBBXVFA.js');
 var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
 var react = require('react');
 var jsxRuntime = require('react/jsx-runtime');
@@ -40,7 +40,7 @@ var ButtonBase = (props) => {
       "data-slot": "button",
       onClick: handleClick,
       className: chunkZS5756ZC_js.cn(
-        chunkENKXB2BA_js.buttonVariants({ appearance: appearance2, size: size2 }),
+        chunk2RBBXVFA_js.buttonVariants({ appearance: appearance2, size: size2 }),
         children2.props.className,
         className2
       )
@@ -65,7 +65,7 @@ var ButtonBase = (props) => {
         target,
         rel: target === "_blank" ? "noopener noreferrer" : void 0,
         "data-slot": "button",
-        className: chunkZS5756ZC_js.cn(chunkENKXB2BA_js.buttonVariants({ appearance: appearance2, size: size2 }), className2),
+        className: chunkZS5756ZC_js.cn(chunk2RBBXVFA_js.buttonVariants({ appearance: appearance2, size: size2 }), className2),
         ...rest2,
         children: children2
       }
@@ -86,7 +86,7 @@ var ButtonBase = (props) => {
       ref,
       type,
       "data-slot": "button",
-      className: chunkZS5756ZC_js.cn(chunkENKXB2BA_js.buttonVariants({ appearance, size }), className),
+      className: chunkZS5756ZC_js.cn(chunk2RBBXVFA_js.buttonVariants({ appearance, size }), className),
       ...rest,
       children
     }
@@ -99,5 +99,5 @@ var Button = (props) => {
 Button.displayName = "Button";
 
 exports.Button = Button;
-//# sourceMappingURL=chunk-AARJLZXP.js.map
-//# sourceMappingURL=chunk-AARJLZXP.js.map
+//# sourceMappingURL=chunk-6GP74P4F.js.map
+//# sourceMappingURL=chunk-6GP74P4F.js.map

package/dist/{chunk-AARJLZXP.js.map → chunk-6GP74P4F.js.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","rest","isValidElement","cloneElement","cn","buttonVariants","ref","jsx"],"mappings":"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","file":"chunk-AARJLZXP.js","sourcesContent":["\"use client\";\n\nimport { cloneElement, isValidElement, type MouseEventHandler } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ButtonProps } from \"./types\";\nimport { buttonVariants } from \"./variants\";\n\nexport const ButtonBase = (props: ButtonProps) => {\n  if (\"asChild\" in props && props.asChild) {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      asChild: _asChild,\n      disabled,\n      onClick,\n      ...rest\n    } = props;\n\n    if (!isValidElement<{ className?: string }>(children)) {\n      return null;\n    }\n\n    const isNativeButton = children.type === \"button\";\n    const childOnClick = children.props.onClick as\n      | MouseEventHandler<HTMLElement>\n      | undefined;\n    const handleClick: MouseEventHandler<HTMLElement> = (event) => {\n      if (disabled) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n\n      onClick?.(event);\n      if (!event.defaultPrevented) {\n        childOnClick?.(event);\n      }\n    };\n\n    return cloneElement(children, {\n      ...rest,\n      ...children.props,\n      ...(disabled\n        ? isNativeButton\n          ? { disabled: true }\n          : { \"aria-disabled\": true, tabIndex: -1 }\n        : null),\n      \"data-slot\": \"button\",\n      onClick: handleClick,\n      className: cn(\n        buttonVariants({ appearance, size }),\n        children.props.className,\n        className,\n      ),\n    });\n  }\n\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      ...rest\n    } = props;\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        {...rest}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    ...rest\n  } = props;\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\nButtonBase.displayName = \"Button\";\n","// button.tsx — default static entry (no framer-motion)\nimport { ButtonBase } from \"./button-base\";\nimport type { ButtonProps } from \"./types\";\n\nexport const Button = (props: ButtonProps) => {\n  return <ButtonBase {...props} />;\n};\n\nButton.displayName = \"Button\";\n"]}
+{"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","rest","isValidElement","cloneElement","cn","buttonVariants","ref","jsx"],"mappings":"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","file":"chunk-6GP74P4F.js","sourcesContent":["\"use client\";\n\nimport { cloneElement, isValidElement, type MouseEventHandler } from \"react\";\n\nimport { cn } from \"../../lib/utils\";\n\nimport type { ButtonProps } from \"./types\";\nimport { buttonVariants } from \"./variants\";\n\nexport const ButtonBase = (props: ButtonProps) => {\n  if (\"asChild\" in props && props.asChild) {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      asChild: _asChild,\n      disabled,\n      onClick,\n      ...rest\n    } = props;\n\n    if (!isValidElement<{ className?: string }>(children)) {\n      return null;\n    }\n\n    const isNativeButton = children.type === \"button\";\n    const childOnClick = children.props.onClick as\n      | MouseEventHandler<HTMLElement>\n      | undefined;\n    const handleClick: MouseEventHandler<HTMLElement> = (event) => {\n      if (disabled) {\n        event.preventDefault();\n        event.stopPropagation();\n        return;\n      }\n\n      onClick?.(event);\n      if (!event.defaultPrevented) {\n        childOnClick?.(event);\n      }\n    };\n\n    return cloneElement(children, {\n      ...rest,\n      ...children.props,\n      ...(disabled\n        ? isNativeButton\n          ? { disabled: true }\n          : { \"aria-disabled\": true, tabIndex: -1 }\n        : null),\n      \"data-slot\": \"button\",\n      onClick: handleClick,\n      className: cn(\n        buttonVariants({ appearance, size }),\n        children.props.className,\n        className,\n      ),\n    });\n  }\n\n  if (props.as === \"link\") {\n    const {\n      className,\n      appearance,\n      size,\n      children,\n      ref,\n      href,\n      target,\n      ...rest\n    } = props;\n\n    return (\n      <a\n        ref={ref}\n        href={href}\n        target={target}\n        rel={target === \"_blank\" ? \"noopener noreferrer\" : undefined}\n        data-slot=\"button\"\n        className={cn(buttonVariants({ appearance, size }), className)}\n        {...rest}\n      >\n        {children}\n      </a>\n    );\n  }\n\n  const {\n    className,\n    appearance,\n    size,\n    type = \"button\",\n    children,\n    ref,\n    ...rest\n  } = props;\n\n  return (\n    <button\n      ref={ref}\n      type={type}\n      data-slot=\"button\"\n      className={cn(buttonVariants({ appearance, size }), className)}\n      {...rest}\n    >\n      {children}\n    </button>\n  );\n};\n\nButtonBase.displayName = \"Button\";\n","// button.tsx — default static entry (no framer-motion)\nimport { ButtonBase } from \"./button-base\";\nimport type { ButtonProps } from \"./types\";\n\nexport const Button = (props: ButtonProps) => {\n  return <ButtonBase {...props} />;\n};\n\nButton.displayName = \"Button\";\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-DUKHIN2W.js

@@ -0,0 +1,44 @@
+'use strict';
+
+var chunkHJ7EFBED_js = require('./chunk-HJ7EFBED.js');
+var classVarianceAuthority = require('class-variance-authority');
+
+var speechSynthesizerVariants = classVarianceAuthority.cva(
+  chunkHJ7EFBED_js.zuiSpeechSynthesizerBase.join(" "),
+  {
+    variants: {
+      size: chunkHJ7EFBED_js.zuiSpeechSynthesizerSizes
+    },
+    defaultVariants: {
+      size: "md"
+    }
+  }
+);
+var speechSynthesizerBtnVariants = classVarianceAuthority.cva(
+  chunkHJ7EFBED_js.zuiSpeechSynthesizerBtnBase.join(" "),
+  {
+    variants: {
+      appearance: chunkHJ7EFBED_js.zuiSpeechSynthesizerAppearances,
+      size: chunkHJ7EFBED_js.zuiSpeechSynthesizerBtnSizes
+    },
+    defaultVariants: {
+      appearance: "default",
+      size: "md"
+    }
+  }
+);
+var speechSynthesizerTextClasses = chunkHJ7EFBED_js.zuiSpeechSynthesizerTextBase.join(" ");
+var speechSynthesizerControlsClasses = chunkHJ7EFBED_js.zuiSpeechSynthesizerControlsBase.join(" ");
+var speechSynthesizerBtnActiveClasses = chunkHJ7EFBED_js.zuiSpeechSynthesizerBtnActive.join(" ");
+var speechSynthesizerProgressClasses = chunkHJ7EFBED_js.zuiSpeechSynthesizerProgressBase.join(" ");
+var speechSynthesizerProgressBarClasses = chunkHJ7EFBED_js.zuiSpeechSynthesizerProgressBarBase.join(" ");
+
+exports.speechSynthesizerBtnActiveClasses = speechSynthesizerBtnActiveClasses;
+exports.speechSynthesizerBtnVariants = speechSynthesizerBtnVariants;
+exports.speechSynthesizerControlsClasses = speechSynthesizerControlsClasses;
+exports.speechSynthesizerProgressBarClasses = speechSynthesizerProgressBarClasses;
+exports.speechSynthesizerProgressClasses = speechSynthesizerProgressClasses;
+exports.speechSynthesizerTextClasses = speechSynthesizerTextClasses;
+exports.speechSynthesizerVariants = speechSynthesizerVariants;
+//# sourceMappingURL=chunk-DUKHIN2W.js.map
+//# sourceMappingURL=chunk-DUKHIN2W.js.map

package/dist/chunk-DUKHIN2W.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/ui/speech-synthesizer/variants.ts"],"names":["cva","zuiSpeechSynthesizerBase","zuiSpeechSynthesizerSizes","zuiSpeechSynthesizerBtnBase","zuiSpeechSynthesizerAppearances","zuiSpeechSynthesizerBtnSizes","zuiSpeechSynthesizerTextBase","zuiSpeechSynthesizerControlsBase","zuiSpeechSynthesizerBtnActive","zuiSpeechSynthesizerProgressBase","zuiSpeechSynthesizerProgressBarBase"],"mappings":";;;;;AAeO,IAAM,yBAAA,GAA4BA,0BAAA;AAAA,EACvCC,yCAAA,CAAyB,KAAK,GAAG,CAAA;AAAA,EACjC;AAAA,IACE,QAAA,EAAU;AAAA,MACR,IAAA,EAAMC;AAAA,KACR;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,IAAA,EAAM;AAAA;AACR;AAEJ;AAEO,IAAM,4BAAA,GAA+BF,0BAAA;AAAA,EAC1CG,4CAAA,CAA4B,KAAK,GAAG,CAAA;AAAA,EACpC;AAAA,IACE,QAAA,EAAU;AAAA,MACR,UAAA,EAAYC,gDAAA;AAAA,MACZ,IAAA,EAAMC;AAAA,KACR;AAAA,IACA,eAAA,EAAiB;AAAA,MACf,UAAA,EAAY,SAAA;AAAA,MACZ,IAAA,EAAM;AAAA;AACR;AAEJ;AAEO,IAAM,4BAAA,GACXC,6CAAA,CAA6B,IAAA,CAAK,GAAG;AAEhC,IAAM,gCAAA,GACXC,iDAAA,CAAiC,IAAA,CAAK,GAAG;AAEpC,IAAM,iCAAA,GACXC,8CAAA,CAA8B,IAAA,CAAK,GAAG;AAEjC,IAAM,gCAAA,GACXC,iDAAA,CAAiC,IAAA,CAAK,GAAG;AAEpC,IAAM,mCAAA,GACXC,oDAAA,CAAoC,IAAA,CAAK,GAAG","file":"chunk-DUKHIN2W.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n  zuiSpeechSynthesizerAppearances,\n  zuiSpeechSynthesizerBase,\n  zuiSpeechSynthesizerBtnActive,\n  zuiSpeechSynthesizerBtnBase,\n  zuiSpeechSynthesizerBtnSizes,\n  zuiSpeechSynthesizerControlsBase,\n  zuiSpeechSynthesizerProgressBarBase,\n  zuiSpeechSynthesizerProgressBase,\n  zuiSpeechSynthesizerSizes,\n  zuiSpeechSynthesizerTextBase,\n} from \"../../design-system/speech-synthesizer\";\n\nexport const speechSynthesizerVariants = cva(\n  zuiSpeechSynthesizerBase.join(\" \"),\n  {\n    variants: {\n      size: zuiSpeechSynthesizerSizes,\n    },\n    defaultVariants: {\n      size: \"md\",\n    },\n  },\n);\n\nexport const speechSynthesizerBtnVariants = cva(\n  zuiSpeechSynthesizerBtnBase.join(\" \"),\n  {\n    variants: {\n      appearance: zuiSpeechSynthesizerAppearances,\n      size: zuiSpeechSynthesizerBtnSizes,\n    },\n    defaultVariants: {\n      appearance: \"default\",\n      size: \"md\",\n    },\n  },\n);\n\nexport const speechSynthesizerTextClasses =\n  zuiSpeechSynthesizerTextBase.join(\" \");\n\nexport const speechSynthesizerControlsClasses =\n  zuiSpeechSynthesizerControlsBase.join(\" \");\n\nexport const speechSynthesizerBtnActiveClasses =\n  zuiSpeechSynthesizerBtnActive.join(\" \");\n\nexport const speechSynthesizerProgressClasses =\n  zuiSpeechSynthesizerProgressBase.join(\" \");\n\nexport const speechSynthesizerProgressBarClasses =\n  zuiSpeechSynthesizerProgressBarBase.join(\" \");\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-HJ7EFBED.js

@@ -0,0 +1,86 @@
+'use strict';
+
+// src/design-system/speech-synthesizer.ts
+var zuiSpeechSynthesizerAppearances = {
+  default: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-default-btn-bg,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-default-btn-bg-dark,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))]",
+  subtle: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-subtle-btn-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-subtle-btn-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))]",
+  muted: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-muted-btn-bg,var(--zui-fg-muted,oklch(44.6%_0.043_257.281)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-muted-btn-bg-dark,var(--zui-fg-muted-dark,oklch(86.9%_0.022_252.894)))]",
+  primary: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-primary-btn-bg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-primary-btn-bg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]",
+  blue: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-blue-btn-bg,var(--zui-color-blue,#2563eb))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-blue-btn-bg-dark,var(--zui-color-blue-dark,#3b82f6))]",
+  cyan: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-cyan-btn-bg,var(--zui-color-cyan,#0891b2))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-cyan-btn-bg-dark,var(--zui-color-cyan-dark,#22d3ee))]",
+  green: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-green-btn-bg,var(--zui-color-green,#16a34a))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-green-btn-bg-dark,var(--zui-color-green-dark,#22c55e))]",
+  lime: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-lime-btn-bg,var(--zui-color-lime,#65a30d))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-lime-btn-bg-dark,var(--zui-color-lime-dark,#a3e635))]",
+  emerald: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-emerald-btn-bg,var(--zui-color-emerald,oklch(69.6%_0.17_162.48)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-emerald-btn-bg-dark,var(--zui-color-emerald-dark,oklch(43.2%_0.095_166.913)))]",
+  indigo: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-indigo-btn-bg,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-indigo-btn-bg-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))]",
+  purple: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-purple-btn-bg,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-purple-btn-bg-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))]",
+  pink: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-pink-btn-bg,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-pink-btn-bg-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))]",
+  rose: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-rose-btn-bg,var(--zui-color-rose,oklch(64.5%_0.246_16.439)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-rose-btn-bg-dark,var(--zui-color-rose-dark,oklch(51.4%_0.222_16.935)))]",
+  sky: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-sky-btn-bg,var(--zui-color-sky,oklch(68.5%_0.169_237.323)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-sky-btn-bg-dark,var(--zui-color-sky-dark,oklch(50%_0.134_242.749)))]",
+  teal: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-teal-btn-bg,var(--zui-color-teal,oklch(70.4%_0.14_182.503)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-teal-btn-bg-dark,var(--zui-color-teal-dark,oklch(51.1%_0.096_186.391)))]",
+  yellow: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-yellow-btn-bg,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-yellow-btn-bg-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))]",
+  orange: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-orange-btn-bg,var(--zui-color-orange,oklch(70.5%_0.213_47.604)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-orange-btn-bg-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))]",
+  red: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-red-btn-bg,var(--zui-color-red,#dc2626))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-red-btn-bg-dark,var(--zui-color-red-dark,#ef4444))]",
+  slate: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-slate-btn-bg,var(--zui-color-slate,#475569))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-slate-btn-bg-dark,var(--zui-color-slate-dark,#64748b))]",
+  gray: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-gray-btn-bg,var(--zui-color-gray,oklch(55.1%_0.027_264.364)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-gray-btn-bg-dark,var(--zui-color-gray-dark,oklch(55.1%_0.027_264.364)))]",
+  zinc: "[--zui-synth-btn-bg:var(--zui-speech-synthesizer-zinc-btn-bg,var(--zui-color-zinc,#52525b))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-zinc-btn-bg-dark,var(--zui-color-zinc-dark,#71717a))]"
+};
+var zuiSpeechSynthesizerBase = [
+  "inline-flex flex-col gap-3",
+  "rounded-[var(--zui-speech-synthesizer-radius,var(--zui-radius,0.75rem))]",
+  "bg-[var(--zui-speech-synthesizer-bg,var(--zui-surface,#ffffff))] dark:bg-[var(--zui-speech-synthesizer-bg-dark,var(--zui-surface-dark,#0f172a))]",
+  "border border-[var(--zui-speech-synthesizer-border,var(--zui-border,#e2e8f0))] dark:border-[var(--zui-speech-synthesizer-border-dark,var(--zui-border-dark,#1e293b))]",
+  "p-4"
+];
+var zuiSpeechSynthesizerSizes = {
+  sm: "gap-2 p-3",
+  md: "gap-3 p-4",
+  lg: "gap-4 p-5"
+};
+var zuiSpeechSynthesizerBtnBase = [
+  "inline-flex items-center justify-center rounded-full",
+  "size-10",
+  "transition-all duration-200",
+  "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2",
+  "bg-[var(--zui-synth-btn-bg,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:bg-[var(--zui-synth-btn-bg,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))]",
+  "text-[color:var(--zui-speech-synthesizer-btn-fg,var(--zui-bg,#ffffff))] dark:text-[color:var(--zui-speech-synthesizer-btn-fg-dark,var(--zui-bg-dark,#0f172a))]"
+];
+var zuiSpeechSynthesizerBtnSizes = {
+  sm: "size-8",
+  md: "size-10",
+  lg: "size-12"
+};
+var zuiSpeechSynthesizerBtnActive = [
+  "ring-2 ring-[var(--zui-speech-synthesizer-active-ring,var(--zui-color-green,#16a34a))] dark:ring-[var(--zui-speech-synthesizer-active-ring-dark,var(--zui-color-green-dark,#22c55e))]",
+  "ring-offset-2",
+  "animate-pulse"
+];
+var zuiSpeechSynthesizerTextBase = [
+  "text-[color:var(--zui-speech-synthesizer-text-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-speech-synthesizer-text-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]",
+  "text-sm",
+  "leading-relaxed"
+];
+var zuiSpeechSynthesizerControlsBase = [
+  "inline-flex items-center gap-2"
+];
+var zuiSpeechSynthesizerProgressBase = [
+  "relative w-full h-1 overflow-hidden rounded-full",
+  "bg-[var(--zui-speech-synthesizer-track-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-speech-synthesizer-track-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))]"
+];
+var zuiSpeechSynthesizerProgressBarBase = [
+  "h-full rounded-full",
+  "bg-[var(--zui-synth-btn-bg,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:bg-[var(--zui-synth-btn-bg,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))]",
+  "transition-all duration-300"
+];
+
+exports.zuiSpeechSynthesizerAppearances = zuiSpeechSynthesizerAppearances;
+exports.zuiSpeechSynthesizerBase = zuiSpeechSynthesizerBase;
+exports.zuiSpeechSynthesizerBtnActive = zuiSpeechSynthesizerBtnActive;
+exports.zuiSpeechSynthesizerBtnBase = zuiSpeechSynthesizerBtnBase;
+exports.zuiSpeechSynthesizerBtnSizes = zuiSpeechSynthesizerBtnSizes;
+exports.zuiSpeechSynthesizerControlsBase = zuiSpeechSynthesizerControlsBase;
+exports.zuiSpeechSynthesizerProgressBarBase = zuiSpeechSynthesizerProgressBarBase;
+exports.zuiSpeechSynthesizerProgressBase = zuiSpeechSynthesizerProgressBase;
+exports.zuiSpeechSynthesizerSizes = zuiSpeechSynthesizerSizes;
+exports.zuiSpeechSynthesizerTextBase = zuiSpeechSynthesizerTextBase;
+//# sourceMappingURL=chunk-HJ7EFBED.js.map
+//# sourceMappingURL=chunk-HJ7EFBED.js.map

package/dist/chunk-HJ7EFBED.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/design-system/speech-synthesizer.ts"],"names":[],"mappings":";;;AAAO,IAAM,+BAAA,GAAkC;AAAA,EAC7C,OAAA,EACE,4OAAA;AAAA,EACF,MAAA,EACE,0PAAA;AAAA,EACF,KAAA,EACE,8OAAA;AAAA,EACF,OAAA,EACE,sOAAA;AAAA,EACF,IAAA,EAAM,0MAAA;AAAA,EACN,IAAA,EAAM,0MAAA;AAAA,EACN,KAAA,EACE,8MAAA;AAAA,EACF,IAAA,EAAM,0MAAA;AAAA,EACN,OAAA,EACE,0PAAA;AAAA,EACF,MAAA,EACE,wPAAA;AAAA,EACF,MAAA,EACE,wPAAA;AAAA,EACF,IAAA,EAAM,4OAAA;AAAA,EACN,IAAA,EAAM,8OAAA;AAAA,EACN,GAAA,EAAK,0OAAA;AAAA,EACL,IAAA,EAAM,+OAAA;AAAA,EACN,MAAA,EACE,sPAAA;AAAA,EACF,MAAA,EACE,oPAAA;AAAA,EACF,GAAA,EAAK,sMAAA;AAAA,EACL,KAAA,EACE,8MAAA;AAAA,EACF,IAAA,EAAM,gPAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,wBAAA,GAA2B;AAAA,EACtC,4BAAA;AAAA,EACA,0EAAA;AAAA,EACA,kJAAA;AAAA,EACA,uKAAA;AAAA,EACA;AACF;AAEO,IAAM,yBAAA,GAA4B;AAAA,EACvC,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,2BAAA,GAA8B;AAAA,EACzC,sDAAA;AAAA,EACA,SAAA;AAAA,EACA,6BAAA;AAAA,EACA,6EAAA;AAAA,EACA,6JAAA;AAAA,EACA;AACF;AAEO,IAAM,4BAAA,GAA+B;AAAA,EAC1C,EAAA,EAAI,QAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,6BAAA,GAAgC;AAAA,EAC3C,uLAAA;AAAA,EACA,eAAA;AAAA,EACA;AACF;AAEO,IAAM,4BAAA,GAA+B;AAAA,EAC1C,wMAAA;AAAA,EACA,SAAA;AAAA,EACA;AACF;AAEO,IAAM,gCAAA,GAAmC;AAAA,EAC9C;AACF;AAEO,IAAM,gCAAA,GAAmC;AAAA,EAC9C,kDAAA;AAAA,EACA;AACF;AAEO,IAAM,mCAAA,GAAsC;AAAA,EACjD,qBAAA;AAAA,EACA,6JAAA;AAAA,EACA;AACF","file":"chunk-HJ7EFBED.js","sourcesContent":["export const zuiSpeechSynthesizerAppearances = {\n  default:\n    \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-default-btn-bg,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-default-btn-bg-dark,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))]\",\n  subtle:\n    \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-subtle-btn-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-subtle-btn-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))]\",\n  muted:\n    \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-muted-btn-bg,var(--zui-fg-muted,oklch(44.6%_0.043_257.281)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-muted-btn-bg-dark,var(--zui-fg-muted-dark,oklch(86.9%_0.022_252.894)))]\",\n  primary:\n    \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-primary-btn-bg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-primary-btn-bg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n  blue: \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-blue-btn-bg,var(--zui-color-blue,#2563eb))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-blue-btn-bg-dark,var(--zui-color-blue-dark,#3b82f6))]\",\n  cyan: \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-cyan-btn-bg,var(--zui-color-cyan,#0891b2))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-cyan-btn-bg-dark,var(--zui-color-cyan-dark,#22d3ee))]\",\n  green:\n    \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-green-btn-bg,var(--zui-color-green,#16a34a))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-green-btn-bg-dark,var(--zui-color-green-dark,#22c55e))]\",\n  lime: \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-lime-btn-bg,var(--zui-color-lime,#65a30d))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-lime-btn-bg-dark,var(--zui-color-lime-dark,#a3e635))]\",\n  emerald:\n    \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-emerald-btn-bg,var(--zui-color-emerald,oklch(69.6%_0.17_162.48)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-emerald-btn-bg-dark,var(--zui-color-emerald-dark,oklch(43.2%_0.095_166.913)))]\",\n  indigo:\n    \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-indigo-btn-bg,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-indigo-btn-bg-dark,var(--zui-color-indigo-dark,oklch(51.1%_0.262_276.966)))]\",\n  purple:\n    \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-purple-btn-bg,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-purple-btn-bg-dark,var(--zui-color-purple-dark,oklch(55.8%_0.288_302.321)))]\",\n  pink: \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-pink-btn-bg,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-pink-btn-bg-dark,var(--zui-color-pink-dark,oklch(59.2%_0.249_0.584)))]\",\n  rose: \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-rose-btn-bg,var(--zui-color-rose,oklch(64.5%_0.246_16.439)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-rose-btn-bg-dark,var(--zui-color-rose-dark,oklch(51.4%_0.222_16.935)))]\",\n  sky: \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-sky-btn-bg,var(--zui-color-sky,oklch(68.5%_0.169_237.323)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-sky-btn-bg-dark,var(--zui-color-sky-dark,oklch(50%_0.134_242.749)))]\",\n  teal: \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-teal-btn-bg,var(--zui-color-teal,oklch(70.4%_0.14_182.503)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-teal-btn-bg-dark,var(--zui-color-teal-dark,oklch(51.1%_0.096_186.391)))]\",\n  yellow:\n    \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-yellow-btn-bg,var(--zui-color-yellow,oklch(79.5%_0.184_86.047)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-yellow-btn-bg-dark,var(--zui-color-yellow-dark,oklch(47.6%_0.114_61.907)))]\",\n  orange:\n    \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-orange-btn-bg,var(--zui-color-orange,oklch(70.5%_0.213_47.604)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-orange-btn-bg-dark,var(--zui-color-orange-dark,oklch(47%_0.157_37.304)))]\",\n  red: \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-red-btn-bg,var(--zui-color-red,#dc2626))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-red-btn-bg-dark,var(--zui-color-red-dark,#ef4444))]\",\n  slate:\n    \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-slate-btn-bg,var(--zui-color-slate,#475569))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-slate-btn-bg-dark,var(--zui-color-slate-dark,#64748b))]\",\n  gray: \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-gray-btn-bg,var(--zui-color-gray,oklch(55.1%_0.027_264.364)))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-gray-btn-bg-dark,var(--zui-color-gray-dark,oklch(55.1%_0.027_264.364)))]\",\n  zinc: \"[--zui-synth-btn-bg:var(--zui-speech-synthesizer-zinc-btn-bg,var(--zui-color-zinc,#52525b))] dark:[--zui-synth-btn-bg:var(--zui-speech-synthesizer-zinc-btn-bg-dark,var(--zui-color-zinc-dark,#71717a))]\",\n} as const;\n\nexport const zuiSpeechSynthesizerBase = [\n  \"inline-flex flex-col gap-3\",\n  \"rounded-[var(--zui-speech-synthesizer-radius,var(--zui-radius,0.75rem))]\",\n  \"bg-[var(--zui-speech-synthesizer-bg,var(--zui-surface,#ffffff))] dark:bg-[var(--zui-speech-synthesizer-bg-dark,var(--zui-surface-dark,#0f172a))]\",\n  \"border border-[var(--zui-speech-synthesizer-border,var(--zui-border,#e2e8f0))] dark:border-[var(--zui-speech-synthesizer-border-dark,var(--zui-border-dark,#1e293b))]\",\n  \"p-4\",\n] as const;\n\nexport const zuiSpeechSynthesizerSizes = {\n  sm: \"gap-2 p-3\",\n  md: \"gap-3 p-4\",\n  lg: \"gap-4 p-5\",\n} as const;\n\nexport const zuiSpeechSynthesizerBtnBase = [\n  \"inline-flex items-center justify-center rounded-full\",\n  \"size-10\",\n  \"transition-all duration-200\",\n  \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2\",\n  \"bg-[var(--zui-synth-btn-bg,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:bg-[var(--zui-synth-btn-bg,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))]\",\n  \"text-[color:var(--zui-speech-synthesizer-btn-fg,var(--zui-bg,#ffffff))] dark:text-[color:var(--zui-speech-synthesizer-btn-fg-dark,var(--zui-bg-dark,#0f172a))]\",\n] as const;\n\nexport const zuiSpeechSynthesizerBtnSizes = {\n  sm: \"size-8\",\n  md: \"size-10\",\n  lg: \"size-12\",\n} as const;\n\nexport const zuiSpeechSynthesizerBtnActive = [\n  \"ring-2 ring-[var(--zui-speech-synthesizer-active-ring,var(--zui-color-green,#16a34a))] dark:ring-[var(--zui-speech-synthesizer-active-ring-dark,var(--zui-color-green-dark,#22c55e))]\",\n  \"ring-offset-2\",\n  \"animate-pulse\",\n] as const;\n\nexport const zuiSpeechSynthesizerTextBase = [\n  \"text-[color:var(--zui-speech-synthesizer-text-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-speech-synthesizer-text-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n  \"text-sm\",\n  \"leading-relaxed\",\n] as const;\n\nexport const zuiSpeechSynthesizerControlsBase = [\n  \"inline-flex items-center gap-2\",\n] as const;\n\nexport const zuiSpeechSynthesizerProgressBase = [\n  \"relative w-full h-1 overflow-hidden rounded-full\",\n  \"bg-[var(--zui-speech-synthesizer-track-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-speech-synthesizer-track-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))]\",\n] as const;\n\nexport const zuiSpeechSynthesizerProgressBarBase = [\n  \"h-full rounded-full\",\n  \"bg-[var(--zui-synth-btn-bg,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:bg-[var(--zui-synth-btn-bg,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))]\",\n  \"transition-all duration-300\",\n] as const;\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