@kala-ui/react 0.0.1-beta.1

package/dist/src/components/pagination/pagination.test.js

@@ -0,0 +1,97 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { generatePagination, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, } from "./pagination";
+describe("Pagination", () => {
+    it("renders with proper ARIA attributes", () => {
+        render(_jsx(Pagination, { children: _jsx(PaginationContent, { children: _jsx(PaginationItem, { children: _jsx(PaginationLink, { href: "#", children: "1" }) }) }) }));
+        const nav = screen.getByRole("navigation");
+        expect(nav).toBeInTheDocument();
+        expect(nav).toHaveAttribute("aria-label", "Pagination");
+    });
+    it("renders custom ARIA label", () => {
+        render(_jsx(Pagination, { "aria-label": "Product pagination", children: _jsx(PaginationContent, { children: _jsx(PaginationItem, { children: _jsx(PaginationLink, { href: "#", children: "1" }) }) }) }));
+        expect(screen.getByRole("navigation")).toHaveAttribute("aria-label", "Product pagination");
+    });
+    it("marks active page with aria-current", () => {
+        render(_jsx(Pagination, { children: _jsx(PaginationContent, { children: _jsx(PaginationItem, { children: _jsx(PaginationLink, { href: "#", isActive: true, children: "2" }) }) }) }));
+        const link = screen.getByText("2");
+        expect(link).toHaveAttribute("aria-current", "page");
+    });
+    it("renders previous button with correct label", () => {
+        render(_jsx(Pagination, { children: _jsx(PaginationContent, { children: _jsx(PaginationItem, { children: _jsx(PaginationPrevious, { href: "#" }) }) }) }));
+        expect(screen.getByText("Previous")).toBeInTheDocument();
+        expect(screen.getByLabelText("Go to previous page")).toBeInTheDocument();
+    });
+    it("renders next button with correct label", () => {
+        render(_jsx(Pagination, { children: _jsx(PaginationContent, { children: _jsx(PaginationItem, { children: _jsx(PaginationNext, { href: "#" }) }) }) }));
+        expect(screen.getByText("Next")).toBeInTheDocument();
+        expect(screen.getByLabelText("Go to next page")).toBeInTheDocument();
+    });
+    it("renders icon-only navigation buttons", () => {
+        render(_jsx(Pagination, { children: _jsxs(PaginationContent, { children: [_jsx(PaginationItem, { children: _jsx(PaginationPrevious, { href: "#", showLabel: false }) }), _jsx(PaginationItem, { children: _jsx(PaginationNext, { href: "#", showLabel: false }) })] }) }));
+        expect(screen.queryByText("Previous")).not.toBeInTheDocument();
+        expect(screen.queryByText("Next")).not.toBeInTheDocument();
+        expect(screen.getByLabelText("Go to previous page")).toBeInTheDocument();
+        expect(screen.getByLabelText("Go to next page")).toBeInTheDocument();
+    });
+    it("renders ellipsis with proper ARIA attributes", () => {
+        render(_jsx(Pagination, { children: _jsx(PaginationContent, { children: _jsx(PaginationItem, { children: _jsx(PaginationEllipsis, {}) }) }) }));
+        const ellipsis = screen.getByText("More pages");
+        expect(ellipsis).toHaveClass("sr-only");
+    });
+    it("applies variant classes", () => {
+        const { container } = render(_jsx(Pagination, { children: _jsx(PaginationContent, { variant: "circle", children: _jsx(PaginationItem, { children: _jsx(PaginationLink, { href: "#", children: "1" }) }) }) }));
+        const list = container.querySelector("ul");
+        expect(list).toHaveAttribute("data-variant", "circle");
+    });
+    it("applies spaced layout", () => {
+        const { container } = render(_jsx(Pagination, { children: _jsx(PaginationContent, { spaced: true, children: _jsx(PaginationItem, { children: _jsx(PaginationLink, { href: "#", children: "1" }) }) }) }));
+        const list = container.querySelector("ul");
+        expect(list).toHaveClass("gap-2");
+    });
+});
+describe("generatePagination", () => {
+    it("shows all pages when total is small", () => {
+        const result = generatePagination(2, 5);
+        expect(result).toHaveLength(5);
+        expect(result.every((item) => item.type === "page")).toBe(true);
+    });
+    it("adds ellipsis for large page ranges", () => {
+        const result = generatePagination(5, 10);
+        const hasEllipsis = result.some((item) => item.type === "ellipsis");
+        expect(hasEllipsis).toBe(true);
+    });
+    it("always includes first and last page", () => {
+        const result = generatePagination(5, 10);
+        const pages = result
+            .filter((item) => item.type === "page")
+            .map((item) => item.page);
+        expect(pages).toContain(1);
+        expect(pages).toContain(10);
+    });
+    it("includes current page and siblings", () => {
+        const result = generatePagination(5, 10, 1);
+        const pages = result
+            .filter((item) => item.type === "page")
+            .map((item) => item.page);
+        expect(pages).toContain(4); // left sibling
+        expect(pages).toContain(5); // current
+        expect(pages).toContain(6); // right sibling
+    });
+    it("handles edge case at start", () => {
+        const result = generatePagination(1, 10);
+        const pages = result
+            .filter((item) => item.type === "page")
+            .map((item) => item.page);
+        expect(pages[0]).toBe(1);
+    });
+    it("handles edge case at end", () => {
+        const result = generatePagination(10, 10);
+        const pages = result
+            .filter((item) => item.type === "page")
+            .map((item) => item.page);
+        expect(pages[pages.length - 1]).toBe(10);
+    });
+});
+//# sourceMappingURL=pagination.test.js.map

package/dist/src/components/pagination/pagination.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.test.js","sourceRoot":"","sources":["../../../../src/components/pagination/pagination.test.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/pagination/pagination.types.d.ts

@@ -0,0 +1,58 @@
+import type * as React from "react";
+export interface PaginationProps extends React.ComponentProps<"nav"> {
+    /**
+     * ARIA label for the navigation
+     * @default "Pagination"
+     */
+    "aria-label"?: string;
+}
+export interface PaginationContentProps extends React.ComponentProps<"ul"> {
+    /**
+     * Visual variant
+     * @default "default"
+     */
+    variant?: "default" | "outline" | "filled" | "circle";
+    /**
+     * Add spacing between items
+     * @default false
+     */
+    spaced?: boolean;
+}
+export interface PaginationLinkProps extends React.ComponentProps<"a"> {
+    /**
+     * Active state for current page
+     * @default false
+     */
+    isActive?: boolean;
+    /**
+     * Size variant
+     * @default "default"
+     */
+    size?: "default" | "sm" | "lg" | "icon";
+    /**
+     * Visual variant
+     * Inherits from parent PaginationContent unless overridden
+     */
+    variant?: "default" | "outline" | "filled" | "circle";
+}
+export interface PaginationPreviousProps extends Omit<PaginationLinkProps, "children"> {
+    /**
+     * Custom label for the previous button
+     * @default "Previous"
+     */
+    label?: string;
+}
+export interface PaginationNextProps extends Omit<PaginationLinkProps, "children"> {
+    /**
+     * Custom label for the next button
+     * @default "Next"
+     */
+    label?: string;
+}
+export interface PageItem {
+    type: "page" | "ellipsis";
+    page?: number;
+    label: string;
+    isActive?: boolean;
+}
+//# sourceMappingURL=pagination.types.d.ts.map

package/dist/src/components/pagination/pagination.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"pagination.types.d.ts","sourceRoot":"","sources":["../../../../src/components/pagination/pagination.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,WAAW,eAAgB,SAAQ,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC;IACnE;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;CACtB;AAED,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,cAAc,CAAC,IAAI,CAAC;IACzE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;IACtD;;;OAGG;IACH,MAAM,CAAC,EAAE,OAAO,CAAC;CACjB;AAED,MAAM,WAAW,mBAAoB,SAAQ,KAAK,CAAC,cAAc,CAAC,GAAG,CAAC;IACrE;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;OAGG;IACH,IAAI,CAAC,EAAE,SAAS,GAAG,IAAI,GAAG,IAAI,GAAG,MAAM,CAAC;IACxC;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,SAAS,GAAG,QAAQ,GAAG,QAAQ,CAAC;CACtD;AAED,MAAM,WAAW,uBAChB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC;IAC7C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,mBAChB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,UAAU,CAAC;IAC7C;;;OAGG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,QAAQ;IACxB,IAAI,EAAE,MAAM,GAAG,UAAU,CAAC;IAC1B,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}

package/dist/src/components/pagination/pagination.types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=pagination.types.js.map

package/dist/src/components/pagination/pagination.types.js.map

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

package/dist/src/components/password-strength-indicator/index.d.ts

@@ -0,0 +1,2 @@
+export { PasswordStrengthIndicator } from "./password-strength-indicator";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/password-strength-indicator/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/password-strength-indicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/src/components/password-strength-indicator/index.js

@@ -0,0 +1,2 @@
+export { PasswordStrengthIndicator } from "./password-strength-indicator";
+//# sourceMappingURL=index.js.map

package/dist/src/components/password-strength-indicator/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/password-strength-indicator/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/src/components/password-strength-indicator/password-strength-indicator.d.ts

@@ -0,0 +1,7 @@
+import type { ReactElement } from "react";
+interface PasswordStrengthIndicatorProps {
+    password: string;
+}
+export declare function PasswordStrengthIndicator({ password, }: PasswordStrengthIndicatorProps): ReactElement | null;
+export {};
+//# sourceMappingURL=password-strength-indicator.d.ts.map

package/dist/src/components/password-strength-indicator/password-strength-indicator.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-strength-indicator.d.ts","sourceRoot":"","sources":["../../../../src/components/password-strength-indicator/password-strength-indicator.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAc1C,UAAU,8BAA8B;IACvC,QAAQ,EAAE,MAAM,CAAC;CACjB;AAgCD,wBAAgB,yBAAyB,CAAC,EACzC,QAAQ,GACR,EAAE,8BAA8B,GAAG,YAAY,GAAG,IAAI,CA8CtD"}

package/dist/src/components/password-strength-indicator/password-strength-indicator.js

@@ -0,0 +1,54 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const PASSWORD_MIN_LENGTH = 8;
+const PASSWORD_STRONG_LENGTH = 12;
+const PASSWORD_MAX_STRENGTH = 4;
+const STRENGTH_LABELS = [
+    "Very Weak",
+    "Weak",
+    "Fair",
+    "Good",
+    "Strong",
+];
+function calculatePasswordStrength(pwd) {
+    if (!pwd) {
+        return 0;
+    }
+    let strength = 0;
+    if (pwd.length >= PASSWORD_MIN_LENGTH) {
+        strength++;
+    }
+    if (pwd.length >= PASSWORD_STRONG_LENGTH) {
+        strength++;
+    }
+    if (/[a-z]/.test(pwd) && /[A-Z]/.test(pwd)) {
+        strength++;
+    }
+    if (/\d/.test(pwd)) {
+        strength++;
+    }
+    if (/[@$!%*?&]/.test(pwd)) {
+        strength++;
+    }
+    return Math.min(strength, PASSWORD_MAX_STRENGTH);
+}
+export function PasswordStrengthIndicator({ password, }) {
+    if (!password) {
+        return null;
+    }
+    const strength = calculatePasswordStrength(password);
+    return (_jsxs("div", { "data-comp": "password-strength-indicator", className: "mt-3", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between", children: [_jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Password Strength" }), _jsx("span", { className: "text-xs font-medium text-muted-foreground", children: STRENGTH_LABELS[strength] })] }), _jsx("div", { className: "flex gap-2", children: [0, 1, 2, 3, 4].map((level) => {
+                    const isActive = level <= strength;
+                    return (_jsx("div", { className: `h-2 flex-1 rounded-full transition-colors duration-200 ${isActive
+                            ? strength === 0
+                                ? "bg-destructive"
+                                : strength === 1
+                                    ? "bg-destructive/70"
+                                    : strength === 2
+                                        ? "bg-warning"
+                                        : strength === 3
+                                            ? "bg-success/70"
+                                            : "bg-success"
+                            : "bg-muted"}` }, `strength-${level}`));
+                }) }), _jsxs("p", { className: "mt-2 text-xs text-muted-foreground", children: ["Use ", PASSWORD_MIN_LENGTH, "+ characters with uppercase, lowercase, numbers, and symbols"] })] }));
+}
+//# sourceMappingURL=password-strength-indicator.js.map

package/dist/src/components/password-strength-indicator/password-strength-indicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-strength-indicator.js","sourceRoot":"","sources":["../../../../src/components/password-strength-indicator/password-strength-indicator.tsx"],"names":[],"mappings":";AAEA,MAAM,mBAAmB,GAAG,CAAC,CAAC;AAC9B,MAAM,sBAAsB,GAAG,EAAE,CAAC;AAClC,MAAM,qBAAqB,GAAG,CAAC,CAAC;AAEhC,MAAM,eAAe,GAAG;IACvB,WAAW;IACX,MAAM;IACN,MAAM;IACN,MAAM;IACN,QAAQ;CACC,CAAC;AAMX,SAAS,yBAAyB,CAAC,GAAW;IAC7C,IAAI,CAAC,GAAG,EAAE,CAAC;QACV,OAAO,CAAC,CAAC;IACV,CAAC;IAED,IAAI,QAAQ,GAAG,CAAC,CAAC;IAEjB,IAAI,GAAG,CAAC,MAAM,IAAI,mBAAmB,EAAE,CAAC;QACvC,QAAQ,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,GAAG,CAAC,MAAM,IAAI,sBAAsB,EAAE,CAAC;QAC1C,QAAQ,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,OAAO,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QAC5C,QAAQ,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QACpB,QAAQ,EAAE,CAAC;IACZ,CAAC;IAED,IAAI,WAAW,CAAC,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC;QAC3B,QAAQ,EAAE,CAAC;IACZ,CAAC;IAED,OAAO,IAAI,CAAC,GAAG,CAAC,QAAQ,EAAE,qBAAqB,CAAC,CAAC;AAClD,CAAC;AAED,MAAM,UAAU,yBAAyB,CAAC,EACzC,QAAQ,GACwB;IAChC,IAAI,CAAC,QAAQ,EAAE,CAAC;QACf,OAAO,IAAI,CAAC;IACb,CAAC;IAED,MAAM,QAAQ,GAAG,yBAAyB,CAAC,QAAQ,CAAC,CAAC;IAErD,OAAO,CACN,4BAAe,6BAA6B,EAAC,SAAS,EAAC,MAAM,aAC5D,eAAK,SAAS,EAAC,wCAAwC,aACtD,eAAM,SAAS,EAAC,2CAA2C,kCAEpD,EACP,eAAM,SAAS,EAAC,2CAA2C,YACzD,eAAe,CAAC,QAAQ,CAAC,GACpB,IACF,EACN,cAAK,SAAS,EAAC,YAAY,YACzB,CAAC,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;oBAC9B,MAAM,QAAQ,GAAG,KAAK,IAAI,QAAQ,CAAC;oBACnC,OAAO,CACN,cAEC,SAAS,EAAE,0DACV,QAAQ;4BACP,CAAC,CAAC,QAAQ,KAAK,CAAC;gCACf,CAAC,CAAC,gBAAgB;gCAClB,CAAC,CAAC,QAAQ,KAAK,CAAC;oCACf,CAAC,CAAC,mBAAmB;oCACrB,CAAC,CAAC,QAAQ,KAAK,CAAC;wCACf,CAAC,CAAC,YAAY;wCACd,CAAC,CAAC,QAAQ,KAAK,CAAC;4CACf,CAAC,CAAC,eAAe;4CACjB,CAAC,CAAC,YAAY;4BAClB,CAAC,CAAC,UACJ,EAAE,IAbG,YAAY,KAAK,EAAE,CAcvB,CACF,CAAC;gBACH,CAAC,CAAC,GACG,EACN,aAAG,SAAS,EAAC,oCAAoC,qBAC3C,mBAAmB,oEAErB,IACC,CACN,CAAC;AACH,CAAC"}

package/dist/src/components/password-strength-indicator/password-strength-indicator.stories.d.ts

@@ -0,0 +1,21 @@
+import type { StoryObj } from "@storybook/react";
+import { PasswordStrengthIndicator } from "./password-strength-indicator";
+declare const meta: {
+    title: string;
+    component: typeof PasswordStrengthIndicator;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const VeryWeak: Story;
+export declare const Weak: Story;
+export declare const Fair: Story;
+export declare const Good: Story;
+export declare const Strong: Story;
+export declare const Empty: Story;
+export declare const Interactive: Story;
+export declare const AllStrengthLevels: Story;
+//# sourceMappingURL=password-strength-indicator.stories.d.ts.map

package/dist/src/components/password-strength-indicator/password-strength-indicator.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-strength-indicator.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/password-strength-indicator/password-strength-indicator.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAIvD,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAE1E,QAAA,MAAM,IAAI;;;;;;;CAOwC,CAAC;AAEnD,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,QAAQ,EAAE,KAItB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC;AAEF,eAAO,MAAM,IAAI,EAAE,KAIlB,CAAC;AAEF,eAAO,MAAM,MAAM,EAAE,KAIpB,CAAC;AAEF,eAAO,MAAM,KAAK,EAAE,KAInB,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,KAoBzB,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE,KAgC/B,CAAC"}

package/dist/src/components/password-strength-indicator/password-strength-indicator.stories.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Input } from "../input";
+import { Label } from "../label/label";
+import { PasswordStrengthIndicator } from "./password-strength-indicator";
+const meta = {
+    title: "Application/PasswordStrengthIndicator",
+    component: PasswordStrengthIndicator,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+export const VeryWeak = {
+    args: {
+        password: "abc",
+    },
+};
+export const Weak = {
+    args: {
+        password: "password",
+    },
+};
+export const Fair = {
+    args: {
+        password: "password123",
+    },
+};
+export const Good = {
+    args: {
+        password: "Password123",
+    },
+};
+export const Strong = {
+    args: {
+        password: "P@ssw0rd123!",
+    },
+};
+export const Empty = {
+    args: {
+        password: "",
+    },
+};
+export const Interactive = {
+    args: {
+        password: "",
+    },
+    render: () => {
+        const [password, setPassword] = useState("");
+        return (_jsxs("div", { className: "w-80 space-y-2", children: [_jsx(Label, { htmlFor: "password", children: "Password" }), _jsx(Input, { id: "password", type: "password", value: password, onChange: (e) => setPassword(e.target.value), placeholder: "Enter a password" }), _jsx(PasswordStrengthIndicator, { password: password })] }));
+    },
+};
+export const AllStrengthLevels = {
+    args: {
+        password: "",
+    },
+    render: () => (_jsxs("div", { className: "w-80 space-y-6", children: [_jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium mb-2", children: "Very Weak (1 character)" }), _jsx(PasswordStrengthIndicator, { password: "a" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium mb-2", children: "Weak (8+ characters)" }), _jsx(PasswordStrengthIndicator, { password: "password" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium mb-2", children: "Fair (8+ chars, numbers)" }), _jsx(PasswordStrengthIndicator, { password: "password123" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium mb-2", children: "Good (8+ chars, mixed case, numbers)" }), _jsx(PasswordStrengthIndicator, { password: "Password123" })] }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium mb-2", children: "Strong (12+ chars, mixed case, numbers, symbols)" }), _jsx(PasswordStrengthIndicator, { password: "P@ssw0rd123!" })] })] })),
+};
+//# sourceMappingURL=password-strength-indicator.stories.js.map

package/dist/src/components/password-strength-indicator/password-strength-indicator.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-strength-indicator.stories.js","sourceRoot":"","sources":["../../../../src/components/password-strength-indicator/password-strength-indicator.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,UAAU,CAAC;AACjC,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AACvC,OAAO,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAE1E,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,uCAAuC;IAC9C,SAAS,EAAE,yBAAyB;IACpC,UAAU,EAAE;QACX,MAAM,EAAE,UAAU;KAClB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CAC+B,CAAC;AAEnD,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC9B,IAAI,EAAE;QACL,QAAQ,EAAE,KAAK;KACf;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IAC1B,IAAI,EAAE;QACL,QAAQ,EAAE,UAAU;KACpB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IAC1B,IAAI,EAAE;QACL,QAAQ,EAAE,aAAa;KACvB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,IAAI,GAAU;IAC1B,IAAI,EAAE;QACL,QAAQ,EAAE,aAAa;KACvB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,MAAM,GAAU;IAC5B,IAAI,EAAE;QACL,QAAQ,EAAE,cAAc;KACxB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,KAAK,GAAU;IAC3B,IAAI,EAAE;QACL,QAAQ,EAAE,EAAE;KACZ;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,WAAW,GAAU;IACjC,IAAI,EAAE;QACL,QAAQ,EAAE,EAAE;KACZ;IACD,MAAM,EAAE,GAAG,EAAE;QACZ,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC7C,OAAO,CACN,eAAK,SAAS,EAAC,gBAAgB,aAC9B,KAAC,KAAK,IAAC,OAAO,EAAC,UAAU,yBAAiB,EAC1C,KAAC,KAAK,IACL,EAAE,EAAC,UAAU,EACb,IAAI,EAAC,UAAU,EACf,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC5C,WAAW,EAAC,kBAAkB,GAC7B,EACF,KAAC,yBAAyB,IAAC,QAAQ,EAAE,QAAQ,GAAI,IAC5C,CACN,CAAC;IACH,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,iBAAiB,GAAU;IACvC,IAAI,EAAE;QACL,QAAQ,EAAE,EAAE;KACZ;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,eAAK,SAAS,EAAC,gBAAgB,aAC9B,0BACC,YAAG,SAAS,EAAC,0BAA0B,wCAA4B,EACnE,KAAC,yBAAyB,IAAC,QAAQ,EAAC,GAAG,GAAG,IACrC,EACN,0BACC,YAAG,SAAS,EAAC,0BAA0B,qCAAyB,EAChE,KAAC,yBAAyB,IAAC,QAAQ,EAAC,UAAU,GAAG,IAC5C,EACN,0BACC,YAAG,SAAS,EAAC,0BAA0B,yCAA6B,EACpE,KAAC,yBAAyB,IAAC,QAAQ,EAAC,aAAa,GAAG,IAC/C,EACN,0BACC,YAAG,SAAS,EAAC,0BAA0B,qDAEnC,EACJ,KAAC,yBAAyB,IAAC,QAAQ,EAAC,aAAa,GAAG,IAC/C,EACN,0BACC,YAAG,SAAS,EAAC,0BAA0B,iEAEnC,EACJ,KAAC,yBAAyB,IAAC,QAAQ,EAAC,cAAc,GAAG,IAChD,IACD,CACN;CACD,CAAC"}

package/dist/src/components/password-strength-indicator/password-strength-indicator.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=password-strength-indicator.test.d.ts.map

package/dist/src/components/password-strength-indicator/password-strength-indicator.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"password-strength-indicator.test.d.ts","sourceRoot":"","sources":["../../../../src/components/password-strength-indicator/password-strength-indicator.test.tsx"],"names":[],"mappings":""}