@schemavaults/ui 0.16.3 → 0.16.4

package/dist/components/ui/index.d.ts

@@ -16,6 +16,8 @@ export * from "./input";
 export type * from "./input";
 export * from "./password-input";
 export type * from "./password-input";
+export * from "./secure-password-creation-input";
+export type * from "./secure-password-creation-input";
 export * from "./file-input";
 export type * from "./file-input";
 export * from "./label";

package/dist/components/ui/index.js

@@ -7,6 +7,7 @@ export * from "./themed-page-background";
 export * from "./button";
 export * from "./input";
 export * from "./password-input";
+export * from "./secure-password-creation-input";
 export * from "./file-input";
 export * from "./label";
 export * from "./toast";

package/dist/components/ui/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ui/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AAGzB,cAAc,aAAa,CAAC;AAG5B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAGxB,cAAc,mBAAmB,CAAC;AAGlC,cAAc,0BAA0B,CAAC;AAGzC,cAAc,UAAU,CAAC;AAGzB,cAAc,SAAS,CAAC;AAGxB,cAAc,kBAAkB,CAAC;AAGjC,cAAc,kCAAkC,CAAC;AAGjD,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,SAAS,CAAC;AAExB,cAAc,WAAW,CAAC;AAG1B,cAAc,YAAY,CAAC;AAG3B,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,aAAa,CAAC;AAG5B,cAAc,iBAAiB,CAAC;AAGhC,cAAc,WAAW,CAAC;AAG1B,cAAc,mBAAmB,CAAC;AAGlC,cAAc,UAAU,CAAC;AAGzB,cAAc,WAAW,CAAC;AAG1B,cAAc,WAAW,CAAC;AAG1B,cAAc,SAAS,CAAC;AAGxB,cAAc,aAAa,CAAC;AAG5B,cAAc,YAAY,CAAC;AAG3B,cAAc,YAAY,CAAC;AAG3B,cAAc,cAAc,CAAC;AAG7B,cAAc,eAAe,CAAC;AAG9B,cAAc,YAAY,CAAC;AAG3B,cAAc,2BAA2B,CAAC;AAG1C,cAAc,kBAAkB,CAAC;AAGjC,cAAc,gBAAgB,CAAC;AAG/B,cAAc,eAAe,CAAC;AAG9B,cAAc,WAAW,CAAC;AAG1B,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,SAAS,CAAC;AAGxB,cAAc,UAAU,CAAC;AAGzB,cAAc,eAAe,CAAC;AAG9B,cAAc,qBAAqB,CAAC;AAGpC,cAAc,oBAAoB,CAAC;AAGnC,cAAc,mBAAmB,CAAC;AAGlC,cAAc,QAAQ,CAAC;AAGvB,cAAc,QAAQ,CAAC;AAGvB,cAAc,UAAU,CAAC;AAGzB,cAAc,UAAU,CAAC;AAGzB,cAAc,gBAAgB,CAAC;AAG/B,cAAc,cAAc,CAAC;AAG7B,cAAc,OAAO,CAAC;AAGtB,cAAc,WAAW,CAAC;AAG1B,cAAc,UAAU,CAAC"}

package/dist/components/ui/progress-bar/index.d.ts

@@ -1,3 +1,3 @@
-export { ProgressBar, progressBarVariants, progressBarSizeIds } from "./progress-bar";
+export { ProgressBar, progressBarVariants, progressBarIndicatorVariants, progressBarSizeIds, progressBarColorIds, } from "./progress-bar";
 export type * from "./progress-bar";
 export { ProgressBar as default } from "./progress-bar";

package/dist/components/ui/progress-bar/index.js

@@ -1,3 +1,3 @@
-export { ProgressBar, progressBarVariants, progressBarSizeIds } from "./progress-bar";
+export { ProgressBar, progressBarVariants, progressBarIndicatorVariants, progressBarSizeIds, progressBarColorIds, } from "./progress-bar";
 export { ProgressBar as default } from "./progress-bar";
 //# sourceMappingURL=index.js.map

package/dist/components/ui/progress-bar/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/progress-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,gBAAgB,CAAC;AAEtF,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/progress-bar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,WAAW,EACX,mBAAmB,EACnB,4BAA4B,EAC5B,kBAAkB,EAClB,mBAAmB,GACpB,MAAM,gBAAgB,CAAC;AAExB,OAAO,EAAE,WAAW,IAAI,OAAO,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/ui/progress-bar/progress-bar.d.ts

@@ -3,9 +3,14 @@ import type { ReactElement, HTMLAttributes } from "react";
 export declare const progressBarVariants: (props?: ({
     size?: "sm" | "default" | "lg" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
+export declare const progressBarIndicatorVariants: (props?: ({
+    color?: "default" | "destructive" | "warning" | "positive" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;
 export declare const progressBarSizeIds: readonly ["sm", "default", "lg"];
 export type ProgressBarSizeId = (typeof progressBarSizeIds)[number];
-export interface ProgressBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "role">, VariantProps<typeof progressBarVariants> {
+export declare const progressBarColorIds: readonly ["default", "positive", "warning", "destructive"];
+export type ProgressBarColorId = (typeof progressBarColorIds)[number];
+export interface ProgressBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "role" | "color">, VariantProps<typeof progressBarVariants>, VariantProps<typeof progressBarIndicatorVariants> {
     /** Current progress value (0-100) */
     value: number;
     /** Accessible label describing what the progress bar represents */
@@ -17,7 +22,7 @@ export interface ProgressBarProps extends Omit<HTMLAttributes<HTMLDivElement>, "
     /** Additional classes for the filled indicator */
     indicatorClassName?: string;
 }
-export declare function ProgressBar({ value, label, min, max, size, className, indicatorClassName, ...props }: ProgressBarProps): ReactElement;
+export declare function ProgressBar({ value, label, min, max, size, color, className, indicatorClassName, ...props }: ProgressBarProps): ReactElement;
 export declare namespace ProgressBar {
     var displayName: string;
 }

package/dist/components/ui/progress-bar/progress-bar.js

@@ -15,11 +15,30 @@ export const progressBarVariants = cva("relative w-full overflow-hidden rounded-
         size: "default",
     },
 });
+export const progressBarIndicatorVariants = cva("h-full rounded-full transition-colors duration-300", {
+    variants: {
+        color: {
+            default: "bg-gradient-to-r from-schemavaults-brand-blue to-schemavaults-brand-red",
+            positive: "bg-green-500",
+            warning: "bg-yellow-500",
+            destructive: "bg-red-500",
+        },
+    },
+    defaultVariants: {
+        color: "default",
+    },
+});
 export const progressBarSizeIds = ["sm", "default", "lg"];
-export function ProgressBar({ value, label, min = 0, max = 100, size, className, indicatorClassName, ...props }) {
+export const progressBarColorIds = [
+    "default",
+    "positive",
+    "warning",
+    "destructive",
+];
+export function ProgressBar({ value, label, min = 0, max = 100, size, color, className, indicatorClassName, ...props }) {
     const clampedValue = Math.min(max, Math.max(min, value));
     const percentage = ((clampedValue - min) / (max - min)) * 100;
-    return (_jsx("div", { role: "progressbar", "aria-valuenow": clampedValue, "aria-valuemin": min, "aria-valuemax": max, "aria-label": label, className: cn(progressBarVariants({ size }), className), ...props, children: _jsx(m.div, { initial: { width: 0 }, animate: { width: `${percentage}%` }, transition: { duration: 0.4, ease: "easeOut" }, className: cn("h-full rounded-full", "bg-gradient-to-r from-schemavaults-brand-blue to-schemavaults-brand-red", indicatorClassName) }) }));
+    return (_jsx("div", { role: "progressbar", "aria-valuenow": clampedValue, "aria-valuemin": min, "aria-valuemax": max, "aria-label": label, className: cn(progressBarVariants({ size }), className), ...props, children: _jsx(m.div, { initial: { width: 0 }, animate: { width: `${percentage}%` }, transition: { duration: 0.4, ease: "easeOut" }, className: cn(progressBarIndicatorVariants({ color }), indicatorClassName) }) }));
 }
 ProgressBar.displayName = "ProgressBar";
 //# sourceMappingURL=progress-bar.js.map

package/dist/components/ui/progress-bar/progress-bar.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../../../src/components/ui/progress-bar/progress-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,CAAC,EAAE,MAAM,iBAAiB,CAAC;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAGjC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,2DAA2D,EAC3D;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,KAAK;YACT,OAAO,EAAE,KAAK;YACd,EAAE,EAAE,KAAK;SACV;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAU,CAAC;AAmBnE,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,IAAI,EACJ,SAAS,EACT,kBAAkB,EAClB,GAAG,KAAK,EACS;IACjB,MAAM,YAAY,GAAW,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;IACjE,MAAM,UAAU,GAAW,CAAC,CAAC,YAAY,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAEtE,OAAO,CACL,cACE,IAAI,EAAC,aAAa,mBACH,YAAY,mBACZ,GAAG,mBACH,GAAG,gBACN,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACnD,KAAK,YAET,KAAC,CAAC,CAAC,GAAG,IACJ,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EACrB,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,UAAU,GAAG,EAAE,EACpC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EAC9C,SAAS,EAAE,EAAE,CACX,qBAAqB,EACrB,yEAAyE,EACzE,kBAAkB,CACnB,GACD,GACE,CACP,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}
+{"version":3,"file":"progress-bar.js","sourceRoot":"","sources":["../../../../src/components/ui/progress-bar/progress-bar.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,CAAC,EAAE,MAAM,iBAAiB,CAAC;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAGjC,MAAM,CAAC,MAAM,mBAAmB,GAAG,GAAG,CACpC,2DAA2D,EAC3D;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,KAAK;YACT,OAAO,EAAE,KAAK;YACd,EAAE,EAAE,KAAK;SACV;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,4BAA4B,GAAG,GAAG,CAC7C,oDAAoD,EACpD;IACE,QAAQ,EAAE;QACR,KAAK,EAAE;YACL,OAAO,EACL,yEAAyE;YAC3E,QAAQ,EAAE,cAAc;YACxB,OAAO,EAAE,eAAe;YACxB,WAAW,EAAE,YAAY;SAC1B;KACF;IACD,eAAe,EAAE;QACf,KAAK,EAAE,SAAS;KACjB;CACF,CACF,CAAC;AAEF,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAAC,IAAI,EAAE,SAAS,EAAE,IAAI,CAAU,CAAC;AAInE,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,SAAS;IACT,UAAU;IACV,SAAS;IACT,aAAa;CACL,CAAC;AAoBX,MAAM,UAAU,WAAW,CAAC,EAC1B,KAAK,EACL,KAAK,EACL,GAAG,GAAG,CAAC,EACP,GAAG,GAAG,GAAG,EACT,IAAI,EACJ,KAAK,EACL,SAAS,EACT,kBAAkB,EAClB,GAAG,KAAK,EACS;IACjB,MAAM,YAAY,GAAW,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,KAAK,CAAC,CAAC,CAAC;IACjE,MAAM,UAAU,GAAW,CAAC,CAAC,YAAY,GAAG,GAAG,CAAC,GAAG,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,GAAG,GAAG,CAAC;IAEtE,OAAO,CACL,cACE,IAAI,EAAC,aAAa,mBACH,YAAY,mBACZ,GAAG,mBACH,GAAG,gBACN,KAAK,EACjB,SAAS,EAAE,EAAE,CAAC,mBAAmB,CAAC,EAAE,IAAI,EAAE,CAAC,EAAE,SAAS,CAAC,KACnD,KAAK,YAET,KAAC,CAAC,CAAC,GAAG,IACJ,OAAO,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE,EACrB,OAAO,EAAE,EAAE,KAAK,EAAE,GAAG,UAAU,GAAG,EAAE,EACpC,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,IAAI,EAAE,SAAS,EAAE,EAC9C,SAAS,EAAE,EAAE,CACX,4BAA4B,CAAC,EAAE,KAAK,EAAE,CAAC,EACvC,kBAAkB,CACnB,GACD,GACE,CACP,CAAC;AACJ,CAAC;AAED,WAAW,CAAC,WAAW,GAAG,aAAa,CAAC"}

package/dist/components/ui/secure-password-creation-input/default-password-requirements.d.ts

@@ -0,0 +1,2 @@
+import type { PasswordRequirement } from "./secure-password-creation-input-types";
+export declare const defaultPasswordRequirements: PasswordRequirement[];

package/dist/components/ui/secure-password-creation-input/default-password-requirements.js

@@ -0,0 +1,28 @@
+export const defaultPasswordRequirements = [
+    {
+        id: "min-length-8",
+        label: "At least 8 characters",
+        validate: (password) => password.length >= 8,
+    },
+    {
+        id: "uppercase",
+        label: "At least one uppercase letter",
+        validate: (password) => /[A-Z]/.test(password),
+    },
+    {
+        id: "lowercase",
+        label: "At least one lowercase letter",
+        validate: (password) => /[a-z]/.test(password),
+    },
+    {
+        id: "number",
+        label: "At least one number",
+        validate: (password) => /\d/.test(password),
+    },
+    {
+        id: "special",
+        label: "At least one special character",
+        validate: (password) => /[!@#$%^&*()_+\-=[\]{};':"\\|,.<>/?]/.test(password),
+    },
+];
+//# sourceMappingURL=default-password-requirements.js.map

package/dist/components/ui/secure-password-creation-input/default-password-requirements.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-password-requirements.js","sourceRoot":"","sources":["../../../../src/components/ui/secure-password-creation-input/default-password-requirements.ts"],"names":[],"mappings":"AAEA,MAAM,CAAC,MAAM,2BAA2B,GAA0B;IAChE;QACE,EAAE,EAAE,cAAc;QAClB,KAAK,EAAE,uBAAuB;QAC9B,QAAQ,EAAE,CAAC,QAAgB,EAAW,EAAE,CAAC,QAAQ,CAAC,MAAM,IAAI,CAAC;KAC9D;IACD;QACE,EAAE,EAAE,WAAW;QACf,KAAK,EAAE,+BAA+B;QACtC,QAAQ,EAAE,CAAC,QAAgB,EAAW,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;KAChE;IACD;QACE,EAAE,EAAE,WAAW;QACf,KAAK,EAAE,+BAA+B;QACtC,QAAQ,EAAE,CAAC,QAAgB,EAAW,EAAE,CAAC,OAAO,CAAC,IAAI,CAAC,QAAQ,CAAC;KAChE;IACD;QACE,EAAE,EAAE,QAAQ;QACZ,KAAK,EAAE,qBAAqB;QAC5B,QAAQ,EAAE,CAAC,QAAgB,EAAW,EAAE,CAAC,IAAI,CAAC,IAAI,CAAC,QAAQ,CAAC;KAC7D;IACD;QACE,EAAE,EAAE,SAAS;QACb,KAAK,EAAE,gCAAgC;QACvC,QAAQ,EAAE,CAAC,QAAgB,EAAW,EAAE,CACtC,qCAAqC,CAAC,IAAI,CAAC,QAAQ,CAAC;KACvD;CACF,CAAC"}

package/dist/components/ui/secure-password-creation-input/index.d.ts

@@ -0,0 +1,5 @@
+export { SecurePasswordCreationInput, SecurePasswordCreationInput as default, } from "./secure-password-creation-input";
+export type { SecurePasswordCreationInputProps, PasswordRequirement, PasswordRequirementResult, PasswordValidationResult, PasswordStrength, } from "./secure-password-creation-input-types";
+export { defaultPasswordRequirements } from "./default-password-requirements";
+export { usePasswordValidation } from "./use-password-validation";
+export { PasswordRequirementChecklist, type PasswordRequirementChecklistProps, } from "./password-requirement-checklist";

package/dist/components/ui/secure-password-creation-input/index.js

@@ -0,0 +1,5 @@
+export { SecurePasswordCreationInput, SecurePasswordCreationInput as default, } from "./secure-password-creation-input";
+export { defaultPasswordRequirements } from "./default-password-requirements";
+export { usePasswordValidation } from "./use-password-validation";
+export { PasswordRequirementChecklist, } from "./password-requirement-checklist";
+//# sourceMappingURL=index.js.map

package/dist/components/ui/secure-password-creation-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/ui/secure-password-creation-input/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,2BAA2B,EAC3B,2BAA2B,IAAI,OAAO,GACvC,MAAM,kCAAkC,CAAC;AAQ1C,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAC9E,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EACL,4BAA4B,GAE7B,MAAM,kCAAkC,CAAC"}

package/dist/components/ui/secure-password-creation-input/password-requirement-checklist.d.ts

@@ -0,0 +1,10 @@
+import type { ReactElement } from "react";
+import type { PasswordRequirementResult } from "./secure-password-creation-input-types";
+export interface PasswordRequirementChecklistProps {
+    results: PasswordRequirementResult[];
+    className?: string;
+}
+export declare function PasswordRequirementChecklist({ results, className, }: PasswordRequirementChecklistProps): ReactElement;
+export declare namespace PasswordRequirementChecklist {
+    var displayName: string;
+}

package/dist/components/ui/secure-password-creation-input/password-requirement-checklist.js

@@ -0,0 +1,12 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Check, X } from "lucide-react";
+import { m } from "../../../framer-motion";
+import { cn } from "../../../lib/utils";
+export function PasswordRequirementChecklist({ results, className, }) {
+    return (_jsx("ul", { className: cn("flex flex-col gap-1.5 mt-2", className), "aria-label": "Password requirements", children: results.map(({ requirement, isMet }) => (_jsxs(m.li, { className: "flex items-center gap-2 text-sm", initial: { opacity: 0, x: -4 }, animate: { opacity: 1, x: 0 }, transition: { duration: 0.2 }, children: [_jsx("span", { className: cn("flex items-center justify-center h-4 w-4 shrink-0", isMet ? "text-green-500" : "text-muted-foreground"), children: isMet ? (_jsx(Check, { className: "h-3.5 w-3.5" })) : (_jsx(X, { className: "h-3.5 w-3.5" })) }), _jsx("span", { className: cn("transition-colors duration-200", isMet
+                        ? "text-green-500 line-through"
+                        : "text-muted-foreground"), children: requirement.label })] }, requirement.id))) }));
+}
+PasswordRequirementChecklist.displayName = "PasswordRequirementChecklist";
+//# sourceMappingURL=password-requirement-checklist.js.map

package/dist/components/ui/secure-password-creation-input/password-requirement-checklist.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-requirement-checklist.js","sourceRoot":"","sources":["../../../../src/components/ui/secure-password-creation-input/password-requirement-checklist.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,KAAK,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AACxC,OAAO,EAAE,CAAC,EAAE,MAAM,iBAAiB,CAAC;AACpC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAQjC,MAAM,UAAU,4BAA4B,CAAC,EAC3C,OAAO,EACP,SAAS,GACyB;IAClC,OAAO,CACL,aACE,SAAS,EAAE,EAAE,CAAC,4BAA4B,EAAE,SAAS,CAAC,gBAC3C,uBAAuB,YAEjC,OAAO,CAAC,GAAG,CACV,CAAC,EAAE,WAAW,EAAE,KAAK,EAAE,EAAgB,EAAE,CAAC,CACxC,MAAC,CAAC,CAAC,EAAE,IAEH,SAAS,EAAC,iCAAiC,EAC3C,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,EAAE,EAC9B,OAAO,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,EAC7B,UAAU,EAAE,EAAE,QAAQ,EAAE,GAAG,EAAE,aAE7B,eACE,SAAS,EAAE,EAAE,CACX,mDAAmD,EACnD,KAAK,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,uBAAuB,CACnD,YAEA,KAAK,CAAC,CAAC,CAAC,CACP,KAAC,KAAK,IAAC,SAAS,EAAC,aAAa,GAAG,CAClC,CAAC,CAAC,CAAC,CACF,KAAC,CAAC,IAAC,SAAS,EAAC,aAAa,GAAG,CAC9B,GACI,EACP,eACE,SAAS,EAAE,EAAE,CACX,gCAAgC,EAChC,KAAK;wBACH,CAAC,CAAC,6BAA6B;wBAC/B,CAAC,CAAC,uBAAuB,CAC5B,YAEA,WAAW,CAAC,KAAK,GACb,KA3BF,WAAW,CAAC,EAAE,CA4Bd,CACR,CACF,GACE,CACN,CAAC;AACJ,CAAC;AAED,4BAA4B,CAAC,WAAW,GAAG,8BAA8B,CAAC"}

package/dist/components/ui/secure-password-creation-input/secure-password-creation-input-types.d.ts

@@ -0,0 +1,46 @@
+import type { ChangeEvent } from "react";
+import type { PasswordInputProps } from "../../ui/password-input";
+import type { ProgressBarSizeId } from "../../ui/progress-bar";
+export interface PasswordRequirement {
+    /** Unique identifier for this requirement */
+    id: string;
+    /** Human-readable label displayed in the checklist */
+    label: string;
+    /** Validator function: returns true if the password meets this requirement */
+    validate: (password: string) => boolean;
+}
+export interface PasswordRequirementResult {
+    /** The original requirement definition */
+    requirement: PasswordRequirement;
+    /** Whether the requirement is currently met */
+    isMet: boolean;
+}
+export type PasswordStrength = "weak" | "fair" | "strong";
+export interface PasswordValidationResult {
+    /** Individual results for each requirement */
+    results: PasswordRequirementResult[];
+    /** Number of requirements met */
+    metCount: number;
+    /** Total number of requirements */
+    totalCount: number;
+    /** Percentage of requirements met (0-100) */
+    percentage: number;
+    /** Strength tier for color coding */
+    strength: PasswordStrength;
+}
+export interface SecurePasswordCreationInputProps extends Omit<PasswordInputProps, "value" | "onChange"> {
+    /** Current password value (controlled component) */
+    value: string;
+    /** Change handler */
+    onChange: (e: ChangeEvent<HTMLInputElement>) => void;
+    /** Array of password requirements to validate against */
+    requirements?: PasswordRequirement[];
+    /** Whether to hide the requirement checklist */
+    hideChecklist?: boolean;
+    /** Whether to hide the progress bar */
+    hideProgressBar?: boolean;
+    /** Size variant for the progress bar */
+    progressBarSize?: ProgressBarSizeId;
+    /** Additional classes for the progress bar indicator */
+    progressBarClassName?: string;
+}

package/dist/components/ui/secure-password-creation-input/secure-password-creation-input-types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=secure-password-creation-input-types.js.map

package/dist/components/ui/secure-password-creation-input/secure-password-creation-input-types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"secure-password-creation-input-types.js","sourceRoot":"","sources":["../../../../src/components/ui/secure-password-creation-input/secure-password-creation-input-types.ts"],"names":[],"mappings":""}

package/dist/components/ui/secure-password-creation-input/secure-password-creation-input.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+import type { SecurePasswordCreationInputProps } from "./secure-password-creation-input-types";
+export declare function SecurePasswordCreationInput({ value, onChange, requirements, hideChecklist, hideProgressBar, progressBarSize, progressBarClassName, className, ...passwordInputProps }: SecurePasswordCreationInputProps): ReactElement;
+export declare namespace SecurePasswordCreationInput {
+    var displayName: string;
+}
+export default SecurePasswordCreationInput;

package/dist/components/ui/secure-password-creation-input/secure-password-creation-input.js

@@ -0,0 +1,20 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { cn } from "../../../lib/utils";
+import { PasswordInput } from "../../ui/password-input";
+import { ProgressBar } from "../../ui/progress-bar";
+import { usePasswordValidation } from "./use-password-validation";
+import { PasswordRequirementChecklist } from "./password-requirement-checklist";
+import { defaultPasswordRequirements } from "./default-password-requirements";
+const strengthColorMap = {
+    weak: "destructive",
+    fair: "warning",
+    strong: "positive",
+};
+export function SecurePasswordCreationInput({ value, onChange, requirements = defaultPasswordRequirements, hideChecklist = false, hideProgressBar = false, progressBarSize = "sm", progressBarClassName, className, ...passwordInputProps }) {
+    const validation = usePasswordValidation(value, requirements);
+    return (_jsxs("div", { className: cn("flex flex-col w-full", className), children: [_jsx(PasswordInput, { value: value, onChange: onChange, ...passwordInputProps }), !hideProgressBar && (_jsx(ProgressBar, { value: validation.percentage, label: "Password strength", size: progressBarSize, color: strengthColorMap[validation.strength], indicatorClassName: progressBarClassName, className: "mt-2" })), !hideChecklist && (_jsx(PasswordRequirementChecklist, { results: validation.results }))] }));
+}
+SecurePasswordCreationInput.displayName = "SecurePasswordCreationInput";
+export default SecurePasswordCreationInput;
+//# sourceMappingURL=secure-password-creation-input.js.map

package/dist/components/ui/secure-password-creation-input/secure-password-creation-input.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"secure-password-creation-input.js","sourceRoot":"","sources":["../../../../src/components/ui/secure-password-creation-input/secure-password-creation-input.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAGb,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AACjC,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,8BAA8B,CAAC;AAE3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,2BAA2B,CAAC;AAClE,OAAO,EAAE,4BAA4B,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,2BAA2B,EAAE,MAAM,iCAAiC,CAAC;AAM9E,MAAM,gBAAgB,GAAiD;IACrE,IAAI,EAAE,aAAa;IACnB,IAAI,EAAE,SAAS;IACf,MAAM,EAAE,UAAU;CACnB,CAAC;AAEF,MAAM,UAAU,2BAA2B,CAAC,EAC1C,KAAK,EACL,QAAQ,EACR,YAAY,GAAG,2BAA2B,EAC1C,aAAa,GAAG,KAAK,EACrB,eAAe,GAAG,KAAK,EACvB,eAAe,GAAG,IAAI,EACtB,oBAAoB,EACpB,SAAS,EACT,GAAG,kBAAkB,EACY;IACjC,MAAM,UAAU,GAAG,qBAAqB,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;IAE9D,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,sBAAsB,EAAE,SAAS,CAAC,aACnD,KAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,KAAM,kBAAkB,GAAI,EAE1E,CAAC,eAAe,IAAI,CACnB,KAAC,WAAW,IACV,KAAK,EAAE,UAAU,CAAC,UAAU,EAC5B,KAAK,EAAC,mBAAmB,EACzB,IAAI,EAAE,eAAe,EACrB,KAAK,EAAE,gBAAgB,CAAC,UAAU,CAAC,QAAQ,CAAC,EAC5C,kBAAkB,EAAE,oBAAoB,EACxC,SAAS,EAAC,MAAM,GAChB,CACH,EAEA,CAAC,aAAa,IAAI,CACjB,KAAC,4BAA4B,IAAC,OAAO,EAAE,UAAU,CAAC,OAAO,GAAI,CAC9D,IACG,CACP,CAAC;AACJ,CAAC;AAED,2BAA2B,CAAC,WAAW,GAAG,6BAA6B,CAAC;AAExE,eAAe,2BAA2B,CAAC"}

package/dist/components/ui/secure-password-creation-input/use-password-validation.d.ts

@@ -0,0 +1,2 @@
+import type { PasswordRequirement, PasswordValidationResult } from "./secure-password-creation-input-types";
+export declare function usePasswordValidation(password: string, requirements: PasswordRequirement[]): PasswordValidationResult;

package/dist/components/ui/secure-password-creation-input/use-password-validation.js

@@ -0,0 +1,31 @@
+"use client";
+import { useDeferredValue, useMemo } from "react";
+function getStrength(percentage) {
+    if (percentage >= 100)
+        return "strong";
+    if (percentage >= 50)
+        return "fair";
+    return "weak";
+}
+export function usePasswordValidation(password, requirements) {
+    const deferredPassword = useDeferredValue(password);
+    return useMemo(() => {
+        const results = requirements.map((requirement) => ({
+            requirement,
+            isMet: deferredPassword.length > 0
+                ? requirement.validate(deferredPassword)
+                : false,
+        }));
+        const metCount = results.filter((r) => r.isMet).length;
+        const totalCount = requirements.length;
+        const percentage = totalCount > 0 ? Math.round((metCount / totalCount) * 100) : 0;
+        return {
+            results,
+            metCount,
+            totalCount,
+            percentage,
+            strength: getStrength(percentage),
+        };
+    }, [deferredPassword, requirements]);
+}
+//# sourceMappingURL=use-password-validation.js.map

package/dist/components/ui/secure-password-creation-input/use-password-validation.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"use-password-validation.js","sourceRoot":"","sources":["../../../../src/components/ui/secure-password-creation-input/use-password-validation.ts"],"names":[],"mappings":"AAAA,YAAY,CAAC;AAEb,OAAO,EAAE,gBAAgB,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAQlD,SAAS,WAAW,CAAC,UAAkB;IACrC,IAAI,UAAU,IAAI,GAAG;QAAE,OAAO,QAAQ,CAAC;IACvC,IAAI,UAAU,IAAI,EAAE;QAAE,OAAO,MAAM,CAAC;IACpC,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,MAAM,UAAU,qBAAqB,CACnC,QAAgB,EAChB,YAAmC;IAEnC,MAAM,gBAAgB,GAAW,gBAAgB,CAAC,QAAQ,CAAC,CAAC;IAE5D,OAAO,OAAO,CAAC,GAA6B,EAAE;QAC5C,MAAM,OAAO,GAAgC,YAAY,CAAC,GAAG,CAC3D,CAAC,WAAW,EAA6B,EAAE,CAAC,CAAC;YAC3C,WAAW;YACX,KAAK,EACH,gBAAgB,CAAC,MAAM,GAAG,CAAC;gBACzB,CAAC,CAAC,WAAW,CAAC,QAAQ,CAAC,gBAAgB,CAAC;gBACxC,CAAC,CAAC,KAAK;SACZ,CAAC,CACH,CAAC;QAEF,MAAM,QAAQ,GAAW,OAAO,CAAC,MAAM,CACrC,CAAC,CAA4B,EAAW,EAAE,CAAC,CAAC,CAAC,KAAK,CACnD,CAAC,MAAM,CAAC;QACT,MAAM,UAAU,GAAW,YAAY,CAAC,MAAM,CAAC;QAC/C,MAAM,UAAU,GACd,UAAU,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,QAAQ,GAAG,UAAU,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;QAEjE,OAAO;YACL,OAAO;YACP,QAAQ;YACR,UAAU;YACV,UAAU;YACV,QAAQ,EAAE,WAAW,CAAC,UAAU,CAAC;SAClC,CAAC;IACJ,CAAC,EAAE,CAAC,gBAAgB,EAAE,YAAY,CAAC,CAAC,CAAC;AACvC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@schemavaults/ui",
-  "version": "0.16.3",
+  "version": "0.16.4",
   "private": false,
   "license": "UNLICENSED",
   "description": "React.js UI components for SchemaVaults frontend applications",