@zentauri-ui/zentauri-components 2.1.9 → 2.2.1
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 +7 -5
- package/cli/props.json +620 -0
- package/cli/registry.json +13 -1
- package/dist/{chunk-OLT7P7JO.mjs → chunk-45ZHGDT2.mjs} +3 -3
- package/dist/{chunk-OLT7P7JO.mjs.map → chunk-45ZHGDT2.mjs.map} +1 -1
- package/dist/chunk-46HJFCP7.js +87 -0
- package/dist/chunk-46HJFCP7.js.map +1 -0
- package/dist/chunk-4KOQS4DT.mjs +96 -0
- package/dist/chunk-4KOQS4DT.mjs.map +1 -0
- package/dist/{chunk-3RC5IG6O.mjs → chunk-5HLEHSPM.mjs} +24 -5
- package/dist/chunk-5HLEHSPM.mjs.map +1 -0
- package/dist/{chunk-7CZDJTPD.js → chunk-DUH2YLH2.js} +12 -12
- package/dist/{chunk-7CZDJTPD.js.map → chunk-DUH2YLH2.js.map} +1 -1
- package/dist/chunk-DXNIAFBG.js +103 -0
- package/dist/chunk-DXNIAFBG.js.map +1 -0
- package/dist/chunk-EMZC6ICD.mjs +55 -0
- package/dist/chunk-EMZC6ICD.mjs.map +1 -0
- package/dist/chunk-HNPGWFVY.js +65 -0
- package/dist/chunk-HNPGWFVY.js.map +1 -0
- package/dist/chunk-HR6MGXNI.mjs +212 -0
- package/dist/chunk-HR6MGXNI.mjs.map +1 -0
- package/dist/chunk-LOEKM3FL.mjs +78 -0
- package/dist/chunk-LOEKM3FL.mjs.map +1 -0
- package/dist/{chunk-7DGPRPWM.js → chunk-NW5BSLR2.js} +6 -6
- package/dist/{chunk-7DGPRPWM.js.map → chunk-NW5BSLR2.js.map} +1 -1
- package/dist/{chunk-4TPE5DEG.js → chunk-UJZ7JQBQ.js} +24 -5
- package/dist/chunk-UJZ7JQBQ.js.map +1 -0
- package/dist/chunk-WMM42MAC.js +222 -0
- package/dist/chunk-WMM42MAC.js.map +1 -0
- package/dist/chunk-YBKNXDZU.js +19 -0
- package/dist/{chunk-MWG7LHAK.js.map → chunk-YBKNXDZU.js.map} +1 -1
- package/dist/{chunk-3HBC34NF.mjs → chunk-YSQW56JX.mjs} +4 -4
- package/dist/{chunk-3HBC34NF.mjs.map → chunk-YSQW56JX.mjs.map} +1 -1
- package/dist/{chunk-VN7FE5RR.mjs → chunk-Z4Y5IPR3.mjs} +3 -3
- package/dist/{chunk-VN7FE5RR.mjs.map → chunk-Z4Y5IPR3.mjs.map} +1 -1
- package/dist/design-system/facade.js +7 -5
- package/dist/design-system/facade.js.map +1 -1
- package/dist/design-system/facade.mjs +6 -4
- 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/typing-indicator.d.ts +47 -0
- package/dist/design-system/typing-indicator.d.ts.map +1 -0
- package/dist/ui/buttons/animated.js +9 -7
- package/dist/ui/buttons/animated.js.map +1 -1
- package/dist/ui/buttons/animated.mjs +7 -5
- package/dist/ui/buttons/animated.mjs.map +1 -1
- package/dist/ui/buttons.js +10 -8
- package/dist/ui/buttons.mjs +8 -6
- package/dist/ui/data-table.js +20 -18
- package/dist/ui/data-table.js.map +1 -1
- package/dist/ui/data-table.mjs +10 -8
- package/dist/ui/data-table.mjs.map +1 -1
- package/dist/ui/dynamic-stepper.js +19 -17
- package/dist/ui/dynamic-stepper.js.map +1 -1
- package/dist/ui/dynamic-stepper.mjs +8 -6
- package/dist/ui/dynamic-stepper.mjs.map +1 -1
- package/dist/ui/pagination.js +11 -9
- package/dist/ui/pagination.mjs +8 -6
- 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/split-button.js +21 -19
- package/dist/ui/split-button.js.map +1 -1
- package/dist/ui/split-button.mjs +8 -6
- package/dist/ui/split-button.mjs.map +1 -1
- package/dist/ui/typing-indicator/animated/animations.d.ts +8 -0
- package/dist/ui/typing-indicator/animated/animations.d.ts.map +1 -0
- package/dist/ui/typing-indicator/animated/index.d.ts +4 -0
- package/dist/ui/typing-indicator/animated/index.d.ts.map +1 -0
- package/dist/ui/typing-indicator/animated/types.d.ts +9 -0
- package/dist/ui/typing-indicator/animated/types.d.ts.map +1 -0
- package/dist/ui/typing-indicator/animated/typing-indicator-animated.d.ts +6 -0
- package/dist/ui/typing-indicator/animated/typing-indicator-animated.d.ts.map +1 -0
- package/dist/ui/typing-indicator/animated.js +119 -0
- package/dist/ui/typing-indicator/animated.js.map +1 -0
- package/dist/ui/typing-indicator/animated.mjs +116 -0
- package/dist/ui/typing-indicator/animated.mjs.map +1 -0
- package/dist/ui/typing-indicator/index.d.ts +4 -0
- package/dist/ui/typing-indicator/index.d.ts.map +1 -0
- package/dist/ui/typing-indicator/types.d.ts +13 -0
- package/dist/ui/typing-indicator/types.d.ts.map +1 -0
- package/dist/ui/typing-indicator/typing-indicator-base.d.ts +13 -0
- package/dist/ui/typing-indicator/typing-indicator-base.d.ts.map +1 -0
- package/dist/ui/typing-indicator/typing-indicator.d.ts +2 -0
- package/dist/ui/typing-indicator/typing-indicator.d.ts.map +1 -0
- package/dist/ui/typing-indicator/variants.d.ts +16 -0
- package/dist/ui/typing-indicator/variants.d.ts.map +1 -0
- package/dist/ui/typing-indicator.js +32 -0
- package/dist/ui/typing-indicator.js.map +1 -0
- package/dist/ui/typing-indicator.mjs +7 -0
- package/dist/ui/typing-indicator.mjs.map +1 -0
- 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/typing-indicator.ts +74 -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/typing-indicator/animated/animations.ts +58 -0
- package/src/ui/typing-indicator/animated/index.ts +8 -0
- package/src/ui/typing-indicator/animated/types.ts +11 -0
- package/src/ui/typing-indicator/animated/typing-indicator-animated.tsx +79 -0
- package/src/ui/typing-indicator/index.ts +15 -0
- package/src/ui/typing-indicator/types.ts +20 -0
- package/src/ui/typing-indicator/typing-indicator-base.tsx +75 -0
- package/src/ui/typing-indicator/typing-indicator.test.tsx +76 -0
- package/src/ui/typing-indicator/typing-indicator.tsx +2 -0
- package/src/ui/typing-indicator/variants.ts +49 -0
- package/dist/chunk-3RC5IG6O.mjs.map +0 -1
- package/dist/chunk-4TPE5DEG.js.map +0 -1
- package/dist/chunk-MWG7LHAK.js +0 -19
|
@@ -0,0 +1,222 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunk46HJFCP7_js = require('./chunk-46HJFCP7.js');
|
|
4
|
+
var chunkZS5756ZC_js = require('./chunk-ZS5756ZC.js');
|
|
5
|
+
var classVarianceAuthority = require('class-variance-authority');
|
|
6
|
+
var react = require('react');
|
|
7
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
8
|
+
|
|
9
|
+
var passwordStrengthMeterVariants = classVarianceAuthority.cva(chunk46HJFCP7_js.zuiPasswordStrengthMeterBase, {
|
|
10
|
+
variants: {
|
|
11
|
+
appearance: chunk46HJFCP7_js.zuiPasswordStrengthMeterAppearances,
|
|
12
|
+
size: chunk46HJFCP7_js.zuiPasswordStrengthMeterSizes,
|
|
13
|
+
shape: chunk46HJFCP7_js.zuiPasswordStrengthMeterShapes
|
|
14
|
+
},
|
|
15
|
+
defaultVariants: {
|
|
16
|
+
appearance: "default",
|
|
17
|
+
size: "md",
|
|
18
|
+
shape: "rounded"
|
|
19
|
+
}
|
|
20
|
+
});
|
|
21
|
+
var passwordStrengthMeterTrackVariants = classVarianceAuthority.cva(
|
|
22
|
+
chunk46HJFCP7_js.zuiPasswordStrengthMeterTrackBase,
|
|
23
|
+
{
|
|
24
|
+
variants: {
|
|
25
|
+
size: chunk46HJFCP7_js.zuiPasswordStrengthMeterTrackSizes,
|
|
26
|
+
shape: chunk46HJFCP7_js.zuiPasswordStrengthMeterShapes
|
|
27
|
+
},
|
|
28
|
+
defaultVariants: {
|
|
29
|
+
size: "md",
|
|
30
|
+
shape: "rounded"
|
|
31
|
+
}
|
|
32
|
+
}
|
|
33
|
+
);
|
|
34
|
+
var passwordStrengthMeterBarVariants = classVarianceAuthority.cva(
|
|
35
|
+
chunk46HJFCP7_js.zuiPasswordStrengthMeterBarBase,
|
|
36
|
+
{
|
|
37
|
+
variants: {
|
|
38
|
+
segmented: chunk46HJFCP7_js.zuiPasswordStrengthMeterBarSegmented
|
|
39
|
+
},
|
|
40
|
+
defaultVariants: { segmented: false }
|
|
41
|
+
}
|
|
42
|
+
);
|
|
43
|
+
var PasswordStrengthMeterContext = react.createContext(null);
|
|
44
|
+
function usePasswordStrengthMeterContext(component) {
|
|
45
|
+
const ctx = react.useContext(PasswordStrengthMeterContext);
|
|
46
|
+
if (!ctx) {
|
|
47
|
+
throw new Error(`${component} must be used within <PasswordStrengthMeter>`);
|
|
48
|
+
}
|
|
49
|
+
return ctx;
|
|
50
|
+
}
|
|
51
|
+
function getStrengthLabel(percent) {
|
|
52
|
+
if (percent <= 20) return "Weak";
|
|
53
|
+
if (percent <= 40) return "Fair";
|
|
54
|
+
if (percent <= 60) return "Good";
|
|
55
|
+
if (percent <= 80) return "Strong";
|
|
56
|
+
return "Very strong";
|
|
57
|
+
}
|
|
58
|
+
function getStrengthColor(percent) {
|
|
59
|
+
if (percent <= 20)
|
|
60
|
+
return "text-[var(--zui-status-error,#dc2626)] dark:text-[var(--zui-status-error-dark,#ef4444)]";
|
|
61
|
+
if (percent <= 40)
|
|
62
|
+
return "text-[var(--zui-color-orange,#ea580c)] dark:text-[var(--zui-color-orange-dark,#fb923c)]";
|
|
63
|
+
if (percent <= 60)
|
|
64
|
+
return "text-[var(--zui-color-yellow,#ca8a04)] dark:text-[var(--zui-color-yellow-dark,#facc15)]";
|
|
65
|
+
if (percent <= 80)
|
|
66
|
+
return "text-[var(--zui-color-emerald,#16a34a)] dark:text-[var(--zui-color-emerald-dark,#22c55e)]";
|
|
67
|
+
return "text-[var(--zui-color-indigo,#4338ca)] dark:text-[var(--zui-color-indigo-dark,#818cf8)]";
|
|
68
|
+
}
|
|
69
|
+
function PasswordStrengthMeterBase(props) {
|
|
70
|
+
const {
|
|
71
|
+
className,
|
|
72
|
+
appearance = "default",
|
|
73
|
+
size = "md",
|
|
74
|
+
shape = "rounded",
|
|
75
|
+
animated = false,
|
|
76
|
+
segmented = false,
|
|
77
|
+
value = 0,
|
|
78
|
+
min = 0,
|
|
79
|
+
max = 100,
|
|
80
|
+
label,
|
|
81
|
+
scoreLabel,
|
|
82
|
+
showScoreLabel = true,
|
|
83
|
+
children,
|
|
84
|
+
ref,
|
|
85
|
+
as: Wrapper = "div",
|
|
86
|
+
...rest
|
|
87
|
+
} = props;
|
|
88
|
+
const clamped = chunkZS5756ZC_js.clamp(value, min, max);
|
|
89
|
+
const percent = max === min ? 0 : (clamped - min) / (max - min) * 100;
|
|
90
|
+
const labelSlotId = `${react.useId()}-password-strength-meter-label`;
|
|
91
|
+
const hasInlineLabelProp = Boolean(label?.trim().length);
|
|
92
|
+
const labelingProps = react.useMemo(() => {
|
|
93
|
+
if (hasInlineLabelProp) {
|
|
94
|
+
return { "aria-label": label?.trim() ?? "Password strength" };
|
|
95
|
+
}
|
|
96
|
+
return { "aria-label": "Password strength" };
|
|
97
|
+
}, [hasInlineLabelProp, label]);
|
|
98
|
+
const ctx = react.useMemo(
|
|
99
|
+
() => ({
|
|
100
|
+
value: clamped,
|
|
101
|
+
min,
|
|
102
|
+
max,
|
|
103
|
+
size: size ?? "md",
|
|
104
|
+
shape: shape ?? "rounded",
|
|
105
|
+
animated: Boolean(animated),
|
|
106
|
+
segmented: Boolean(segmented),
|
|
107
|
+
appearance: appearance ?? "default",
|
|
108
|
+
labelSlotId
|
|
109
|
+
}),
|
|
110
|
+
[
|
|
111
|
+
animated,
|
|
112
|
+
appearance,
|
|
113
|
+
clamped,
|
|
114
|
+
labelSlotId,
|
|
115
|
+
max,
|
|
116
|
+
min,
|
|
117
|
+
shape,
|
|
118
|
+
size,
|
|
119
|
+
segmented
|
|
120
|
+
]
|
|
121
|
+
);
|
|
122
|
+
return /* @__PURE__ */ jsxRuntime.jsx(PasswordStrengthMeterContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
123
|
+
Wrapper,
|
|
124
|
+
{
|
|
125
|
+
ref,
|
|
126
|
+
"data-slot": "password-strength-meter",
|
|
127
|
+
role: "meter",
|
|
128
|
+
"aria-valuemin": min,
|
|
129
|
+
"aria-valuemax": max,
|
|
130
|
+
"aria-valuenow": clamped,
|
|
131
|
+
"aria-valuetext": getStrengthLabel(percent),
|
|
132
|
+
...labelingProps,
|
|
133
|
+
className: chunkZS5756ZC_js.cn(
|
|
134
|
+
passwordStrengthMeterVariants({ appearance, size, shape }),
|
|
135
|
+
className
|
|
136
|
+
),
|
|
137
|
+
...rest,
|
|
138
|
+
children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
139
|
+
(label || showScoreLabel) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
|
|
140
|
+
label && /* @__PURE__ */ jsxRuntime.jsx(
|
|
141
|
+
"span",
|
|
142
|
+
{
|
|
143
|
+
id: labelSlotId,
|
|
144
|
+
"data-slot": "password-strength-meter-label",
|
|
145
|
+
className: "text-xs font-medium",
|
|
146
|
+
children: label
|
|
147
|
+
}
|
|
148
|
+
),
|
|
149
|
+
showScoreLabel && /* @__PURE__ */ jsxRuntime.jsx(
|
|
150
|
+
"span",
|
|
151
|
+
{
|
|
152
|
+
"data-slot": "password-strength-meter-score-label",
|
|
153
|
+
className: chunkZS5756ZC_js.cn(
|
|
154
|
+
"text-xs font-semibold",
|
|
155
|
+
getStrengthColor(percent)
|
|
156
|
+
),
|
|
157
|
+
children: scoreLabel ?? getStrengthLabel(percent)
|
|
158
|
+
}
|
|
159
|
+
)
|
|
160
|
+
] }),
|
|
161
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
162
|
+
PasswordStrengthMeterBar,
|
|
163
|
+
{
|
|
164
|
+
style: { transform: `scaleX(${percent / 100})` }
|
|
165
|
+
}
|
|
166
|
+
)
|
|
167
|
+
] })
|
|
168
|
+
}
|
|
169
|
+
) });
|
|
170
|
+
}
|
|
171
|
+
PasswordStrengthMeterBase.displayName = "PasswordStrengthMeter";
|
|
172
|
+
function PasswordStrengthMeterBar({
|
|
173
|
+
className,
|
|
174
|
+
style,
|
|
175
|
+
ref,
|
|
176
|
+
as: Wrapper = "div",
|
|
177
|
+
...rest
|
|
178
|
+
}) {
|
|
179
|
+
const { size, shape, animated, segmented } = usePasswordStrengthMeterContext(
|
|
180
|
+
"PasswordStrengthMeterBar"
|
|
181
|
+
);
|
|
182
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
183
|
+
Wrapper,
|
|
184
|
+
{
|
|
185
|
+
"data-slot": "password-strength-meter-track",
|
|
186
|
+
className: chunkZS5756ZC_js.cn(
|
|
187
|
+
passwordStrengthMeterTrackVariants({ size, shape }),
|
|
188
|
+
"text-current"
|
|
189
|
+
),
|
|
190
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
191
|
+
"div",
|
|
192
|
+
{
|
|
193
|
+
ref,
|
|
194
|
+
"data-slot": "password-strength-meter-bar",
|
|
195
|
+
className: chunkZS5756ZC_js.cn(
|
|
196
|
+
passwordStrengthMeterBarVariants({ segmented }),
|
|
197
|
+
animated ? "animate-pulse" : void 0,
|
|
198
|
+
className
|
|
199
|
+
),
|
|
200
|
+
style: {
|
|
201
|
+
transformOrigin: "left center",
|
|
202
|
+
...style
|
|
203
|
+
},
|
|
204
|
+
...rest
|
|
205
|
+
}
|
|
206
|
+
)
|
|
207
|
+
}
|
|
208
|
+
);
|
|
209
|
+
}
|
|
210
|
+
PasswordStrengthMeterBar.displayName = "PasswordStrengthMeterBar";
|
|
211
|
+
|
|
212
|
+
exports.PasswordStrengthMeterBar = PasswordStrengthMeterBar;
|
|
213
|
+
exports.PasswordStrengthMeterBase = PasswordStrengthMeterBase;
|
|
214
|
+
exports.PasswordStrengthMeterContext = PasswordStrengthMeterContext;
|
|
215
|
+
exports.getStrengthColor = getStrengthColor;
|
|
216
|
+
exports.getStrengthLabel = getStrengthLabel;
|
|
217
|
+
exports.passwordStrengthMeterBarVariants = passwordStrengthMeterBarVariants;
|
|
218
|
+
exports.passwordStrengthMeterTrackVariants = passwordStrengthMeterTrackVariants;
|
|
219
|
+
exports.passwordStrengthMeterVariants = passwordStrengthMeterVariants;
|
|
220
|
+
exports.usePasswordStrengthMeterContext = usePasswordStrengthMeterContext;
|
|
221
|
+
//# sourceMappingURL=chunk-WMM42MAC.js.map
|
|
222
|
+
//# sourceMappingURL=chunk-WMM42MAC.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../src/ui/password-strength-meter/variants.ts","../src/ui/password-strength-meter/password-strength-meter-base.tsx"],"names":["cva","zuiPasswordStrengthMeterBase","zuiPasswordStrengthMeterAppearances","zuiPasswordStrengthMeterSizes","zuiPasswordStrengthMeterShapes","zuiPasswordStrengthMeterTrackBase","zuiPasswordStrengthMeterTrackSizes","zuiPasswordStrengthMeterBarBase","zuiPasswordStrengthMeterBarSegmented","createContext","useContext","clamp","useId","useMemo","jsx","cn","jsxs","Fragment"],"mappings":"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","file":"chunk-WMM42MAC.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiPasswordStrengthMeterAppearances,\n zuiPasswordStrengthMeterBarBase,\n zuiPasswordStrengthMeterBarSegmented,\n zuiPasswordStrengthMeterBase,\n zuiPasswordStrengthMeterShapes,\n zuiPasswordStrengthMeterSizes,\n zuiPasswordStrengthMeterTrackBase,\n zuiPasswordStrengthMeterTrackSizes,\n} from \"../../design-system/password-strength-meter\";\n\nexport const passwordStrengthMeterVariants = cva(zuiPasswordStrengthMeterBase, {\n variants: {\n appearance: zuiPasswordStrengthMeterAppearances,\n size: zuiPasswordStrengthMeterSizes,\n shape: zuiPasswordStrengthMeterShapes,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n shape: \"rounded\",\n },\n});\n\nexport const passwordStrengthMeterTrackVariants = cva(\n zuiPasswordStrengthMeterTrackBase,\n {\n variants: {\n size: zuiPasswordStrengthMeterTrackSizes,\n shape: zuiPasswordStrengthMeterShapes,\n },\n defaultVariants: {\n size: \"md\",\n shape: \"rounded\",\n },\n },\n);\n\nexport const passwordStrengthMeterBarVariants = cva(\n zuiPasswordStrengthMeterBarBase,\n {\n variants: {\n segmented: zuiPasswordStrengthMeterBarSegmented,\n },\n defaultVariants: { segmented: false },\n },\n);\n","\"use client\";\n\nimport { createContext, useContext, useMemo, useId } from \"react\";\n\nimport { cn, clamp } from \"../../lib/utils\";\n\nimport type {\n PasswordStrengthMeterProps,\n PasswordStrengthMeterSectionProps,\n PasswordStrengthMeterCtx,\n} from \"./types\";\nimport {\n passwordStrengthMeterBarVariants,\n passwordStrengthMeterTrackVariants,\n passwordStrengthMeterVariants,\n} from \"./variants\";\n\nexport const PasswordStrengthMeterContext =\n createContext<PasswordStrengthMeterCtx | null>(null);\n\nexport function usePasswordStrengthMeterContext(\n component: string,\n): PasswordStrengthMeterCtx {\n const ctx = useContext(PasswordStrengthMeterContext);\n if (!ctx) {\n throw new Error(`${component} must be used within <PasswordStrengthMeter>`);\n }\n return ctx;\n}\n\nexport function getStrengthLabel(percent: number): string {\n if (percent <= 20) return \"Weak\";\n if (percent <= 40) return \"Fair\";\n if (percent <= 60) return \"Good\";\n if (percent <= 80) return \"Strong\";\n return \"Very strong\";\n}\n\nexport function getStrengthColor(percent: number): string {\n if (percent <= 20)\n return \"text-[var(--zui-status-error,#dc2626)] dark:text-[var(--zui-status-error-dark,#ef4444)]\";\n if (percent <= 40)\n return \"text-[var(--zui-color-orange,#ea580c)] dark:text-[var(--zui-color-orange-dark,#fb923c)]\";\n if (percent <= 60)\n return \"text-[var(--zui-color-yellow,#ca8a04)] dark:text-[var(--zui-color-yellow-dark,#facc15)]\";\n if (percent <= 80)\n return \"text-[var(--zui-color-emerald,#16a34a)] dark:text-[var(--zui-color-emerald-dark,#22c55e)]\";\n return \"text-[var(--zui-color-indigo,#4338ca)] dark:text-[var(--zui-color-indigo-dark,#818cf8)]\";\n}\n\nexport function PasswordStrengthMeterBase(props: PasswordStrengthMeterProps) {\n const {\n className,\n appearance = \"default\",\n size = \"md\",\n shape = \"rounded\",\n animated = false,\n segmented = false,\n value = 0,\n min = 0,\n max = 100,\n label,\n scoreLabel,\n showScoreLabel = true,\n children,\n ref,\n as: Wrapper = \"div\",\n ...rest\n } = props;\n const clamped = clamp(value, min, max);\n const percent = max === min ? 0 : ((clamped - min) / (max - min)) * 100;\n const labelSlotId = `${useId()}-password-strength-meter-label`;\n const hasInlineLabelProp = Boolean(label?.trim().length);\n\n const labelingProps = useMemo(() => {\n if (hasInlineLabelProp) {\n return { \"aria-label\": label?.trim() ?? \"Password strength\" };\n }\n return { \"aria-label\": \"Password strength\" };\n }, [hasInlineLabelProp, label]);\n\n const ctx = useMemo(\n () => ({\n value: clamped,\n min,\n max,\n size: size ?? \"md\",\n shape: shape ?? \"rounded\",\n animated: Boolean(animated),\n segmented: Boolean(segmented),\n appearance: appearance ?? \"default\",\n labelSlotId,\n }),\n [\n animated,\n appearance,\n clamped,\n labelSlotId,\n max,\n min,\n shape,\n size,\n segmented,\n ],\n );\n\n return (\n <PasswordStrengthMeterContext.Provider value={ctx}>\n <Wrapper\n ref={ref}\n data-slot=\"password-strength-meter\"\n role=\"meter\"\n aria-valuemin={min}\n aria-valuemax={max}\n aria-valuenow={clamped}\n aria-valuetext={getStrengthLabel(percent)}\n {...labelingProps}\n className={cn(\n passwordStrengthMeterVariants({ appearance, size, shape }),\n className,\n )}\n {...rest}\n >\n {children ?? (\n <>\n {(label || showScoreLabel) && (\n <div className=\"flex items-center justify-between mb-1.5\">\n {label && (\n <span\n id={labelSlotId}\n data-slot=\"password-strength-meter-label\"\n className=\"text-xs font-medium\"\n >\n {label}\n </span>\n )}\n {showScoreLabel && (\n <span\n data-slot=\"password-strength-meter-score-label\"\n className={cn(\n \"text-xs font-semibold\",\n getStrengthColor(percent),\n )}\n >\n {scoreLabel ?? getStrengthLabel(percent)}\n </span>\n )}\n </div>\n )}\n <PasswordStrengthMeterBar\n style={{ transform: `scaleX(${percent / 100})` }}\n />\n </>\n )}\n </Wrapper>\n </PasswordStrengthMeterContext.Provider>\n );\n}\n\nPasswordStrengthMeterBase.displayName = \"PasswordStrengthMeter\";\n\nexport function PasswordStrengthMeterBar({\n className,\n style,\n ref,\n as: Wrapper = \"div\",\n ...rest\n}: PasswordStrengthMeterSectionProps & {\n style?: React.CSSProperties;\n ref?: React.Ref<HTMLDivElement>;\n}) {\n const { size, shape, animated, segmented } = usePasswordStrengthMeterContext(\n \"PasswordStrengthMeterBar\",\n );\n\n return (\n <Wrapper\n data-slot=\"password-strength-meter-track\"\n className={cn(\n passwordStrengthMeterTrackVariants({ size, shape }),\n \"text-current\",\n )}\n >\n <div\n ref={ref}\n data-slot=\"password-strength-meter-bar\"\n className={cn(\n passwordStrengthMeterBarVariants({ segmented }),\n animated ? \"animate-pulse\" : undefined,\n className,\n )}\n style={{\n transformOrigin: \"left center\",\n ...style,\n }}\n {...rest}\n />\n </Wrapper>\n );\n}\n\nPasswordStrengthMeterBar.displayName = \"PasswordStrengthMeterBar\";\n"]}
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var chunkUJZ7JQBQ_js = require('./chunk-UJZ7JQBQ.js');
|
|
4
|
+
var classVarianceAuthority = require('class-variance-authority');
|
|
5
|
+
|
|
6
|
+
var buttonVariants = classVarianceAuthority.cva(chunkUJZ7JQBQ_js.zuiButtonBase, {
|
|
7
|
+
variants: {
|
|
8
|
+
appearance: chunkUJZ7JQBQ_js.zuiButtonAppearances,
|
|
9
|
+
size: chunkUJZ7JQBQ_js.zuiButtonSizes
|
|
10
|
+
},
|
|
11
|
+
defaultVariants: {
|
|
12
|
+
appearance: "default",
|
|
13
|
+
size: "md"
|
|
14
|
+
}
|
|
15
|
+
});
|
|
16
|
+
|
|
17
|
+
exports.buttonVariants = buttonVariants;
|
|
18
|
+
//# sourceMappingURL=chunk-YBKNXDZU.js.map
|
|
19
|
+
//# sourceMappingURL=chunk-YBKNXDZU.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":["cva","zuiButtonBase","zuiButtonAppearances","zuiButtonSizes"],"mappings":";;;;;AAQO,IAAM,cAAA,GAAiBA,2BAAIC,8BAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,qCAAA;AAAA,IACZ,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-
|
|
1
|
+
{"version":3,"sources":["../src/ui/buttons/variants.ts"],"names":["cva","zuiButtonBase","zuiButtonAppearances","zuiButtonSizes"],"mappings":";;;;;AAQO,IAAM,cAAA,GAAiBA,2BAAIC,8BAAA,EAAe;AAAA,EAC/C,QAAA,EAAU;AAAA,IACR,UAAA,EAAYC,qCAAA;AAAA,IACZ,IAAA,EAAMC;AAAA,GACR;AAAA,EACA,eAAA,EAAiB;AAAA,IACf,UAAA,EAAY,SAAA;AAAA,IACZ,IAAA,EAAM;AAAA;AAEV,CAAC","file":"chunk-YBKNXDZU.js","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiButtonAppearances,\n zuiButtonBase,\n zuiButtonSizes,\n} from \"../../design-system\";\n\nexport const buttonVariants = cva(zuiButtonBase, {\n variants: {\n appearance: zuiButtonAppearances,\n size: zuiButtonSizes,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n"]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { usePagination } from './chunk-YNBJAFI2.mjs';
|
|
2
|
-
import { buttonVariants } from './chunk-
|
|
3
|
-
import { zuiPaginationListBase, zuiPaginationListSizes, zuiPaginationListAppearances, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes } from './chunk-
|
|
2
|
+
import { buttonVariants } from './chunk-Z4Y5IPR3.mjs';
|
|
3
|
+
import { zuiPaginationListBase, zuiPaginationListSizes, zuiPaginationListAppearances, zuiPaginationEllipsisBase, zuiPaginationEllipsisSizes } from './chunk-5HLEHSPM.mjs';
|
|
4
4
|
import { cn, clampPage } from './chunk-4D54YOL6.mjs';
|
|
5
5
|
import { useId, useCallback } from 'react';
|
|
6
6
|
import { cva } from 'class-variance-authority';
|
|
@@ -217,5 +217,5 @@ var Pagination = ({
|
|
|
217
217
|
Pagination.displayName = "Pagination";
|
|
218
218
|
|
|
219
219
|
export { Pagination, paginationEllipsisVariants, paginationListVariants };
|
|
220
|
-
//# sourceMappingURL=chunk-
|
|
221
|
-
//# sourceMappingURL=chunk-
|
|
220
|
+
//# sourceMappingURL=chunk-YSQW56JX.mjs.map
|
|
221
|
+
//# sourceMappingURL=chunk-YSQW56JX.mjs.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/ui/pagination/variants.ts","../src/ui/pagination/pagination.tsx"],"names":[],"mappings":"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","file":"chunk-3HBC34NF.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiPaginationEllipsisBase,\n zuiPaginationEllipsisSizes,\n zuiPaginationListAppearances,\n zuiPaginationListBase,\n zuiPaginationListSizes,\n} from \"../../design-system/pagination\";\n\nexport const paginationListVariants = cva(zuiPaginationListBase, {\n variants: {\n appearance: zuiPaginationListAppearances,\n size: zuiPaginationListSizes,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n\nexport const paginationEllipsisVariants = cva(zuiPaginationEllipsisBase, {\n variants: {\n size: zuiPaginationEllipsisSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn, clampPage } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"../../hooks/usePagination\";\nimport { paginationEllipsisVariants, paginationListVariants } from \"./variants\";\n\nconst defaultPrevLabel = \"Previous page\";\nconst defaultNextLabel = \"Next page\";\nconst defaultEllipsisLabel = \"More pages\";\n\nexport const Pagination = ({\n className,\n appearance = \"default\",\n size = \"md\",\n pageCount,\n page,\n defaultPage = 1,\n onPageChange,\n siblingCount = 1,\n boundaryCount = 1,\n showPrevNext = true,\n prevLabel = defaultPrevLabel,\n nextLabel = defaultNextLabel,\n ellipsisLabel = defaultEllipsisLabel,\n getPageHref,\n \"aria-label\": ariaLabel = \"Pagination\",\n ref,\n ...rest\n}: PaginationProps) => {\n const id = useId();\n const listId = `${id}-list`;\n\n const { currentPage, items, setPage, goPrev, goNext, canGoPrev, canGoNext } =\n usePagination({\n pageCount,\n page,\n defaultPage,\n siblingCount,\n boundaryCount,\n onPageChange,\n });\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLElement>) => {\n if (pageCount <= 0) {\n return;\n }\n if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n event.preventDefault();\n if (canGoNext) {\n setPage(currentPage + 1);\n }\n } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n event.preventDefault();\n if (canGoPrev) {\n setPage(currentPage - 1);\n }\n } else if (event.key === \"Home\") {\n event.preventDefault();\n setPage(1);\n } else if (event.key === \"End\") {\n event.preventDefault();\n setPage(pageCount);\n }\n },\n [canGoNext, canGoPrev, currentPage, pageCount, setPage],\n );\n\n if (pageCount <= 0) {\n return null;\n }\n\n const inactiveTriggerClass = cn(\n buttonVariants({ appearance: \"ghost\", size }),\n \"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10\",\n );\n\n const currentTriggerClass = buttonVariants({ appearance, size });\n\n const triggerFocusRing =\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\";\n\n const renderPageControl = (pageNumber: number) => {\n const isCurrent = pageNumber === currentPage;\n const href = getPageHref?.(pageNumber);\n const shared = cn(\n isCurrent ? currentTriggerClass : inactiveTriggerClass,\n \"min-w-[2.25ch] shrink-0\",\n triggerFocusRing,\n );\n\n if (href) {\n return (\n <a\n data-slot=\"pagination-trigger\"\n href={href}\n aria-label={`Page ${pageNumber}`}\n aria-current={isCurrent ? \"page\" : undefined}\n className={shared}\n >\n {pageNumber}\n </a>\n );\n }\n\n return (\n <button\n type=\"button\"\n data-slot=\"pagination-trigger\"\n aria-label={`Page ${pageNumber}`}\n aria-current={isCurrent ? \"page\" : undefined}\n className={shared}\n onClick={() => {\n if (!isCurrent) {\n setPage(pageNumber);\n }\n }}\n >\n {pageNumber}\n </button>\n );\n };\n\n const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));\n const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));\n\n const navTriggerClass = cn(\n buttonVariants({ appearance: \"outline\", size }),\n \"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n );\n\n return (\n <nav\n ref={ref}\n data-slot=\"pagination\"\n aria-label={ariaLabel}\n className={cn(\"w-full\", className)}\n onKeyDown={handleKeyDown}\n {...rest}\n >\n <div className=\"flex flex-wrap items-center gap-2\">\n {showPrevNext ? (\n getPageHref && prevHref && canGoPrev ? (\n <a\n data-slot=\"pagination-prev\"\n aria-label={prevLabel}\n href={prevHref}\n className={navTriggerClass}\n >\n Prev\n </a>\n ) : (\n <button\n type=\"button\"\n data-slot=\"pagination-prev\"\n aria-label={prevLabel}\n disabled={!canGoPrev}\n className={navTriggerClass}\n onClick={goPrev}\n >\n Prev\n </button>\n )\n ) : null}\n\n <ul\n id={listId}\n data-slot=\"pagination-list\"\n className={paginationListVariants({ appearance, size })}\n >\n {items.map((item) => (\n <li\n key={item.type === \"page\" ? `page-${item.value}` : item.key}\n data-slot=\"pagination-item\"\n className=\"inline-flex items-center\"\n >\n {item.type === \"ellipsis\" ? (\n <span\n data-slot=\"pagination-ellipsis\"\n className={paginationEllipsisVariants({ size })}\n role=\"img\"\n aria-label={ellipsisLabel}\n >\n …\n </span>\n ) : (\n renderPageControl(item.value)\n )}\n </li>\n ))}\n </ul>\n\n {showPrevNext ? (\n getPageHref && nextHref && canGoNext ? (\n <a\n data-slot=\"pagination-next\"\n aria-label={nextLabel}\n href={nextHref}\n className={navTriggerClass}\n >\n Next\n </a>\n ) : (\n <button\n type=\"button\"\n data-slot=\"pagination-next\"\n aria-label={nextLabel}\n disabled={!canGoNext}\n className={navTriggerClass}\n onClick={goNext}\n >\n Next\n </button>\n )\n ) : null}\n </div>\n </nav>\n );\n};\n\nPagination.displayName = \"Pagination\";\n"]}
|
|
1
|
+
{"version":3,"sources":["../src/ui/pagination/variants.ts","../src/ui/pagination/pagination.tsx"],"names":[],"mappings":"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","file":"chunk-YSQW56JX.mjs","sourcesContent":["import { cva } from \"class-variance-authority\";\n\nimport {\n zuiPaginationEllipsisBase,\n zuiPaginationEllipsisSizes,\n zuiPaginationListAppearances,\n zuiPaginationListBase,\n zuiPaginationListSizes,\n} from \"../../design-system/pagination\";\n\nexport const paginationListVariants = cva(zuiPaginationListBase, {\n variants: {\n appearance: zuiPaginationListAppearances,\n size: zuiPaginationListSizes,\n },\n defaultVariants: {\n appearance: \"default\",\n size: \"md\",\n },\n});\n\nexport const paginationEllipsisVariants = cva(zuiPaginationEllipsisBase, {\n variants: {\n size: zuiPaginationEllipsisSizes,\n },\n defaultVariants: { size: \"md\" },\n});\n","\"use client\";\n\nimport { useCallback, useId, type KeyboardEvent } from \"react\";\n\nimport { cn, clampPage } from \"../../lib/utils\";\nimport { buttonVariants } from \"../buttons/variants\";\n\nimport type { PaginationProps } from \"./types\";\nimport { usePagination } from \"../../hooks/usePagination\";\nimport { paginationEllipsisVariants, paginationListVariants } from \"./variants\";\n\nconst defaultPrevLabel = \"Previous page\";\nconst defaultNextLabel = \"Next page\";\nconst defaultEllipsisLabel = \"More pages\";\n\nexport const Pagination = ({\n className,\n appearance = \"default\",\n size = \"md\",\n pageCount,\n page,\n defaultPage = 1,\n onPageChange,\n siblingCount = 1,\n boundaryCount = 1,\n showPrevNext = true,\n prevLabel = defaultPrevLabel,\n nextLabel = defaultNextLabel,\n ellipsisLabel = defaultEllipsisLabel,\n getPageHref,\n \"aria-label\": ariaLabel = \"Pagination\",\n ref,\n ...rest\n}: PaginationProps) => {\n const id = useId();\n const listId = `${id}-list`;\n\n const { currentPage, items, setPage, goPrev, goNext, canGoPrev, canGoNext } =\n usePagination({\n pageCount,\n page,\n defaultPage,\n siblingCount,\n boundaryCount,\n onPageChange,\n });\n\n const handleKeyDown = useCallback(\n (event: KeyboardEvent<HTMLElement>) => {\n if (pageCount <= 0) {\n return;\n }\n if (event.key === \"ArrowRight\" || event.key === \"ArrowDown\") {\n event.preventDefault();\n if (canGoNext) {\n setPage(currentPage + 1);\n }\n } else if (event.key === \"ArrowLeft\" || event.key === \"ArrowUp\") {\n event.preventDefault();\n if (canGoPrev) {\n setPage(currentPage - 1);\n }\n } else if (event.key === \"Home\") {\n event.preventDefault();\n setPage(1);\n } else if (event.key === \"End\") {\n event.preventDefault();\n setPage(pageCount);\n }\n },\n [canGoNext, canGoPrev, currentPage, pageCount, setPage],\n );\n\n if (pageCount <= 0) {\n return null;\n }\n\n const inactiveTriggerClass = cn(\n buttonVariants({ appearance: \"ghost\", size }),\n \"bg-white/[0.04] text-slate-900 dark:text-slate-200 hover:bg-white/10\",\n );\n\n const currentTriggerClass = buttonVariants({ appearance, size });\n\n const triggerFocusRing =\n \"focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\";\n\n const renderPageControl = (pageNumber: number) => {\n const isCurrent = pageNumber === currentPage;\n const href = getPageHref?.(pageNumber);\n const shared = cn(\n isCurrent ? currentTriggerClass : inactiveTriggerClass,\n \"min-w-[2.25ch] shrink-0\",\n triggerFocusRing,\n );\n\n if (href) {\n return (\n <a\n data-slot=\"pagination-trigger\"\n href={href}\n aria-label={`Page ${pageNumber}`}\n aria-current={isCurrent ? \"page\" : undefined}\n className={shared}\n >\n {pageNumber}\n </a>\n );\n }\n\n return (\n <button\n type=\"button\"\n data-slot=\"pagination-trigger\"\n aria-label={`Page ${pageNumber}`}\n aria-current={isCurrent ? \"page\" : undefined}\n className={shared}\n onClick={() => {\n if (!isCurrent) {\n setPage(pageNumber);\n }\n }}\n >\n {pageNumber}\n </button>\n );\n };\n\n const prevHref = getPageHref?.(clampPage(currentPage - 1, pageCount));\n const nextHref = getPageHref?.(clampPage(currentPage + 1, pageCount));\n\n const navTriggerClass = cn(\n buttonVariants({ appearance: \"outline\", size }),\n \"shrink-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-slate-300 focus-visible:ring-offset-2 focus-visible:ring-offset-slate-950\",\n );\n\n return (\n <nav\n ref={ref}\n data-slot=\"pagination\"\n aria-label={ariaLabel}\n className={cn(\"w-full\", className)}\n onKeyDown={handleKeyDown}\n {...rest}\n >\n <div className=\"flex flex-wrap items-center gap-2\">\n {showPrevNext ? (\n getPageHref && prevHref && canGoPrev ? (\n <a\n data-slot=\"pagination-prev\"\n aria-label={prevLabel}\n href={prevHref}\n className={navTriggerClass}\n >\n Prev\n </a>\n ) : (\n <button\n type=\"button\"\n data-slot=\"pagination-prev\"\n aria-label={prevLabel}\n disabled={!canGoPrev}\n className={navTriggerClass}\n onClick={goPrev}\n >\n Prev\n </button>\n )\n ) : null}\n\n <ul\n id={listId}\n data-slot=\"pagination-list\"\n className={paginationListVariants({ appearance, size })}\n >\n {items.map((item) => (\n <li\n key={item.type === \"page\" ? `page-${item.value}` : item.key}\n data-slot=\"pagination-item\"\n className=\"inline-flex items-center\"\n >\n {item.type === \"ellipsis\" ? (\n <span\n data-slot=\"pagination-ellipsis\"\n className={paginationEllipsisVariants({ size })}\n role=\"img\"\n aria-label={ellipsisLabel}\n >\n …\n </span>\n ) : (\n renderPageControl(item.value)\n )}\n </li>\n ))}\n </ul>\n\n {showPrevNext ? (\n getPageHref && nextHref && canGoNext ? (\n <a\n data-slot=\"pagination-next\"\n aria-label={nextLabel}\n href={nextHref}\n className={navTriggerClass}\n >\n Next\n </a>\n ) : (\n <button\n type=\"button\"\n data-slot=\"pagination-next\"\n aria-label={nextLabel}\n disabled={!canGoNext}\n className={navTriggerClass}\n onClick={goNext}\n >\n Next\n </button>\n )\n ) : null}\n </div>\n </nav>\n );\n};\n\nPagination.displayName = \"Pagination\";\n"]}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import { zuiButtonBase, zuiButtonSizes, zuiButtonAppearances } from './chunk-
|
|
1
|
+
import { zuiButtonBase, zuiButtonSizes, zuiButtonAppearances } from './chunk-5HLEHSPM.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-Z4Y5IPR3.mjs.map
|
|
17
|
+
//# sourceMappingURL=chunk-Z4Y5IPR3.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-Z4Y5IPR3.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"]}
|
|
@@ -1,7 +1,10 @@
|
|
|
1
1
|
'use strict';
|
|
2
2
|
|
|
3
|
-
var
|
|
3
|
+
var chunkUJZ7JQBQ_js = require('../chunk-UJZ7JQBQ.js');
|
|
4
4
|
require('../chunk-FBUY6K6S.js');
|
|
5
|
+
require('../chunk-HNPGWFVY.js');
|
|
6
|
+
require('../chunk-3MK7CWEX.js');
|
|
7
|
+
require('../chunk-L7W4NRK6.js');
|
|
5
8
|
require('../chunk-KWBGLH7G.js');
|
|
6
9
|
require('../chunk-OH5VOGNW.js');
|
|
7
10
|
require('../chunk-Y7BU5RC4.js');
|
|
@@ -9,20 +12,19 @@ require('../chunk-NDF3HORF.js');
|
|
|
9
12
|
require('../chunk-USLNTKVQ.js');
|
|
10
13
|
require('../chunk-D7ATXPVI.js');
|
|
11
14
|
require('../chunk-IEHY6KNM.js');
|
|
12
|
-
require('../chunk-
|
|
15
|
+
require('../chunk-HOOZYA4N.js');
|
|
13
16
|
require('../chunk-CJCOURVM.js');
|
|
14
17
|
require('../chunk-22FJROCI.js');
|
|
15
18
|
require('../chunk-UJXFD4SK.js');
|
|
16
19
|
require('../chunk-3EJCQXGV.js');
|
|
17
20
|
require('../chunk-6KVTKYTB.js');
|
|
18
|
-
require('../chunk-L7W4NRK6.js');
|
|
19
21
|
require('../chunk-A7MU6SFI.js');
|
|
20
22
|
require('../chunk-WGN2CBG6.js');
|
|
21
23
|
require('../chunk-SRSRY5K2.js');
|
|
22
24
|
require('../chunk-UG3GF2BD.js');
|
|
23
25
|
require('../chunk-BZTAA3MK.js');
|
|
26
|
+
require('../chunk-46HJFCP7.js');
|
|
24
27
|
require('../chunk-PZ25OHJE.js');
|
|
25
|
-
require('../chunk-HOOZYA4N.js');
|
|
26
28
|
require('../chunk-7DVECOO7.js');
|
|
27
29
|
require('../chunk-KJMW7S5X.js');
|
|
28
30
|
require('../chunk-3CYJQ6KF.js');
|
|
@@ -243,7 +245,7 @@ function classifyVariables(raw) {
|
|
|
243
245
|
};
|
|
244
246
|
});
|
|
245
247
|
}
|
|
246
|
-
var tokenEntries = Object.entries(
|
|
248
|
+
var tokenEntries = Object.entries(chunkUJZ7JQBQ_js.design_system_exports);
|
|
247
249
|
function flattenClassStrings(value) {
|
|
248
250
|
if (typeof value === "string") {
|
|
249
251
|
return [value];
|