@zentauri-ui/zentauri-components 2.2.1 → 2.3.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +11 -8
- package/cli/props.json +437 -0
- package/cli/registry.json +9 -0
- package/dist/{chunk-NW5BSLR2.js → chunk-AARJLZXP.js} +6 -6
- package/dist/{chunk-NW5BSLR2.js.map → chunk-AARJLZXP.js.map} +1 -1
- package/dist/chunk-ATE5SCTR.mjs +39 -0
- package/dist/chunk-ATE5SCTR.mjs.map +1 -0
- package/dist/{chunk-YSQW56JX.mjs → chunk-BFHJF4MV.mjs} +4 -4
- package/dist/{chunk-YSQW56JX.mjs.map → chunk-BFHJF4MV.mjs.map} +1 -1
- package/dist/chunk-DIAA5VH4.mjs +64 -0
- package/dist/chunk-DIAA5VH4.mjs.map +1 -0
- package/dist/{chunk-DUH2YLH2.js → chunk-DSX6RUYI.js} +12 -12
- package/dist/{chunk-DUH2YLH2.js.map → chunk-DSX6RUYI.js.map} +1 -1
- package/dist/chunk-ENKXB2BA.js +19 -0
- package/dist/{chunk-YBKNXDZU.js.map → chunk-ENKXB2BA.js.map} +1 -1
- package/dist/chunk-EZNR7VLJ.js +65 -0
- package/dist/chunk-EZNR7VLJ.js.map +1 -0
- package/dist/chunk-H3BJOK22.js +74 -0
- package/dist/chunk-H3BJOK22.js.map +1 -0
- package/dist/{chunk-45ZHGDT2.mjs → chunk-JKKF5DCF.mjs} +3 -3
- package/dist/{chunk-45ZHGDT2.mjs.map → chunk-JKKF5DCF.mjs.map} +1 -1
- package/dist/chunk-PQ2XTY3M.js +44 -0
- package/dist/chunk-PQ2XTY3M.js.map +1 -0
- package/dist/chunk-RDYR4DHG.mjs +62 -0
- package/dist/chunk-RDYR4DHG.mjs.map +1 -0
- package/dist/chunk-RWF3NVZP.mjs +29 -0
- package/dist/chunk-RWF3NVZP.mjs.map +1 -0
- package/dist/{chunk-Z4Y5IPR3.mjs → chunk-WZY32L6K.mjs} +3 -3
- package/dist/{chunk-Z4Y5IPR3.mjs.map → chunk-WZY32L6K.mjs.map} +1 -1
- package/dist/chunk-YRQN3AV4.js +38 -0
- package/dist/chunk-YRQN3AV4.js.map +1 -0
- package/dist/{chunk-UJZ7JQBQ.js → chunk-YY7G4NV3.js} +25 -6
- package/dist/chunk-YY7G4NV3.js.map +1 -0
- package/dist/{chunk-5HLEHSPM.mjs → chunk-ZB6C6CJQ.mjs} +25 -6
- package/dist/chunk-ZB6C6CJQ.mjs.map +1 -0
- package/dist/design-system/facade.js +8 -6
- package/dist/design-system/facade.js.map +1 -1
- package/dist/design-system/facade.mjs +7 -5
- package/dist/design-system/facade.mjs.map +1 -1
- package/dist/design-system/hash-generator.d.ts +15 -0
- package/dist/design-system/hash-generator.d.ts.map +1 -0
- package/dist/design-system/index.d.ts +2 -0
- package/dist/design-system/index.d.ts.map +1 -1
- package/dist/design-system/secret-reveal.d.ts +57 -0
- package/dist/design-system/secret-reveal.d.ts.map +1 -0
- package/dist/hooks/index.d.ts +1 -0
- package/dist/hooks/index.d.ts.map +1 -1
- package/dist/hooks/useHash/index.d.ts +2 -0
- package/dist/hooks/useHash/index.d.ts.map +1 -0
- package/dist/hooks/useHash/useHash.d.ts +20 -0
- package/dist/hooks/useHash/useHash.d.ts.map +1 -0
- package/dist/hooks/useHash.js +18 -0
- package/dist/hooks/useHash.js.map +1 -0
- package/dist/hooks/useHash.mjs +5 -0
- package/dist/hooks/useHash.mjs.map +1 -0
- package/dist/ui/buttons/animated.js +10 -8
- package/dist/ui/buttons/animated.js.map +1 -1
- package/dist/ui/buttons/animated.mjs +8 -6
- package/dist/ui/buttons/animated.mjs.map +1 -1
- package/dist/ui/buttons.js +11 -9
- package/dist/ui/buttons.mjs +9 -7
- package/dist/ui/data-table.js +21 -19
- package/dist/ui/data-table.js.map +1 -1
- package/dist/ui/data-table.mjs +11 -9
- package/dist/ui/data-table.mjs.map +1 -1
- package/dist/ui/dynamic-stepper.js +20 -18
- package/dist/ui/dynamic-stepper.js.map +1 -1
- package/dist/ui/dynamic-stepper.mjs +9 -7
- package/dist/ui/dynamic-stepper.mjs.map +1 -1
- package/dist/ui/hash-generator/hash-generator-base.d.ts +6 -0
- package/dist/ui/hash-generator/hash-generator-base.d.ts.map +1 -0
- package/dist/ui/hash-generator/hash-generator.d.ts +2 -0
- package/dist/ui/hash-generator/hash-generator.d.ts.map +1 -0
- package/dist/ui/hash-generator/index.d.ts +5 -0
- package/dist/ui/hash-generator/index.d.ts.map +1 -0
- package/dist/ui/hash-generator/types.d.ts +17 -0
- package/dist/ui/hash-generator/types.d.ts.map +1 -0
- package/dist/ui/hash-generator/variants.d.ts +10 -0
- package/dist/ui/hash-generator/variants.d.ts.map +1 -0
- package/dist/ui/hash-generator.js +126 -0
- package/dist/ui/hash-generator.js.map +1 -0
- package/dist/ui/hash-generator.mjs +117 -0
- package/dist/ui/hash-generator.mjs.map +1 -0
- package/dist/ui/pagination.js +12 -10
- package/dist/ui/pagination.mjs +9 -7
- package/dist/ui/secret-reveal/animated/animations.d.ts +8 -0
- package/dist/ui/secret-reveal/animated/animations.d.ts.map +1 -0
- package/dist/ui/secret-reveal/animated/index.d.ts +4 -0
- package/dist/ui/secret-reveal/animated/index.d.ts.map +1 -0
- package/dist/ui/secret-reveal/animated/secret-reveal-animated.d.ts +6 -0
- package/dist/ui/secret-reveal/animated/secret-reveal-animated.d.ts.map +1 -0
- package/dist/ui/secret-reveal/animated/types.d.ts +9 -0
- package/dist/ui/secret-reveal/animated/types.d.ts.map +1 -0
- package/dist/ui/secret-reveal/animated.js +194 -0
- package/dist/ui/secret-reveal/animated.js.map +1 -0
- package/dist/ui/secret-reveal/animated.mjs +191 -0
- package/dist/ui/secret-reveal/animated.mjs.map +1 -0
- package/dist/ui/secret-reveal/index.d.ts +4 -0
- package/dist/ui/secret-reveal/index.d.ts.map +1 -0
- package/dist/ui/secret-reveal/secret-reveal-base.d.ts +6 -0
- package/dist/ui/secret-reveal/secret-reveal-base.d.ts.map +1 -0
- package/dist/ui/secret-reveal/secret-reveal.d.ts +2 -0
- package/dist/ui/secret-reveal/secret-reveal.d.ts.map +1 -0
- package/dist/ui/secret-reveal/types.d.ts +15 -0
- package/dist/ui/secret-reveal/types.d.ts.map +1 -0
- package/dist/ui/secret-reveal/variants.d.ts +15 -0
- package/dist/ui/secret-reveal/variants.d.ts.map +1 -0
- package/dist/ui/secret-reveal.js +136 -0
- package/dist/ui/secret-reveal.js.map +1 -0
- package/dist/ui/secret-reveal.mjs +119 -0
- package/dist/ui/secret-reveal.mjs.map +1 -0
- package/dist/ui/split-button.js +22 -20
- package/dist/ui/split-button.js.map +1 -1
- package/dist/ui/split-button.mjs +9 -7
- package/dist/ui/split-button.mjs.map +1 -1
- package/package.json +1 -1
- package/src/design-system/hash-generator.ts +34 -0
- package/src/design-system/index.ts +2 -0
- package/src/design-system/secret-reveal.ts +75 -0
- package/src/hooks/index.ts +6 -0
- package/src/hooks/useHash/index.ts +6 -0
- package/src/hooks/useHash/useHash.test.ts +77 -0
- package/src/hooks/useHash/useHash.ts +89 -0
- package/src/ui/hash-generator/hash-generator-base.tsx +106 -0
- package/src/ui/hash-generator/hash-generator.test.tsx +73 -0
- package/src/ui/hash-generator/hash-generator.tsx +1 -0
- package/src/ui/hash-generator/index.ts +18 -0
- package/src/ui/hash-generator/types.ts +29 -0
- package/src/ui/hash-generator/variants.ts +31 -0
- package/src/ui/secret-reveal/animated/animations.ts +74 -0
- package/src/ui/secret-reveal/animated/index.ts +5 -0
- package/src/ui/secret-reveal/animated/secret-reveal-animated.tsx +132 -0
- package/src/ui/secret-reveal/animated/types.ts +11 -0
- package/src/ui/secret-reveal/index.ts +14 -0
- package/src/ui/secret-reveal/secret-reveal-base.tsx +116 -0
- package/src/ui/secret-reveal/secret-reveal.test.tsx +75 -0
- package/src/ui/secret-reveal/secret-reveal.tsx +2 -0
- package/src/ui/secret-reveal/types.ts +21 -0
- package/src/ui/secret-reveal/variants.ts +49 -0
- package/dist/chunk-5HLEHSPM.mjs.map +0 -1
- package/dist/chunk-UJZ7JQBQ.js.map +0 -1
- package/dist/chunk-YBKNXDZU.js +0 -19
|
@@ -0,0 +1 @@
|
|
|
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-H3BJOK22.js","sourcesContent":["export const zuiSecretRevealContainerBase =\n \"inline-flex items-center gap-2 rounded-xl border px-3 py-2\";\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"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { buttonVariants } from './chunk-
|
|
1
|
+
import { buttonVariants } from './chunk-WZY32L6K.mjs';
|
|
2
2
|
import { cn } from './chunk-4D54YOL6.mjs';
|
|
3
3
|
import { isValidElement, cloneElement } from 'react';
|
|
4
4
|
import { jsx } from 'react/jsx-runtime';
|
|
@@ -97,5 +97,5 @@ var Button = (props) => {
|
|
|
97
97
|
Button.displayName = "Button";
|
|
98
98
|
|
|
99
99
|
export { Button };
|
|
100
|
-
//# sourceMappingURL=chunk-
|
|
101
|
-
//# sourceMappingURL=chunk-
|
|
100
|
+
//# sourceMappingURL=chunk-JKKF5DCF.mjs.map
|
|
101
|
+
//# sourceMappingURL=chunk-JKKF5DCF.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","rest","ref","jsx"],"mappings":"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","file":"chunk-
|
|
1
|
+
{"version":3,"sources":["../src/ui/buttons/button-base.tsx","../src/ui/buttons/button.tsx"],"names":["className","appearance","size","children","rest","ref","jsx"],"mappings":"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","file":"chunk-JKKF5DCF.mjs","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"]}
|
|
@@ -0,0 +1,44 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkH3BJOK22_js = require('./chunk-H3BJOK22.js');
|
|
4
|
+
var classVarianceAuthority = require('class-variance-authority');
|
|
5
|
+
|
|
6
|
+
var secretRevealVariants = classVarianceAuthority.cva(chunkH3BJOK22_js.zuiSecretRevealContainerBase, {
|
|
7
|
+
variants: {
|
|
8
|
+
appearance: chunkH3BJOK22_js.zuiSecretRevealAppearances,
|
|
9
|
+
size: chunkH3BJOK22_js.zuiSecretRevealSizes
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: {
|
|
12
|
+
appearance: "default",
|
|
13
|
+
size: "md"
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
var secretRevealLabelVariants = classVarianceAuthority.cva(chunkH3BJOK22_js.zuiSecretRevealLabelBase, {
|
|
17
|
+
variants: {
|
|
18
|
+
size: chunkH3BJOK22_js.zuiSecretRevealLabelSizes
|
|
19
|
+
},
|
|
20
|
+
defaultVariants: { size: "md" }
|
|
21
|
+
});
|
|
22
|
+
var secretRevealValueVariants = classVarianceAuthority.cva(chunkH3BJOK22_js.zuiSecretRevealValueBase, {
|
|
23
|
+
variants: {
|
|
24
|
+
size: chunkH3BJOK22_js.zuiSecretRevealValueSizes
|
|
25
|
+
},
|
|
26
|
+
defaultVariants: { size: "md" }
|
|
27
|
+
});
|
|
28
|
+
var secretRevealToggleVariants = classVarianceAuthority.cva(chunkH3BJOK22_js.zuiSecretRevealToggleBase, {
|
|
29
|
+
variants: {
|
|
30
|
+
size: chunkH3BJOK22_js.zuiSecretRevealToggleSizes,
|
|
31
|
+
appearance: chunkH3BJOK22_js.zuiSecretRevealAppearances
|
|
32
|
+
},
|
|
33
|
+
defaultVariants: {
|
|
34
|
+
size: "md",
|
|
35
|
+
appearance: "default"
|
|
36
|
+
}
|
|
37
|
+
});
|
|
38
|
+
|
|
39
|
+
exports.secretRevealLabelVariants = secretRevealLabelVariants;
|
|
40
|
+
exports.secretRevealToggleVariants = secretRevealToggleVariants;
|
|
41
|
+
exports.secretRevealValueVariants = secretRevealValueVariants;
|
|
42
|
+
exports.secretRevealVariants = secretRevealVariants;
|
|
43
|
+
//# sourceMappingURL=chunk-PQ2XTY3M.js.map
|
|
44
|
+
//# sourceMappingURL=chunk-PQ2XTY3M.js.map
|
|
@@ -0,0 +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"]}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { useState, useRef, useEffect, useCallback } from 'react';
|
|
2
|
+
|
|
3
|
+
// src/hooks/useHash/useHash.ts
|
|
4
|
+
var ALGORITHM_LABELS = {
|
|
5
|
+
sha1: "SHA-1",
|
|
6
|
+
sha256: "SHA-256",
|
|
7
|
+
sha384: "SHA-384",
|
|
8
|
+
sha512: "SHA-512"
|
|
9
|
+
};
|
|
10
|
+
async function computeHash(algorithm, input) {
|
|
11
|
+
if (typeof crypto === "undefined" || !crypto.subtle) {
|
|
12
|
+
throw new Error("Web Crypto API is not supported in this environment.");
|
|
13
|
+
}
|
|
14
|
+
const encoder = new TextEncoder();
|
|
15
|
+
const data = encoder.encode(input);
|
|
16
|
+
const hashBuffer = await crypto.subtle.digest(
|
|
17
|
+
algorithm.toUpperCase().replace("SHA", "SHA-"),
|
|
18
|
+
data
|
|
19
|
+
);
|
|
20
|
+
const hashArray = Array.from(new Uint8Array(hashBuffer));
|
|
21
|
+
return hashArray.map((b) => b.toString(16).padStart(2, "0")).join("");
|
|
22
|
+
}
|
|
23
|
+
function useHash(input, algorithm = "sha256") {
|
|
24
|
+
const [hash, setHash] = useState("");
|
|
25
|
+
const [isHashing, setIsHashing] = useState(false);
|
|
26
|
+
const [error, setError] = useState(void 0);
|
|
27
|
+
const [trigger, setTrigger] = useState(0);
|
|
28
|
+
const nonceRef = useRef(0);
|
|
29
|
+
useEffect(() => {
|
|
30
|
+
if (!input) {
|
|
31
|
+
setHash("");
|
|
32
|
+
setIsHashing(false);
|
|
33
|
+
setError(void 0);
|
|
34
|
+
return;
|
|
35
|
+
}
|
|
36
|
+
const nonce = ++nonceRef.current;
|
|
37
|
+
setIsHashing(true);
|
|
38
|
+
setError(void 0);
|
|
39
|
+
computeHash(algorithm, input).then(
|
|
40
|
+
(result) => {
|
|
41
|
+
if (nonce === nonceRef.current) {
|
|
42
|
+
setHash(result);
|
|
43
|
+
setIsHashing(false);
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
(err) => {
|
|
47
|
+
if (nonce === nonceRef.current) {
|
|
48
|
+
setError(err instanceof Error ? err : new Error(String(err)));
|
|
49
|
+
setIsHashing(false);
|
|
50
|
+
}
|
|
51
|
+
}
|
|
52
|
+
);
|
|
53
|
+
}, [algorithm, input, trigger]);
|
|
54
|
+
const recompute = useCallback(() => {
|
|
55
|
+
setTrigger((prev) => prev + 1);
|
|
56
|
+
}, []);
|
|
57
|
+
return { hash, isHashing, error, recompute };
|
|
58
|
+
}
|
|
59
|
+
|
|
60
|
+
export { ALGORITHM_LABELS, useHash };
|
|
61
|
+
//# sourceMappingURL=chunk-RDYR4DHG.mjs.map
|
|
62
|
+
//# sourceMappingURL=chunk-RDYR4DHG.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/hooks/useHash/useHash.ts"],"names":[],"mappings":";;;AAMO,IAAM,gBAAA,GAA2D;AAAA,EACtE,IAAA,EAAM,OAAA;AAAA,EACN,MAAA,EAAQ,SAAA;AAAA,EACR,MAAA,EAAQ,SAAA;AAAA,EACR,MAAA,EAAQ;AACV;AAEA,eAAe,WAAA,CACb,WACA,KAAA,EACiB;AACjB,EAAA,IAAI,OAAO,MAAA,KAAW,WAAA,IAAe,CAAC,OAAO,MAAA,EAAQ;AACnD,IAAA,MAAM,IAAI,MAAM,sDAAsD,CAAA;AAAA,EACxE;AACA,EAAA,MAAM,OAAA,GAAU,IAAI,WAAA,EAAY;AAChC,EAAA,MAAM,IAAA,GAAO,OAAA,CAAQ,MAAA,CAAO,KAAK,CAAA;AACjC,EAAA,MAAM,UAAA,GAAa,MAAM,MAAA,CAAO,MAAA,CAAO,MAAA;AAAA,IACrC,SAAA,CAAU,WAAA,EAAY,CAAE,OAAA,CAAQ,OAAO,MAAM,CAAA;AAAA,IAC7C;AAAA,GACF;AACA,EAAA,MAAM,YAAY,KAAA,CAAM,IAAA,CAAK,IAAI,UAAA,CAAW,UAAU,CAAC,CAAA;AACvD,EAAA,OAAO,SAAA,CAAU,GAAA,CAAI,CAAC,CAAA,KAAM,EAAE,QAAA,CAAS,EAAE,CAAA,CAAE,QAAA,CAAS,CAAA,EAAG,GAAG,CAAC,CAAA,CAAE,KAAK,EAAE,CAAA;AACtE;AAmBO,SAAS,OAAA,CACd,KAAA,EACA,SAAA,GAAoC,QAAA,EACrB;AACf,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,EAAE,CAAA;AACnC,EAAA,MAAM,CAAC,SAAA,EAAW,YAAY,CAAA,GAAI,SAAS,KAAK,CAAA;AAChD,EAAA,MAAM,CAAC,KAAA,EAAO,QAAQ,CAAA,GAAI,SAA4B,MAAS,CAAA;AAC/D,EAAA,MAAM,CAAC,OAAA,EAAS,UAAU,CAAA,GAAI,SAAS,CAAC,CAAA;AACxC,EAAA,MAAM,QAAA,GAAW,OAAO,CAAC,CAAA;AAEzB,EAAA,SAAA,CAAU,MAAM;AACd,IAAA,IAAI,CAAC,KAAA,EAAO;AACV,MAAA,OAAA,CAAQ,EAAE,CAAA;AACV,MAAA,YAAA,CAAa,KAAK,CAAA;AAClB,MAAA,QAAA,CAAS,MAAS,CAAA;AAClB,MAAA;AAAA,IACF;AACA,IAAA,MAAM,KAAA,GAAQ,EAAE,QAAA,CAAS,OAAA;AACzB,IAAA,YAAA,CAAa,IAAI,CAAA;AACjB,IAAA,QAAA,CAAS,MAAS,CAAA;AAClB,IAAA,WAAA,CAAY,SAAA,EAAW,KAAK,CAAA,CAAE,IAAA;AAAA,MAC5B,CAAC,MAAA,KAAW;AACV,QAAA,IAAI,KAAA,KAAU,SAAS,OAAA,EAAS;AAC9B,UAAA,OAAA,CAAQ,MAAM,CAAA;AACd,UAAA,YAAA,CAAa,KAAK,CAAA;AAAA,QACpB;AAAA,MACF,CAAA;AAAA,MACA,CAAC,GAAA,KAAQ;AACP,QAAA,IAAI,KAAA,KAAU,SAAS,OAAA,EAAS;AAC9B,UAAA,QAAA,CAAS,GAAA,YAAe,QAAQ,GAAA,GAAM,IAAI,MAAM,MAAA,CAAO,GAAG,CAAC,CAAC,CAAA;AAC5D,UAAA,YAAA,CAAa,KAAK,CAAA;AAAA,QACpB;AAAA,MACF;AAAA,KACF;AAAA,EACF,CAAA,EAAG,CAAC,SAAA,EAAW,KAAA,EAAO,OAAO,CAAC,CAAA;AAE9B,EAAA,MAAM,SAAA,GAAY,YAAY,MAAM;AAClC,IAAA,UAAA,CAAW,CAAC,IAAA,KAAS,IAAA,GAAO,CAAC,CAAA;AAAA,EAC/B,CAAA,EAAG,EAAE,CAAA;AAEL,EAAA,OAAO,EAAE,IAAA,EAAM,SAAA,EAAW,KAAA,EAAO,SAAA,EAAU;AAC7C","file":"chunk-RDYR4DHG.mjs","sourcesContent":["\"use client\";\n\nimport { useCallback, useEffect, useRef, useState } from \"react\";\n\nexport type HashGeneratorAlgorithm = \"sha1\" | \"sha256\" | \"sha384\" | \"sha512\";\n\nexport const ALGORITHM_LABELS: Record<HashGeneratorAlgorithm, string> = {\n sha1: \"SHA-1\",\n sha256: \"SHA-256\",\n sha384: \"SHA-384\",\n sha512: \"SHA-512\",\n};\n\nasync function computeHash(\n algorithm: HashGeneratorAlgorithm,\n input: string,\n): Promise<string> {\n if (typeof crypto === \"undefined\" || !crypto.subtle) {\n throw new Error(\"Web Crypto API is not supported in this environment.\");\n }\n const encoder = new TextEncoder();\n const data = encoder.encode(input);\n const hashBuffer = await crypto.subtle.digest(\n algorithm.toUpperCase().replace(\"SHA\", \"SHA-\") as AlgorithmIdentifier,\n data,\n );\n const hashArray = Array.from(new Uint8Array(hashBuffer));\n return hashArray.map((b) => b.toString(16).padStart(2, \"0\")).join(\"\");\n}\n\nexport type UseHashResult = {\n hash: string;\n isHashing: boolean;\n error: Error | undefined;\n recompute: () => void;\n};\n\n/**\n * Computes a cryptographic hash of `input` using the Web Crypto API.\n *\n * Automatically recomputes whenever `input` or `algorithm` changes.\n * Returns `{ hash, isHashing, error, recompute }` for rendering.\n *\n * @param input - The string to hash.\n * @param algorithm - Hash algorithm (default `\"sha256\"`).\n * @returns `{ hash, isHashing, error, recompute }`\n */\nexport function useHash(\n input: string,\n algorithm: HashGeneratorAlgorithm = \"sha256\",\n): UseHashResult {\n const [hash, setHash] = useState(\"\");\n const [isHashing, setIsHashing] = useState(false);\n const [error, setError] = useState<Error | undefined>(undefined);\n const [trigger, setTrigger] = useState(0);\n const nonceRef = useRef(0);\n\n useEffect(() => {\n if (!input) {\n setHash(\"\");\n setIsHashing(false);\n setError(undefined);\n return;\n }\n const nonce = ++nonceRef.current;\n setIsHashing(true);\n setError(undefined);\n computeHash(algorithm, input).then(\n (result) => {\n if (nonce === nonceRef.current) {\n setHash(result);\n setIsHashing(false);\n }\n },\n (err) => {\n if (nonce === nonceRef.current) {\n setError(err instanceof Error ? err : new Error(String(err)));\n setIsHashing(false);\n }\n },\n );\n }, [algorithm, input, trigger]);\n\n const recompute = useCallback(() => {\n setTrigger((prev) => prev + 1);\n }, []);\n\n return { hash, isHashing, error, recompute };\n}\n"]}
|
|
@@ -0,0 +1,29 @@
|
|
|
1
|
+
// src/design-system/hash-generator.ts
|
|
2
|
+
var zuiHashGeneratorBase = [
|
|
3
|
+
"rounded-lg border border-[color:var(--zui-hash-generator-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-hash-generator-border-dark,var(--zui-border-dark,#ffffff1a))]",
|
|
4
|
+
"bg-[var(--zui-hash-generator-bg,var(--zui-surface,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-hash-generator-bg-dark,var(--zui-surface-dark,oklch(12.9%_0.042_264.695)))]",
|
|
5
|
+
"text-[color:var(--zui-hash-generator-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-hash-generator-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]"
|
|
6
|
+
];
|
|
7
|
+
var zuiHashGeneratorHeaderBase = "flex items-center justify-between border-b border-[color:var(--zui-hash-generator-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-hash-generator-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-hash-generator-header-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:bg-[var(--zui-hash-generator-header-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))] px-4 py-2";
|
|
8
|
+
var zuiHashGeneratorLabelBase = "text-xs font-medium text-[color:var(--zui-hash-generator-label-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-hash-generator-label-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))]";
|
|
9
|
+
var zuiHashGeneratorInputBase = [
|
|
10
|
+
"w-full bg-transparent px-4 py-3 text-sm outline-none placeholder:text-[color:var(--zui-hash-generator-placeholder,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:placeholder:text-[color:var(--zui-hash-generator-placeholder-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))]",
|
|
11
|
+
"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--zui-hash-generator-ring-focus,var(--zui-focus-ring,#0000004d))] dark:focus-visible:ring-[var(--zui-hash-generator-ring-focus-dark,var(--zui-focus-ring-dark,#ffffff4d))]"
|
|
12
|
+
];
|
|
13
|
+
var zuiHashGeneratorOutputBase = [
|
|
14
|
+
"relative border-t border-[color:var(--zui-hash-generator-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-hash-generator-border-dark,var(--zui-border-dark,#ffffff1a))]",
|
|
15
|
+
"bg-[var(--zui-hash-generator-output-bg,oklch(96.8%_0.007_247.896))] dark:bg-[var(--zui-hash-generator-output-bg-dark,oklch(18.5%_0.037_264.653))]"
|
|
16
|
+
];
|
|
17
|
+
var zuiHashGeneratorOutputTextBase = "font-mono text-xs break-all px-4 py-3 text-[color:var(--zui-hash-generator-output-fg,var(--zui-brand-fg,oklch(44.6%_0.043_257.281)))] dark:text-[color:var(--zui-hash-generator-output-fg-dark,var(--zui-brand-fg-dark,oklch(86.9%_0.022_252.894)))]";
|
|
18
|
+
var zuiHashGeneratorSizes = {
|
|
19
|
+
sm: "",
|
|
20
|
+
md: "",
|
|
21
|
+
lg: ""
|
|
22
|
+
};
|
|
23
|
+
var zuiHashGeneratorAppearances = {
|
|
24
|
+
default: ""
|
|
25
|
+
};
|
|
26
|
+
|
|
27
|
+
export { zuiHashGeneratorAppearances, zuiHashGeneratorBase, zuiHashGeneratorHeaderBase, zuiHashGeneratorInputBase, zuiHashGeneratorLabelBase, zuiHashGeneratorOutputBase, zuiHashGeneratorOutputTextBase, zuiHashGeneratorSizes };
|
|
28
|
+
//# sourceMappingURL=chunk-RWF3NVZP.mjs.map
|
|
29
|
+
//# sourceMappingURL=chunk-RWF3NVZP.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/design-system/hash-generator.ts"],"names":[],"mappings":";AAAO,IAAM,oBAAA,GAAuB;AAAA,EAClC,0LAAA;AAAA,EACA,gLAAA;AAAA,EACA;AACF;AAEO,IAAM,0BAAA,GACX;AAEK,IAAM,yBAAA,GACX;AAEK,IAAM,yBAAA,GAA4B;AAAA,EACvC,iSAAA;AAAA,EACA;AACF;AAEO,IAAM,0BAAA,GAA6B;AAAA,EACxC,0LAAA;AAAA,EACA;AACF;AAEO,IAAM,8BAAA,GACX;AAEK,IAAM,qBAAA,GAAwB;AAAA,EACnC,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,2BAAA,GAA8B;AAAA,EACzC,OAAA,EAAS;AACX","file":"chunk-RWF3NVZP.mjs","sourcesContent":["export const zuiHashGeneratorBase = [\n \"rounded-lg border border-[color:var(--zui-hash-generator-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-hash-generator-border-dark,var(--zui-border-dark,#ffffff1a))]\",\n \"bg-[var(--zui-hash-generator-bg,var(--zui-surface,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-hash-generator-bg-dark,var(--zui-surface-dark,oklch(12.9%_0.042_264.695)))]\",\n \"text-[color:var(--zui-hash-generator-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-hash-generator-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n] as const;\n\nexport const zuiHashGeneratorHeaderBase =\n \"flex items-center justify-between border-b border-[color:var(--zui-hash-generator-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-hash-generator-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-hash-generator-header-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:bg-[var(--zui-hash-generator-header-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))] px-4 py-2\";\n\nexport const zuiHashGeneratorLabelBase =\n \"text-xs font-medium text-[color:var(--zui-hash-generator-label-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-hash-generator-label-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))]\";\n\nexport const zuiHashGeneratorInputBase = [\n \"w-full bg-transparent px-4 py-3 text-sm outline-none placeholder:text-[color:var(--zui-hash-generator-placeholder,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:placeholder:text-[color:var(--zui-hash-generator-placeholder-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))]\",\n \"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--zui-hash-generator-ring-focus,var(--zui-focus-ring,#0000004d))] dark:focus-visible:ring-[var(--zui-hash-generator-ring-focus-dark,var(--zui-focus-ring-dark,#ffffff4d))]\",\n] as const;\n\nexport const zuiHashGeneratorOutputBase = [\n \"relative border-t border-[color:var(--zui-hash-generator-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-hash-generator-border-dark,var(--zui-border-dark,#ffffff1a))]\",\n \"bg-[var(--zui-hash-generator-output-bg,oklch(96.8%_0.007_247.896))] dark:bg-[var(--zui-hash-generator-output-bg-dark,oklch(18.5%_0.037_264.653))]\",\n] as const;\n\nexport const zuiHashGeneratorOutputTextBase =\n \"font-mono text-xs break-all px-4 py-3 text-[color:var(--zui-hash-generator-output-fg,var(--zui-brand-fg,oklch(44.6%_0.043_257.281)))] dark:text-[color:var(--zui-hash-generator-output-fg-dark,var(--zui-brand-fg-dark,oklch(86.9%_0.022_252.894)))]\";\n\nexport const zuiHashGeneratorSizes = {\n sm: \"\",\n md: \"\",\n lg: \"\",\n} as const;\n\nexport const zuiHashGeneratorAppearances = {\n default: \"\",\n} as const;\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { zuiButtonBase, zuiButtonSizes, zuiButtonAppearances } from './chunk-
|
|
1
|
+
import { zuiButtonBase, zuiButtonSizes, zuiButtonAppearances } from './chunk-ZB6C6CJQ.mjs';
|
|
2
2
|
import { cva } from 'class-variance-authority';
|
|
3
3
|
|
|
4
4
|
var buttonVariants = cva(zuiButtonBase, {
|
|
@@ -13,5 +13,5 @@ var buttonVariants = cva(zuiButtonBase, {
|
|
|
13
13
|
});
|
|
14
14
|
|
|
15
15
|
export { buttonVariants };
|
|
16
|
-
//# sourceMappingURL=chunk-
|
|
17
|
-
//# sourceMappingURL=chunk-
|
|
16
|
+
//# sourceMappingURL=chunk-WZY32L6K.mjs.map
|
|
17
|
+
//# sourceMappingURL=chunk-WZY32L6K.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":[],"mappings":";;;AAQO,IAAM,cAAA,GAAiB,IAAI,aAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,oBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-
|
|
1
|
+
{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":[],"mappings":";;;AAQO,IAAM,cAAA,GAAiB,IAAI,aAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,oBAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-WZY32L6K.mjs","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"]}
|
|
@@ -0,0 +1,38 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
// src/design-system/hash-generator.ts
|
|
4
|
+
var zuiHashGeneratorBase = [
|
|
5
|
+
"rounded-lg border border-[color:var(--zui-hash-generator-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-hash-generator-border-dark,var(--zui-border-dark,#ffffff1a))]",
|
|
6
|
+
"bg-[var(--zui-hash-generator-bg,var(--zui-surface,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-hash-generator-bg-dark,var(--zui-surface-dark,oklch(12.9%_0.042_264.695)))]",
|
|
7
|
+
"text-[color:var(--zui-hash-generator-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-hash-generator-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]"
|
|
8
|
+
];
|
|
9
|
+
var zuiHashGeneratorHeaderBase = "flex items-center justify-between border-b border-[color:var(--zui-hash-generator-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-hash-generator-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-hash-generator-header-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:bg-[var(--zui-hash-generator-header-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))] px-4 py-2";
|
|
10
|
+
var zuiHashGeneratorLabelBase = "text-xs font-medium text-[color:var(--zui-hash-generator-label-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-hash-generator-label-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))]";
|
|
11
|
+
var zuiHashGeneratorInputBase = [
|
|
12
|
+
"w-full bg-transparent px-4 py-3 text-sm outline-none placeholder:text-[color:var(--zui-hash-generator-placeholder,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:placeholder:text-[color:var(--zui-hash-generator-placeholder-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))]",
|
|
13
|
+
"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--zui-hash-generator-ring-focus,var(--zui-focus-ring,#0000004d))] dark:focus-visible:ring-[var(--zui-hash-generator-ring-focus-dark,var(--zui-focus-ring-dark,#ffffff4d))]"
|
|
14
|
+
];
|
|
15
|
+
var zuiHashGeneratorOutputBase = [
|
|
16
|
+
"relative border-t border-[color:var(--zui-hash-generator-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-hash-generator-border-dark,var(--zui-border-dark,#ffffff1a))]",
|
|
17
|
+
"bg-[var(--zui-hash-generator-output-bg,oklch(96.8%_0.007_247.896))] dark:bg-[var(--zui-hash-generator-output-bg-dark,oklch(18.5%_0.037_264.653))]"
|
|
18
|
+
];
|
|
19
|
+
var zuiHashGeneratorOutputTextBase = "font-mono text-xs break-all px-4 py-3 text-[color:var(--zui-hash-generator-output-fg,var(--zui-brand-fg,oklch(44.6%_0.043_257.281)))] dark:text-[color:var(--zui-hash-generator-output-fg-dark,var(--zui-brand-fg-dark,oklch(86.9%_0.022_252.894)))]";
|
|
20
|
+
var zuiHashGeneratorSizes = {
|
|
21
|
+
sm: "",
|
|
22
|
+
md: "",
|
|
23
|
+
lg: ""
|
|
24
|
+
};
|
|
25
|
+
var zuiHashGeneratorAppearances = {
|
|
26
|
+
default: ""
|
|
27
|
+
};
|
|
28
|
+
|
|
29
|
+
exports.zuiHashGeneratorAppearances = zuiHashGeneratorAppearances;
|
|
30
|
+
exports.zuiHashGeneratorBase = zuiHashGeneratorBase;
|
|
31
|
+
exports.zuiHashGeneratorHeaderBase = zuiHashGeneratorHeaderBase;
|
|
32
|
+
exports.zuiHashGeneratorInputBase = zuiHashGeneratorInputBase;
|
|
33
|
+
exports.zuiHashGeneratorLabelBase = zuiHashGeneratorLabelBase;
|
|
34
|
+
exports.zuiHashGeneratorOutputBase = zuiHashGeneratorOutputBase;
|
|
35
|
+
exports.zuiHashGeneratorOutputTextBase = zuiHashGeneratorOutputTextBase;
|
|
36
|
+
exports.zuiHashGeneratorSizes = zuiHashGeneratorSizes;
|
|
37
|
+
//# sourceMappingURL=chunk-YRQN3AV4.js.map
|
|
38
|
+
//# sourceMappingURL=chunk-YRQN3AV4.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/design-system/hash-generator.ts"],"names":[],"mappings":";;;AAAO,IAAM,oBAAA,GAAuB;AAAA,EAClC,0LAAA;AAAA,EACA,gLAAA;AAAA,EACA;AACF;AAEO,IAAM,0BAAA,GACX;AAEK,IAAM,yBAAA,GACX;AAEK,IAAM,yBAAA,GAA4B;AAAA,EACvC,iSAAA;AAAA,EACA;AACF;AAEO,IAAM,0BAAA,GAA6B;AAAA,EACxC,0LAAA;AAAA,EACA;AACF;AAEO,IAAM,8BAAA,GACX;AAEK,IAAM,qBAAA,GAAwB;AAAA,EACnC,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI,EAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,2BAAA,GAA8B;AAAA,EACzC,OAAA,EAAS;AACX","file":"chunk-YRQN3AV4.js","sourcesContent":["export const zuiHashGeneratorBase = [\n \"rounded-lg border border-[color:var(--zui-hash-generator-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-hash-generator-border-dark,var(--zui-border-dark,#ffffff1a))]\",\n \"bg-[var(--zui-hash-generator-bg,var(--zui-surface,oklch(98.4%_0.003_247.858)))] dark:bg-[var(--zui-hash-generator-bg-dark,var(--zui-surface-dark,oklch(12.9%_0.042_264.695)))]\",\n \"text-[color:var(--zui-hash-generator-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-hash-generator-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]\",\n] as const;\n\nexport const zuiHashGeneratorHeaderBase =\n \"flex items-center justify-between border-b border-[color:var(--zui-hash-generator-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-hash-generator-border-dark,var(--zui-border-dark,#ffffff1a))] bg-[var(--zui-hash-generator-header-bg,var(--zui-surface-muted,oklch(92.9%_0.013_255.508)))] dark:bg-[var(--zui-hash-generator-header-bg-dark,var(--zui-surface-muted-dark,oklch(27.9%_0.041_260.031)))] px-4 py-2\";\n\nexport const zuiHashGeneratorLabelBase =\n \"text-xs font-medium text-[color:var(--zui-hash-generator-label-fg,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:text-[color:var(--zui-hash-generator-label-fg-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))]\";\n\nexport const zuiHashGeneratorInputBase = [\n \"w-full bg-transparent px-4 py-3 text-sm outline-none placeholder:text-[color:var(--zui-hash-generator-placeholder,var(--zui-fg-muted,oklch(55.2%_0.046_257.417)))] dark:placeholder:text-[color:var(--zui-hash-generator-placeholder-dark,var(--zui-fg-muted-dark,oklch(70.8%_0.015_256.243)))]\",\n \"focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-[var(--zui-hash-generator-ring-focus,var(--zui-focus-ring,#0000004d))] dark:focus-visible:ring-[var(--zui-hash-generator-ring-focus-dark,var(--zui-focus-ring-dark,#ffffff4d))]\",\n] as const;\n\nexport const zuiHashGeneratorOutputBase = [\n \"relative border-t border-[color:var(--zui-hash-generator-border,var(--zui-border,#0000001a))] dark:border-[color:var(--zui-hash-generator-border-dark,var(--zui-border-dark,#ffffff1a))]\",\n \"bg-[var(--zui-hash-generator-output-bg,oklch(96.8%_0.007_247.896))] dark:bg-[var(--zui-hash-generator-output-bg-dark,oklch(18.5%_0.037_264.653))]\",\n] as const;\n\nexport const zuiHashGeneratorOutputTextBase =\n \"font-mono text-xs break-all px-4 py-3 text-[color:var(--zui-hash-generator-output-fg,var(--zui-brand-fg,oklch(44.6%_0.043_257.281)))] dark:text-[color:var(--zui-hash-generator-output-fg-dark,var(--zui-brand-fg-dark,oklch(86.9%_0.022_252.894)))]\";\n\nexport const zuiHashGeneratorSizes = {\n sm: \"\",\n md: \"\",\n lg: \"\",\n} as const;\n\nexport const zuiHashGeneratorAppearances = {\n default: \"\",\n} as const;\n"]}
|
|
@@ -1,29 +1,31 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
3
|
var chunkFBUY6K6S_js = require('./chunk-FBUY6K6S.js');
|
|
4
|
+
var chunkD7ATXPVI_js = require('./chunk-D7ATXPVI.js');
|
|
5
|
+
var chunkIEHY6KNM_js = require('./chunk-IEHY6KNM.js');
|
|
4
6
|
var chunkHNPGWFVY_js = require('./chunk-HNPGWFVY.js');
|
|
5
7
|
var chunk3MK7CWEX_js = require('./chunk-3MK7CWEX.js');
|
|
8
|
+
var chunk6KVTKYTB_js = require('./chunk-6KVTKYTB.js');
|
|
6
9
|
var chunkL7W4NRK6_js = require('./chunk-L7W4NRK6.js');
|
|
7
10
|
var chunkKWBGLH7G_js = require('./chunk-KWBGLH7G.js');
|
|
8
11
|
var chunkOH5VOGNW_js = require('./chunk-OH5VOGNW.js');
|
|
9
12
|
var chunkY7BU5RC4_js = require('./chunk-Y7BU5RC4.js');
|
|
10
13
|
var chunkNDF3HORF_js = require('./chunk-NDF3HORF.js');
|
|
11
14
|
var chunkUSLNTKVQ_js = require('./chunk-USLNTKVQ.js');
|
|
12
|
-
var
|
|
13
|
-
var chunkIEHY6KNM_js = require('./chunk-IEHY6KNM.js');
|
|
15
|
+
var chunkPZ25OHJE_js = require('./chunk-PZ25OHJE.js');
|
|
14
16
|
var chunkHOOZYA4N_js = require('./chunk-HOOZYA4N.js');
|
|
15
17
|
var chunkCJCOURVM_js = require('./chunk-CJCOURVM.js');
|
|
16
18
|
var chunk22FJROCI_js = require('./chunk-22FJROCI.js');
|
|
17
19
|
var chunkUJXFD4SK_js = require('./chunk-UJXFD4SK.js');
|
|
20
|
+
var chunkH3BJOK22_js = require('./chunk-H3BJOK22.js');
|
|
18
21
|
var chunk3EJCQXGV_js = require('./chunk-3EJCQXGV.js');
|
|
19
|
-
var
|
|
22
|
+
var chunkYRQN3AV4_js = require('./chunk-YRQN3AV4.js');
|
|
20
23
|
var chunkA7MU6SFI_js = require('./chunk-A7MU6SFI.js');
|
|
21
24
|
var chunkWGN2CBG6_js = require('./chunk-WGN2CBG6.js');
|
|
22
25
|
var chunkSRSRY5K2_js = require('./chunk-SRSRY5K2.js');
|
|
23
26
|
var chunkUG3GF2BD_js = require('./chunk-UG3GF2BD.js');
|
|
24
27
|
var chunkBZTAA3MK_js = require('./chunk-BZTAA3MK.js');
|
|
25
28
|
var chunk46HJFCP7_js = require('./chunk-46HJFCP7.js');
|
|
26
|
-
var chunkPZ25OHJE_js = require('./chunk-PZ25OHJE.js');
|
|
27
29
|
var chunk7DVECOO7_js = require('./chunk-7DVECOO7.js');
|
|
28
30
|
var chunkKJMW7S5X_js = require('./chunk-KJMW7S5X.js');
|
|
29
31
|
var chunk3CYJQ6KF_js = require('./chunk-3CYJQ6KF.js');
|
|
@@ -219,6 +221,14 @@ chunkPZ5AY32C_js.__export(design_system_exports, {
|
|
|
219
221
|
zuiFileUploadBase: () => chunkDYSXCJGL_js.zuiFileUploadBase,
|
|
220
222
|
zuiFocusRing: () => chunkYPYPWALR_js.zuiFocusRing,
|
|
221
223
|
zuiGlobalThemeTokens: () => chunkYPYPWALR_js.zuiGlobalThemeTokens,
|
|
224
|
+
zuiHashGeneratorAppearances: () => chunkYRQN3AV4_js.zuiHashGeneratorAppearances,
|
|
225
|
+
zuiHashGeneratorBase: () => chunkYRQN3AV4_js.zuiHashGeneratorBase,
|
|
226
|
+
zuiHashGeneratorHeaderBase: () => chunkYRQN3AV4_js.zuiHashGeneratorHeaderBase,
|
|
227
|
+
zuiHashGeneratorInputBase: () => chunkYRQN3AV4_js.zuiHashGeneratorInputBase,
|
|
228
|
+
zuiHashGeneratorLabelBase: () => chunkYRQN3AV4_js.zuiHashGeneratorLabelBase,
|
|
229
|
+
zuiHashGeneratorOutputBase: () => chunkYRQN3AV4_js.zuiHashGeneratorOutputBase,
|
|
230
|
+
zuiHashGeneratorOutputTextBase: () => chunkYRQN3AV4_js.zuiHashGeneratorOutputTextBase,
|
|
231
|
+
zuiHashGeneratorSizes: () => chunkYRQN3AV4_js.zuiHashGeneratorSizes,
|
|
222
232
|
zuiHeadingBase: () => chunk3MK7CWEX_js.zuiHeadingBase,
|
|
223
233
|
zuiHeadingLevels: () => chunk3MK7CWEX_js.zuiHeadingLevels,
|
|
224
234
|
zuiInputAppearances: () => chunkA7MU6SFI_js.zuiInputAppearances,
|
|
@@ -314,6 +324,15 @@ chunkPZ5AY32C_js.__export(design_system_exports, {
|
|
|
314
324
|
zuiScrollAreaShadows: () => chunkUJXFD4SK_js.zuiScrollAreaShadows,
|
|
315
325
|
zuiScrollAreaSizes: () => chunkUJXFD4SK_js.zuiScrollAreaSizes,
|
|
316
326
|
zuiScrollAreaVisibility: () => chunkUJXFD4SK_js.zuiScrollAreaVisibility,
|
|
327
|
+
zuiSecretRevealAppearances: () => chunkH3BJOK22_js.zuiSecretRevealAppearances,
|
|
328
|
+
zuiSecretRevealContainerBase: () => chunkH3BJOK22_js.zuiSecretRevealContainerBase,
|
|
329
|
+
zuiSecretRevealLabelBase: () => chunkH3BJOK22_js.zuiSecretRevealLabelBase,
|
|
330
|
+
zuiSecretRevealLabelSizes: () => chunkH3BJOK22_js.zuiSecretRevealLabelSizes,
|
|
331
|
+
zuiSecretRevealSizes: () => chunkH3BJOK22_js.zuiSecretRevealSizes,
|
|
332
|
+
zuiSecretRevealToggleBase: () => chunkH3BJOK22_js.zuiSecretRevealToggleBase,
|
|
333
|
+
zuiSecretRevealToggleSizes: () => chunkH3BJOK22_js.zuiSecretRevealToggleSizes,
|
|
334
|
+
zuiSecretRevealValueBase: () => chunkH3BJOK22_js.zuiSecretRevealValueBase,
|
|
335
|
+
zuiSecretRevealValueSizes: () => chunkH3BJOK22_js.zuiSecretRevealValueSizes,
|
|
317
336
|
zuiSelectContentAppearances: () => chunk3EJCQXGV_js.zuiSelectContentAppearances,
|
|
318
337
|
zuiSelectContentBase: () => chunk3EJCQXGV_js.zuiSelectContentBase,
|
|
319
338
|
zuiSelectDisabled: () => chunk3EJCQXGV_js.zuiSelectDisabled,
|
|
@@ -777,5 +796,5 @@ exports.zuiSplitButtonPrimary = zuiSplitButtonPrimary;
|
|
|
777
796
|
exports.zuiSplitButtonRoot = zuiSplitButtonRoot;
|
|
778
797
|
exports.zuiSplitButtonTrigger = zuiSplitButtonTrigger;
|
|
779
798
|
exports.zuiSplitButtonTriggerSizes = zuiSplitButtonTriggerSizes;
|
|
780
|
-
//# sourceMappingURL=chunk-
|
|
781
|
-
//# sourceMappingURL=chunk-
|
|
799
|
+
//# sourceMappingURL=chunk-YY7G4NV3.js.map
|
|
800
|
+
//# sourceMappingURL=chunk-YY7G4NV3.js.map
|