@kala-ui/react 0.0.1-beta.1

package/dist/src/components/input-otp/input-otp.js

@@ -0,0 +1,24 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { OTPInput, OTPInputContext } from "input-otp";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const InputOTP = React.forwardRef(({ className, containerClassName, ...props }, ref) => (_jsx(OTPInput, { ref: ref, containerClassName: cn("flex items-center gap-2 has-[:disabled]:opacity-50", containerClassName), className: cn("disabled:cursor-not-allowed", className), ...props })));
+InputOTP.displayName = "InputOTP";
+const InputOTPGroup = React.forwardRef(({ className, ...props }, ref) => (_jsx("div", { ref: ref, className: cn("flex items-center", className), ...props })));
+InputOTPGroup.displayName = "InputOTPGroup";
+const InputOTPSlot = React.forwardRef(({ index, className, ...props }, ref) => {
+    const inputOTPContext = React.useContext(OTPInputContext);
+    const slot = inputOTPContext.slots[index];
+    const { char, hasFakeCaret, isActive } = slot || {
+        char: null,
+        hasFakeCaret: false,
+        isActive: false,
+    };
+    return (_jsxs("div", { ref: ref, className: cn("relative flex h-10 w-10 items-center justify-center border-y border-r text-sm transition-all first:rounded-l-md first:border-l last:rounded-r-md theme-input", isActive && "z-10 ring-standard", className), ...props, children: [char, hasFakeCaret && (_jsx("div", { className: "pointer-events-none absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "h-4 w-px animate-caret-blink bg-foreground duration-1000" }) }))] }));
+});
+InputOTPSlot.displayName = "InputOTPSlot";
+const InputOTPSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx("hr", { ref: ref, className: cn(className), ...props })));
+InputOTPSeparator.displayName = "InputOTPSeparator";
+export { InputOTP, InputOTPGroup, InputOTPSlot, InputOTPSeparator };
+//# sourceMappingURL=input-otp.js.map

package/dist/src/components/input-otp/input-otp.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.js","sourceRoot":"","sources":["../../../../src/components/input-otp/input-otp.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,QAAQ,EAAE,eAAe,EAAE,MAAM,WAAW,CAAC;AACtD,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,MAAM,QAAQ,GAAG,KAAK,CAAC,UAAU,CAG/B,CAAC,EAAE,SAAS,EAAE,kBAAkB,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvD,KAAC,QAAQ,IACR,GAAG,EAAE,GAAG,EACR,kBAAkB,EAAE,EAAE,CACrB,oDAAoD,EACpD,kBAAkB,CAClB,EACD,SAAS,EAAE,EAAE,CAAC,6BAA6B,EAAE,SAAS,CAAC,KAElD,KAAoE,GACxE,CACF,CAAC,CAAC;AACH,QAAQ,CAAC,WAAW,GAAG,UAAU,CAAC;AAElC,MAAM,aAAa,GAAG,KAAK,CAAC,UAAU,CAGpC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,cAAK,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,mBAAmB,EAAE,SAAS,CAAC,KAAM,KAAK,GAAI,CAC3E,CAAC,CAAC;AACH,aAAa,CAAC,WAAW,GAAG,eAAe,CAAC;AAE5C,MAAM,YAAY,GAAG,KAAK,CAAC,UAAU,CAGnC,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACzC,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,eAAe,CAAC,CAAC;IAC1D,MAAM,IAAI,GAAG,eAAe,CAAC,KAAK,CAAC,KAAK,CAAC,CAAC;IAC1C,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,QAAQ,EAAE,GAAG,IAAI,IAAI;QAChD,IAAI,EAAE,IAAI;QACV,YAAY,EAAE,KAAK;QACnB,QAAQ,EAAE,KAAK;KACf,CAAC;IAEF,OAAO,CACN,eACC,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CACZ,8JAA8J,EAC9J,QAAQ,IAAI,oBAAoB,EAChC,SAAS,CACT,KACG,KAAK,aAER,IAAI,EACJ,YAAY,IAAI,CAChB,cAAK,SAAS,EAAC,uEAAuE,YACrF,cAAK,SAAS,EAAC,0DAA0D,GAAG,GACvE,CACN,IACI,CACN,CAAC;AACH,CAAC,CAAC,CAAC;AACH,YAAY,CAAC,WAAW,GAAG,cAAc,CAAC;AAE1C,MAAM,iBAAiB,GAAG,KAAK,CAAC,UAAU,CAGxC,CAAC,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACnC,aAAI,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,EAAE,CAAC,SAAS,CAAC,KAAM,KAAK,GAAI,CACrD,CAAC,CAAC;AACH,iBAAiB,CAAC,WAAW,GAAG,mBAAmB,CAAC;AAEpD,OAAO,EAAE,QAAQ,EAAE,aAAa,EAAE,YAAY,EAAE,iBAAiB,EAAE,CAAC"}

package/dist/src/components/input-otp/input-otp.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { InputOTP } from "./input-otp";
+declare const meta: Meta<typeof InputOTP>;
+export default meta;
+type Story = StoryObj<typeof InputOTP>;
+export declare const Default: Story;
+export declare const WithSeparator: Story;
+export declare const Pattern: Story;
+export declare const Disabled: Story;
+//# sourceMappingURL=input-otp.stories.d.ts.map

package/dist/src/components/input-otp/input-otp.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/input-otp/input-otp.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAGvD,OAAO,EACN,QAAQ,EAIR,MAAM,aAAa,CAAC;AAErB,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,QAAQ,CAW/B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,QAAQ,CAAC,CAAC;AAEvC,eAAO,MAAM,OAAO,EAAE,KAarB,CAAC;AAEF,eAAO,MAAM,aAAa,EAAE,KAgB3B,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAiBrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAkBtB,CAAC"}

package/dist/src/components/input-otp/input-otp.stories.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { fn } from "@storybook/test";
+import { REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp";
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, } from "./input-otp";
+const meta = {
+    title: "Forms/InputOtp",
+    component: InputOTP,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+    args: {
+        maxLength: 6,
+        onChange: fn(),
+    },
+};
+export default meta;
+export const Default = {
+    render: (args) => (_jsx(InputOTP, { ...args, children: _jsxs(InputOTPGroup, { children: [_jsx(InputOTPSlot, { index: 0 }), _jsx(InputOTPSlot, { index: 1 }), _jsx(InputOTPSlot, { index: 2 }), _jsx(InputOTPSlot, { index: 3 }), _jsx(InputOTPSlot, { index: 4 }), _jsx(InputOTPSlot, { index: 5 })] }) })),
+};
+export const WithSeparator = {
+    render: (args) => (_jsxs(InputOTP, { ...args, children: [_jsxs(InputOTPGroup, { children: [_jsx(InputOTPSlot, { index: 0 }), _jsx(InputOTPSlot, { index: 1 }), _jsx(InputOTPSlot, { index: 2 })] }), _jsx(InputOTPSeparator, {}), _jsxs(InputOTPGroup, { children: [_jsx(InputOTPSlot, { index: 3 }), _jsx(InputOTPSlot, { index: 4 }), _jsx(InputOTPSlot, { index: 5 })] })] })),
+};
+export const Pattern = {
+    args: {
+        maxLength: 6,
+        pattern: REGEXP_ONLY_DIGITS_AND_CHARS,
+    },
+    render: (args) => (_jsx(InputOTP, { ...args, children: _jsxs(InputOTPGroup, { children: [_jsx(InputOTPSlot, { index: 0 }), _jsx(InputOTPSlot, { index: 1 }), _jsx(InputOTPSlot, { index: 2 }), _jsx(InputOTPSlot, { index: 3 }), _jsx(InputOTPSlot, { index: 4 }), _jsx(InputOTPSlot, { index: 5 })] }) })),
+};
+export const Disabled = {
+    args: {
+        maxLength: 6,
+        disabled: true,
+        value: "123456",
+    },
+    render: (args) => (_jsx(InputOTP, { ...args, children: _jsxs(InputOTPGroup, { children: [_jsx(InputOTPSlot, { index: 0 }), _jsx(InputOTPSlot, { index: 1 }), _jsx(InputOTPSlot, { index: 2 }), _jsx(InputOTPSlot, { index: 3 }), _jsx(InputOTPSlot, { index: 4 }), _jsx(InputOTPSlot, { index: 5 })] }) })),
+};
+//# sourceMappingURL=input-otp.stories.js.map

package/dist/src/components/input-otp/input-otp.stories.js.map

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

package/dist/src/components/input-otp/input-otp.test.d.ts

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

package/dist/src/components/input-otp/input-otp.test.d.ts.map

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

package/dist/src/components/input-otp/input-otp.test.js

@@ -0,0 +1,34 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, } from "./input-otp";
+describe("InputOTP", () => {
+    beforeAll(() => {
+        // Mock document.elementFromPoint for input-otp
+        if (typeof document !== "undefined") {
+            document.elementFromPoint = () => null;
+        }
+    });
+    it("renders correctly", () => {
+        render(_jsx(InputOTP, { maxLength: 6, children: _jsxs(InputOTPGroup, { children: [_jsx(InputOTPSlot, { index: 0 }), _jsx(InputOTPSlot, { index: 1 }), _jsx(InputOTPSlot, { index: 2 })] }) }));
+        // input-otp renders a hidden input
+        expect(screen.getByRole("textbox")).toBeInTheDocument();
+    });
+    it("handles input", async () => {
+        const handleChange = vi.fn();
+        render(_jsx(InputOTP, { maxLength: 3, onChange: handleChange, children: _jsxs(InputOTPGroup, { children: [_jsx(InputOTPSlot, { index: 0 }), _jsx(InputOTPSlot, { index: 1 }), _jsx(InputOTPSlot, { index: 2 })] }) }));
+        const input = screen.getByRole("textbox");
+        await userEvent.type(input, "123");
+        expect(handleChange).toHaveBeenCalledWith("123");
+    });
+    it("renders separator", () => {
+        render(_jsxs(InputOTP, { maxLength: 6, children: [_jsx(InputOTPGroup, { children: _jsx(InputOTPSlot, { index: 0 }) }), _jsx(InputOTPSeparator, {}), _jsx(InputOTPGroup, { children: _jsx(InputOTPSlot, { index: 1 }) })] }));
+        expect(screen.getByRole("separator")).toBeInTheDocument();
+    });
+    it("respects disabled state", () => {
+        render(_jsx(InputOTP, { maxLength: 3, disabled: true, children: _jsxs(InputOTPGroup, { children: [_jsx(InputOTPSlot, { index: 0 }), _jsx(InputOTPSlot, { index: 1 }), _jsx(InputOTPSlot, { index: 2 })] }) }));
+        expect(screen.getByRole("textbox")).toBeDisabled();
+    });
+});
+//# sourceMappingURL=input-otp.test.js.map

package/dist/src/components/input-otp/input-otp.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"input-otp.test.js","sourceRoot":"","sources":["../../../../src/components/input-otp/input-otp.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,SAAS,MAAM,6BAA6B,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAClD,OAAO,EACN,QAAQ,EACR,aAAa,EACb,iBAAiB,EACjB,YAAY,GACZ,MAAM,aAAa,CAAC;AAErB,QAAQ,CAAC,UAAU,EAAE,GAAG,EAAE;IACzB,SAAS,CAAC,GAAG,EAAE;QACd,+CAA+C;QAC/C,IAAI,OAAO,QAAQ,KAAK,WAAW,EAAE,CAAC;YACrC,QAAQ,CAAC,gBAAgB,GAAG,GAAG,EAAE,CAAC,IAAI,CAAC;QACxC,CAAC;IACF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC5B,MAAM,CACL,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,YACrB,MAAC,aAAa,eACb,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,EAC1B,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,EAC1B,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,IACX,GACN,CACX,CAAC;QACF,mCAAmC;QACnC,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACzD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,eAAe,EAAE,KAAK,IAAI,EAAE;QAC9B,MAAM,YAAY,GAAG,EAAE,CAAC,EAAE,EAAE,CAAC;QAC7B,MAAM,CACL,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,EAAE,QAAQ,EAAE,YAAY,YAC7C,MAAC,aAAa,eACb,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,EAC1B,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,EAC1B,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,IACX,GACN,CACX,CAAC;QAEF,MAAM,KAAK,GAAG,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC;QAC1C,MAAM,SAAS,CAAC,IAAI,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;QACnC,MAAM,CAAC,YAAY,CAAC,CAAC,oBAAoB,CAAC,KAAK,CAAC,CAAC;IAClD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,mBAAmB,EAAE,GAAG,EAAE;QAC5B,MAAM,CACL,MAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,aACrB,KAAC,aAAa,cACb,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,GACX,EAChB,KAAC,iBAAiB,KAAG,EACrB,KAAC,aAAa,cACb,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,GACX,IACN,CACX,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IAC3D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yBAAyB,EAAE,GAAG,EAAE;QAClC,MAAM,CACL,KAAC,QAAQ,IAAC,SAAS,EAAE,CAAC,EAAE,QAAQ,kBAC/B,MAAC,aAAa,eACb,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,EAC1B,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,EAC1B,KAAC,YAAY,IAAC,KAAK,EAAE,CAAC,GAAI,IACX,GACN,CACX,CAAC;QACF,MAAM,CAAC,MAAM,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,YAAY,EAAE,CAAC;IACpD,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/src/components/label/index.d.ts

@@ -0,0 +1,3 @@
+export { Label, labelVariants } from "./label";
+export type { LabelProps } from "./label.types";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/label/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/label/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAC/C,YAAY,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC"}

package/dist/src/components/label/index.js

@@ -0,0 +1,2 @@
+export { Label, labelVariants } from "./label";
+//# sourceMappingURL=index.js.map

package/dist/src/components/label/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/label/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC"}

package/dist/src/components/label/label.d.ts

@@ -0,0 +1,6 @@
+import * as React from "react";
+import type { LabelProps } from "./label.types";
+declare const labelVariants: (props?: import("class-variance-authority/types").ClassProp | undefined) => string;
+declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+export { Label, labelVariants };
+//# sourceMappingURL=label.d.ts.map

package/dist/src/components/label/label.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.d.ts","sourceRoot":"","sources":["../../../../src/components/label/label.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAEhD,QAAA,MAAM,aAAa,oFAElB,CAAC;AAEF,QAAA,MAAM,KAAK,qFAYT,CAAC;AAGH,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/src/components/label/label.js

@@ -0,0 +1,11 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva } from "class-variance-authority";
+import * as React from "react";
+import { cn } from "../../lib/utils";
+const labelVariants = cva("text-sm font-medium leading-none peer-disabled:cursor-not-allowed peer-disabled:opacity-70 text-foreground");
+const Label = React.forwardRef(({ className, required, children, ...props }, ref) => (_jsxs(LabelPrimitive.Root, { ref: ref, className: cn(labelVariants(), className), ...props, children: [children, required && _jsx("span", { className: "ml-1 text-destructive", children: "*" })] })));
+Label.displayName = LabelPrimitive.Root.displayName;
+export { Label, labelVariants };
+//# sourceMappingURL=label.js.map

package/dist/src/components/label/label.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../../src/components/label/label.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,cAAc,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAGrC,MAAM,aAAa,GAAG,GAAG,CACxB,4GAA4G,CAC5G,CAAC;AAEF,MAAM,KAAK,GAAG,KAAK,CAAC,UAAU,CAG5B,CAAC,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE,CAAC,CACvD,MAAC,cAAc,CAAC,IAAI,IACnB,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,EAAE,CAAC,aAAa,EAAE,EAAE,SAAS,CAAC,KACrC,KAAK,aAER,QAAQ,EACR,QAAQ,IAAI,eAAM,SAAS,EAAC,uBAAuB,kBAAS,IACxC,CACtB,CAAC,CAAC;AACH,KAAK,CAAC,WAAW,GAAG,cAAc,CAAC,IAAI,CAAC,WAAW,CAAC;AAEpD,OAAO,EAAE,KAAK,EAAE,aAAa,EAAE,CAAC"}

package/dist/src/components/label/label.stories.d.ts

@@ -0,0 +1,10 @@
+import type { Meta, StoryObj } from "@storybook/react";
+import { Label } from "./label";
+declare const meta: Meta<typeof Label>;
+export default meta;
+type Story = StoryObj<typeof Label>;
+export declare const Default: Story;
+export declare const Required: Story;
+export declare const WithFor: Story;
+export declare const LoadingSkeleton: Story;
+//# sourceMappingURL=label.stories.d.ts.map

package/dist/src/components/label/label.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/label/label.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,QAAA,MAAM,IAAI,EAAE,IAAI,CAAC,OAAO,KAAK,CAO5B,CAAC;AAEF,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,KAAK,CAAC,CAAC;AAEpC,eAAO,MAAM,OAAO,EAAE,KAIrB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAKtB,CAAC;AAEF,eAAO,MAAM,OAAO,EAAE,KAKrB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAe7B,CAAC"}

package/dist/src/components/label/label.stories.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "../skeleton/skeleton";
+import { Label } from "./label";
+const meta = {
+    title: "Forms/Label",
+    component: Label,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+export const Default = {
+    args: {
+        children: "Label text",
+    },
+};
+export const Required = {
+    args: {
+        children: "Required field",
+        required: true,
+    },
+};
+export const WithFor = {
+    args: {
+        htmlFor: "input-id",
+        children: "Associated label",
+    },
+};
+export const LoadingSkeleton = {
+    render: () => (_jsxs("div", { className: "space-y-3", children: [_jsx(Skeleton, { className: "h-4 w-24" }), _jsx(Skeleton, { className: "h-4 w-32" }), _jsx(Skeleton, { className: "h-4 w-28" })] })),
+    parameters: {
+        docs: {
+            description: {
+                story: "Loading skeleton placeholders for labels while loading.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=label.stories.js.map

package/dist/src/components/label/label.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"label.stories.js","sourceRoot":"","sources":["../../../../src/components/label/label.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,MAAM,IAAI,GAAuB;IAChC,KAAK,EAAE,aAAa;IACpB,SAAS,EAAE,KAAK;IAChB,UAAU,EAAE;QACX,MAAM,EAAE,UAAU;KAClB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;CAClB,CAAC;AAEF,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,QAAQ,EAAE,YAAY;KACtB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC9B,IAAI,EAAE;QACL,QAAQ,EAAE,gBAAgB;QAC1B,QAAQ,EAAE,IAAI;KACd;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAU;IAC7B,IAAI,EAAE;QACL,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,kBAAkB;KAC5B;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACrC,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,eAAK,SAAS,EAAC,WAAW,aACzB,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,IAC5B,CACN;IACD,UAAU,EAAE;QACX,IAAI,EAAE;YACL,WAAW,EAAE;gBACZ,KAAK,EAAE,yDAAyD;aAChE;SACD;KACD;CACD,CAAC"}

package/dist/src/components/label/label.test.d.ts

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

package/dist/src/components/label/label.test.d.ts.map

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

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

@@ -0,0 +1,44 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { Label } from "./label";
+describe("Label", () => {
+    it("renders children correctly", () => {
+        render(_jsx(Label, { children: "Test Label" }));
+        expect(screen.getByText("Test Label")).toBeInTheDocument();
+    });
+    it("shows required indicator when required prop is true", () => {
+        render(_jsx(Label, { required: true, children: "Required Field" }));
+        expect(screen.getByText("Required Field")).toBeInTheDocument();
+        expect(screen.getByText("*")).toBeInTheDocument();
+    });
+    it("does not show required indicator when required prop is false", () => {
+        render(_jsx(Label, { children: "Optional Field" }));
+        expect(screen.queryByText("*")).not.toBeInTheDocument();
+    });
+    it("accepts htmlFor prop for accessibility", () => {
+        render(_jsx(Label, { htmlFor: "input-id", children: "Associated Label" }));
+        const label = screen.getByText("Associated Label");
+        expect(label).toHaveAttribute("for", "input-id");
+    });
+    it("accepts custom className", () => {
+        render(_jsx(Label, { className: "custom-class", children: "Custom" }));
+        expect(screen.getByText("Custom")).toHaveClass("custom-class");
+    });
+    it("applies label-base styles", () => {
+        render(_jsx(Label, { children: "Styled Label" }));
+        expect(screen.getByText("Styled Label")).toHaveClass("text-sm");
+        expect(screen.getByText("Styled Label")).toHaveClass("font-medium");
+    });
+    it("forwards ref correctly", () => {
+        const ref = { current: null };
+        render(_jsx(Label, { ref: ref, children: "Label" }));
+        expect(ref.current).toBeInstanceOf(HTMLLabelElement);
+    });
+    it("renders required indicator with correct styling", () => {
+        render(_jsx(Label, { required: true, children: "Field" }));
+        const asterisk = screen.getByText("*");
+        expect(asterisk).toHaveClass("text-destructive");
+    });
+});
+//# sourceMappingURL=label.test.js.map

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

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

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

@@ -0,0 +1,8 @@
+import type * as LabelPrimitive from "@radix-ui/react-label";
+import type { VariantProps } from "class-variance-authority";
+import type * as React from "react";
+import type { labelVariants } from "./label";
+export interface LabelProps extends Omit<React.ComponentProps<typeof LabelPrimitive.Root>, "ref">, VariantProps<typeof labelVariants> {
+    required?: boolean;
+}
+//# sourceMappingURL=label.types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.types.d.ts","sourceRoot":"","sources":["../../../../src/components/label/label.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,cAAc,MAAM,uBAAuB,CAAC;AAC7D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAC;AAE7C,MAAM,WAAW,UAChB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,OAAO,cAAc,CAAC,IAAI,CAAC,EAAE,KAAK,CAAC,EACpE,YAAY,CAAC,OAAO,aAAa,CAAC;IACnC,QAAQ,CAAC,EAAE,OAAO,CAAC;CACnB"}

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

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

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

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

package/dist/src/components/list/index.d.ts

@@ -0,0 +1,4 @@
+export type { ListItemActionProps, ListItemAvatarProps, ListItemBadgeProps, ListItemContentProps, ListItemIconProps, ListItemProps, ListItemTextProps, ListItemTitleProps, ListProps, } from "./list";
+export { List, ListItem, ListItemAction, ListItemAvatar, ListItemBadge, ListItemContent, ListItemIcon, ListItemText, ListItemTitle, } from "./list";
+export { ListSkeleton } from "./list-skeleton";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/list/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/list/index.ts"],"names":[],"mappings":"AAAA,YAAY,EACX,mBAAmB,EACnB,mBAAmB,EACnB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EACjB,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EAClB,SAAS,GACT,MAAM,QAAQ,CAAC;AAChB,OAAO,EACN,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,cAAc,EACd,aAAa,EACb,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,aAAa,GACb,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/components/list/index.js

@@ -0,0 +1,3 @@
+export { List, ListItem, ListItemAction, ListItemAvatar, ListItemBadge, ListItemContent, ListItemIcon, ListItemText, ListItemTitle, } from "./list";
+export { ListSkeleton } from "./list-skeleton";
+//# sourceMappingURL=index.js.map

package/dist/src/components/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/list/index.ts"],"names":[],"mappings":"AAWA,OAAO,EACN,IAAI,EACJ,QAAQ,EACR,cAAc,EACd,cAAc,EACd,aAAa,EACb,eAAe,EACf,YAAY,EACZ,YAAY,EACZ,aAAa,GACb,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/components/list/list-skeleton.d.ts

@@ -0,0 +1,32 @@
+/**
+ * List Skeleton Component
+ *
+ * Loading placeholder variants for the List component.
+ * Provides zero-CLS skeleton states that match actual list layouts.
+ */
+import type { ListSkeletonConfig } from "../skeleton/skeleton.types";
+export interface ListSkeletonProps extends ListSkeletonConfig {
+    /**
+     * Additional className for the skeleton container
+     */
+    className?: string;
+    /**
+     * Test ID for querying the element
+     */
+    "data-testid"?: string;
+}
+/**
+ * List skeleton component with multiple variants
+ *
+ * @example
+ * ```tsx
+ * <ListSkeleton variant="withAvatar" itemCount={5} />
+ *
+ * <ListSkeleton variant="multiLine" itemCount={3} dense={true} />
+ * ```
+ */
+export declare function ListSkeleton({ variant, itemCount, showDividers, dense, className, "data-testid": dataTestId, }: ListSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace ListSkeleton {
+    var Skeleton: typeof ListSkeleton;
+}
+//# sourceMappingURL=list-skeleton.d.ts.map

package/dist/src/components/list/list-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"list-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/list/list-skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAErE,MAAM,WAAW,iBAAkB,SAAQ,kBAAkB;IAC5D;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAC5B,OAAkB,EAClB,SAAa,EACb,YAAmB,EACnB,KAAa,EACb,SAAS,EACT,aAAa,EAAE,UAAU,GACzB,EAAE,iBAAiB,2CA4BnB;yBAnCe,YAAY"}

package/dist/src/components/list/list-skeleton.js

@@ -0,0 +1,60 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * List Skeleton Component
+ *
+ * Loading placeholder variants for the List component.
+ * Provides zero-CLS skeleton states that match actual list layouts.
+ */
+import { cn } from "../../lib/utils";
+import { Skeleton } from "../skeleton/skeleton";
+import { SkeletonAvatar, SkeletonCircle } from "../skeleton/skeleton-patterns";
+/**
+ * List skeleton component with multiple variants
+ *
+ * @example
+ * ```tsx
+ * <ListSkeleton variant="withAvatar" itemCount={5} />
+ *
+ * <ListSkeleton variant="multiLine" itemCount={3} dense={true} />
+ * ```
+ */
+export function ListSkeleton({ variant = "simple", itemCount = 3, showDividers = true, dense = false, className, "data-testid": dataTestId, }) {
+    return (_jsx("ul", { "data-testid": dataTestId || "list-skeleton", className: cn("flex flex-col bg-card rounded-lg border overflow-hidden", showDividers && "[&>li:not(:last-child)]:border-b", className), children: Array.from({ length: itemCount }).map((_, index) => (_jsxs("li", { className: cn("flex items-center gap-3 w-full", dense ? "px-3 py-2" : "px-4 py-3"), children: [variant === "simple" && _jsx(SimpleListItemSkeleton, { dense: dense }), variant === "withAvatar" && _jsx(AvatarListItemSkeleton, { dense: dense }), variant === "withIcon" && _jsx(IconListItemSkeleton, { dense: dense }), variant === "withBadge" && _jsx(BadgeListItemSkeleton, { dense: dense }), variant === "multiLine" && _jsx(MultiLineListItemSkeleton, { dense: dense })] }, index))) }));
+}
+/**
+ * Simple variant: text only items
+ */
+function SimpleListItemSkeleton({ dense = false }) {
+    return (_jsx("div", { className: "flex-1 min-w-0", children: _jsx(Skeleton, { className: cn(dense ? "h-4" : "h-5"), style: { width: "60%" } }) }));
+}
+/**
+ * With Avatar variant: avatar + text
+ */
+function AvatarListItemSkeleton({ dense = false }) {
+    return (_jsxs(_Fragment, { children: [_jsx(SkeletonAvatar, { size: dense ? "sm" : "md" }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(Skeleton, { className: cn(dense ? "h-4" : "h-5"), style: { width: "70%" } }) })] }));
+}
+/**
+ * With Icon variant: icon + text
+ */
+function IconListItemSkeleton({ dense = false }) {
+    return (_jsxs(_Fragment, { children: [_jsx(SkeletonCircle, { size: dense ? "1.25rem" : "1.5rem", className: "rounded-md" }), _jsx("div", { className: "flex-1 min-w-0", children: _jsx(Skeleton, { className: cn(dense ? "h-4" : "h-5"), style: { width: "60%" } }) })] }));
+}
+/**
+ * With Badge variant: text + badge
+ */
+function BadgeListItemSkeleton({ dense = false }) {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex-1 min-w-0", children: _jsx(Skeleton, { className: cn(dense ? "h-4" : "h-5"), style: { width: "65%" } }) }), _jsx(Skeleton, { className: cn(dense ? "h-5" : "h-6", "rounded-full"), style: { width: "3rem" } })] }));
+}
+/**
+ * With Avatar And Badge variant: avatar + text + badge
+/**
+ * MultiLine variant: avatar + title + subtitle
+ */
+function MultiLineListItemSkeleton({ dense = false }) {
+    return (_jsxs(_Fragment, { children: [_jsx(SkeletonAvatar, { size: dense ? "sm" : "md" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx(Skeleton, { className: cn(dense ? "h-4" : "h-5", "mb-1"), style: { width: "75%" } }), _jsx(Skeleton, { className: cn(dense ? "h-3" : "h-4"), style: { width: "50%" } })] })] }));
+}
+/**
+ * Compound component: List.Skeleton
+ */
+ListSkeleton.Skeleton = ListSkeleton;
+//# sourceMappingURL=list-skeleton.js.map

package/dist/src/components/list/list-skeleton.js.map

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

package/dist/src/components/list/list.d.ts

@@ -0,0 +1,123 @@
+import * as React from "react";
+import type { ListSkeletonConfig } from "../skeleton/skeleton.types";
+export interface ListProps extends React.HTMLAttributes<HTMLUListElement> {
+    /**
+     * Show dividers between list items
+     * @default true
+     */
+    divided?: boolean;
+    /**
+     * Reduce spacing between items
+     * @default false
+     */
+    dense?: boolean;
+    isLoading?: boolean;
+    skeletonConfig?: ListSkeletonConfig;
+    skeleton?: React.ReactNode;
+}
+declare function List({ className, divided, dense, isLoading, skeletonConfig, skeleton, children, ...props }: ListProps): import("react/jsx-runtime").JSX.Element;
+export interface ListItemProps extends React.HTMLAttributes<HTMLLIElement> {
+    /**
+     * Make the item interactive (clickable)
+     * @default false
+     */
+    interactive?: boolean;
+    /**
+     * Render as a link
+     */
+    href?: string;
+    /**
+     * Active/selected state
+     * @default false
+     */
+    active?: boolean;
+    /**
+     * Disabled state
+     * @default false
+     */
+    disabled?: boolean;
+    /**
+     * Dense spacing
+     * @default false
+     */
+    dense?: boolean;
+    /**
+     * Element to render as
+     */
+    as?: "li" | "a" | "button";
+}
+declare function ListItem({ className, interactive, href, active, disabled, dense, as, children, ...props }: ListItemProps): import("react/jsx-runtime").JSX.Element;
+export interface ListItemIconProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Icon size variant
+     * @default 'default'
+     */
+    size?: "sm" | "default" | "lg";
+}
+declare function ListItemIcon({ className, size, children, ...props }: ListItemIconProps): import("react/jsx-runtime").JSX.Element;
+export interface ListItemAvatarProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Avatar image source
+     */
+    src?: string;
+    /**
+     * Alt text for the avatar
+     */
+    alt?: string;
+    /**
+     * Fallback content (initials, icon, etc.)
+     */
+    fallback?: React.ReactNode;
+    /**
+     * Avatar size
+     * @default 'default'
+     */
+    size?: "sm" | "default" | "lg";
+}
+declare function ListItemAvatar({ className, src, alt, fallback, size, ...props }: ListItemAvatarProps): import("react/jsx-runtime").JSX.Element;
+export interface ListItemContentProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Truncate text with ellipsis
+     * @default false
+     */
+    truncate?: boolean;
+}
+declare function ListItemContent({ className, truncate, ...props }: ListItemContentProps): import("react/jsx-runtime").JSX.Element;
+export interface ListItemTitleProps extends React.HTMLAttributes<HTMLHeadingElement> {
+    /**
+     * Truncate text with ellipsis
+     * @default false
+     */
+    truncate?: boolean;
+    /**
+     * Heading level for semantic HTML
+     * @default 'div'
+     */
+    as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "div" | "span";
+}
+declare function ListItemTitle({ className, truncate, as: Component, ...props }: ListItemTitleProps): import("react/jsx-runtime").JSX.Element;
+export interface ListItemTextProps extends React.HTMLAttributes<HTMLParagraphElement> {
+    /**
+     * Truncate text with ellipsis
+     * @default false
+     */
+    truncate?: boolean;
+    /**
+     * Number of lines to show before truncating
+     */
+    lines?: number;
+}
+declare function ListItemText({ className, truncate, lines, ...props }: ListItemTextProps): import("react/jsx-runtime").JSX.Element;
+export interface ListItemActionProps extends React.HTMLAttributes<HTMLDivElement> {
+}
+declare function ListItemAction({ className, ...props }: ListItemActionProps): import("react/jsx-runtime").JSX.Element;
+export interface ListItemBadgeProps extends React.HTMLAttributes<HTMLSpanElement> {
+    /**
+     * Badge variant
+     * @default 'default'
+     */
+    variant?: "default" | "primary" | "success" | "warning" | "danger";
+}
+declare function ListItemBadge({ className, variant, ...props }: ListItemBadgeProps): import("react/jsx-runtime").JSX.Element;
+export { List, ListItem, ListItemIcon, ListItemAvatar, ListItemContent, ListItemTitle, ListItemText, ListItemAction, ListItemBadge, };
+//# sourceMappingURL=list.d.ts.map

package/dist/src/components/list/list.d.ts.map

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