@zentauri-ui/zentauri-components 2.2.0 → 2.2.2
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 +9 -7
- package/cli/props.json +1495 -798
- package/cli/registry.json +12 -0
- package/dist/chunk-46HJFCP7.js +87 -0
- package/dist/chunk-46HJFCP7.js.map +1 -0
- package/dist/{chunk-EPJYLBXV.js → chunk-5I4GAURE.js} +6 -6
- package/dist/{chunk-EPJYLBXV.js.map → chunk-5I4GAURE.js.map} +1 -1
- package/dist/chunk-ATE5SCTR.mjs +39 -0
- package/dist/chunk-ATE5SCTR.mjs.map +1 -0
- package/dist/chunk-DIAA5VH4.mjs +64 -0
- package/dist/chunk-DIAA5VH4.mjs.map +1 -0
- package/dist/{chunk-AMNJ35TT.mjs → chunk-GFE6ZX5Y.mjs} +25 -6
- package/dist/chunk-GFE6ZX5Y.mjs.map +1 -0
- package/dist/chunk-H3BJOK22.js +74 -0
- package/dist/chunk-H3BJOK22.js.map +1 -0
- package/dist/chunk-HR6MGXNI.mjs +212 -0
- package/dist/chunk-HR6MGXNI.mjs.map +1 -0
- package/dist/chunk-ILPPXWR3.js +19 -0
- package/dist/{chunk-VQJXOJ7G.js.map → chunk-ILPPXWR3.js.map} +1 -1
- package/dist/{chunk-YTCVWOBC.js → chunk-IY72Z65Z.js} +12 -12
- package/dist/{chunk-YTCVWOBC.js.map → chunk-IY72Z65Z.js.map} +1 -1
- package/dist/chunk-LOEKM3FL.mjs +78 -0
- package/dist/chunk-LOEKM3FL.mjs.map +1 -0
- package/dist/{chunk-5XSW5JYA.mjs → chunk-N2G7IWHS.mjs} +4 -4
- package/dist/{chunk-5XSW5JYA.mjs.map → chunk-N2G7IWHS.mjs.map} +1 -1
- package/dist/{chunk-37KMH77M.mjs → chunk-NUV2I337.mjs} +3 -3
- package/dist/{chunk-37KMH77M.mjs.map → chunk-NUV2I337.mjs.map} +1 -1
- package/dist/chunk-PQ2XTY3M.js +44 -0
- package/dist/chunk-PQ2XTY3M.js.map +1 -0
- package/dist/{chunk-F3G3RL2N.js → chunk-UZ6Y5CSV.js} +25 -6
- package/dist/chunk-UZ6Y5CSV.js.map +1 -0
- package/dist/{chunk-TACF7MJE.mjs → chunk-W5MTZJPE.mjs} +3 -3
- package/dist/{chunk-TACF7MJE.mjs.map → chunk-W5MTZJPE.mjs.map} +1 -1
- package/dist/chunk-WMM42MAC.js +222 -0
- package/dist/chunk-WMM42MAC.js.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/index.d.ts +2 -0
- package/dist/design-system/index.d.ts.map +1 -1
- package/dist/design-system/password-strength-meter.d.ts +74 -0
- package/dist/design-system/password-strength-meter.d.ts.map +1 -0
- package/dist/design-system/secret-reveal.d.ts +57 -0
- package/dist/design-system/secret-reveal.d.ts.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/pagination.js +12 -10
- package/dist/ui/pagination.mjs +9 -7
- package/dist/ui/password-strength-meter/animated/animations.d.ts +3 -0
- package/dist/ui/password-strength-meter/animated/animations.d.ts.map +1 -0
- package/dist/ui/password-strength-meter/animated/index.d.ts +4 -0
- package/dist/ui/password-strength-meter/animated/index.d.ts.map +1 -0
- package/dist/ui/password-strength-meter/animated/password-strength-meter-animated.d.ts +14 -0
- package/dist/ui/password-strength-meter/animated/password-strength-meter-animated.d.ts.map +1 -0
- package/dist/ui/password-strength-meter/animated/types.d.ts +21 -0
- package/dist/ui/password-strength-meter/animated/types.d.ts.map +1 -0
- package/dist/ui/password-strength-meter/animated.js +169 -0
- package/dist/ui/password-strength-meter/animated.js.map +1 -0
- package/dist/ui/password-strength-meter/animated.mjs +165 -0
- package/dist/ui/password-strength-meter/animated.mjs.map +1 -0
- package/dist/ui/password-strength-meter/index.d.ts +5 -0
- package/dist/ui/password-strength-meter/index.d.ts.map +1 -0
- package/dist/ui/password-strength-meter/password-strength-meter-base.d.ts +17 -0
- package/dist/ui/password-strength-meter/password-strength-meter-base.d.ts.map +1 -0
- package/dist/ui/password-strength-meter/password-strength-meter.d.ts +6 -0
- package/dist/ui/password-strength-meter/password-strength-meter.d.ts.map +1 -0
- package/dist/ui/password-strength-meter/types.d.ts +33 -0
- package/dist/ui/password-strength-meter/types.d.ts.map +1 -0
- package/dist/ui/password-strength-meter/variants.d.ts +13 -0
- package/dist/ui/password-strength-meter/variants.d.ts.map +1 -0
- package/dist/ui/password-strength-meter.js +37 -0
- package/dist/ui/password-strength-meter.js.map +1 -0
- package/dist/ui/password-strength-meter.mjs +16 -0
- package/dist/ui/password-strength-meter.mjs.map +1 -0
- 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/index.ts +2 -0
- package/src/design-system/password-strength-meter.ts +115 -0
- package/src/design-system/secret-reveal.ts +75 -0
- package/src/ui/password-strength-meter/animated/animations.ts +10 -0
- package/src/ui/password-strength-meter/animated/index.ts +14 -0
- package/src/ui/password-strength-meter/animated/password-strength-meter-animated.tsx +186 -0
- package/src/ui/password-strength-meter/animated/types.ts +35 -0
- package/src/ui/password-strength-meter/index.ts +18 -0
- package/src/ui/password-strength-meter/password-strength-meter-base.tsx +202 -0
- package/src/ui/password-strength-meter/password-strength-meter.test.tsx +103 -0
- package/src/ui/password-strength-meter/password-strength-meter.tsx +8 -0
- package/src/ui/password-strength-meter/types.ts +40 -0
- package/src/ui/password-strength-meter/variants.ts +49 -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-AMNJ35TT.mjs.map +0 -1
- package/dist/chunk-F3G3RL2N.js.map +0 -1
- package/dist/chunk-VQJXOJ7G.js +0 -19
package/cli/registry.json
CHANGED
|
@@ -30,12 +30,14 @@
|
|
|
30
30
|
"modal",
|
|
31
31
|
"otp-input",
|
|
32
32
|
"pagination",
|
|
33
|
+
"password-strength-meter",
|
|
33
34
|
"popover",
|
|
34
35
|
"progress",
|
|
35
36
|
"radio-group",
|
|
36
37
|
"rating",
|
|
37
38
|
"scroll-area",
|
|
38
39
|
"search",
|
|
40
|
+
"secret-reveal",
|
|
39
41
|
"select",
|
|
40
42
|
"skeleton",
|
|
41
43
|
"slider",
|
|
@@ -66,9 +68,11 @@
|
|
|
66
68
|
"inputs",
|
|
67
69
|
"kbd",
|
|
68
70
|
"modal",
|
|
71
|
+
"password-strength-meter",
|
|
69
72
|
"popover",
|
|
70
73
|
"progress",
|
|
71
74
|
"radio-group",
|
|
75
|
+
"secret-reveal",
|
|
72
76
|
"skeleton",
|
|
73
77
|
"spinner",
|
|
74
78
|
"table",
|
|
@@ -170,12 +174,14 @@
|
|
|
170
174
|
"modal",
|
|
171
175
|
"otp-input",
|
|
172
176
|
"pagination",
|
|
177
|
+
"password-strength-meter",
|
|
173
178
|
"popover",
|
|
174
179
|
"progress",
|
|
175
180
|
"radio-group",
|
|
176
181
|
"rating",
|
|
177
182
|
"scroll-area",
|
|
178
183
|
"search",
|
|
184
|
+
"secret-reveal",
|
|
179
185
|
"select",
|
|
180
186
|
"skeleton",
|
|
181
187
|
"slider",
|
|
@@ -357,6 +363,9 @@
|
|
|
357
363
|
"modal": [
|
|
358
364
|
"framer-motion"
|
|
359
365
|
],
|
|
366
|
+
"password-strength-meter": [
|
|
367
|
+
"framer-motion"
|
|
368
|
+
],
|
|
360
369
|
"popover": [
|
|
361
370
|
"framer-motion"
|
|
362
371
|
],
|
|
@@ -369,6 +378,9 @@
|
|
|
369
378
|
"rating": [
|
|
370
379
|
"react-icons"
|
|
371
380
|
],
|
|
381
|
+
"secret-reveal": [
|
|
382
|
+
"framer-motion"
|
|
383
|
+
],
|
|
372
384
|
"skeleton": [
|
|
373
385
|
"framer-motion"
|
|
374
386
|
],
|
|
@@ -0,0 +1,87 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
// src/design-system/password-strength-meter.ts
|
|
4
|
+
var zuiPasswordStrengthMeterBase = "w-full text-[color:var(--zui-password-strength-meter-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-password-strength-meter-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]";
|
|
5
|
+
var zuiPasswordStrengthMeterAppearances = {
|
|
6
|
+
default: "[--psm-fill:var(--zui-password-strength-meter-default-fill,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:[--psm-fill:var(--zui-password-strength-meter-default-fill-dark,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))]",
|
|
7
|
+
secondary: "[--psm-fill:var(--zui-password-strength-meter-secondary-fill,var(--zui-fg,oklch(44.6%_0.043_257.281)))] dark:[--psm-fill:var(--zui-password-strength-meter-secondary-fill-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))]",
|
|
8
|
+
destructive: "[--psm-fill:var(--zui-password-strength-meter-destructive-fill,var(--zui-status-error,oklch(45.5%_0.188_13.697)))] dark:[--psm-fill:var(--zui-password-strength-meter-destructive-fill-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]",
|
|
9
|
+
emerald: "[--psm-fill:var(--zui-password-strength-meter-emerald-fill,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:[--psm-fill:var(--zui-password-strength-meter-emerald-fill-dark,var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223)))]",
|
|
10
|
+
indigo: "[--psm-fill:var(--zui-password-strength-meter-indigo-fill,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:[--psm-fill:var(--zui-password-strength-meter-indigo-fill-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]",
|
|
11
|
+
purple: "[--psm-fill:var(--zui-password-strength-meter-purple-fill,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:[--psm-fill:var(--zui-password-strength-meter-purple-fill-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]",
|
|
12
|
+
pink: "[--psm-fill:var(--zui-password-strength-meter-pink-fill,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:[--psm-fill:var(--zui-password-strength-meter-pink-fill-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]",
|
|
13
|
+
rose: "[--psm-fill:var(--zui-password-strength-meter-rose-fill,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:[--psm-fill:var(--zui-password-strength-meter-rose-fill-dark,var(--zui-color-rose-dark,oklch(71.2%_0.194_13.428)))]",
|
|
14
|
+
sky: "[--psm-fill:var(--zui-password-strength-meter-sky-fill,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:[--psm-fill:var(--zui-password-strength-meter-sky-fill-dark,var(--zui-color-sky-dark,oklch(74.6%_0.16_232.661)))]",
|
|
15
|
+
teal: "[--psm-fill:var(--zui-password-strength-meter-teal-fill,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:[--psm-fill:var(--zui-password-strength-meter-teal-fill-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]",
|
|
16
|
+
yellow: "[--psm-fill:var(--zui-password-strength-meter-yellow-fill,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:[--psm-fill:var(--zui-password-strength-meter-yellow-fill-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]",
|
|
17
|
+
orange: "[--psm-fill:var(--zui-password-strength-meter-orange-fill,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:[--psm-fill:var(--zui-password-strength-meter-orange-fill-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]",
|
|
18
|
+
outline: "[--psm-fill:var(--zui-password-strength-meter-outline-fill,var(--zui-fg,oklch(52%_0.105_223.128)))] dark:[--psm-fill:var(--zui-password-strength-meter-outline-fill-dark,var(--zui-fg-dark,oklch(86.5%_0.127_207.078)))]",
|
|
19
|
+
ghost: "[--psm-fill:var(--zui-password-strength-meter-ghost-fill,var(--zui-fg,oklch(27.9%_0.041_260.031)))] dark:[--psm-fill:var(--zui-password-strength-meter-ghost-fill-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))]",
|
|
20
|
+
glass: "[--psm-fill:var(--zui-password-strength-meter-glass-fill,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:[--psm-fill:var(--zui-password-strength-meter-glass-fill-dark,var(--zui-fg-dark,#ffffff))]",
|
|
21
|
+
"gradient-blue": "[--psm-fill:var(--zui-password-strength-meter-gradient-blue-fill,var(--zui-color-blue,linear-gradient(90deg,oklch(62.3%_0.214_259.815)),oklch(62.7%_0.265_303.9)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-blue-fill-dark,var(--zui-color-blue-dark,linear-gradient(90deg,oklch(62.3%_0.214_259.815)),oklch(62.7%_0.265_303.9)))]",
|
|
22
|
+
"gradient-green": "[--psm-fill:var(--zui-password-strength-meter-gradient-green-fill,var(--zui-color-green,linear-gradient(90deg,oklch(72.3%_0.219_149.579)),oklch(76.8%_0.233_130.85)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-green-fill-dark,var(--zui-color-green-dark,linear-gradient(90deg,oklch(72.3%_0.219_149.579)),oklch(76.8%_0.233_130.85)))]",
|
|
23
|
+
"gradient-red": "[--psm-fill:var(--zui-password-strength-meter-gradient-red-fill,var(--zui-color-red,linear-gradient(90deg,oklch(63.7%_0.237_25.331)),oklch(65.6%_0.241_354.308)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-red-fill-dark,var(--zui-color-red-dark,linear-gradient(90deg,oklch(63.7%_0.237_25.331)),oklch(65.6%_0.241_354.308)))]",
|
|
24
|
+
"gradient-yellow": "[--psm-fill:var(--zui-password-strength-meter-gradient-yellow-fill,var(--zui-color-yellow,linear-gradient(90deg,oklch(79.5%_0.184_86.047)),oklch(70.5%_0.213_47.604)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-yellow-fill-dark,var(--zui-color-yellow-dark,linear-gradient(90deg,oklch(79.5%_0.184_86.047)),oklch(70.5%_0.213_47.604)))]",
|
|
25
|
+
"gradient-purple": "[--psm-fill:var(--zui-password-strength-meter-gradient-purple-fill,var(--zui-color-purple,linear-gradient(90deg,oklch(62.7%_0.265_303.9)),oklch(65.6%_0.241_354.308)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-purple-fill-dark,var(--zui-color-purple-dark,linear-gradient(90deg,oklch(62.7%_0.265_303.9)),oklch(65.6%_0.241_354.308)))]",
|
|
26
|
+
"gradient-teal": "[--psm-fill:var(--zui-password-strength-meter-gradient-teal-fill,var(--zui-color-teal,linear-gradient(90deg,oklch(70.4%_0.14_182.503)),oklch(71.5%_0.143_215.221)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-teal-fill-dark,var(--zui-color-teal-dark,linear-gradient(90deg,oklch(70.4%_0.14_182.503)),oklch(71.5%_0.143_215.221)))]",
|
|
27
|
+
"gradient-indigo": "[--psm-fill:var(--zui-password-strength-meter-gradient-indigo-fill,var(--zui-color-indigo,linear-gradient(90deg,oklch(58.5%_0.233_277.117)),oklch(62.7%_0.265_303.9)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-indigo-fill-dark,var(--zui-color-indigo-dark,linear-gradient(90deg,oklch(58.5%_0.233_277.117)),oklch(62.7%_0.265_303.9)))]",
|
|
28
|
+
"gradient-pink": "[--psm-fill:var(--zui-password-strength-meter-gradient-pink-fill,var(--zui-color-pink,linear-gradient(90deg,oklch(65.6%_0.241_354.308)),oklch(64.5%_0.246_16.439)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-pink-fill-dark,var(--zui-color-pink-dark,linear-gradient(90deg,oklch(65.6%_0.241_354.308)),oklch(64.5%_0.246_16.439)))]",
|
|
29
|
+
"gradient-orange": "[--psm-fill:var(--zui-password-strength-meter-gradient-orange-fill,var(--zui-color-orange,linear-gradient(90deg,oklch(70.5%_0.213_47.604)),oklch(63.7%_0.237_25.331)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-orange-fill-dark,var(--zui-color-orange-dark,linear-gradient(90deg,oklch(70.5%_0.213_47.604)),oklch(63.7%_0.237_25.331)))]",
|
|
30
|
+
blue: "[--psm-fill:var(--zui-password-strength-meter-blue-fill,var(--zui-color-blue,#2563eb))] dark:[--psm-fill:var(--zui-password-strength-meter-blue-fill-dark,var(--zui-color-blue-dark,#3b82f6))]",
|
|
31
|
+
cyan: "[--psm-fill:var(--zui-password-strength-meter-cyan-fill,var(--zui-color-cyan,#0891b2))] dark:[--psm-fill:var(--zui-password-strength-meter-cyan-fill-dark,var(--zui-color-cyan-dark,#22d3ee))]",
|
|
32
|
+
green: "[--psm-fill:var(--zui-password-strength-meter-green-fill,var(--zui-color-green,#16a34a))] dark:[--psm-fill:var(--zui-password-strength-meter-green-fill-dark,var(--zui-color-green-dark,#22c55e))]",
|
|
33
|
+
lime: "[--psm-fill:var(--zui-password-strength-meter-lime-fill,var(--zui-color-lime,#65a30d))] dark:[--psm-fill:var(--zui-password-strength-meter-lime-fill-dark,var(--zui-color-lime-dark,#a3e635))]",
|
|
34
|
+
mint: "[--psm-fill:var(--zui-password-strength-meter-mint-fill,var(--zui-color-mint,#10b981))] dark:[--psm-fill:var(--zui-password-strength-meter-mint-fill-dark,var(--zui-color-mint-dark,#6ee7b7))]",
|
|
35
|
+
ocean: "[--psm-fill:var(--zui-password-strength-meter-ocean-fill,var(--zui-color-ocean,#0284c7))] dark:[--psm-fill:var(--zui-password-strength-meter-ocean-fill-dark,var(--zui-color-ocean-dark,#38bdf8))]",
|
|
36
|
+
sapphire: "[--psm-fill:var(--zui-password-strength-meter-sapphire-fill,var(--zui-color-sapphire,#1d4ed8))] dark:[--psm-fill:var(--zui-password-strength-meter-sapphire-fill-dark,var(--zui-color-sapphire-dark,#60a5fa))]",
|
|
37
|
+
lavender: "[--psm-fill:var(--zui-password-strength-meter-lavender-fill,var(--zui-color-lavender,#8b5cf6))] dark:[--psm-fill:var(--zui-password-strength-meter-lavender-fill-dark,var(--zui-color-lavender-dark,#a78bfa))]",
|
|
38
|
+
ruby: "[--psm-fill:var(--zui-password-strength-meter-ruby-fill,var(--zui-color-ruby,#be123c))] dark:[--psm-fill:var(--zui-password-strength-meter-ruby-fill-dark,var(--zui-color-ruby-dark,#fb7185))]",
|
|
39
|
+
red: "[--psm-fill:var(--zui-password-strength-meter-red-fill,var(--zui-color-red,#dc2626))] dark:[--psm-fill:var(--zui-password-strength-meter-red-fill-dark,var(--zui-color-red-dark,#ef4444))]",
|
|
40
|
+
slate: "[--psm-fill:var(--zui-password-strength-meter-slate-fill,var(--zui-color-slate,#475569))] dark:[--psm-fill:var(--zui-password-strength-meter-slate-fill-dark,var(--zui-color-slate-dark,#64748b))]",
|
|
41
|
+
zinc: "[--psm-fill:var(--zui-password-strength-meter-zinc-fill,var(--zui-color-zinc,#52525b))] dark:[--psm-fill:var(--zui-password-strength-meter-zinc-fill-dark,var(--zui-color-zinc-dark,#71717a))]",
|
|
42
|
+
stone: "[--psm-fill:var(--zui-password-strength-meter-stone-fill,var(--zui-color-stone,#57534e))] dark:[--psm-fill:var(--zui-password-strength-meter-stone-fill-dark,var(--zui-color-stone-dark,#78716c))]",
|
|
43
|
+
royal: "[--psm-fill:var(--zui-password-strength-meter-royal-fill,var(--zui-color-royal,#4338ca))] dark:[--psm-fill:var(--zui-password-strength-meter-royal-fill-dark,var(--zui-color-royal-dark,#818cf8))]",
|
|
44
|
+
electric: "[--psm-fill:var(--zui-password-strength-meter-electric-fill,var(--zui-color-electric,#0ea5e9))] dark:[--psm-fill:var(--zui-password-strength-meter-electric-fill-dark,var(--zui-color-electric-dark,#38bdf8))]",
|
|
45
|
+
forest: "[--psm-fill:var(--zui-password-strength-meter-forest-fill,var(--zui-color-forest,#166534))] dark:[--psm-fill:var(--zui-password-strength-meter-forest-fill-dark,var(--zui-color-forest-dark,#4ade80))]",
|
|
46
|
+
sunset: "[--psm-fill:var(--zui-password-strength-meter-sunset-fill,var(--zui-color-sunset,#ea580c))] dark:[--psm-fill:var(--zui-password-strength-meter-sunset-fill-dark,var(--zui-color-sunset-dark,#fb923c))]",
|
|
47
|
+
magenta: "[--psm-fill:var(--zui-password-strength-meter-magenta-fill,var(--zui-color-magenta,#c026d3))] dark:[--psm-fill:var(--zui-password-strength-meter-magenta-fill-dark,var(--zui-color-magenta-dark,#e879f9))]",
|
|
48
|
+
crimson: "[--psm-fill:var(--zui-password-strength-meter-crimson-fill,var(--zui-color-crimson,#b91c1c))] dark:[--psm-fill:var(--zui-password-strength-meter-crimson-fill-dark,var(--zui-color-crimson-dark,#f87171))]",
|
|
49
|
+
aqua: "[--psm-fill:var(--zui-password-strength-meter-aqua-fill,var(--zui-color-aqua,#0f766e))] dark:[--psm-fill:var(--zui-password-strength-meter-aqua-fill-dark,var(--zui-color-aqua-dark,#2dd4bf))]",
|
|
50
|
+
plum: "[--psm-fill:var(--zui-password-strength-meter-plum-fill,var(--zui-color-plum,#7e22ce))] dark:[--psm-fill:var(--zui-password-strength-meter-plum-fill-dark,var(--zui-color-plum-dark,#c084fc))]"
|
|
51
|
+
};
|
|
52
|
+
var zuiPasswordStrengthMeterSizes = {
|
|
53
|
+
xs: "text-[0.65rem]",
|
|
54
|
+
sm: "text-xs",
|
|
55
|
+
md: "text-sm",
|
|
56
|
+
lg: "text-base",
|
|
57
|
+
xl: "text-lg"
|
|
58
|
+
};
|
|
59
|
+
var zuiPasswordStrengthMeterShapes = {
|
|
60
|
+
flat: "rounded-none",
|
|
61
|
+
rounded: "rounded-md",
|
|
62
|
+
pill: "rounded-full"
|
|
63
|
+
};
|
|
64
|
+
var zuiPasswordStrengthMeterTrackBase = "relative w-full overflow-hidden bg-[var(--zui-password-strength-meter-track-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-password-strength-meter-track-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))]";
|
|
65
|
+
var zuiPasswordStrengthMeterTrackSizes = {
|
|
66
|
+
xs: "h-1",
|
|
67
|
+
sm: "h-1.5",
|
|
68
|
+
md: "h-2",
|
|
69
|
+
lg: "h-3",
|
|
70
|
+
xl: "h-4"
|
|
71
|
+
};
|
|
72
|
+
var zuiPasswordStrengthMeterBarBase = "h-full w-full origin-left rounded-[inherit]";
|
|
73
|
+
var zuiPasswordStrengthMeterBarSegmented = {
|
|
74
|
+
true: "[background:var(--zui-password-strength-meter-bar-bg-segmented,linear-gradient(90deg,var(--zui-status-error,oklch(45.5%_0.188_13.697))_0 calc(100%/5),var(--zui-color-orange,oklch(47%_0.157_37.304))_0 calc(200%/5),var(--zui-color-yellow,oklch(47.6%_0.114_61.907))_0 calc(300%/5),var(--zui-color-emerald,oklch(43.2%_0.095_166.913))_0 calc(400%/5),var(--zui-color-indigo,oklch(39.8%_0.195_277.366))_0))] dark:[background:var(--zui-password-strength-meter-bar-bg-segmented-dark,linear-gradient(90deg,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428))_0 calc(100%/5),var(--zui-color-orange-dark,oklch(75%_0.183_55.934))_0 calc(200%/5),var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936))_0 calc(300%/5),var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223))_0 calc(400%/5),var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935))_0))]",
|
|
75
|
+
false: "[background:var(--psm-fill)]"
|
|
76
|
+
};
|
|
77
|
+
|
|
78
|
+
exports.zuiPasswordStrengthMeterAppearances = zuiPasswordStrengthMeterAppearances;
|
|
79
|
+
exports.zuiPasswordStrengthMeterBarBase = zuiPasswordStrengthMeterBarBase;
|
|
80
|
+
exports.zuiPasswordStrengthMeterBarSegmented = zuiPasswordStrengthMeterBarSegmented;
|
|
81
|
+
exports.zuiPasswordStrengthMeterBase = zuiPasswordStrengthMeterBase;
|
|
82
|
+
exports.zuiPasswordStrengthMeterShapes = zuiPasswordStrengthMeterShapes;
|
|
83
|
+
exports.zuiPasswordStrengthMeterSizes = zuiPasswordStrengthMeterSizes;
|
|
84
|
+
exports.zuiPasswordStrengthMeterTrackBase = zuiPasswordStrengthMeterTrackBase;
|
|
85
|
+
exports.zuiPasswordStrengthMeterTrackSizes = zuiPasswordStrengthMeterTrackSizes;
|
|
86
|
+
//# sourceMappingURL=chunk-46HJFCP7.js.map
|
|
87
|
+
//# sourceMappingURL=chunk-46HJFCP7.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/design-system/password-strength-meter.ts"],"names":[],"mappings":";;;AAAO,IAAM,4BAAA,GACX;AAEK,IAAM,mCAAA,GAAsC;AAAA,EACjD,OAAA,EACE,kOAAA;AAAA,EACF,SAAA,EACE,gOAAA;AAAA,EACF,WAAA,EACE,sPAAA;AAAA,EACF,OAAA,EACE,kPAAA;AAAA,EACF,MAAA,EACE,8OAAA;AAAA,EACF,MAAA,EACE,8OAAA;AAAA,EACF,IAAA,EAAM,oOAAA;AAAA,EACN,IAAA,EAAM,oOAAA;AAAA,EACN,GAAA,EAAK,+NAAA;AAAA,EACL,IAAA,EAAM,sOAAA;AAAA,EACN,MAAA,EACE,4OAAA;AAAA,EACF,MAAA,EACE,wOAAA;AAAA,EACF,OAAA,EACE,0NAAA;AAAA,EACF,KAAA,EACE,wNAAA;AAAA,EACF,KAAA,EACE,qMAAA;AAAA,EACF,eAAA,EACE,wVAAA;AAAA,EACF,gBAAA,EACE,8VAAA;AAAA,EACF,cAAA,EACE,sVAAA;AAAA,EACF,iBAAA,EACE,gWAAA;AAAA,EACF,iBAAA,EACE,gWAAA;AAAA,EACF,eAAA,EACE,0VAAA;AAAA,EACF,iBAAA,EACE,gWAAA;AAAA,EACF,eAAA,EACE,0VAAA;AAAA,EACF,iBAAA,EACE,gWAAA;AAAA,EACF,IAAA,EAAM,gMAAA;AAAA,EACN,IAAA,EAAM,gMAAA;AAAA,EACN,KAAA,EACE,oMAAA;AAAA,EACF,IAAA,EAAM,gMAAA;AAAA,EACN,IAAA,EAAM,gMAAA;AAAA,EACN,KAAA,EACE,oMAAA;AAAA,EACF,QAAA,EACE,gNAAA;AAAA,EACF,QAAA,EACE,gNAAA;AAAA,EACF,IAAA,EAAM,gMAAA;AAAA,EACN,GAAA,EAAK,4LAAA;AAAA,EACL,KAAA,EACE,oMAAA;AAAA,EACF,IAAA,EAAM,gMAAA;AAAA,EACN,KAAA,EACE,oMAAA;AAAA,EACF,KAAA,EACE,oMAAA;AAAA,EACF,QAAA,EACE,gNAAA;AAAA,EACF,MAAA,EACE,wMAAA;AAAA,EACF,MAAA,EACE,wMAAA;AAAA,EACF,OAAA,EACE,4MAAA;AAAA,EACF,OAAA,EACE,4MAAA;AAAA,EACF,IAAA,EAAM,gMAAA;AAAA,EACN,IAAA,EAAM;AACR;AAEO,IAAM,6BAAA,GAAgC;AAAA,EAC3C,EAAA,EAAI,gBAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,SAAA;AAAA,EACJ,EAAA,EAAI,WAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,8BAAA,GAAiC;AAAA,EAC5C,IAAA,EAAM,cAAA;AAAA,EACN,OAAA,EAAS,YAAA;AAAA,EACT,IAAA,EAAM;AACR;AAEO,IAAM,iCAAA,GACX;AAEK,IAAM,kCAAA,GAAqC;AAAA,EAChD,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,OAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI,KAAA;AAAA,EACJ,EAAA,EAAI;AACN;AAEO,IAAM,+BAAA,GACX;AAEK,IAAM,oCAAA,GAAuC;AAAA,EAClD,IAAA,EAAM,s0BAAA;AAAA,EACN,KAAA,EAAO;AACT","file":"chunk-46HJFCP7.js","sourcesContent":["export const zuiPasswordStrengthMeterBase =\n \"w-full text-[color:var(--zui-password-strength-meter-fg,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:text-[color:var(--zui-password-strength-meter-fg-dark,var(--zui-fg-dark,oklch(98.4%_0.003_247.858)))]\";\n\nexport const zuiPasswordStrengthMeterAppearances = {\n default:\n \"[--psm-fill:var(--zui-password-strength-meter-default-fill,var(--zui-brand,oklch(20.8%_0.042_265.755)))] dark:[--psm-fill:var(--zui-password-strength-meter-default-fill-dark,var(--zui-brand-dark,oklch(98.4%_0.003_247.858)))]\",\n secondary:\n \"[--psm-fill:var(--zui-password-strength-meter-secondary-fill,var(--zui-fg,oklch(44.6%_0.043_257.281)))] dark:[--psm-fill:var(--zui-password-strength-meter-secondary-fill-dark,var(--zui-fg-dark,oklch(86.9%_0.022_252.894)))]\",\n destructive:\n \"[--psm-fill:var(--zui-password-strength-meter-destructive-fill,var(--zui-status-error,oklch(45.5%_0.188_13.697)))] dark:[--psm-fill:var(--zui-password-strength-meter-destructive-fill-dark,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428)))]\",\n emerald:\n \"[--psm-fill:var(--zui-password-strength-meter-emerald-fill,var(--zui-color-emerald,oklch(43.2%_0.095_166.913)))] dark:[--psm-fill:var(--zui-password-strength-meter-emerald-fill-dark,var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223)))]\",\n indigo:\n \"[--psm-fill:var(--zui-password-strength-meter-indigo-fill,var(--zui-color-indigo,oklch(39.8%_0.195_277.366)))] dark:[--psm-fill:var(--zui-password-strength-meter-indigo-fill-dark,var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935)))]\",\n purple:\n \"[--psm-fill:var(--zui-password-strength-meter-purple-fill,var(--zui-color-purple,oklch(43.8%_0.218_303.724)))] dark:[--psm-fill:var(--zui-password-strength-meter-purple-fill-dark,var(--zui-color-purple-dark,oklch(71.4%_0.203_305.504)))]\",\n pink: \"[--psm-fill:var(--zui-password-strength-meter-pink-fill,var(--zui-color-pink,oklch(45.9%_0.187_3.815)))] dark:[--psm-fill:var(--zui-password-strength-meter-pink-fill-dark,var(--zui-color-pink-dark,oklch(71.8%_0.202_349.761)))]\",\n rose: \"[--psm-fill:var(--zui-password-strength-meter-rose-fill,var(--zui-color-rose,oklch(45.5%_0.188_13.697)))] dark:[--psm-fill:var(--zui-password-strength-meter-rose-fill-dark,var(--zui-color-rose-dark,oklch(71.2%_0.194_13.428)))]\",\n sky: \"[--psm-fill:var(--zui-password-strength-meter-sky-fill,var(--zui-color-sky,oklch(44.3%_0.11_240.79)))] dark:[--psm-fill:var(--zui-password-strength-meter-sky-fill-dark,var(--zui-color-sky-dark,oklch(74.6%_0.16_232.661)))]\",\n teal: \"[--psm-fill:var(--zui-password-strength-meter-teal-fill,var(--zui-color-teal,oklch(43.7%_0.078_188.216)))] dark:[--psm-fill:var(--zui-password-strength-meter-teal-fill-dark,var(--zui-color-teal-dark,oklch(77.7%_0.152_181.912)))]\",\n yellow:\n \"[--psm-fill:var(--zui-password-strength-meter-yellow-fill,var(--zui-color-yellow,oklch(47.6%_0.114_61.907)))] dark:[--psm-fill:var(--zui-password-strength-meter-yellow-fill-dark,var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936)))]\",\n orange:\n \"[--psm-fill:var(--zui-password-strength-meter-orange-fill,var(--zui-color-orange,oklch(47%_0.157_37.304)))] dark:[--psm-fill:var(--zui-password-strength-meter-orange-fill-dark,var(--zui-color-orange-dark,oklch(75%_0.183_55.934)))]\",\n outline:\n \"[--psm-fill:var(--zui-password-strength-meter-outline-fill,var(--zui-fg,oklch(52%_0.105_223.128)))] dark:[--psm-fill:var(--zui-password-strength-meter-outline-fill-dark,var(--zui-fg-dark,oklch(86.5%_0.127_207.078)))]\",\n ghost:\n \"[--psm-fill:var(--zui-password-strength-meter-ghost-fill,var(--zui-fg,oklch(27.9%_0.041_260.031)))] dark:[--psm-fill:var(--zui-password-strength-meter-ghost-fill-dark,var(--zui-fg-dark,oklch(92.9%_0.013_255.508)))]\",\n glass:\n \"[--psm-fill:var(--zui-password-strength-meter-glass-fill,var(--zui-fg,oklch(20.8%_0.042_265.755)))] dark:[--psm-fill:var(--zui-password-strength-meter-glass-fill-dark,var(--zui-fg-dark,#ffffff))]\",\n \"gradient-blue\":\n \"[--psm-fill:var(--zui-password-strength-meter-gradient-blue-fill,var(--zui-color-blue,linear-gradient(90deg,oklch(62.3%_0.214_259.815)),oklch(62.7%_0.265_303.9)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-blue-fill-dark,var(--zui-color-blue-dark,linear-gradient(90deg,oklch(62.3%_0.214_259.815)),oklch(62.7%_0.265_303.9)))]\",\n \"gradient-green\":\n \"[--psm-fill:var(--zui-password-strength-meter-gradient-green-fill,var(--zui-color-green,linear-gradient(90deg,oklch(72.3%_0.219_149.579)),oklch(76.8%_0.233_130.85)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-green-fill-dark,var(--zui-color-green-dark,linear-gradient(90deg,oklch(72.3%_0.219_149.579)),oklch(76.8%_0.233_130.85)))]\",\n \"gradient-red\":\n \"[--psm-fill:var(--zui-password-strength-meter-gradient-red-fill,var(--zui-color-red,linear-gradient(90deg,oklch(63.7%_0.237_25.331)),oklch(65.6%_0.241_354.308)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-red-fill-dark,var(--zui-color-red-dark,linear-gradient(90deg,oklch(63.7%_0.237_25.331)),oklch(65.6%_0.241_354.308)))]\",\n \"gradient-yellow\":\n \"[--psm-fill:var(--zui-password-strength-meter-gradient-yellow-fill,var(--zui-color-yellow,linear-gradient(90deg,oklch(79.5%_0.184_86.047)),oklch(70.5%_0.213_47.604)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-yellow-fill-dark,var(--zui-color-yellow-dark,linear-gradient(90deg,oklch(79.5%_0.184_86.047)),oklch(70.5%_0.213_47.604)))]\",\n \"gradient-purple\":\n \"[--psm-fill:var(--zui-password-strength-meter-gradient-purple-fill,var(--zui-color-purple,linear-gradient(90deg,oklch(62.7%_0.265_303.9)),oklch(65.6%_0.241_354.308)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-purple-fill-dark,var(--zui-color-purple-dark,linear-gradient(90deg,oklch(62.7%_0.265_303.9)),oklch(65.6%_0.241_354.308)))]\",\n \"gradient-teal\":\n \"[--psm-fill:var(--zui-password-strength-meter-gradient-teal-fill,var(--zui-color-teal,linear-gradient(90deg,oklch(70.4%_0.14_182.503)),oklch(71.5%_0.143_215.221)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-teal-fill-dark,var(--zui-color-teal-dark,linear-gradient(90deg,oklch(70.4%_0.14_182.503)),oklch(71.5%_0.143_215.221)))]\",\n \"gradient-indigo\":\n \"[--psm-fill:var(--zui-password-strength-meter-gradient-indigo-fill,var(--zui-color-indigo,linear-gradient(90deg,oklch(58.5%_0.233_277.117)),oklch(62.7%_0.265_303.9)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-indigo-fill-dark,var(--zui-color-indigo-dark,linear-gradient(90deg,oklch(58.5%_0.233_277.117)),oklch(62.7%_0.265_303.9)))]\",\n \"gradient-pink\":\n \"[--psm-fill:var(--zui-password-strength-meter-gradient-pink-fill,var(--zui-color-pink,linear-gradient(90deg,oklch(65.6%_0.241_354.308)),oklch(64.5%_0.246_16.439)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-pink-fill-dark,var(--zui-color-pink-dark,linear-gradient(90deg,oklch(65.6%_0.241_354.308)),oklch(64.5%_0.246_16.439)))]\",\n \"gradient-orange\":\n \"[--psm-fill:var(--zui-password-strength-meter-gradient-orange-fill,var(--zui-color-orange,linear-gradient(90deg,oklch(70.5%_0.213_47.604)),oklch(63.7%_0.237_25.331)))] dark:[--psm-fill:var(--zui-password-strength-meter-gradient-orange-fill-dark,var(--zui-color-orange-dark,linear-gradient(90deg,oklch(70.5%_0.213_47.604)),oklch(63.7%_0.237_25.331)))]\",\n blue: \"[--psm-fill:var(--zui-password-strength-meter-blue-fill,var(--zui-color-blue,#2563eb))] dark:[--psm-fill:var(--zui-password-strength-meter-blue-fill-dark,var(--zui-color-blue-dark,#3b82f6))]\",\n cyan: \"[--psm-fill:var(--zui-password-strength-meter-cyan-fill,var(--zui-color-cyan,#0891b2))] dark:[--psm-fill:var(--zui-password-strength-meter-cyan-fill-dark,var(--zui-color-cyan-dark,#22d3ee))]\",\n green:\n \"[--psm-fill:var(--zui-password-strength-meter-green-fill,var(--zui-color-green,#16a34a))] dark:[--psm-fill:var(--zui-password-strength-meter-green-fill-dark,var(--zui-color-green-dark,#22c55e))]\",\n lime: \"[--psm-fill:var(--zui-password-strength-meter-lime-fill,var(--zui-color-lime,#65a30d))] dark:[--psm-fill:var(--zui-password-strength-meter-lime-fill-dark,var(--zui-color-lime-dark,#a3e635))]\",\n mint: \"[--psm-fill:var(--zui-password-strength-meter-mint-fill,var(--zui-color-mint,#10b981))] dark:[--psm-fill:var(--zui-password-strength-meter-mint-fill-dark,var(--zui-color-mint-dark,#6ee7b7))]\",\n ocean:\n \"[--psm-fill:var(--zui-password-strength-meter-ocean-fill,var(--zui-color-ocean,#0284c7))] dark:[--psm-fill:var(--zui-password-strength-meter-ocean-fill-dark,var(--zui-color-ocean-dark,#38bdf8))]\",\n sapphire:\n \"[--psm-fill:var(--zui-password-strength-meter-sapphire-fill,var(--zui-color-sapphire,#1d4ed8))] dark:[--psm-fill:var(--zui-password-strength-meter-sapphire-fill-dark,var(--zui-color-sapphire-dark,#60a5fa))]\",\n lavender:\n \"[--psm-fill:var(--zui-password-strength-meter-lavender-fill,var(--zui-color-lavender,#8b5cf6))] dark:[--psm-fill:var(--zui-password-strength-meter-lavender-fill-dark,var(--zui-color-lavender-dark,#a78bfa))]\",\n ruby: \"[--psm-fill:var(--zui-password-strength-meter-ruby-fill,var(--zui-color-ruby,#be123c))] dark:[--psm-fill:var(--zui-password-strength-meter-ruby-fill-dark,var(--zui-color-ruby-dark,#fb7185))]\",\n red: \"[--psm-fill:var(--zui-password-strength-meter-red-fill,var(--zui-color-red,#dc2626))] dark:[--psm-fill:var(--zui-password-strength-meter-red-fill-dark,var(--zui-color-red-dark,#ef4444))]\",\n slate:\n \"[--psm-fill:var(--zui-password-strength-meter-slate-fill,var(--zui-color-slate,#475569))] dark:[--psm-fill:var(--zui-password-strength-meter-slate-fill-dark,var(--zui-color-slate-dark,#64748b))]\",\n zinc: \"[--psm-fill:var(--zui-password-strength-meter-zinc-fill,var(--zui-color-zinc,#52525b))] dark:[--psm-fill:var(--zui-password-strength-meter-zinc-fill-dark,var(--zui-color-zinc-dark,#71717a))]\",\n stone:\n \"[--psm-fill:var(--zui-password-strength-meter-stone-fill,var(--zui-color-stone,#57534e))] dark:[--psm-fill:var(--zui-password-strength-meter-stone-fill-dark,var(--zui-color-stone-dark,#78716c))]\",\n royal:\n \"[--psm-fill:var(--zui-password-strength-meter-royal-fill,var(--zui-color-royal,#4338ca))] dark:[--psm-fill:var(--zui-password-strength-meter-royal-fill-dark,var(--zui-color-royal-dark,#818cf8))]\",\n electric:\n \"[--psm-fill:var(--zui-password-strength-meter-electric-fill,var(--zui-color-electric,#0ea5e9))] dark:[--psm-fill:var(--zui-password-strength-meter-electric-fill-dark,var(--zui-color-electric-dark,#38bdf8))]\",\n forest:\n \"[--psm-fill:var(--zui-password-strength-meter-forest-fill,var(--zui-color-forest,#166534))] dark:[--psm-fill:var(--zui-password-strength-meter-forest-fill-dark,var(--zui-color-forest-dark,#4ade80))]\",\n sunset:\n \"[--psm-fill:var(--zui-password-strength-meter-sunset-fill,var(--zui-color-sunset,#ea580c))] dark:[--psm-fill:var(--zui-password-strength-meter-sunset-fill-dark,var(--zui-color-sunset-dark,#fb923c))]\",\n magenta:\n \"[--psm-fill:var(--zui-password-strength-meter-magenta-fill,var(--zui-color-magenta,#c026d3))] dark:[--psm-fill:var(--zui-password-strength-meter-magenta-fill-dark,var(--zui-color-magenta-dark,#e879f9))]\",\n crimson:\n \"[--psm-fill:var(--zui-password-strength-meter-crimson-fill,var(--zui-color-crimson,#b91c1c))] dark:[--psm-fill:var(--zui-password-strength-meter-crimson-fill-dark,var(--zui-color-crimson-dark,#f87171))]\",\n aqua: \"[--psm-fill:var(--zui-password-strength-meter-aqua-fill,var(--zui-color-aqua,#0f766e))] dark:[--psm-fill:var(--zui-password-strength-meter-aqua-fill-dark,var(--zui-color-aqua-dark,#2dd4bf))]\",\n plum: \"[--psm-fill:var(--zui-password-strength-meter-plum-fill,var(--zui-color-plum,#7e22ce))] dark:[--psm-fill:var(--zui-password-strength-meter-plum-fill-dark,var(--zui-color-plum-dark,#c084fc))]\",\n} as const;\n\nexport const zuiPasswordStrengthMeterSizes = {\n xs: \"text-[0.65rem]\",\n sm: \"text-xs\",\n md: \"text-sm\",\n lg: \"text-base\",\n xl: \"text-lg\",\n} as const;\n\nexport const zuiPasswordStrengthMeterShapes = {\n flat: \"rounded-none\",\n rounded: \"rounded-md\",\n pill: \"rounded-full\",\n} as const;\n\nexport const zuiPasswordStrengthMeterTrackBase =\n \"relative w-full overflow-hidden bg-[var(--zui-password-strength-meter-track-bg,var(--zui-surface-muted,#0000001a))] dark:bg-[var(--zui-password-strength-meter-track-bg-dark,var(--zui-surface-muted-dark,#ffffff1a))]\";\n\nexport const zuiPasswordStrengthMeterTrackSizes = {\n xs: \"h-1\",\n sm: \"h-1.5\",\n md: \"h-2\",\n lg: \"h-3\",\n xl: \"h-4\",\n} as const;\n\nexport const zuiPasswordStrengthMeterBarBase =\n \"h-full w-full origin-left rounded-[inherit]\";\n\nexport const zuiPasswordStrengthMeterBarSegmented = {\n true: \"[background:var(--zui-password-strength-meter-bar-bg-segmented,linear-gradient(90deg,var(--zui-status-error,oklch(45.5%_0.188_13.697))_0 calc(100%/5),var(--zui-color-orange,oklch(47%_0.157_37.304))_0 calc(200%/5),var(--zui-color-yellow,oklch(47.6%_0.114_61.907))_0 calc(300%/5),var(--zui-color-emerald,oklch(43.2%_0.095_166.913))_0 calc(400%/5),var(--zui-color-indigo,oklch(39.8%_0.195_277.366))_0))] dark:[background:var(--zui-password-strength-meter-bar-bg-segmented-dark,linear-gradient(90deg,var(--zui-status-error-dark,oklch(71.2%_0.194_13.428))_0 calc(100%/5),var(--zui-color-orange-dark,oklch(75%_0.183_55.934))_0 calc(200%/5),var(--zui-color-yellow-dark,oklch(85.2%_0.199_91.936))_0 calc(300%/5),var(--zui-color-emerald-dark,oklch(76.5%_0.177_163.223))_0 calc(400%/5),var(--zui-color-indigo-dark,oklch(67.3%_0.182_276.935))_0))]\",\n false: \"[background:var(--psm-fill)]\",\n} as const;\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkILPPXWR3_js = require('./chunk-ILPPXWR3.js');
|
|
4
4
|
var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
|
|
5
5
|
var react = require('react');
|
|
6
6
|
var jsxRuntime = require('react/jsx-runtime');
|
|
@@ -40,7 +40,7 @@ var ButtonBase = (props) => {
|
|
|
40
40
|
"data-slot": "button",
|
|
41
41
|
onClick: handleClick,
|
|
42
42
|
className: chunkZS5756ZC_js.cn(
|
|
43
|
-
|
|
43
|
+
chunkILPPXWR3_js.buttonVariants({ appearance: appearance2, size: size2 }),
|
|
44
44
|
children2.props.className,
|
|
45
45
|
className2
|
|
46
46
|
)
|
|
@@ -65,7 +65,7 @@ var ButtonBase = (props) => {
|
|
|
65
65
|
target,
|
|
66
66
|
rel: target === "_blank" ? "noopener noreferrer" : void 0,
|
|
67
67
|
"data-slot": "button",
|
|
68
|
-
className: chunkZS5756ZC_js.cn(
|
|
68
|
+
className: chunkZS5756ZC_js.cn(chunkILPPXWR3_js.buttonVariants({ appearance: appearance2, size: size2 }), className2),
|
|
69
69
|
...rest2,
|
|
70
70
|
children: children2
|
|
71
71
|
}
|
|
@@ -86,7 +86,7 @@ var ButtonBase = (props) => {
|
|
|
86
86
|
ref,
|
|
87
87
|
type,
|
|
88
88
|
"data-slot": "button",
|
|
89
|
-
className: chunkZS5756ZC_js.cn(
|
|
89
|
+
className: chunkZS5756ZC_js.cn(chunkILPPXWR3_js.buttonVariants({ appearance, size }), className),
|
|
90
90
|
...rest,
|
|
91
91
|
children
|
|
92
92
|
}
|
|
@@ -99,5 +99,5 @@ var Button = (props) => {
|
|
|
99
99
|
Button.displayName = "Button";
|
|
100
100
|
|
|
101
101
|
exports.Button = Button;
|
|
102
|
-
//# sourceMappingURL=chunk-
|
|
103
|
-
//# sourceMappingURL=chunk-
|
|
102
|
+
//# sourceMappingURL=chunk-5I4GAURE.js.map
|
|
103
|
+
//# sourceMappingURL=chunk-5I4GAURE.js.map
|
|
@@ -1 +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-
|
|
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-5I4GAURE.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"]}
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import { zuiSecretRevealContainerBase, zuiSecretRevealSizes, zuiSecretRevealAppearances, zuiSecretRevealLabelBase, zuiSecretRevealLabelSizes, zuiSecretRevealValueBase, zuiSecretRevealValueSizes, zuiSecretRevealToggleBase, zuiSecretRevealToggleSizes } from './chunk-DIAA5VH4.mjs';
|
|
2
|
+
import { cva } from 'class-variance-authority';
|
|
3
|
+
|
|
4
|
+
var secretRevealVariants = cva(zuiSecretRevealContainerBase, {
|
|
5
|
+
variants: {
|
|
6
|
+
appearance: zuiSecretRevealAppearances,
|
|
7
|
+
size: zuiSecretRevealSizes
|
|
8
|
+
},
|
|
9
|
+
defaultVariants: {
|
|
10
|
+
appearance: "default",
|
|
11
|
+
size: "md"
|
|
12
|
+
}
|
|
13
|
+
});
|
|
14
|
+
var secretRevealLabelVariants = cva(zuiSecretRevealLabelBase, {
|
|
15
|
+
variants: {
|
|
16
|
+
size: zuiSecretRevealLabelSizes
|
|
17
|
+
},
|
|
18
|
+
defaultVariants: { size: "md" }
|
|
19
|
+
});
|
|
20
|
+
var secretRevealValueVariants = cva(zuiSecretRevealValueBase, {
|
|
21
|
+
variants: {
|
|
22
|
+
size: zuiSecretRevealValueSizes
|
|
23
|
+
},
|
|
24
|
+
defaultVariants: { size: "md" }
|
|
25
|
+
});
|
|
26
|
+
var secretRevealToggleVariants = cva(zuiSecretRevealToggleBase, {
|
|
27
|
+
variants: {
|
|
28
|
+
size: zuiSecretRevealToggleSizes,
|
|
29
|
+
appearance: zuiSecretRevealAppearances
|
|
30
|
+
},
|
|
31
|
+
defaultVariants: {
|
|
32
|
+
size: "md",
|
|
33
|
+
appearance: "default"
|
|
34
|
+
}
|
|
35
|
+
});
|
|
36
|
+
|
|
37
|
+
export { secretRevealLabelVariants, secretRevealToggleVariants, secretRevealValueVariants, secretRevealVariants };
|
|
38
|
+
//# sourceMappingURL=chunk-ATE5SCTR.mjs.map
|
|
39
|
+
//# sourceMappingURL=chunk-ATE5SCTR.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/ui/secret-reveal/variants.ts"],"names":[],"mappings":";;;AAcO,IAAM,oBAAA,GAAuB,IAAI,4BAAA,EAA8B;AAAA,EACpE,QAAA,EAAU;AAAA,IACR,UAAA,EAAY,0BAAA;AAAA,IACZ,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC;AAEM,IAAM,yBAAA,GAA4B,IAAI,wBAAA,EAA0B;AAAA,EACrE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;AAEM,IAAM,yBAAA,GAA4B,IAAI,wBAAA,EAA0B;AAAA,EACrE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM;AAAA,GACR;AAAA,EACA,eAAA,EAAiB,EAAE,IAAA,EAAM,IAAA;AAC3B,CAAC;AAEM,IAAM,0BAAA,GAA6B,IAAI,yBAAA,EAA2B;AAAA,EACvE,QAAA,EAAU;AAAA,IACR,IAAA,EAAM,0BAAA;AAAA,IACN,UAAA,EAAY;AAAA,GACd;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,IAAA,EAAM,IAAA;AAAA,IACN,UAAA,EAAY;AAAA;AAEhB,CAAC","file":"chunk-ATE5SCTR.mjs","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,64 @@
|
|
|
1
|
+
// src/design-system/secret-reveal.ts
|
|
2
|
+
var zuiSecretRevealContainerBase = "inline-flex items-center gap-2 rounded-xl border px-3 py-2";
|
|
3
|
+
var zuiSecretRevealLabelBase = "font-medium";
|
|
4
|
+
var zuiSecretRevealValueBase = "font-mono tracking-wider select-all";
|
|
5
|
+
var zuiSecretRevealToggleBase = "inline-flex items-center justify-center rounded-lg transition-colors focus:outline-none focus-visible:ring-2 focus-visible:ring-sky-500";
|
|
6
|
+
var zuiSecretRevealFg = "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)))]";
|
|
7
|
+
var zuiSecretRevealInvertedFg = "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)))]";
|
|
8
|
+
var zuiSecretRevealGradientFg = "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)))]";
|
|
9
|
+
var zuiSecretRevealAppearances = {
|
|
10
|
+
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}`,
|
|
11
|
+
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}`,
|
|
12
|
+
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}`,
|
|
13
|
+
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}`,
|
|
14
|
+
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}`,
|
|
15
|
+
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}`,
|
|
16
|
+
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}`,
|
|
17
|
+
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}`,
|
|
18
|
+
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}`,
|
|
19
|
+
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}`,
|
|
20
|
+
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}`,
|
|
21
|
+
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}`,
|
|
22
|
+
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}`,
|
|
23
|
+
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}`,
|
|
24
|
+
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}`,
|
|
25
|
+
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}`,
|
|
26
|
+
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}`,
|
|
27
|
+
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}`,
|
|
28
|
+
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}`,
|
|
29
|
+
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}`,
|
|
30
|
+
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}`,
|
|
31
|
+
"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}`,
|
|
32
|
+
"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}`,
|
|
33
|
+
"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}`,
|
|
34
|
+
"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}`,
|
|
35
|
+
"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}`,
|
|
36
|
+
"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}`,
|
|
37
|
+
"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}`,
|
|
38
|
+
"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}`,
|
|
39
|
+
"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}`
|
|
40
|
+
};
|
|
41
|
+
var zuiSecretRevealSizes = {
|
|
42
|
+
sm: "gap-1.5 px-2 py-1.5 text-xs",
|
|
43
|
+
md: "gap-2 px-3 py-2 text-sm",
|
|
44
|
+
lg: "gap-2.5 px-4 py-2.5 text-base"
|
|
45
|
+
};
|
|
46
|
+
var zuiSecretRevealLabelSizes = {
|
|
47
|
+
sm: "text-xs",
|
|
48
|
+
md: "text-sm",
|
|
49
|
+
lg: "text-base"
|
|
50
|
+
};
|
|
51
|
+
var zuiSecretRevealValueSizes = {
|
|
52
|
+
sm: "text-xs",
|
|
53
|
+
md: "text-sm",
|
|
54
|
+
lg: "text-base"
|
|
55
|
+
};
|
|
56
|
+
var zuiSecretRevealToggleSizes = {
|
|
57
|
+
sm: "size-6 [&_svg]:size-3.5",
|
|
58
|
+
md: "size-7 [&_svg]:size-4",
|
|
59
|
+
lg: "size-8 [&_svg]:size-5"
|
|
60
|
+
};
|
|
61
|
+
|
|
62
|
+
export { zuiSecretRevealAppearances, zuiSecretRevealContainerBase, zuiSecretRevealLabelBase, zuiSecretRevealLabelSizes, zuiSecretRevealSizes, zuiSecretRevealToggleBase, zuiSecretRevealToggleSizes, zuiSecretRevealValueBase, zuiSecretRevealValueSizes };
|
|
63
|
+
//# sourceMappingURL=chunk-DIAA5VH4.mjs.map
|
|
64
|
+
//# sourceMappingURL=chunk-DIAA5VH4.mjs.map
|
|
@@ -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-DIAA5VH4.mjs","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,26 +1,28 @@
|
|
|
1
1
|
import { zuiSpinnerVariants, zuiSpinnerSizes, zuiSpinnerBase, zuiSpinnerAppearances } from './chunk-2NQKFH26.mjs';
|
|
2
|
+
import { zuiTreeViewSizes, zuiTreeViewItemSizes, zuiTreeViewItemBase, zuiTreeViewItemAppearances, zuiTreeViewIcon, zuiTreeViewGuide, zuiTreeViewChevron, zuiTreeViewBase, zuiTreeViewAppearances } from './chunk-T4ZLTKV2.mjs';
|
|
3
|
+
import { zuiTypingIndicatorSizes, zuiTypingIndicatorLabelSizes, zuiTypingIndicatorLabelBase, zuiTypingIndicatorDotsBase, zuiTypingIndicatorDotSizes, zuiTypingIndicatorDotDelays, zuiTypingIndicatorDotBase, zuiTypingIndicatorContainerBase, zuiTypingIndicatorAppearances } from './chunk-EMZC6ICD.mjs';
|
|
2
4
|
import { zuiUnorderedMarkers, zuiUnorderedListBase, zuiTypographyTones, zuiTextSizes, zuiOrderedListBase, zuiHeadingLevels, zuiHeadingBase } from './chunk-PUSCPBT2.mjs';
|
|
5
|
+
import { zuiSliderTrackSizes, zuiSliderTrackBase, zuiSliderThumbSizes, zuiSliderThumbBase, zuiSliderRootSizes, zuiSliderRootBase, zuiSliderRangeBase, zuiSliderRangeAppearances } from './chunk-4WG3VNVL.mjs';
|
|
3
6
|
import { zuiTableTextAlignments, zuiTableStickyHeader, zuiTableSizes, zuiTableRowBase, zuiTableRowAppearances, zuiTableCellSizes, zuiTableCellBase, zuiTableCellAppearances, zuiTableBase, zuiTableAppearances } from './chunk-YPTHTFVF.mjs';
|
|
4
7
|
import { zuiTabsTriggerVariants, zuiTabsTriggerSizes, zuiTabsTriggerBase, zuiTabsTriggerAppearances, zuiTabsOrientations, zuiTabsListVariants, zuiTabsListSizes, zuiTabsListBase } from './chunk-XY3TKIIH.mjs';
|
|
5
8
|
import { zuiTimelineTitleSizes, zuiTimelineTitleBase, zuiTimelineItemBase, zuiTimelineIndicatorSizes, zuiTimelineIndicatorBase, zuiTimelineIndicatorAppearances, zuiTimelineDescriptionSizes, zuiTimelineDescriptionBase, zuiTimelineContentSizes, zuiTimelineContentBase, zuiTimelineConnectorSizes, zuiTimelineConnectorBase, zuiTimelineBase } from './chunk-FX5KR2GP.mjs';
|
|
6
9
|
import { zuiToastViewportPositions, zuiToastViewportBase, zuiToastRootSizes, zuiToastRootBase, zuiToastRootAppearances } from './chunk-ZBAKTM2R.mjs';
|
|
7
10
|
import { zuiToggleTrackSizes, zuiToggleTrackBase, zuiToggleTrackAppearances, zuiToggleThumbSizes, zuiToggleThumbColors, zuiToggleThumbBase } from './chunk-4ZBMDWWY.mjs';
|
|
8
11
|
import { zuiTooltipWidths, zuiTooltipVariants, zuiTooltipSizes, zuiTooltipBase } from './chunk-YH6MOKHR.mjs';
|
|
9
|
-
import {
|
|
10
|
-
import { zuiTypingIndicatorSizes, zuiTypingIndicatorLabelSizes, zuiTypingIndicatorLabelBase, zuiTypingIndicatorDotsBase, zuiTypingIndicatorDotSizes, zuiTypingIndicatorDotDelays, zuiTypingIndicatorDotBase, zuiTypingIndicatorContainerBase, zuiTypingIndicatorAppearances } from './chunk-EMZC6ICD.mjs';
|
|
12
|
+
import { zuiProgressTrackSizes, zuiProgressTrackBase, zuiProgressSizes, zuiProgressShapes, zuiProgressBoolean, zuiProgressBase, zuiProgressBarStriped, zuiProgressBarBase, zuiProgressAppearances } from './chunk-BUEI4RMR.mjs';
|
|
11
13
|
import { zuiRatingSizes, zuiRatingRootBase, zuiRatingLabelBase, zuiRatingItemBase, zuiRatingIconBase, zuiRatingHintBase, zuiRatingGroupBase, zuiRatingErrorBase, zuiRatingControlBase, zuiRatingAppearances } from './chunk-5AOVTY2X.mjs';
|
|
12
14
|
import { zuiRadioGroupSizes, zuiRadioGroupRootBase, zuiRadioGroupOrientations, zuiRadioGroupItemBase, zuiRadioGroupIndicatorBase, zuiRadioGroupControlBase, zuiRadioGroupAppearances } from './chunk-523VQLCW.mjs';
|
|
13
15
|
import { zuiScrollAreaVisibility, zuiScrollAreaSizes, zuiScrollAreaShadows, zuiScrollAreaOrientations, zuiScrollAreaBase, zuiScrollAreaAppearances } from './chunk-3VW4HMJT.mjs';
|
|
16
|
+
import { zuiSecretRevealValueSizes, zuiSecretRevealValueBase, zuiSecretRevealToggleSizes, zuiSecretRevealToggleBase, zuiSecretRevealSizes, zuiSecretRevealLabelSizes, zuiSecretRevealLabelBase, zuiSecretRevealContainerBase, zuiSecretRevealAppearances } from './chunk-DIAA5VH4.mjs';
|
|
14
17
|
import { zuiSelectTriggerVariants, zuiSelectTriggerBase, zuiSelectSpacing, zuiSelectSizes, zuiSelectItemBase, zuiSelectItemAppearances, zuiSelectDisabled, zuiSelectContentBase, zuiSelectContentAppearances } from './chunk-LRYKMXKI.mjs';
|
|
15
18
|
import { zuiSkeletonTextLineSizes, zuiSkeletonTextLineBase, zuiSkeletonSizes, zuiSkeletonShimmerTones, zuiSkeletonShimmerGradientClasses, zuiSkeletonRounded, zuiSkeletonBase, zuiSkeletonAppearances, zuiSkeletonAnimations } from './chunk-XFJIX2YP.mjs';
|
|
16
|
-
import { zuiSliderTrackSizes, zuiSliderTrackBase, zuiSliderThumbSizes, zuiSliderThumbBase, zuiSliderRootSizes, zuiSliderRootBase, zuiSliderRangeBase, zuiSliderRangeAppearances } from './chunk-4WG3VNVL.mjs';
|
|
17
19
|
import { zuiInputTextareaSizes, zuiInputSizes, zuiInputRing, zuiInputRadioSizes, zuiInputRadioAppearances, zuiInputFileSizes, zuiInputFileAppearances, zuiInputDateAppearances, zuiInputCheckboxSizes, zuiInputCheckboxAppearances, zuiInputBase, zuiInputAs, zuiInputAppearances } from './chunk-34LHS26H.mjs';
|
|
18
20
|
import { zuiKbdSeparatorSizes, zuiKbdSeparatorBase, zuiKbdKeySizes, zuiKbdKeyBase, zuiKbdKeyAppearances, zuiKbdBase } from './chunk-JEDMUBYI.mjs';
|
|
19
21
|
import { zuiMarqueeSizes, zuiMarqueeOrientations, zuiMarqueeFade, zuiMarqueeBase, zuiMarqueeAppearances } from './chunk-EJ3UMMCS.mjs';
|
|
20
22
|
import { zuiModalTriggerBase, zuiModalTriggerAppearances, zuiModalOverlayBase, zuiModalContentSizes, zuiModalContentPositions, zuiModalContentBase, zuiModalContentAppearances } from './chunk-EE53BIXR.mjs';
|
|
21
23
|
import { zuiOtpSizes, zuiOtpSeparatorBase, zuiOtpRootBase, zuiOtpLabelBase, zuiOtpHintBase, zuiOtpErrorBase, zuiOtpCellsBase, zuiOtpCellBase, zuiOtpAppearances } from './chunk-YXU2MJMT.mjs';
|
|
24
|
+
import { zuiPasswordStrengthMeterTrackSizes, zuiPasswordStrengthMeterTrackBase, zuiPasswordStrengthMeterSizes, zuiPasswordStrengthMeterShapes, zuiPasswordStrengthMeterBase, zuiPasswordStrengthMeterBarSegmented, zuiPasswordStrengthMeterBarBase, zuiPasswordStrengthMeterAppearances } from './chunk-LOEKM3FL.mjs';
|
|
22
25
|
import { zuiPopoverContentWidths, zuiPopoverContentVariants, zuiPopoverContentSizes, zuiPopoverContentBase } from './chunk-3IE4IELX.mjs';
|
|
23
|
-
import { zuiProgressTrackSizes, zuiProgressTrackBase, zuiProgressSizes, zuiProgressShapes, zuiProgressBoolean, zuiProgressBase, zuiProgressBarStriped, zuiProgressBarBase, zuiProgressAppearances } from './chunk-BUEI4RMR.mjs';
|
|
24
26
|
import { zuiCopyButtonSizes, zuiCopyButtonIconOnlySizes, zuiCopyButtonBase, zuiCopyButtonAppearances } from './chunk-U64ISRUX.mjs';
|
|
25
27
|
import { zuiDividerSizes, zuiDividerOrientations, zuiDividerLineOrientations, zuiDividerLineBase, zuiDividerLabelBase, zuiDividerBase, zuiDividerAppearances } from './chunk-SS3T3BUL.mjs';
|
|
26
28
|
import { zuiDrawerTriggerBase, zuiDrawerTriggerAppearances, zuiDrawerOverlayBase, zuiDrawerContentSizes, zuiDrawerContentSides, zuiDrawerContentBase, zuiDrawerContentAppearances } from './chunk-SCWQSQBJ.mjs';
|
|
@@ -265,6 +267,14 @@ __export(design_system_exports, {
|
|
|
265
267
|
zuiPaginationListAppearances: () => zuiPaginationListAppearances,
|
|
266
268
|
zuiPaginationListBase: () => zuiPaginationListBase,
|
|
267
269
|
zuiPaginationListSizes: () => zuiPaginationListSizes,
|
|
270
|
+
zuiPasswordStrengthMeterAppearances: () => zuiPasswordStrengthMeterAppearances,
|
|
271
|
+
zuiPasswordStrengthMeterBarBase: () => zuiPasswordStrengthMeterBarBase,
|
|
272
|
+
zuiPasswordStrengthMeterBarSegmented: () => zuiPasswordStrengthMeterBarSegmented,
|
|
273
|
+
zuiPasswordStrengthMeterBase: () => zuiPasswordStrengthMeterBase,
|
|
274
|
+
zuiPasswordStrengthMeterShapes: () => zuiPasswordStrengthMeterShapes,
|
|
275
|
+
zuiPasswordStrengthMeterSizes: () => zuiPasswordStrengthMeterSizes,
|
|
276
|
+
zuiPasswordStrengthMeterTrackBase: () => zuiPasswordStrengthMeterTrackBase,
|
|
277
|
+
zuiPasswordStrengthMeterTrackSizes: () => zuiPasswordStrengthMeterTrackSizes,
|
|
268
278
|
zuiPopoverContentBase: () => zuiPopoverContentBase,
|
|
269
279
|
zuiPopoverContentSizes: () => zuiPopoverContentSizes,
|
|
270
280
|
zuiPopoverContentVariants: () => zuiPopoverContentVariants,
|
|
@@ -303,6 +313,15 @@ __export(design_system_exports, {
|
|
|
303
313
|
zuiScrollAreaShadows: () => zuiScrollAreaShadows,
|
|
304
314
|
zuiScrollAreaSizes: () => zuiScrollAreaSizes,
|
|
305
315
|
zuiScrollAreaVisibility: () => zuiScrollAreaVisibility,
|
|
316
|
+
zuiSecretRevealAppearances: () => zuiSecretRevealAppearances,
|
|
317
|
+
zuiSecretRevealContainerBase: () => zuiSecretRevealContainerBase,
|
|
318
|
+
zuiSecretRevealLabelBase: () => zuiSecretRevealLabelBase,
|
|
319
|
+
zuiSecretRevealLabelSizes: () => zuiSecretRevealLabelSizes,
|
|
320
|
+
zuiSecretRevealSizes: () => zuiSecretRevealSizes,
|
|
321
|
+
zuiSecretRevealToggleBase: () => zuiSecretRevealToggleBase,
|
|
322
|
+
zuiSecretRevealToggleSizes: () => zuiSecretRevealToggleSizes,
|
|
323
|
+
zuiSecretRevealValueBase: () => zuiSecretRevealValueBase,
|
|
324
|
+
zuiSecretRevealValueSizes: () => zuiSecretRevealValueSizes,
|
|
306
325
|
zuiSelectContentAppearances: () => zuiSelectContentAppearances,
|
|
307
326
|
zuiSelectContentBase: () => zuiSelectContentBase,
|
|
308
327
|
zuiSelectDisabled: () => zuiSelectDisabled,
|
|
@@ -733,5 +752,5 @@ var zuiSplitButtonContent = "min-w-[var(--zui-split-button-menu-min-width,12rem)
|
|
|
733
752
|
var zuiSplitButtonItemDisabled = "pointer-events-none opacity-50";
|
|
734
753
|
|
|
735
754
|
export { design_system_exports, zuiButtonAppearances, zuiButtonBase, zuiButtonSizes, zuiDataTableColumnPanelBase, zuiDataTableRootBase, zuiDataTableStateCellBase, zuiDataTableStatusBase, zuiDataTableToolbarBase, zuiDataTableToolbarGroupBase, zuiDataTableVirtualScrollBase, zuiDynamicStepperIndicatorBase, zuiDynamicStepperIndicatorSizes, zuiDynamicStepperIndicatorToneClasses, zuiDynamicStepperItemBase, zuiDynamicStepperItemOrientations, zuiDynamicStepperMapperBase, zuiDynamicStepperMapperOrientations, zuiDynamicStepperRootBase, zuiDynamicStepperRootOrientations, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes, zuiPaginationListAppearances, zuiPaginationListBase, zuiPaginationListSizes, zuiSplitButtonContent, zuiSplitButtonDropdown, zuiSplitButtonFullWidth, zuiSplitButtonGroup, zuiSplitButtonItemDisabled, zuiSplitButtonPrimary, zuiSplitButtonRoot, zuiSplitButtonTrigger, zuiSplitButtonTriggerSizes };
|
|
736
|
-
//# sourceMappingURL=chunk-
|
|
737
|
-
//# sourceMappingURL=chunk-
|
|
755
|
+
//# sourceMappingURL=chunk-GFE6ZX5Y.mjs.map
|
|
756
|
+
//# sourceMappingURL=chunk-GFE6ZX5Y.mjs.map
|