@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
|
@@ -0,0 +1,21 @@
|
|
|
1
|
+
import type { VariantProps } from "class-variance-authority";
|
|
2
|
+
import type { HTMLMotionProps } from "framer-motion";
|
|
3
|
+
import type { ReactNode } from "react";
|
|
4
|
+
import type { passwordStrengthMeterVariants } from "../variants";
|
|
5
|
+
export type PasswordStrengthMeterVariantProps = VariantProps<typeof passwordStrengthMeterVariants>;
|
|
6
|
+
export type PasswordStrengthMeterAnimation = "none" | "shimmer";
|
|
7
|
+
export type PasswordStrengthMeterPresetMotionProps = Pick<HTMLMotionProps<"div">, "transition" | "animate">;
|
|
8
|
+
export type PasswordStrengthMeterAnimationPresets = Record<PasswordStrengthMeterAnimation, PasswordStrengthMeterPresetMotionProps>;
|
|
9
|
+
export type PasswordStrengthMeterAnimatedProps = PasswordStrengthMeterVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
|
|
10
|
+
value: number;
|
|
11
|
+
min?: number;
|
|
12
|
+
max?: number;
|
|
13
|
+
label?: string;
|
|
14
|
+
scoreLabel?: string;
|
|
15
|
+
showScoreLabel?: boolean;
|
|
16
|
+
animated?: boolean;
|
|
17
|
+
segmented?: boolean;
|
|
18
|
+
children?: ReactNode;
|
|
19
|
+
animation?: PasswordStrengthMeterAnimation;
|
|
20
|
+
};
|
|
21
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/password-strength-meter/animated/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,eAAe,CAAC;AACrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,aAAa,CAAC;AAEjE,MAAM,MAAM,iCAAiC,GAAG,YAAY,CAC1D,OAAO,6BAA6B,CACrC,CAAC;AAEF,MAAM,MAAM,8BAA8B,GAAG,MAAM,GAAG,SAAS,CAAC;AAEhE,MAAM,MAAM,sCAAsC,GAAG,IAAI,CACvD,eAAe,CAAC,KAAK,CAAC,EACtB,YAAY,GAAG,SAAS,CACzB,CAAC;AAEF,MAAM,MAAM,qCAAqC,GAAG,MAAM,CACxD,8BAA8B,EAC9B,sCAAsC,CACvC,CAAC;AAEF,MAAM,MAAM,kCAAkC,GAC5C,iCAAiC,GAC/B,IAAI,CAAC,eAAe,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,8BAA8B,CAAC;CAC5C,CAAC"}
|
|
@@ -0,0 +1,169 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var chunkWMM42MAC_js = require('../../chunk-WMM42MAC.js');
|
|
5
|
+
require('../../chunk-46HJFCP7.js');
|
|
6
|
+
var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
|
|
7
|
+
require('../../chunk-PZ5AY32C.js');
|
|
8
|
+
var react = require('react');
|
|
9
|
+
var framerMotion = require('framer-motion');
|
|
10
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
11
|
+
|
|
12
|
+
// src/ui/password-strength-meter/animated/animations.ts
|
|
13
|
+
var passwordStrengthMeterAnimationPresets = {
|
|
14
|
+
none: {},
|
|
15
|
+
shimmer: {
|
|
16
|
+
animate: { backgroundPosition: ["0% 0%", "100% 0%"] },
|
|
17
|
+
transition: { repeat: Infinity, duration: 1.2, ease: "linear" }
|
|
18
|
+
}
|
|
19
|
+
};
|
|
20
|
+
function PasswordStrengthMeterAnimated({
|
|
21
|
+
className,
|
|
22
|
+
appearance = "default",
|
|
23
|
+
size = "md",
|
|
24
|
+
shape = "rounded",
|
|
25
|
+
animated = false,
|
|
26
|
+
segmented = false,
|
|
27
|
+
value = 0,
|
|
28
|
+
min = 0,
|
|
29
|
+
max = 100,
|
|
30
|
+
label,
|
|
31
|
+
scoreLabel,
|
|
32
|
+
showScoreLabel = true,
|
|
33
|
+
children,
|
|
34
|
+
ref,
|
|
35
|
+
animation = "none",
|
|
36
|
+
...rest
|
|
37
|
+
}) {
|
|
38
|
+
const clamped = chunkZS5756ZC_js.clamp(value, min, max);
|
|
39
|
+
const percent = max === min ? 0 : (clamped - min) / (max - min) * 100;
|
|
40
|
+
const labelSlotId = `${react.useId()}-password-strength-meter-label`;
|
|
41
|
+
const hasInlineLabelProp = Boolean(label?.trim().length);
|
|
42
|
+
const labelingProps = react.useMemo(() => {
|
|
43
|
+
if (hasInlineLabelProp) {
|
|
44
|
+
return { "aria-label": label?.trim() ?? "Password strength" };
|
|
45
|
+
}
|
|
46
|
+
return { "aria-label": "Password strength" };
|
|
47
|
+
}, [hasInlineLabelProp, label]);
|
|
48
|
+
const ctx = react.useMemo(
|
|
49
|
+
() => ({
|
|
50
|
+
value: clamped,
|
|
51
|
+
min,
|
|
52
|
+
max,
|
|
53
|
+
size: size ?? "md",
|
|
54
|
+
shape: shape ?? "rounded",
|
|
55
|
+
animated: Boolean(animated),
|
|
56
|
+
segmented: Boolean(segmented),
|
|
57
|
+
appearance: appearance ?? "default",
|
|
58
|
+
labelSlotId
|
|
59
|
+
}),
|
|
60
|
+
[
|
|
61
|
+
animated,
|
|
62
|
+
appearance,
|
|
63
|
+
clamped,
|
|
64
|
+
labelSlotId,
|
|
65
|
+
max,
|
|
66
|
+
min,
|
|
67
|
+
shape,
|
|
68
|
+
size,
|
|
69
|
+
segmented
|
|
70
|
+
]
|
|
71
|
+
);
|
|
72
|
+
const motionProps = passwordStrengthMeterAnimationPresets[animation];
|
|
73
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkWMM42MAC_js.PasswordStrengthMeterContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
74
|
+
framerMotion.motion.div,
|
|
75
|
+
{
|
|
76
|
+
ref,
|
|
77
|
+
"data-slot": "password-strength-meter",
|
|
78
|
+
role: "meter",
|
|
79
|
+
"aria-valuemin": min,
|
|
80
|
+
"aria-valuemax": max,
|
|
81
|
+
"aria-valuenow": clamped,
|
|
82
|
+
"aria-valuetext": chunkWMM42MAC_js.getStrengthLabel(percent),
|
|
83
|
+
...labelingProps,
|
|
84
|
+
className: chunkZS5756ZC_js.cn(
|
|
85
|
+
chunkWMM42MAC_js.passwordStrengthMeterVariants({ appearance, size, shape }),
|
|
86
|
+
className
|
|
87
|
+
),
|
|
88
|
+
initial: animation === "none" ? false : void 0,
|
|
89
|
+
...motionProps,
|
|
90
|
+
...rest,
|
|
91
|
+
children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
|
|
92
|
+
(label || showScoreLabel) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
|
|
93
|
+
label && /* @__PURE__ */ jsxRuntime.jsx(
|
|
94
|
+
"span",
|
|
95
|
+
{
|
|
96
|
+
id: labelSlotId,
|
|
97
|
+
"data-slot": "password-strength-meter-label",
|
|
98
|
+
className: "text-xs font-medium",
|
|
99
|
+
children: label
|
|
100
|
+
}
|
|
101
|
+
),
|
|
102
|
+
showScoreLabel && /* @__PURE__ */ jsxRuntime.jsx(
|
|
103
|
+
"span",
|
|
104
|
+
{
|
|
105
|
+
"data-slot": "password-strength-meter-score-label",
|
|
106
|
+
className: chunkZS5756ZC_js.cn(
|
|
107
|
+
"text-xs font-semibold",
|
|
108
|
+
chunkWMM42MAC_js.getStrengthColor(percent)
|
|
109
|
+
),
|
|
110
|
+
children: scoreLabel ?? chunkWMM42MAC_js.getStrengthLabel(percent)
|
|
111
|
+
}
|
|
112
|
+
)
|
|
113
|
+
] }),
|
|
114
|
+
/* @__PURE__ */ jsxRuntime.jsx(
|
|
115
|
+
PasswordStrengthMeterBarAnimated,
|
|
116
|
+
{
|
|
117
|
+
style: { transform: `scaleX(${percent / 100})` }
|
|
118
|
+
}
|
|
119
|
+
)
|
|
120
|
+
] })
|
|
121
|
+
}
|
|
122
|
+
) });
|
|
123
|
+
}
|
|
124
|
+
PasswordStrengthMeterAnimated.displayName = "PasswordStrengthMeterAnimated";
|
|
125
|
+
function PasswordStrengthMeterBarAnimated({
|
|
126
|
+
className,
|
|
127
|
+
style,
|
|
128
|
+
ref,
|
|
129
|
+
...rest
|
|
130
|
+
}) {
|
|
131
|
+
const { size, shape, animated, segmented } = chunkWMM42MAC_js.usePasswordStrengthMeterContext(
|
|
132
|
+
"PasswordStrengthMeterBar"
|
|
133
|
+
);
|
|
134
|
+
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
135
|
+
"div",
|
|
136
|
+
{
|
|
137
|
+
"data-slot": "password-strength-meter-track",
|
|
138
|
+
className: chunkZS5756ZC_js.cn(
|
|
139
|
+
chunkWMM42MAC_js.passwordStrengthMeterTrackVariants({ size, shape }),
|
|
140
|
+
"text-current"
|
|
141
|
+
),
|
|
142
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(
|
|
143
|
+
framerMotion.motion.div,
|
|
144
|
+
{
|
|
145
|
+
ref,
|
|
146
|
+
"data-slot": "password-strength-meter-bar",
|
|
147
|
+
className: chunkZS5756ZC_js.cn(
|
|
148
|
+
chunkWMM42MAC_js.passwordStrengthMeterBarVariants({ segmented }),
|
|
149
|
+
className
|
|
150
|
+
),
|
|
151
|
+
style: {
|
|
152
|
+
transformOrigin: "left center",
|
|
153
|
+
...style
|
|
154
|
+
},
|
|
155
|
+
animate: animated ? { x: ["-30%", "0%"], opacity: [0.85, 1] } : void 0,
|
|
156
|
+
transition: animated ? { repeat: Infinity, duration: 1.1, ease: "easeInOut" } : void 0,
|
|
157
|
+
...rest
|
|
158
|
+
}
|
|
159
|
+
)
|
|
160
|
+
}
|
|
161
|
+
);
|
|
162
|
+
}
|
|
163
|
+
PasswordStrengthMeterBarAnimated.displayName = "PasswordStrengthMeterBar";
|
|
164
|
+
|
|
165
|
+
exports.PasswordStrengthMeterAnimated = PasswordStrengthMeterAnimated;
|
|
166
|
+
exports.PasswordStrengthMeterBarAnimated = PasswordStrengthMeterBarAnimated;
|
|
167
|
+
exports.passwordStrengthMeterAnimationPresets = passwordStrengthMeterAnimationPresets;
|
|
168
|
+
//# sourceMappingURL=animated.js.map
|
|
169
|
+
//# sourceMappingURL=animated.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/password-strength-meter/animated/animations.ts","../../../src/ui/password-strength-meter/animated/password-strength-meter-animated.tsx"],"names":["clamp","useId","useMemo","jsx","PasswordStrengthMeterContext","motion","getStrengthLabel","cn","passwordStrengthMeterVariants","jsxs","Fragment","getStrengthColor","usePasswordStrengthMeterContext","passwordStrengthMeterTrackVariants","passwordStrengthMeterBarVariants"],"mappings":"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","file":"animated.js","sourcesContent":["import { PasswordStrengthMeterAnimationPresets } from \"./types\";\n\nexport const passwordStrengthMeterAnimationPresets: PasswordStrengthMeterAnimationPresets =\n {\n none: {},\n shimmer: {\n animate: { backgroundPosition: [\"0% 0%\", \"100% 0%\"] },\n transition: { repeat: Infinity, duration: 1.2, ease: \"linear\" },\n },\n };\n","\"use client\";\n\nimport { useId, useMemo } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn, clamp } from \"../../../lib/utils\";\n\nimport { passwordStrengthMeterAnimationPresets } from \"./animations\";\nimport type { PasswordStrengthMeterAnimatedProps } from \"./types\";\nimport type {\n PasswordStrengthMeterCtx,\n PasswordStrengthMeterSectionProps,\n} from \"../types\";\nimport {\n passwordStrengthMeterBarVariants,\n passwordStrengthMeterTrackVariants,\n passwordStrengthMeterVariants,\n} from \"../variants\";\nimport {\n getStrengthColor,\n getStrengthLabel,\n PasswordStrengthMeterContext,\n usePasswordStrengthMeterContext,\n} from \"../password-strength-meter-base\";\n\nexport function PasswordStrengthMeterAnimated({\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 animation = \"none\",\n ...rest\n}: PasswordStrengthMeterAnimatedProps) {\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<PasswordStrengthMeterCtx>(\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 const motionProps = passwordStrengthMeterAnimationPresets[animation];\n\n return (\n <PasswordStrengthMeterContext.Provider value={ctx}>\n <motion.div\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 initial={animation === \"none\" ? false : undefined}\n {...motionProps}\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 <PasswordStrengthMeterBarAnimated\n style={{ transform: `scaleX(${percent / 100})` }}\n />\n </>\n )}\n </motion.div>\n </PasswordStrengthMeterContext.Provider>\n );\n}\n\nPasswordStrengthMeterAnimated.displayName = \"PasswordStrengthMeterAnimated\";\n\nexport function PasswordStrengthMeterBarAnimated({\n className,\n style,\n ref,\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 <div\n data-slot=\"password-strength-meter-track\"\n className={cn(\n passwordStrengthMeterTrackVariants({ size, shape }),\n \"text-current\",\n )}\n >\n <motion.div\n ref={ref}\n data-slot=\"password-strength-meter-bar\"\n className={cn(\n passwordStrengthMeterBarVariants({ segmented }),\n className,\n )}\n style={{\n transformOrigin: \"left center\",\n ...style,\n }}\n animate={\n animated ? { x: [\"-30%\", \"0%\"], opacity: [0.85, 1] } : undefined\n }\n transition={\n animated\n ? { repeat: Infinity, duration: 1.1, ease: \"easeInOut\" }\n : undefined\n }\n {...rest}\n />\n </div>\n );\n}\n\nPasswordStrengthMeterBarAnimated.displayName = \"PasswordStrengthMeterBar\";\n"]}
|
|
@@ -0,0 +1,165 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { PasswordStrengthMeterContext, getStrengthLabel, getStrengthColor, passwordStrengthMeterVariants, usePasswordStrengthMeterContext, passwordStrengthMeterBarVariants, passwordStrengthMeterTrackVariants } from '../../chunk-HR6MGXNI.mjs';
|
|
3
|
+
import '../../chunk-LOEKM3FL.mjs';
|
|
4
|
+
import { clamp, cn } from '../../chunk-4D54YOL6.mjs';
|
|
5
|
+
import '../../chunk-J5LGTIGS.mjs';
|
|
6
|
+
import { useId, useMemo } from 'react';
|
|
7
|
+
import { motion } from 'framer-motion';
|
|
8
|
+
import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
|
|
9
|
+
|
|
10
|
+
// src/ui/password-strength-meter/animated/animations.ts
|
|
11
|
+
var passwordStrengthMeterAnimationPresets = {
|
|
12
|
+
none: {},
|
|
13
|
+
shimmer: {
|
|
14
|
+
animate: { backgroundPosition: ["0% 0%", "100% 0%"] },
|
|
15
|
+
transition: { repeat: Infinity, duration: 1.2, ease: "linear" }
|
|
16
|
+
}
|
|
17
|
+
};
|
|
18
|
+
function PasswordStrengthMeterAnimated({
|
|
19
|
+
className,
|
|
20
|
+
appearance = "default",
|
|
21
|
+
size = "md",
|
|
22
|
+
shape = "rounded",
|
|
23
|
+
animated = false,
|
|
24
|
+
segmented = false,
|
|
25
|
+
value = 0,
|
|
26
|
+
min = 0,
|
|
27
|
+
max = 100,
|
|
28
|
+
label,
|
|
29
|
+
scoreLabel,
|
|
30
|
+
showScoreLabel = true,
|
|
31
|
+
children,
|
|
32
|
+
ref,
|
|
33
|
+
animation = "none",
|
|
34
|
+
...rest
|
|
35
|
+
}) {
|
|
36
|
+
const clamped = clamp(value, min, max);
|
|
37
|
+
const percent = max === min ? 0 : (clamped - min) / (max - min) * 100;
|
|
38
|
+
const labelSlotId = `${useId()}-password-strength-meter-label`;
|
|
39
|
+
const hasInlineLabelProp = Boolean(label?.trim().length);
|
|
40
|
+
const labelingProps = useMemo(() => {
|
|
41
|
+
if (hasInlineLabelProp) {
|
|
42
|
+
return { "aria-label": label?.trim() ?? "Password strength" };
|
|
43
|
+
}
|
|
44
|
+
return { "aria-label": "Password strength" };
|
|
45
|
+
}, [hasInlineLabelProp, label]);
|
|
46
|
+
const ctx = useMemo(
|
|
47
|
+
() => ({
|
|
48
|
+
value: clamped,
|
|
49
|
+
min,
|
|
50
|
+
max,
|
|
51
|
+
size: size ?? "md",
|
|
52
|
+
shape: shape ?? "rounded",
|
|
53
|
+
animated: Boolean(animated),
|
|
54
|
+
segmented: Boolean(segmented),
|
|
55
|
+
appearance: appearance ?? "default",
|
|
56
|
+
labelSlotId
|
|
57
|
+
}),
|
|
58
|
+
[
|
|
59
|
+
animated,
|
|
60
|
+
appearance,
|
|
61
|
+
clamped,
|
|
62
|
+
labelSlotId,
|
|
63
|
+
max,
|
|
64
|
+
min,
|
|
65
|
+
shape,
|
|
66
|
+
size,
|
|
67
|
+
segmented
|
|
68
|
+
]
|
|
69
|
+
);
|
|
70
|
+
const motionProps = passwordStrengthMeterAnimationPresets[animation];
|
|
71
|
+
return /* @__PURE__ */ jsx(PasswordStrengthMeterContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
|
|
72
|
+
motion.div,
|
|
73
|
+
{
|
|
74
|
+
ref,
|
|
75
|
+
"data-slot": "password-strength-meter",
|
|
76
|
+
role: "meter",
|
|
77
|
+
"aria-valuemin": min,
|
|
78
|
+
"aria-valuemax": max,
|
|
79
|
+
"aria-valuenow": clamped,
|
|
80
|
+
"aria-valuetext": getStrengthLabel(percent),
|
|
81
|
+
...labelingProps,
|
|
82
|
+
className: cn(
|
|
83
|
+
passwordStrengthMeterVariants({ appearance, size, shape }),
|
|
84
|
+
className
|
|
85
|
+
),
|
|
86
|
+
initial: animation === "none" ? false : void 0,
|
|
87
|
+
...motionProps,
|
|
88
|
+
...rest,
|
|
89
|
+
children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
90
|
+
(label || showScoreLabel) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
|
|
91
|
+
label && /* @__PURE__ */ jsx(
|
|
92
|
+
"span",
|
|
93
|
+
{
|
|
94
|
+
id: labelSlotId,
|
|
95
|
+
"data-slot": "password-strength-meter-label",
|
|
96
|
+
className: "text-xs font-medium",
|
|
97
|
+
children: label
|
|
98
|
+
}
|
|
99
|
+
),
|
|
100
|
+
showScoreLabel && /* @__PURE__ */ jsx(
|
|
101
|
+
"span",
|
|
102
|
+
{
|
|
103
|
+
"data-slot": "password-strength-meter-score-label",
|
|
104
|
+
className: cn(
|
|
105
|
+
"text-xs font-semibold",
|
|
106
|
+
getStrengthColor(percent)
|
|
107
|
+
),
|
|
108
|
+
children: scoreLabel ?? getStrengthLabel(percent)
|
|
109
|
+
}
|
|
110
|
+
)
|
|
111
|
+
] }),
|
|
112
|
+
/* @__PURE__ */ jsx(
|
|
113
|
+
PasswordStrengthMeterBarAnimated,
|
|
114
|
+
{
|
|
115
|
+
style: { transform: `scaleX(${percent / 100})` }
|
|
116
|
+
}
|
|
117
|
+
)
|
|
118
|
+
] })
|
|
119
|
+
}
|
|
120
|
+
) });
|
|
121
|
+
}
|
|
122
|
+
PasswordStrengthMeterAnimated.displayName = "PasswordStrengthMeterAnimated";
|
|
123
|
+
function PasswordStrengthMeterBarAnimated({
|
|
124
|
+
className,
|
|
125
|
+
style,
|
|
126
|
+
ref,
|
|
127
|
+
...rest
|
|
128
|
+
}) {
|
|
129
|
+
const { size, shape, animated, segmented } = usePasswordStrengthMeterContext(
|
|
130
|
+
"PasswordStrengthMeterBar"
|
|
131
|
+
);
|
|
132
|
+
return /* @__PURE__ */ jsx(
|
|
133
|
+
"div",
|
|
134
|
+
{
|
|
135
|
+
"data-slot": "password-strength-meter-track",
|
|
136
|
+
className: cn(
|
|
137
|
+
passwordStrengthMeterTrackVariants({ size, shape }),
|
|
138
|
+
"text-current"
|
|
139
|
+
),
|
|
140
|
+
children: /* @__PURE__ */ jsx(
|
|
141
|
+
motion.div,
|
|
142
|
+
{
|
|
143
|
+
ref,
|
|
144
|
+
"data-slot": "password-strength-meter-bar",
|
|
145
|
+
className: cn(
|
|
146
|
+
passwordStrengthMeterBarVariants({ segmented }),
|
|
147
|
+
className
|
|
148
|
+
),
|
|
149
|
+
style: {
|
|
150
|
+
transformOrigin: "left center",
|
|
151
|
+
...style
|
|
152
|
+
},
|
|
153
|
+
animate: animated ? { x: ["-30%", "0%"], opacity: [0.85, 1] } : void 0,
|
|
154
|
+
transition: animated ? { repeat: Infinity, duration: 1.1, ease: "easeInOut" } : void 0,
|
|
155
|
+
...rest
|
|
156
|
+
}
|
|
157
|
+
)
|
|
158
|
+
}
|
|
159
|
+
);
|
|
160
|
+
}
|
|
161
|
+
PasswordStrengthMeterBarAnimated.displayName = "PasswordStrengthMeterBar";
|
|
162
|
+
|
|
163
|
+
export { PasswordStrengthMeterAnimated, PasswordStrengthMeterBarAnimated, passwordStrengthMeterAnimationPresets };
|
|
164
|
+
//# sourceMappingURL=animated.mjs.map
|
|
165
|
+
//# sourceMappingURL=animated.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/ui/password-strength-meter/animated/animations.ts","../../../src/ui/password-strength-meter/animated/password-strength-meter-animated.tsx"],"names":[],"mappings":"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","file":"animated.mjs","sourcesContent":["import { PasswordStrengthMeterAnimationPresets } from \"./types\";\n\nexport const passwordStrengthMeterAnimationPresets: PasswordStrengthMeterAnimationPresets =\n {\n none: {},\n shimmer: {\n animate: { backgroundPosition: [\"0% 0%\", \"100% 0%\"] },\n transition: { repeat: Infinity, duration: 1.2, ease: \"linear\" },\n },\n };\n","\"use client\";\n\nimport { useId, useMemo } from \"react\";\nimport { motion } from \"framer-motion\";\n\nimport { cn, clamp } from \"../../../lib/utils\";\n\nimport { passwordStrengthMeterAnimationPresets } from \"./animations\";\nimport type { PasswordStrengthMeterAnimatedProps } from \"./types\";\nimport type {\n PasswordStrengthMeterCtx,\n PasswordStrengthMeterSectionProps,\n} from \"../types\";\nimport {\n passwordStrengthMeterBarVariants,\n passwordStrengthMeterTrackVariants,\n passwordStrengthMeterVariants,\n} from \"../variants\";\nimport {\n getStrengthColor,\n getStrengthLabel,\n PasswordStrengthMeterContext,\n usePasswordStrengthMeterContext,\n} from \"../password-strength-meter-base\";\n\nexport function PasswordStrengthMeterAnimated({\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 animation = \"none\",\n ...rest\n}: PasswordStrengthMeterAnimatedProps) {\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<PasswordStrengthMeterCtx>(\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 const motionProps = passwordStrengthMeterAnimationPresets[animation];\n\n return (\n <PasswordStrengthMeterContext.Provider value={ctx}>\n <motion.div\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 initial={animation === \"none\" ? false : undefined}\n {...motionProps}\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 <PasswordStrengthMeterBarAnimated\n style={{ transform: `scaleX(${percent / 100})` }}\n />\n </>\n )}\n </motion.div>\n </PasswordStrengthMeterContext.Provider>\n );\n}\n\nPasswordStrengthMeterAnimated.displayName = \"PasswordStrengthMeterAnimated\";\n\nexport function PasswordStrengthMeterBarAnimated({\n className,\n style,\n ref,\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 <div\n data-slot=\"password-strength-meter-track\"\n className={cn(\n passwordStrengthMeterTrackVariants({ size, shape }),\n \"text-current\",\n )}\n >\n <motion.div\n ref={ref}\n data-slot=\"password-strength-meter-bar\"\n className={cn(\n passwordStrengthMeterBarVariants({ segmented }),\n className,\n )}\n style={{\n transformOrigin: \"left center\",\n ...style,\n }}\n animate={\n animated ? { x: [\"-30%\", \"0%\"], opacity: [0.85, 1] } : undefined\n }\n transition={\n animated\n ? { repeat: Infinity, duration: 1.1, ease: \"easeInOut\" }\n : undefined\n }\n {...rest}\n />\n </div>\n );\n}\n\nPasswordStrengthMeterBarAnimated.displayName = \"PasswordStrengthMeterBar\";\n"]}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
export { PasswordStrengthMeter } from "./password-strength-meter";
|
|
2
|
+
export { PasswordStrengthMeterBar, PasswordStrengthMeterBase, } from "./password-strength-meter-base";
|
|
3
|
+
export type { PasswordStrengthMeterProps, PasswordStrengthMeterSectionProps, PasswordStrengthMeterCtx, PasswordStrengthMeterVariantProps, } from "./types";
|
|
4
|
+
export { passwordStrengthMeterVariants, passwordStrengthMeterTrackVariants, passwordStrengthMeterBarVariants, } from "./variants";
|
|
5
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/ui/password-strength-meter/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EACL,wBAAwB,EACxB,yBAAyB,GAC1B,MAAM,gCAAgC,CAAC;AACxC,YAAY,EACV,0BAA0B,EAC1B,iCAAiC,EACjC,wBAAwB,EACxB,iCAAiC,GAClC,MAAM,SAAS,CAAC;AACjB,OAAO,EACL,6BAA6B,EAC7B,kCAAkC,EAClC,gCAAgC,GACjC,MAAM,YAAY,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import type { PasswordStrengthMeterProps, PasswordStrengthMeterSectionProps, PasswordStrengthMeterCtx } from "./types";
|
|
2
|
+
export declare const PasswordStrengthMeterContext: import("react").Context<PasswordStrengthMeterCtx | null>;
|
|
3
|
+
export declare function usePasswordStrengthMeterContext(component: string): PasswordStrengthMeterCtx;
|
|
4
|
+
export declare function getStrengthLabel(percent: number): string;
|
|
5
|
+
export declare function getStrengthColor(percent: number): string;
|
|
6
|
+
export declare function PasswordStrengthMeterBase(props: PasswordStrengthMeterProps): import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export declare namespace PasswordStrengthMeterBase {
|
|
8
|
+
var displayName: string;
|
|
9
|
+
}
|
|
10
|
+
export declare function PasswordStrengthMeterBar({ className, style, ref, as: Wrapper, ...rest }: PasswordStrengthMeterSectionProps & {
|
|
11
|
+
style?: React.CSSProperties;
|
|
12
|
+
ref?: React.Ref<HTMLDivElement>;
|
|
13
|
+
}): import("react/jsx-runtime").JSX.Element;
|
|
14
|
+
export declare namespace PasswordStrengthMeterBar {
|
|
15
|
+
var displayName: string;
|
|
16
|
+
}
|
|
17
|
+
//# sourceMappingURL=password-strength-meter-base.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"password-strength-meter-base.d.ts","sourceRoot":"","sources":["../../../src/ui/password-strength-meter/password-strength-meter-base.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EACV,0BAA0B,EAC1B,iCAAiC,EACjC,wBAAwB,EACzB,MAAM,SAAS,CAAC;AAOjB,eAAO,MAAM,4BAA4B,0DACa,CAAC;AAEvD,wBAAgB,+BAA+B,CAC7C,SAAS,EAAE,MAAM,GAChB,wBAAwB,CAM1B;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAMxD;AAED,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,MAAM,GAAG,MAAM,CAUxD;AAED,wBAAgB,yBAAyB,CAAC,KAAK,EAAE,0BAA0B,2CA2G1E;yBA3Ge,yBAAyB;;;AA+GzC,wBAAgB,wBAAwB,CAAC,EACvC,SAAS,EACT,KAAK,EACL,GAAG,EACH,EAAE,EAAE,OAAe,EACnB,GAAG,IAAI,EACR,EAAE,iCAAiC,GAAG;IACrC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;IAC5B,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,cAAc,CAAC,CAAC;CACjC,2CA6BA;yBAtCe,wBAAwB"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { PasswordStrengthMeterProps } from "./types";
|
|
2
|
+
export declare const PasswordStrengthMeter: {
|
|
3
|
+
(props: PasswordStrengthMeterProps): import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
displayName: string;
|
|
5
|
+
};
|
|
6
|
+
//# sourceMappingURL=password-strength-meter.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"password-strength-meter.d.ts","sourceRoot":"","sources":["../../../src/ui/password-strength-meter/password-strength-meter.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,SAAS,CAAC;AAE1D,eAAO,MAAM,qBAAqB;YAAW,0BAA0B;;CAEtE,CAAC"}
|
|
@@ -0,0 +1,33 @@
|
|
|
1
|
+
import type { VariantProps } from "class-variance-authority";
|
|
2
|
+
import type { ComponentPropsWithRef, ElementType, ReactNode } from "react";
|
|
3
|
+
import type { passwordStrengthMeterVariants } from "./variants";
|
|
4
|
+
export type PasswordStrengthMeterVariantProps = VariantProps<typeof passwordStrengthMeterVariants>;
|
|
5
|
+
export type PasswordStrengthMeterProps = PasswordStrengthMeterVariantProps & (Omit<ComponentPropsWithRef<"div">, "children"> & {
|
|
6
|
+
value: number;
|
|
7
|
+
min?: number;
|
|
8
|
+
max?: number;
|
|
9
|
+
label?: string;
|
|
10
|
+
scoreLabel?: string;
|
|
11
|
+
showScoreLabel?: boolean;
|
|
12
|
+
animated?: boolean;
|
|
13
|
+
segmented?: boolean;
|
|
14
|
+
children?: ReactNode;
|
|
15
|
+
as?: ElementType;
|
|
16
|
+
});
|
|
17
|
+
export type PasswordStrengthMeterSectionProps = {
|
|
18
|
+
className?: string;
|
|
19
|
+
children?: ReactNode;
|
|
20
|
+
as?: ElementType;
|
|
21
|
+
};
|
|
22
|
+
export type PasswordStrengthMeterCtx = {
|
|
23
|
+
value: number;
|
|
24
|
+
min: number;
|
|
25
|
+
max: number;
|
|
26
|
+
size: NonNullable<PasswordStrengthMeterProps["size"]>;
|
|
27
|
+
shape: NonNullable<PasswordStrengthMeterProps["shape"]>;
|
|
28
|
+
animated: boolean;
|
|
29
|
+
segmented: boolean;
|
|
30
|
+
appearance: NonNullable<PasswordStrengthMeterProps["appearance"]>;
|
|
31
|
+
labelSlotId: string;
|
|
32
|
+
};
|
|
33
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/ui/password-strength-meter/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,EAAE,qBAAqB,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE3E,OAAO,KAAK,EAAE,6BAA6B,EAAE,MAAM,YAAY,CAAC;AAEhE,MAAM,MAAM,iCAAiC,GAAG,YAAY,CAC1D,OAAO,6BAA6B,CACrC,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG,iCAAiC,GACxE,CAAC,IAAI,CAAC,qBAAqB,CAAC,KAAK,CAAC,EAAE,UAAU,CAAC,GAAG;IAChD,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,CAAC,CAAC;AAEL,MAAM,MAAM,iCAAiC,GAAG;IAC9C,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,EAAE,CAAC,EAAE,WAAW,CAAC;CAClB,CAAC;AAEF,MAAM,MAAM,wBAAwB,GAAG;IACrC,KAAK,EAAE,MAAM,CAAC;IACd,GAAG,EAAE,MAAM,CAAC;IACZ,GAAG,EAAE,MAAM,CAAC;IACZ,IAAI,EAAE,WAAW,CAAC,0BAA0B,CAAC,MAAM,CAAC,CAAC,CAAC;IACtD,KAAK,EAAE,WAAW,CAAC,0BAA0B,CAAC,OAAO,CAAC,CAAC,CAAC;IACxD,QAAQ,EAAE,OAAO,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;IACnB,UAAU,EAAE,WAAW,CAAC,0BAA0B,CAAC,YAAY,CAAC,CAAC,CAAC;IAClE,WAAW,EAAE,MAAM,CAAC;CACrB,CAAC"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
export declare const passwordStrengthMeterVariants: (props?: ({
|
|
2
|
+
appearance?: "ruby" | "outline" | "default" | "glass" | "sky" | "emerald" | "rose" | "slate" | "indigo" | "cyan" | "aqua" | "blue" | "crimson" | "green" | "lavender" | "lime" | "magenta" | "orange" | "pink" | "plum" | "purple" | "red" | "teal" | "yellow" | "gradient-blue" | "gradient-green" | "gradient-red" | "gradient-yellow" | "gradient-purple" | "gradient-teal" | "gradient-indigo" | "gradient-pink" | "gradient-orange" | "secondary" | "destructive" | "ghost" | "mint" | "ocean" | "sapphire" | "zinc" | "stone" | "royal" | "electric" | "forest" | "sunset" | null | undefined;
|
|
3
|
+
size?: "md" | "sm" | "lg" | "xl" | "xs" | null | undefined;
|
|
4
|
+
shape?: "flat" | "rounded" | "pill" | null | undefined;
|
|
5
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
6
|
+
export declare const passwordStrengthMeterTrackVariants: (props?: ({
|
|
7
|
+
size?: "md" | "sm" | "lg" | "xl" | "xs" | null | undefined;
|
|
8
|
+
shape?: "flat" | "rounded" | "pill" | null | undefined;
|
|
9
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
10
|
+
export declare const passwordStrengthMeterBarVariants: (props?: ({
|
|
11
|
+
segmented?: boolean | null | undefined;
|
|
12
|
+
} & import("class-variance-authority/types").ClassProp) | undefined) => string;
|
|
13
|
+
//# sourceMappingURL=variants.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"variants.d.ts","sourceRoot":"","sources":["../../../src/ui/password-strength-meter/variants.ts"],"names":[],"mappings":"AAaA,eAAO,MAAM,6BAA6B;;;;8EAWxC,CAAC;AAEH,eAAO,MAAM,kCAAkC;;;8EAY9C,CAAC;AAEF,eAAO,MAAM,gCAAgC;;8EAQ5C,CAAC"}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
'use strict';
|
|
3
|
+
|
|
4
|
+
var chunkWMM42MAC_js = require('../chunk-WMM42MAC.js');
|
|
5
|
+
require('../chunk-46HJFCP7.js');
|
|
6
|
+
require('../chunk-ZS5756ZC.js');
|
|
7
|
+
require('../chunk-PZ5AY32C.js');
|
|
8
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
9
|
+
|
|
10
|
+
var PasswordStrengthMeter = (props) => {
|
|
11
|
+
return /* @__PURE__ */ jsxRuntime.jsx(chunkWMM42MAC_js.PasswordStrengthMeterBase, { ...props });
|
|
12
|
+
};
|
|
13
|
+
PasswordStrengthMeter.displayName = "PasswordStrengthMeter";
|
|
14
|
+
|
|
15
|
+
Object.defineProperty(exports, "PasswordStrengthMeterBar", {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
get: function () { return chunkWMM42MAC_js.PasswordStrengthMeterBar; }
|
|
18
|
+
});
|
|
19
|
+
Object.defineProperty(exports, "PasswordStrengthMeterBase", {
|
|
20
|
+
enumerable: true,
|
|
21
|
+
get: function () { return chunkWMM42MAC_js.PasswordStrengthMeterBase; }
|
|
22
|
+
});
|
|
23
|
+
Object.defineProperty(exports, "passwordStrengthMeterBarVariants", {
|
|
24
|
+
enumerable: true,
|
|
25
|
+
get: function () { return chunkWMM42MAC_js.passwordStrengthMeterBarVariants; }
|
|
26
|
+
});
|
|
27
|
+
Object.defineProperty(exports, "passwordStrengthMeterTrackVariants", {
|
|
28
|
+
enumerable: true,
|
|
29
|
+
get: function () { return chunkWMM42MAC_js.passwordStrengthMeterTrackVariants; }
|
|
30
|
+
});
|
|
31
|
+
Object.defineProperty(exports, "passwordStrengthMeterVariants", {
|
|
32
|
+
enumerable: true,
|
|
33
|
+
get: function () { return chunkWMM42MAC_js.passwordStrengthMeterVariants; }
|
|
34
|
+
});
|
|
35
|
+
exports.PasswordStrengthMeter = PasswordStrengthMeter;
|
|
36
|
+
//# sourceMappingURL=password-strength-meter.js.map
|
|
37
|
+
//# sourceMappingURL=password-strength-meter.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/ui/password-strength-meter/password-strength-meter.tsx"],"names":["jsx","PasswordStrengthMeterBase"],"mappings":";;;;;;;;AAGO,IAAM,qBAAA,GAAwB,CAAC,KAAA,KAAsC;AAC1E,EAAA,uBAAOA,cAAA,CAACC,0CAAA,EAAA,EAA2B,GAAG,KAAA,EAAO,CAAA;AAC/C;AAEA,qBAAA,CAAsB,WAAA,GAAc,uBAAA","file":"password-strength-meter.js","sourcesContent":["import { PasswordStrengthMeterBase } from \"./password-strength-meter-base\";\nimport type { PasswordStrengthMeterProps } from \"./types\";\n\nexport const PasswordStrengthMeter = (props: PasswordStrengthMeterProps) => {\n return <PasswordStrengthMeterBase {...props} />;\n};\n\nPasswordStrengthMeter.displayName = \"PasswordStrengthMeter\";\n"]}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import { PasswordStrengthMeterBase } from '../chunk-HR6MGXNI.mjs';
|
|
3
|
+
export { PasswordStrengthMeterBar, PasswordStrengthMeterBase, passwordStrengthMeterBarVariants, passwordStrengthMeterTrackVariants, passwordStrengthMeterVariants } from '../chunk-HR6MGXNI.mjs';
|
|
4
|
+
import '../chunk-LOEKM3FL.mjs';
|
|
5
|
+
import '../chunk-4D54YOL6.mjs';
|
|
6
|
+
import '../chunk-J5LGTIGS.mjs';
|
|
7
|
+
import { jsx } from 'react/jsx-runtime';
|
|
8
|
+
|
|
9
|
+
var PasswordStrengthMeter = (props) => {
|
|
10
|
+
return /* @__PURE__ */ jsx(PasswordStrengthMeterBase, { ...props });
|
|
11
|
+
};
|
|
12
|
+
PasswordStrengthMeter.displayName = "PasswordStrengthMeter";
|
|
13
|
+
|
|
14
|
+
export { PasswordStrengthMeter };
|
|
15
|
+
//# sourceMappingURL=password-strength-meter.mjs.map
|
|
16
|
+
//# sourceMappingURL=password-strength-meter.mjs.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../src/ui/password-strength-meter/password-strength-meter.tsx"],"names":[],"mappings":";;;;;;;AAGO,IAAM,qBAAA,GAAwB,CAAC,KAAA,KAAsC;AAC1E,EAAA,uBAAO,GAAA,CAAC,yBAAA,EAAA,EAA2B,GAAG,KAAA,EAAO,CAAA;AAC/C;AAEA,qBAAA,CAAsB,WAAA,GAAc,uBAAA","file":"password-strength-meter.mjs","sourcesContent":["import { PasswordStrengthMeterBase } from \"./password-strength-meter-base\";\nimport type { PasswordStrengthMeterProps } from \"./types\";\n\nexport const PasswordStrengthMeter = (props: PasswordStrengthMeterProps) => {\n return <PasswordStrengthMeterBase {...props} />;\n};\n\nPasswordStrengthMeter.displayName = \"PasswordStrengthMeter\";\n"]}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import type { Transition, Variants } from "framer-motion";
|
|
2
|
+
export type SecretRevealAnimation = "none" | "fade" | "slide-up" | "scale" | "flip";
|
|
3
|
+
export type SecretRevealAnimationPresets = Record<SecretRevealAnimation, {
|
|
4
|
+
transition: Transition;
|
|
5
|
+
variants: Variants;
|
|
6
|
+
}>;
|
|
7
|
+
export declare const secretRevealAnimationPresets: SecretRevealAnimationPresets;
|
|
8
|
+
//# sourceMappingURL=animations.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/ui/secret-reveal/animated/animations.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE1D,MAAM,MAAM,qBAAqB,GAC7B,MAAM,GACN,MAAM,GACN,UAAU,GACV,OAAO,GACP,MAAM,CAAC;AAEX,MAAM,MAAM,4BAA4B,GAAG,MAAM,CAC/C,qBAAqB,EACrB;IACE,UAAU,EAAE,UAAU,CAAC;IACvB,QAAQ,EAAE,QAAQ,CAAC;CACpB,CACF,CAAC;AAEF,eAAO,MAAM,4BAA4B,EAAE,4BAwD1C,CAAC"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/secret-reveal/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,YAAY,EAAE,qBAAqB,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAChF,OAAO,EAAE,4BAA4B,EAAE,MAAM,cAAc,CAAC"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { SecretRevealAnimatedProps } from "./types";
|
|
2
|
+
export declare function SecretRevealAnimated({ appearance, size, value, children, label, labelPosition, initiallyRevealed, onVisibilityChange, animation, muteChar, className, ref, ...rest }: SecretRevealAnimatedProps): import("react/jsx-runtime").JSX.Element;
|
|
3
|
+
export declare namespace SecretRevealAnimated {
|
|
4
|
+
var displayName: string;
|
|
5
|
+
}
|
|
6
|
+
//# sourceMappingURL=secret-reveal-animated.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"secret-reveal-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/secret-reveal/animated/secret-reveal-animated.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,SAAS,CAAC;AAQzD,wBAAgB,oBAAoB,CAAC,EACnC,UAAU,EACV,IAAI,EACJ,KAAK,EACL,QAAQ,EACR,KAAK,EACL,aAAqB,EACrB,iBAAyB,EACzB,kBAAkB,EAClB,SAAkB,EAClB,QAAc,EACd,SAAS,EACT,GAAG,EACH,GAAG,IAAI,EACR,EAAE,yBAAyB,2CAmG3B;yBAjHe,oBAAoB"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import type { Ref } from "react";
|
|
2
|
+
import type { SecretRevealBaseProps } from "../types";
|
|
3
|
+
import type { SecretRevealAnimation } from "./animations";
|
|
4
|
+
export type { SecretRevealAnimation };
|
|
5
|
+
export type SecretRevealAnimatedProps = SecretRevealBaseProps & {
|
|
6
|
+
animation?: SecretRevealAnimation;
|
|
7
|
+
ref?: Ref<HTMLDivElement>;
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=types.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/ui/secret-reveal/animated/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAEjC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AACtD,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AAE1D,YAAY,EAAE,qBAAqB,EAAE,CAAC;AAEtC,MAAM,MAAM,yBAAyB,GAAG,qBAAqB,GAAG;IAC9D,SAAS,CAAC,EAAE,qBAAqB,CAAC;IAClC,GAAG,CAAC,EAAE,GAAG,CAAC,cAAc,CAAC,CAAC;CAC3B,CAAC"}
|