@zentauri-ui/zentauri-components 2.1.9 → 2.2.1

package/dist/ui/password-strength-meter/animated/animations.d.ts

@@ -0,0 +1,3 @@
+import { PasswordStrengthMeterAnimationPresets } from "./types";
+export declare const passwordStrengthMeterAnimationPresets: PasswordStrengthMeterAnimationPresets;
+//# sourceMappingURL=animations.d.ts.map

package/dist/ui/password-strength-meter/animated/animations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../../src/ui/password-strength-meter/animated/animations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qCAAqC,EAAE,MAAM,SAAS,CAAC;AAEhE,eAAO,MAAM,qCAAqC,EAAE,qCAOjD,CAAC"}

package/dist/ui/password-strength-meter/animated/index.d.ts

@@ -0,0 +1,4 @@
+export { PasswordStrengthMeterAnimated, PasswordStrengthMeterBarAnimated, } from "./password-strength-meter-animated";
+export type { PasswordStrengthMeterAnimatedProps, PasswordStrengthMeterAnimation, PasswordStrengthMeterAnimationPresets, PasswordStrengthMeterPresetMotionProps, PasswordStrengthMeterVariantProps, } from "./types";
+export { passwordStrengthMeterAnimationPresets } from "./animations";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/password-strength-meter/animated/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/ui/password-strength-meter/animated/index.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,6BAA6B,EAC7B,gCAAgC,GACjC,MAAM,oCAAoC,CAAC;AAC5C,YAAY,EACV,kCAAkC,EAClC,8BAA8B,EAC9B,qCAAqC,EACrC,sCAAsC,EACtC,iCAAiC,GAClC,MAAM,SAAS,CAAC;AACjB,OAAO,EAAE,qCAAqC,EAAE,MAAM,cAAc,CAAC"}

package/dist/ui/password-strength-meter/animated/password-strength-meter-animated.d.ts

@@ -0,0 +1,14 @@
+import type { PasswordStrengthMeterAnimatedProps } from "./types";
+import type { PasswordStrengthMeterSectionProps } from "../types";
+export declare function PasswordStrengthMeterAnimated({ className, appearance, size, shape, animated, segmented, value, min, max, label, scoreLabel, showScoreLabel, children, ref, animation, ...rest }: PasswordStrengthMeterAnimatedProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace PasswordStrengthMeterAnimated {
+    var displayName: string;
+}
+export declare function PasswordStrengthMeterBarAnimated({ className, style, ref, ...rest }: PasswordStrengthMeterSectionProps & {
+    style?: React.CSSProperties;
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace PasswordStrengthMeterBarAnimated {
+    var displayName: string;
+}
+//# sourceMappingURL=password-strength-meter-animated.d.ts.map

package/dist/ui/password-strength-meter/animated/password-strength-meter-animated.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-strength-meter-animated.d.ts","sourceRoot":"","sources":["../../../../src/ui/password-strength-meter/animated/password-strength-meter-animated.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAE,kCAAkC,EAAE,MAAM,SAAS,CAAC;AAClE,OAAO,KAAK,EAEV,iCAAiC,EAClC,MAAM,UAAU,CAAC;AAalB,wBAAgB,6BAA6B,CAAC,EAC5C,SAAS,EACT,UAAsB,EACtB,IAAW,EACX,KAAiB,EACjB,QAAgB,EAChB,SAAiB,EACjB,KAAS,EACT,GAAO,EACP,GAAS,EACT,KAAK,EACL,UAAU,EACV,cAAqB,EACrB,QAAQ,EACR,GAAG,EACH,SAAkB,EAClB,GAAG,IAAI,EACR,EAAE,kCAAkC,2CA6FpC;yBA9Ge,6BAA6B;;;AAkH7C,wBAAgB,gCAAgC,CAAC,EAC/C,SAAS,EACT,KAAK,EACL,GAAG,EACH,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,2CAoCA;yBA5Ce,gCAAgC"}

package/dist/ui/password-strength-meter/animated/types.d.ts

@@ -0,0 +1,21 @@
+import type { VariantProps } from "class-variance-authority";
+import type { HTMLMotionProps } from "framer-motion";
+import type { ReactNode } from "react";
+import type { passwordStrengthMeterVariants } from "../variants";
+export type PasswordStrengthMeterVariantProps = VariantProps<typeof passwordStrengthMeterVariants>;
+export type PasswordStrengthMeterAnimation = "none" | "shimmer";
+export type PasswordStrengthMeterPresetMotionProps = Pick<HTMLMotionProps<"div">, "transition" | "animate">;
+export type PasswordStrengthMeterAnimationPresets = Record<PasswordStrengthMeterAnimation, PasswordStrengthMeterPresetMotionProps>;
+export type PasswordStrengthMeterAnimatedProps = PasswordStrengthMeterVariantProps & Omit<HTMLMotionProps<"div">, "children"> & {
+    value: number;
+    min?: number;
+    max?: number;
+    label?: string;
+    scoreLabel?: string;
+    showScoreLabel?: boolean;
+    animated?: boolean;
+    segmented?: boolean;
+    children?: ReactNode;
+    animation?: PasswordStrengthMeterAnimation;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/password-strength-meter/animated/types.d.ts.map

@@ -0,0 +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"}

package/dist/ui/password-strength-meter/animated.js

@@ -0,0 +1,169 @@
+"use client";
+'use strict';
+
+var chunkWMM42MAC_js = require('../../chunk-WMM42MAC.js');
+require('../../chunk-46HJFCP7.js');
+var chunkZS5756ZC_js = require('../../chunk-ZS5756ZC.js');
+require('../../chunk-PZ5AY32C.js');
+var react = require('react');
+var framerMotion = require('framer-motion');
+var jsxRuntime = require('react/jsx-runtime');
+
+// src/ui/password-strength-meter/animated/animations.ts
+var passwordStrengthMeterAnimationPresets = {
+  none: {},
+  shimmer: {
+    animate: { backgroundPosition: ["0% 0%", "100% 0%"] },
+    transition: { repeat: Infinity, duration: 1.2, ease: "linear" }
+  }
+};
+function PasswordStrengthMeterAnimated({
+  className,
+  appearance = "default",
+  size = "md",
+  shape = "rounded",
+  animated = false,
+  segmented = false,
+  value = 0,
+  min = 0,
+  max = 100,
+  label,
+  scoreLabel,
+  showScoreLabel = true,
+  children,
+  ref,
+  animation = "none",
+  ...rest
+}) {
+  const clamped = chunkZS5756ZC_js.clamp(value, min, max);
+  const percent = max === min ? 0 : (clamped - min) / (max - min) * 100;
+  const labelSlotId = `${react.useId()}-password-strength-meter-label`;
+  const hasInlineLabelProp = Boolean(label?.trim().length);
+  const labelingProps = react.useMemo(() => {
+    if (hasInlineLabelProp) {
+      return { "aria-label": label?.trim() ?? "Password strength" };
+    }
+    return { "aria-label": "Password strength" };
+  }, [hasInlineLabelProp, label]);
+  const ctx = react.useMemo(
+    () => ({
+      value: clamped,
+      min,
+      max,
+      size: size ?? "md",
+      shape: shape ?? "rounded",
+      animated: Boolean(animated),
+      segmented: Boolean(segmented),
+      appearance: appearance ?? "default",
+      labelSlotId
+    }),
+    [
+      animated,
+      appearance,
+      clamped,
+      labelSlotId,
+      max,
+      min,
+      shape,
+      size,
+      segmented
+    ]
+  );
+  const motionProps = passwordStrengthMeterAnimationPresets[animation];
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkWMM42MAC_js.PasswordStrengthMeterContext.Provider, { value: ctx, children: /* @__PURE__ */ jsxRuntime.jsx(
+    framerMotion.motion.div,
+    {
+      ref,
+      "data-slot": "password-strength-meter",
+      role: "meter",
+      "aria-valuemin": min,
+      "aria-valuemax": max,
+      "aria-valuenow": clamped,
+      "aria-valuetext": chunkWMM42MAC_js.getStrengthLabel(percent),
+      ...labelingProps,
+      className: chunkZS5756ZC_js.cn(
+        chunkWMM42MAC_js.passwordStrengthMeterVariants({ appearance, size, shape }),
+        className
+      ),
+      initial: animation === "none" ? false : void 0,
+      ...motionProps,
+      ...rest,
+      children: children ?? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        (label || showScoreLabel) && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
+          label && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              id: labelSlotId,
+              "data-slot": "password-strength-meter-label",
+              className: "text-xs font-medium",
+              children: label
+            }
+          ),
+          showScoreLabel && /* @__PURE__ */ jsxRuntime.jsx(
+            "span",
+            {
+              "data-slot": "password-strength-meter-score-label",
+              className: chunkZS5756ZC_js.cn(
+                "text-xs font-semibold",
+                chunkWMM42MAC_js.getStrengthColor(percent)
+              ),
+              children: scoreLabel ?? chunkWMM42MAC_js.getStrengthLabel(percent)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(
+          PasswordStrengthMeterBarAnimated,
+          {
+            style: { transform: `scaleX(${percent / 100})` }
+          }
+        )
+      ] })
+    }
+  ) });
+}
+PasswordStrengthMeterAnimated.displayName = "PasswordStrengthMeterAnimated";
+function PasswordStrengthMeterBarAnimated({
+  className,
+  style,
+  ref,
+  ...rest
+}) {
+  const { size, shape, animated, segmented } = chunkWMM42MAC_js.usePasswordStrengthMeterContext(
+    "PasswordStrengthMeterBar"
+  );
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    "div",
+    {
+      "data-slot": "password-strength-meter-track",
+      className: chunkZS5756ZC_js.cn(
+        chunkWMM42MAC_js.passwordStrengthMeterTrackVariants({ size, shape }),
+        "text-current"
+      ),
+      children: /* @__PURE__ */ jsxRuntime.jsx(
+        framerMotion.motion.div,
+        {
+          ref,
+          "data-slot": "password-strength-meter-bar",
+          className: chunkZS5756ZC_js.cn(
+            chunkWMM42MAC_js.passwordStrengthMeterBarVariants({ segmented }),
+            className
+          ),
+          style: {
+            transformOrigin: "left center",
+            ...style
+          },
+          animate: animated ? { x: ["-30%", "0%"], opacity: [0.85, 1] } : void 0,
+          transition: animated ? { repeat: Infinity, duration: 1.1, ease: "easeInOut" } : void 0,
+          ...rest
+        }
+      )
+    }
+  );
+}
+PasswordStrengthMeterBarAnimated.displayName = "PasswordStrengthMeterBar";
+
+exports.PasswordStrengthMeterAnimated = PasswordStrengthMeterAnimated;
+exports.PasswordStrengthMeterBarAnimated = PasswordStrengthMeterBarAnimated;
+exports.passwordStrengthMeterAnimationPresets = passwordStrengthMeterAnimationPresets;
+//# sourceMappingURL=animated.js.map
+//# sourceMappingURL=animated.js.map

package/dist/ui/password-strength-meter/animated.js.map

@@ -0,0 +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"]}

package/dist/ui/password-strength-meter/animated.mjs

@@ -0,0 +1,165 @@
+"use client";
+import { PasswordStrengthMeterContext, getStrengthLabel, getStrengthColor, passwordStrengthMeterVariants, usePasswordStrengthMeterContext, passwordStrengthMeterBarVariants, passwordStrengthMeterTrackVariants } from '../../chunk-HR6MGXNI.mjs';
+import '../../chunk-LOEKM3FL.mjs';
+import { clamp, cn } from '../../chunk-4D54YOL6.mjs';
+import '../../chunk-J5LGTIGS.mjs';
+import { useId, useMemo } from 'react';
+import { motion } from 'framer-motion';
+import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
+
+// src/ui/password-strength-meter/animated/animations.ts
+var passwordStrengthMeterAnimationPresets = {
+  none: {},
+  shimmer: {
+    animate: { backgroundPosition: ["0% 0%", "100% 0%"] },
+    transition: { repeat: Infinity, duration: 1.2, ease: "linear" }
+  }
+};
+function PasswordStrengthMeterAnimated({
+  className,
+  appearance = "default",
+  size = "md",
+  shape = "rounded",
+  animated = false,
+  segmented = false,
+  value = 0,
+  min = 0,
+  max = 100,
+  label,
+  scoreLabel,
+  showScoreLabel = true,
+  children,
+  ref,
+  animation = "none",
+  ...rest
+}) {
+  const clamped = clamp(value, min, max);
+  const percent = max === min ? 0 : (clamped - min) / (max - min) * 100;
+  const labelSlotId = `${useId()}-password-strength-meter-label`;
+  const hasInlineLabelProp = Boolean(label?.trim().length);
+  const labelingProps = useMemo(() => {
+    if (hasInlineLabelProp) {
+      return { "aria-label": label?.trim() ?? "Password strength" };
+    }
+    return { "aria-label": "Password strength" };
+  }, [hasInlineLabelProp, label]);
+  const ctx = useMemo(
+    () => ({
+      value: clamped,
+      min,
+      max,
+      size: size ?? "md",
+      shape: shape ?? "rounded",
+      animated: Boolean(animated),
+      segmented: Boolean(segmented),
+      appearance: appearance ?? "default",
+      labelSlotId
+    }),
+    [
+      animated,
+      appearance,
+      clamped,
+      labelSlotId,
+      max,
+      min,
+      shape,
+      size,
+      segmented
+    ]
+  );
+  const motionProps = passwordStrengthMeterAnimationPresets[animation];
+  return /* @__PURE__ */ jsx(PasswordStrengthMeterContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
+    motion.div,
+    {
+      ref,
+      "data-slot": "password-strength-meter",
+      role: "meter",
+      "aria-valuemin": min,
+      "aria-valuemax": max,
+      "aria-valuenow": clamped,
+      "aria-valuetext": getStrengthLabel(percent),
+      ...labelingProps,
+      className: cn(
+        passwordStrengthMeterVariants({ appearance, size, shape }),
+        className
+      ),
+      initial: animation === "none" ? false : void 0,
+      ...motionProps,
+      ...rest,
+      children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
+        (label || showScoreLabel) && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between mb-1.5", children: [
+          label && /* @__PURE__ */ jsx(
+            "span",
+            {
+              id: labelSlotId,
+              "data-slot": "password-strength-meter-label",
+              className: "text-xs font-medium",
+              children: label
+            }
+          ),
+          showScoreLabel && /* @__PURE__ */ jsx(
+            "span",
+            {
+              "data-slot": "password-strength-meter-score-label",
+              className: cn(
+                "text-xs font-semibold",
+                getStrengthColor(percent)
+              ),
+              children: scoreLabel ?? getStrengthLabel(percent)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx(
+          PasswordStrengthMeterBarAnimated,
+          {
+            style: { transform: `scaleX(${percent / 100})` }
+          }
+        )
+      ] })
+    }
+  ) });
+}
+PasswordStrengthMeterAnimated.displayName = "PasswordStrengthMeterAnimated";
+function PasswordStrengthMeterBarAnimated({
+  className,
+  style,
+  ref,
+  ...rest
+}) {
+  const { size, shape, animated, segmented } = usePasswordStrengthMeterContext(
+    "PasswordStrengthMeterBar"
+  );
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      "data-slot": "password-strength-meter-track",
+      className: cn(
+        passwordStrengthMeterTrackVariants({ size, shape }),
+        "text-current"
+      ),
+      children: /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          ref,
+          "data-slot": "password-strength-meter-bar",
+          className: cn(
+            passwordStrengthMeterBarVariants({ segmented }),
+            className
+          ),
+          style: {
+            transformOrigin: "left center",
+            ...style
+          },
+          animate: animated ? { x: ["-30%", "0%"], opacity: [0.85, 1] } : void 0,
+          transition: animated ? { repeat: Infinity, duration: 1.1, ease: "easeInOut" } : void 0,
+          ...rest
+        }
+      )
+    }
+  );
+}
+PasswordStrengthMeterBarAnimated.displayName = "PasswordStrengthMeterBar";
+
+export { PasswordStrengthMeterAnimated, PasswordStrengthMeterBarAnimated, passwordStrengthMeterAnimationPresets };
+//# sourceMappingURL=animated.mjs.map
+//# sourceMappingURL=animated.mjs.map

package/dist/ui/password-strength-meter/animated.mjs.map

@@ -0,0 +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"]}

package/dist/ui/password-strength-meter/index.d.ts

@@ -0,0 +1,5 @@
+export { PasswordStrengthMeter } from "./password-strength-meter";
+export { PasswordStrengthMeterBar, PasswordStrengthMeterBase, } from "./password-strength-meter-base";
+export type { PasswordStrengthMeterProps, PasswordStrengthMeterSectionProps, PasswordStrengthMeterCtx, PasswordStrengthMeterVariantProps, } from "./types";
+export { passwordStrengthMeterVariants, passwordStrengthMeterTrackVariants, passwordStrengthMeterBarVariants, } from "./variants";
+//# sourceMappingURL=index.d.ts.map

package/dist/ui/password-strength-meter/index.d.ts.map

@@ -0,0 +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"}

package/dist/ui/password-strength-meter/password-strength-meter-base.d.ts

@@ -0,0 +1,17 @@
+import type { PasswordStrengthMeterProps, PasswordStrengthMeterSectionProps, PasswordStrengthMeterCtx } from "./types";
+export declare const PasswordStrengthMeterContext: import("react").Context<PasswordStrengthMeterCtx | null>;
+export declare function usePasswordStrengthMeterContext(component: string): PasswordStrengthMeterCtx;
+export declare function getStrengthLabel(percent: number): string;
+export declare function getStrengthColor(percent: number): string;
+export declare function PasswordStrengthMeterBase(props: PasswordStrengthMeterProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace PasswordStrengthMeterBase {
+    var displayName: string;
+}
+export declare function PasswordStrengthMeterBar({ className, style, ref, as: Wrapper, ...rest }: PasswordStrengthMeterSectionProps & {
+    style?: React.CSSProperties;
+    ref?: React.Ref<HTMLDivElement>;
+}): import("react/jsx-runtime").JSX.Element;
+export declare namespace PasswordStrengthMeterBar {
+    var displayName: string;
+}
+//# sourceMappingURL=password-strength-meter-base.d.ts.map

package/dist/ui/password-strength-meter/password-strength-meter-base.d.ts.map

@@ -0,0 +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"}

package/dist/ui/password-strength-meter/password-strength-meter.d.ts

@@ -0,0 +1,6 @@
+import type { PasswordStrengthMeterProps } from "./types";
+export declare const PasswordStrengthMeter: {
+    (props: PasswordStrengthMeterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+//# sourceMappingURL=password-strength-meter.d.ts.map

package/dist/ui/password-strength-meter/password-strength-meter.d.ts.map

@@ -0,0 +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"}

package/dist/ui/password-strength-meter/types.d.ts

@@ -0,0 +1,33 @@
+import type { VariantProps } from "class-variance-authority";
+import type { ComponentPropsWithRef, ElementType, ReactNode } from "react";
+import type { passwordStrengthMeterVariants } from "./variants";
+export type PasswordStrengthMeterVariantProps = VariantProps<typeof passwordStrengthMeterVariants>;
+export type PasswordStrengthMeterProps = PasswordStrengthMeterVariantProps & (Omit<ComponentPropsWithRef<"div">, "children"> & {
+    value: number;
+    min?: number;
+    max?: number;
+    label?: string;
+    scoreLabel?: string;
+    showScoreLabel?: boolean;
+    animated?: boolean;
+    segmented?: boolean;
+    children?: ReactNode;
+    as?: ElementType;
+});
+export type PasswordStrengthMeterSectionProps = {
+    className?: string;
+    children?: ReactNode;
+    as?: ElementType;
+};
+export type PasswordStrengthMeterCtx = {
+    value: number;
+    min: number;
+    max: number;
+    size: NonNullable<PasswordStrengthMeterProps["size"]>;
+    shape: NonNullable<PasswordStrengthMeterProps["shape"]>;
+    animated: boolean;
+    segmented: boolean;
+    appearance: NonNullable<PasswordStrengthMeterProps["appearance"]>;
+    labelSlotId: string;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/ui/password-strength-meter/types.d.ts.map

@@ -0,0 +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"}

package/dist/ui/password-strength-meter/variants.d.ts

@@ -0,0 +1,13 @@
+export declare const passwordStrengthMeterVariants: (props?: ({
+    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;
+    size?: "md" | "sm" | "lg" | "xl" | "xs" | null | undefined;
+    shape?: "flat" | "rounded" | "pill" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const passwordStrengthMeterTrackVariants: (props?: ({
+    size?: "md" | "sm" | "lg" | "xl" | "xs" | null | undefined;
+    shape?: "flat" | "rounded" | "pill" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const passwordStrengthMeterBarVariants: (props?: ({
+    segmented?: boolean | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
+//# sourceMappingURL=variants.d.ts.map

package/dist/ui/password-strength-meter/variants.d.ts.map

@@ -0,0 +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"}

package/dist/ui/password-strength-meter.js

@@ -0,0 +1,37 @@
+"use client";
+'use strict';
+
+var chunkWMM42MAC_js = require('../chunk-WMM42MAC.js');
+require('../chunk-46HJFCP7.js');
+require('../chunk-ZS5756ZC.js');
+require('../chunk-PZ5AY32C.js');
+var jsxRuntime = require('react/jsx-runtime');
+
+var PasswordStrengthMeter = (props) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkWMM42MAC_js.PasswordStrengthMeterBase, { ...props });
+};
+PasswordStrengthMeter.displayName = "PasswordStrengthMeter";
+
+Object.defineProperty(exports, "PasswordStrengthMeterBar", {
+  enumerable: true,
+  get: function () { return chunkWMM42MAC_js.PasswordStrengthMeterBar; }
+});
+Object.defineProperty(exports, "PasswordStrengthMeterBase", {
+  enumerable: true,
+  get: function () { return chunkWMM42MAC_js.PasswordStrengthMeterBase; }
+});
+Object.defineProperty(exports, "passwordStrengthMeterBarVariants", {
+  enumerable: true,
+  get: function () { return chunkWMM42MAC_js.passwordStrengthMeterBarVariants; }
+});
+Object.defineProperty(exports, "passwordStrengthMeterTrackVariants", {
+  enumerable: true,
+  get: function () { return chunkWMM42MAC_js.passwordStrengthMeterTrackVariants; }
+});
+Object.defineProperty(exports, "passwordStrengthMeterVariants", {
+  enumerable: true,
+  get: function () { return chunkWMM42MAC_js.passwordStrengthMeterVariants; }
+});
+exports.PasswordStrengthMeter = PasswordStrengthMeter;
+//# sourceMappingURL=password-strength-meter.js.map
+//# sourceMappingURL=password-strength-meter.js.map

package/dist/ui/password-strength-meter.js.map

@@ -0,0 +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"]}

package/dist/ui/password-strength-meter.mjs

@@ -0,0 +1,16 @@
+"use client";
+import { PasswordStrengthMeterBase } from '../chunk-HR6MGXNI.mjs';
+export { PasswordStrengthMeterBar, PasswordStrengthMeterBase, passwordStrengthMeterBarVariants, passwordStrengthMeterTrackVariants, passwordStrengthMeterVariants } from '../chunk-HR6MGXNI.mjs';
+import '../chunk-LOEKM3FL.mjs';
+import '../chunk-4D54YOL6.mjs';
+import '../chunk-J5LGTIGS.mjs';
+import { jsx } from 'react/jsx-runtime';
+
+var PasswordStrengthMeter = (props) => {
+  return /* @__PURE__ */ jsx(PasswordStrengthMeterBase, { ...props });
+};
+PasswordStrengthMeter.displayName = "PasswordStrengthMeter";
+
+export { PasswordStrengthMeter };
+//# sourceMappingURL=password-strength-meter.mjs.map
+//# sourceMappingURL=password-strength-meter.mjs.map

package/dist/ui/password-strength-meter.mjs.map

@@ -0,0 +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"]}