@kala-ui/react 0.0.1-beta.1

package/dist/src/components/select/native-select.test.js

@@ -0,0 +1,76 @@
+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 { NativeSelect, NativeSelectOptGroup, NativeSelectOption, } from "./native-select";
+describe("NativeSelect", () => {
+    it("renders correctly", () => {
+        render(_jsxs(NativeSelect, { children: [_jsx(NativeSelectOption, { value: "1", children: "Option 1" }), _jsx(NativeSelectOption, { value: "2", children: "Option 2" })] }));
+        const select = screen.getByRole("combobox");
+        expect(select).toBeInTheDocument();
+    });
+    it("shows default value", () => {
+        render(_jsxs(NativeSelect, { defaultValue: "2", children: [_jsx(NativeSelectOption, { value: "1", children: "Option 1" }), _jsx(NativeSelectOption, { value: "2", children: "Option 2" })] }));
+        const select = screen.getByRole("combobox");
+        expect(select.value).toBe("2");
+    });
+    it("handles value changes", async () => {
+        const { rerender } = render(_jsxs(NativeSelect, { value: "1", onChange: () => { }, children: [_jsx(NativeSelectOption, { value: "1", children: "Option 1" }), _jsx(NativeSelectOption, { value: "2", children: "Option 2" })] }));
+        const select = screen.getByRole("combobox");
+        expect(select.value).toBe("1");
+        rerender(_jsxs(NativeSelect, { value: "2", onChange: () => { }, children: [_jsx(NativeSelectOption, { value: "1", children: "Option 1" }), _jsx(NativeSelectOption, { value: "2", children: "Option 2" })] }));
+        expect(select.value).toBe("2");
+    });
+    it("renders disabled state", () => {
+        render(_jsx(NativeSelect, { disabled: true, children: _jsx(NativeSelectOption, { value: "1", children: "Option 1" }) }));
+        const select = screen.getByRole("combobox");
+        expect(select).toBeDisabled();
+    });
+    it("applies small size classes", () => {
+        render(_jsx(NativeSelect, { size: "sm", children: _jsx(NativeSelectOption, { value: "1", children: "Option 1" }) }));
+        const select = screen.getByRole("combobox");
+        expect(select).toHaveClass("h-8");
+    });
+    it("applies default size classes", () => {
+        render(_jsx(NativeSelect, { size: "default", children: _jsx(NativeSelectOption, { value: "1", children: "Option 1" }) }));
+        const select = screen.getByRole("combobox");
+        expect(select).toHaveClass("h-9");
+    });
+    it("applies error state classes", () => {
+        render(_jsx(NativeSelect, { error: true, children: _jsx(NativeSelectOption, { value: "1", children: "Option 1" }) }));
+        const select = screen.getByRole("combobox");
+        expect(select).toHaveClass("border-destructive");
+    });
+    it("renders option groups", () => {
+        render(_jsxs(NativeSelect, { children: [_jsx(NativeSelectOptGroup, { label: "Group 1", children: _jsx(NativeSelectOption, { value: "1", children: "Option 1" }) }), _jsx(NativeSelectOptGroup, { label: "Group 2", children: _jsx(NativeSelectOption, { value: "2", children: "Option 2" }) })] }));
+        const select = screen.getByRole("combobox");
+        expect(select).toBeInTheDocument();
+        const groups = screen.getAllByRole("group");
+        expect(groups).toHaveLength(2);
+    });
+    it("renders all options", () => {
+        render(_jsxs(NativeSelect, { children: [_jsx(NativeSelectOption, { value: "1", children: "Option 1" }), _jsx(NativeSelectOption, { value: "2", children: "Option 2" }), _jsx(NativeSelectOption, { value: "3", children: "Option 3" })] }));
+        const options = screen.getAllByRole("option");
+        expect(options).toHaveLength(3);
+    });
+    it("applies custom className", () => {
+        render(_jsx(NativeSelect, { className: "custom-class", children: _jsx(NativeSelectOption, { value: "1", children: "Option 1" }) }));
+        const select = screen.getByRole("combobox");
+        expect(select).toHaveClass("custom-class");
+    });
+    it("forwards ref correctly", () => {
+        const ref = { current: null };
+        render(_jsx(NativeSelect, { ref: ref, children: _jsx(NativeSelectOption, { value: "1", children: "Option 1" }) }));
+        expect(ref.current).toBeInstanceOf(HTMLSelectElement);
+    });
+    it("renders disabled option", () => {
+        render(_jsxs(NativeSelect, { children: [_jsx(NativeSelectOption, { value: "1", disabled: true, children: "Option 1" }), _jsx(NativeSelectOption, { value: "2", children: "Option 2" })] }));
+        const option = screen.getByRole("option", { name: "Option 1" });
+        expect(option).toBeDisabled();
+    });
+    it("renders disabled option group", () => {
+        render(_jsx(NativeSelect, { children: _jsx(NativeSelectOptGroup, { label: "Group 1", disabled: true, children: _jsx(NativeSelectOption, { value: "1", children: "Option 1" }) }) }));
+        const group = screen.getByRole("group");
+        expect(group).toBeDisabled();
+    });
+});
+//# sourceMappingURL=native-select.test.js.map

package/dist/src/components/select/native-select.test.js.map

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

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

@@ -0,0 +1,22 @@
+import * as SelectPrimitive from "@radix-ui/react-select";
+import * as React from "react";
+declare function Select(props: React.ComponentPropsWithoutRef<typeof SelectPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+declare namespace Select {
+    var displayName: string;
+}
+declare const SelectGroup: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectGroupProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectValue: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectValueProps & React.RefAttributes<HTMLSpanElement>, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+declare const SelectTrigger: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
+    size?: "sm" | "default";
+    isLoading?: boolean;
+} & React.RefAttributes<HTMLButtonElement>>;
+declare const SelectScrollUpButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollUpButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectScrollDownButton: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectScrollDownButtonProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectContent: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectContentProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
+    matchTriggerWidth?: boolean;
+} & React.RefAttributes<HTMLDivElement>>;
+declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectLabelProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectItem: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectItemProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+declare const SelectSeparator: React.ForwardRefExoticComponent<Omit<SelectPrimitive.SelectSeparatorProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
+//# sourceMappingURL=select.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAE1D,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAa/B,iBAAS,MAAM,CACd,KAAK,EAAE,KAAK,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,2CAGlE;kBAJQ,MAAM;;;AAOf,QAAA,MAAM,WAAW,4JAGgD,CAAC;AAGlE,QAAA,MAAM,WAAW,8JAGgD,CAAC;AAUlE,QAAA,MAAM,aAAa;WAGV,IAAI,GAAG,SAAS;gBACX,OAAO;2CAkCpB,CAAC;AAGF,QAAA,MAAM,oBAAoB,qKAYxB,CAAC;AAGH,QAAA,MAAM,sBAAsB,uKAY1B,CAAC;AAIH,QAAA,MAAM,aAAa;wBAGG,OAAO;wCA8C5B,CAAC;AAGF,QAAA,MAAM,WAAW,4JAUf,CAAC;AAGH,QAAA,MAAM,UAAU,2JAiBd,CAAC;AAGH,QAAA,MAAM,eAAe,gKAUnB,CAAC;AAGH,OAAO,EACN,MAAM,EACN,aAAa,EACb,WAAW,EACX,UAAU,EACV,WAAW,EACX,sBAAsB,EACtB,oBAAoB,EACpB,eAAe,EACf,aAAa,EACb,WAAW,GACX,CAAC"}

package/dist/src/components/select/select.js

@@ -0,0 +1,48 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { Check, ChevronDown, ChevronUp } from "lucide-react";
+import * as React from "react";
+import { selectContentStyles, selectItemStyles, selectLabelStyles, selectScrollButtonStyles, selectSeparatorStyles, selectTriggerStyles, } from "../../config/select";
+import { cn } from "../../lib/utils";
+import { Skeleton } from "../skeleton/skeleton";
+function Select(props) {
+    return _jsx(SelectPrimitive.Root, { ...props });
+}
+Select.displayName = "Select";
+const SelectGroup = React.forwardRef((props, ref) => _jsx(SelectPrimitive.Group, { ref: ref, ...props }));
+SelectGroup.displayName = SelectPrimitive.Group.displayName;
+const SelectValue = React.forwardRef((props, ref) => _jsx(SelectPrimitive.Value, { ref: ref, ...props }));
+SelectValue.displayName = SelectPrimitive.Value.displayName;
+import { cva } from "class-variance-authority";
+const selectTriggerVariants = cva(selectTriggerStyles.base, {
+    variants: selectTriggerStyles.variants,
+    defaultVariants: selectTriggerStyles.defaultVariants,
+});
+const SelectTrigger = React.forwardRef(({ className, size = "default", isLoading = false, children, ...props }, ref) => {
+    if (isLoading) {
+        return (_jsx(Skeleton, { className: cn("w-full rounded-md flex items-center justify-between", size === "sm" ? "h-9" : "h-10", className) }));
+    }
+    return (_jsxs(SelectPrimitive.Trigger, { ref: ref, "data-slot": "select-trigger", "data-size": size, className: cn(selectTriggerVariants({ size }), className), ...props, children: [children, _jsx(SelectPrimitive.Icon, { asChild: true, children: _jsx(ChevronDown, { className: "size-4 opacity-50", "aria-hidden": "true" }) })] }));
+});
+SelectTrigger.displayName = SelectPrimitive.Trigger.displayName;
+const SelectScrollUpButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollUpButton, { ref: ref, "data-slot": "select-scroll-up-button", className: cn(selectScrollButtonStyles.base, className), ...props, children: _jsx(ChevronUp, { className: "size-4", "aria-hidden": "true" }) })));
+SelectScrollUpButton.displayName = SelectPrimitive.ScrollUpButton.displayName;
+const SelectScrollDownButton = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.ScrollDownButton, { ref: ref, "data-slot": "select-scroll-down-button", className: cn(selectScrollButtonStyles.base, className), ...props, children: _jsx(ChevronDown, { className: "size-4", "aria-hidden": "true" }) })));
+SelectScrollDownButton.displayName =
+    SelectPrimitive.ScrollDownButton.displayName;
+const SelectContent = React.forwardRef(({ className, children, position = "popper", align = "center", matchTriggerWidth = false, ...props }, ref) => {
+    return (_jsx(SelectPrimitive.Portal, { children: _jsxs(SelectPrimitive.Content, { ref: ref, "data-slot": "select-content", className: cn(selectContentStyles.base, matchTriggerWidth
+                ? "w-(--radix-select-trigger-width)"
+                : "min-w-[8rem]", position === "popper" && selectContentStyles.popper, className), position: position, align: align, ...props, children: [_jsx(SelectScrollUpButton, {}), _jsx(SelectPrimitive.Viewport, { className: cn("p-1", position === "popper" &&
+                        `${selectContentStyles.viewportPopper} ${matchTriggerWidth ? "max-w-(--radix-select-trigger-width)" : "min-w-(--radix-select-trigger-width)"}`), children: children }), _jsx(SelectScrollDownButton, {})] }) }));
+});
+SelectContent.displayName = SelectPrimitive.Content.displayName;
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Label, { ref: ref, "data-slot": "select-label", className: cn(selectLabelStyles.base, className), ...props })));
+SelectLabel.displayName = SelectPrimitive.Label.displayName;
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => (_jsxs(SelectPrimitive.Item, { ref: ref, "data-slot": "select-item", className: cn(selectItemStyles.base, className), ...props, children: [_jsx("span", { className: "absolute right-2 flex size-3.5 items-center justify-center", children: _jsx(SelectPrimitive.ItemIndicator, { children: _jsx(Check, { className: "size-4", "aria-hidden": "true" }) }) }), _jsx(SelectPrimitive.ItemText, { children: children })] })));
+SelectItem.displayName = SelectPrimitive.Item.displayName;
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => (_jsx(SelectPrimitive.Separator, { ref: ref, "data-slot": "select-separator", className: cn(selectSeparatorStyles.base, className), ...props })));
+SelectSeparator.displayName = SelectPrimitive.Separator.displayName;
+export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, };
+//# sourceMappingURL=select.js.map

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

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

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

@@ -0,0 +1,20 @@
+import type { StoryObj } from "@storybook/react";
+import { Select } from "./select";
+declare const meta: {
+    title: string;
+    component: typeof Select;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Default: Story;
+export declare const WithGroups: Story;
+export declare const Disabled: Story;
+export declare const SmallSize: Story;
+export declare const Scrollable: Story;
+export declare const Timezones: Story;
+export declare const LoadingSkeleton: Story;
+//# sourceMappingURL=select.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"select.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/select/select.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EACN,MAAM,EAON,MAAM,UAAU,CAAC;AAElB,QAAA,MAAM,IAAI;;;;;;;CAOqB,CAAC;AAEhC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,OAAO,EAAE,KAgBrB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAuBxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC;AAEF,eAAO,MAAM,SAAS,EAAE,KAcvB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAgBxB,CAAC;AA4CF,eAAO,MAAM,SAAS,EAAE,KAgBvB,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,KAc7B,CAAC"}

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

@@ -0,0 +1,88 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "../skeleton/skeleton";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, } from "./select";
+const meta = {
+    title: "Forms/Select",
+    component: Select,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+};
+export default meta;
+export const Default = {
+    args: {},
+    render: () => (_jsxs(Select, { children: [_jsx(SelectTrigger, { className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select a fruit" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" }), _jsx(SelectItem, { value: "blueberry", children: "Blueberry" }), _jsx(SelectItem, { value: "grapes", children: "Grapes" }), _jsx(SelectItem, { value: "pineapple", children: "Pineapple" })] })] })),
+};
+export const WithGroups = {
+    args: {},
+    render: () => (_jsxs(Select, { children: [_jsx(SelectTrigger, { className: "w-[200px]", children: _jsx(SelectValue, { placeholder: "Select food" }) }), _jsxs(SelectContent, { children: [_jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Fruits" }), _jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" }), _jsx(SelectItem, { value: "orange", children: "Orange" })] }), _jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Vegetables" }), _jsx(SelectItem, { value: "carrot", children: "Carrot" }), _jsx(SelectItem, { value: "broccoli", children: "Broccoli" }), _jsx(SelectItem, { value: "spinach", children: "Spinach" })] })] })] })),
+};
+export const Disabled = {
+    args: {},
+    render: () => (_jsxs(Select, { disabled: true, children: [_jsx(SelectTrigger, { className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select a fruit" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" })] })] })),
+};
+export const SmallSize = {
+    args: {},
+    render: () => (_jsxs(Select, { defaultValue: "apple", children: [_jsx(SelectTrigger, { size: "sm", className: "w-[180px]", children: _jsx(SelectValue, { placeholder: "Select a fruit" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" }), _jsx(SelectItem, { value: "orange", children: "Orange" })] })] })),
+};
+export const Scrollable = {
+    args: {},
+    render: () => (_jsxs(Select, { defaultValue: "option-5", children: [_jsx(SelectTrigger, { className: "w-[280px]", children: _jsx(SelectValue, { placeholder: "Select an option" }) }), _jsx(SelectContent, { children: Array.from({ length: 50 }, (_, i) => (_jsxs(SelectItem, { value: `option-${i + 1}`, children: ["Option ", i + 1] }, i))) })] })),
+};
+const timezones = [
+    { value: "Pacific/Midway", label: "(GMT-11:00) Midway Island, Samoa" },
+    { value: "Pacific/Honolulu", label: "(GMT-10:00) Hawaii" },
+    { value: "America/Anchorage", label: "(GMT-09:00) Alaska" },
+    { value: "America/Los_Angeles", label: "(GMT-08:00) Pacific Time" },
+    { value: "America/Denver", label: "(GMT-07:00) Mountain Time" },
+    { value: "America/Chicago", label: "(GMT-06:00) Central Time" },
+    { value: "America/New_York", label: "(GMT-05:00) Eastern Time" },
+    { value: "America/Caracas", label: "(GMT-04:30) Caracas" },
+    { value: "America/Halifax", label: "(GMT-04:00) Atlantic Time" },
+    { value: "America/St_Johns", label: "(GMT-03:30) Newfoundland" },
+    { value: "America/Sao_Paulo", label: "(GMT-03:00) Brasilia, Buenos Aires" },
+    { value: "Atlantic/South_Georgia", label: "(GMT-02:00) Mid-Atlantic" },
+    { value: "Atlantic/Azores", label: "(GMT-01:00) Azores, Cape Verde" },
+    { value: "Europe/London", label: "(GMT+00:00) London, Dublin, Lisbon" },
+    { value: "Europe/Paris", label: "(GMT+01:00) Paris, Berlin, Rome" },
+    { value: "Europe/Athens", label: "(GMT+02:00) Athens, Istanbul, Cairo" },
+    { value: "Europe/Moscow", label: "(GMT+03:00) Moscow, St. Petersburg" },
+    { value: "Asia/Dubai", label: "(GMT+04:00) Abu Dhabi, Muscat, Baku" },
+    { value: "Asia/Karachi", label: "(GMT+05:00) Islamabad, Karachi" },
+    { value: "Asia/Kolkata", label: "(GMT+05:30) Mumbai, Kolkata, New Delhi" },
+    { value: "Asia/Dhaka", label: "(GMT+06:00) Dhaka, Astana" },
+    { value: "Asia/Bangkok", label: "(GMT+07:00) Bangkok, Hanoi, Jakarta" },
+    {
+        value: "Asia/Hong_Kong",
+        label: "(GMT+08:00) Beijing, Hong Kong, Singapore",
+    },
+    { value: "Asia/Tokyo", label: "(GMT+09:00) Tokyo, Seoul, Osaka" },
+    {
+        value: "Australia/Sydney",
+        label: "(GMT+10:00) Sydney, Melbourne, Brisbane",
+    },
+    {
+        value: "Pacific/Guadalcanal",
+        label: "(GMT+11:00) Solomon Islands, New Caledonia",
+    },
+    {
+        value: "Pacific/Auckland",
+        label: "(GMT+12:00) Auckland, Wellington, Fiji",
+    },
+];
+export const Timezones = {
+    args: {},
+    render: () => (_jsxs(Select, { defaultValue: "America/New_York", children: [_jsx(SelectTrigger, { className: "w-[400px]", children: _jsx(SelectValue, { placeholder: "Select your timezone" }) }), _jsx(SelectContent, { children: timezones.map((tz) => (_jsx(SelectItem, { value: tz.value, children: tz.label }, tz.value))) })] })),
+};
+export const LoadingSkeleton = {
+    render: () => (_jsxs("div", { className: "w-full max-w-xs space-y-2", children: [_jsx(Skeleton, { className: "h-10 w-full rounded-md" }), _jsx(Skeleton, { className: "h-10 w-full rounded-md" })] })),
+    parameters: {
+        docs: {
+            description: {
+                story: "Loading skeleton placeholders for select fields while loading.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=select.stories.js.map

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

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

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

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

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

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

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

@@ -0,0 +1,42 @@
+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 } from "vitest";
+import { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectTrigger, SelectValue, } from "./select";
+describe("Select", () => {
+    it("should render select trigger", () => {
+        render(_jsxs(Select, { children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Select an option" }) }), _jsx(SelectContent, { children: _jsx(SelectItem, { value: "option1", children: "Option 1" }) })] }));
+        expect(screen.getByText("Select an option")).toBeInTheDocument();
+    });
+    it("should open select when trigger is clicked", async () => {
+        const user = userEvent.setup();
+        render(_jsxs(Select, { children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Select an option" }) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "option1", children: "Option 1" }), _jsx(SelectItem, { value: "option2", children: "Option 2" })] })] }));
+        await user.click(screen.getByRole("combobox"));
+        // Select content renders in portal asynchronously
+        expect(await screen.findByText("Option 1")).toBeInTheDocument();
+        expect(await screen.findByText("Option 2")).toBeInTheDocument();
+    });
+    it("should render select with groups", async () => {
+        const user = userEvent.setup();
+        render(_jsxs(Select, { children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Select" }) }), _jsxs(SelectContent, { children: [_jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Fruits" }), _jsx(SelectItem, { value: "apple", children: "Apple" }), _jsx(SelectItem, { value: "banana", children: "Banana" })] }), _jsxs(SelectGroup, { children: [_jsx(SelectLabel, { children: "Vegetables" }), _jsx(SelectItem, { value: "carrot", children: "Carrot" })] })] })] }));
+        await user.click(screen.getByRole("combobox"));
+        // Select content renders in portal asynchronously
+        expect(await screen.findByText("Fruits")).toBeInTheDocument();
+        expect(await screen.findByText("Vegetables")).toBeInTheDocument();
+    });
+    it("should render with default value", () => {
+        render(_jsxs(Select, { defaultValue: "option2", children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, {}) }), _jsxs(SelectContent, { children: [_jsx(SelectItem, { value: "option1", children: "Option 1" }), _jsx(SelectItem, { value: "option2", children: "Option 2" })] })] }));
+        expect(screen.getByText("Option 2")).toBeInTheDocument();
+    });
+    it("should apply custom className", () => {
+        const { container } = render(_jsxs(Select, { children: [_jsx(SelectTrigger, { className: "custom-select", children: _jsx(SelectValue, { placeholder: "Select" }) }), _jsx(SelectContent, { children: _jsx(SelectItem, { value: "option1", children: "Option 1" }) })] }));
+        const trigger = container.querySelector('[data-slot="select-trigger"]');
+        expect(trigger).toHaveClass("custom-select");
+    });
+    it("should disable select when disabled prop is true", () => {
+        render(_jsxs(Select, { disabled: true, children: [_jsx(SelectTrigger, { children: _jsx(SelectValue, { placeholder: "Select" }) }), _jsx(SelectContent, { children: _jsx(SelectItem, { value: "option1", children: "Option 1" }) })] }));
+        const trigger = screen.getByRole("combobox");
+        expect(trigger).toBeDisabled();
+    });
+});
+//# sourceMappingURL=select.test.js.map

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

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

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

@@ -0,0 +1,2 @@
+export { Separator } from "./separator";
+//# sourceMappingURL=index.d.ts.map

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

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

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

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

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

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

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

@@ -0,0 +1,5 @@
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import type * as React from "react";
+declare function Separator({ className, orientation, decorative, ...props }: React.ComponentProps<typeof SeparatorPrimitive.Root>): import("react/jsx-runtime").JSX.Element;
+export { Separator };
+//# sourceMappingURL=separator.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.d.ts","sourceRoot":"","sources":["../../../../src/components/separator/separator.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAChE,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,iBAAS,SAAS,CAAC,EAClB,SAAS,EACT,WAA0B,EAC1B,UAAiB,EACjB,GAAG,KAAK,EACR,EAAE,KAAK,CAAC,cAAc,CAAC,OAAO,kBAAkB,CAAC,IAAI,CAAC,2CAatD;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

package/dist/src/components/separator/separator.js

@@ -0,0 +1,9 @@
+"use client";
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { cn } from "../../lib/utils";
+function Separator({ className, orientation = "horizontal", decorative = true, ...props }) {
+    return (_jsx(SeparatorPrimitive.Root, { "data-slot": "separator", decorative: decorative, orientation: orientation, className: cn("bg-separator shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px", className), ...props }));
+}
+export { Separator };
+//# sourceMappingURL=separator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.js","sourceRoot":"","sources":["../../../../src/components/separator/separator.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,kBAAkB,MAAM,2BAA2B,CAAC;AAGhE,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AAErC,SAAS,SAAS,CAAC,EAClB,SAAS,EACT,WAAW,GAAG,YAAY,EAC1B,UAAU,GAAG,IAAI,EACjB,GAAG,KAAK,EAC8C;IACtD,OAAO,CACN,KAAC,kBAAkB,CAAC,IAAI,iBACb,WAAW,EACrB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,EACxB,SAAS,EAAE,EAAE,CACZ,mKAAmK,EACnK,SAAS,CACT,KACG,KAAK,GACR,CACF,CAAC;AACH,CAAC;AAED,OAAO,EAAE,SAAS,EAAE,CAAC"}

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

@@ -0,0 +1,22 @@
+import type { StoryObj } from "@storybook/react";
+import { Separator } from "./separator";
+declare const meta: {
+    title: string;
+    component: typeof Separator;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        orientation: {
+            control: "select";
+            options: string[];
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const Horizontal: Story;
+export declare const Vertical: Story;
+export declare const LoadingSkeleton: Story;
+//# sourceMappingURL=separator.stories.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/separator/separator.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAEvD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAA,MAAM,IAAI;;;;;;;;;;;;;CAawB,CAAC;AAEnC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAEnC,eAAO,MAAM,UAAU,EAAE,KAoBxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAatB,CAAC;AACF,eAAO,MAAM,eAAe,EAAE,KAiB7B,CAAC"}

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

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Skeleton } from "../skeleton/skeleton";
+import { Separator } from "./separator";
+const meta = {
+    title: "Layout/Separator",
+    component: Separator,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+    argTypes: {
+        orientation: {
+            control: "select",
+            options: ["horizontal", "vertical"],
+        },
+    },
+};
+export default meta;
+export const Horizontal = {
+    args: {},
+    render: () => (_jsxs("div", { className: "w-80", children: [_jsxs("div", { className: "gap-1 flex flex-col", children: [_jsx("h4", { className: "text-sm font-medium", children: "Radix Primitives" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "An open-source UI component library." })] }), _jsx(Separator, { className: "my-4" }), _jsxs("div", { className: "flex h-5 items-center gap-4 text-sm", children: [_jsx("div", { children: "Blog" }), _jsx(Separator, { orientation: "vertical" }), _jsx("div", { children: "Docs" }), _jsx(Separator, { orientation: "vertical" }), _jsx("div", { children: "Source" })] })] })),
+};
+export const Vertical = {
+    args: {
+        orientation: "vertical",
+    },
+    render: () => (_jsxs("div", { className: "flex h-10 items-center gap-4", children: [_jsx("span", { children: "Item 1" }), _jsx(Separator, { orientation: "vertical" }), _jsx("span", { children: "Item 2" }), _jsx(Separator, { orientation: "vertical" }), _jsx("span", { children: "Item 3" })] })),
+};
+export const LoadingSkeleton = {
+    render: () => (_jsxs("div", { className: "w-full max-w-md space-y-4", children: [_jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Separator, {}), _jsx(Skeleton, { className: "h-4 w-full" }), _jsx(Separator, {}), _jsx(Skeleton, { className: "h-4 w-full" })] })),
+    parameters: {
+        docs: {
+            description: {
+                story: "Loading skeleton placeholders with separators while content is loading.",
+            },
+        },
+    },
+};
+//# sourceMappingURL=separator.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.stories.js","sourceRoot":"","sources":["../../../../src/components/separator/separator.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,kBAAkB;IACzB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE;QACX,MAAM,EAAE,UAAU;KAClB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACT,WAAW,EAAE;YACZ,OAAO,EAAE,QAAQ;YACjB,OAAO,EAAE,CAAC,YAAY,EAAE,UAAU,CAAC;SACnC;KACD;CACgC,CAAC;AAEnC,eAAe,IAAI,CAAC;AAGpB,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,IAAI,EAAE,EAAE;IACR,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,eAAK,SAAS,EAAC,MAAM,aACpB,eAAK,SAAS,EAAC,qBAAqB,aACnC,aAAI,SAAS,EAAC,qBAAqB,iCAAsB,EACzD,YAAG,SAAS,EAAC,+BAA+B,qDAExC,IACC,EACN,KAAC,SAAS,IAAC,SAAS,EAAC,MAAM,GAAG,EAC9B,eAAK,SAAS,EAAC,qCAAqC,aACnD,iCAAe,EACf,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,GAAG,EACpC,iCAAe,EACf,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,GAAG,EACpC,mCAAiB,IACZ,IACD,CACN;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC9B,IAAI,EAAE;QACL,WAAW,EAAE,UAAU;KACvB;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,eAAK,SAAS,EAAC,8BAA8B,aAC5C,oCAAmB,EACnB,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,GAAG,EACpC,oCAAmB,EACnB,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,GAAG,EACpC,oCAAmB,IACd,CACN;CACD,CAAC;AACF,MAAM,CAAC,MAAM,eAAe,GAAU;IACrC,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,eAAK,SAAS,EAAC,2BAA2B,aACzC,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,EACnC,KAAC,SAAS,KAAG,EACb,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,EACnC,KAAC,SAAS,KAAG,EACb,KAAC,QAAQ,IAAC,SAAS,EAAC,YAAY,GAAG,IAC9B,CACN;IACD,UAAU,EAAE;QACX,IAAI,EAAE;YACL,WAAW,EAAE;gBACZ,KAAK,EAAE,yEAAyE;aAChF;SACD;KACD;CACD,CAAC"}

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

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

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

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

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

@@ -0,0 +1,33 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render } from "@testing-library/react";
+import { describe, expect, it } from "vitest";
+import { Separator } from "./separator";
+describe("Separator", () => {
+    it("should render horizontal separator by default", () => {
+        const { container } = render(_jsx(Separator, {}));
+        const separator = container.querySelector('[data-slot="separator"]');
+        expect(separator).toBeInTheDocument();
+        expect(separator).toHaveAttribute("data-orientation", "horizontal");
+    });
+    it("should render vertical separator", () => {
+        const { container } = render(_jsx(Separator, { orientation: "vertical" }));
+        const separator = container.querySelector('[data-slot="separator"]');
+        expect(separator).toHaveAttribute("data-orientation", "vertical");
+    });
+    it("should apply custom className", () => {
+        const { container } = render(_jsx(Separator, { className: "custom-separator" }));
+        const separator = container.querySelector('[data-slot="separator"]');
+        expect(separator).toHaveClass("custom-separator");
+    });
+    it("should be decorative by default", () => {
+        const { container } = render(_jsx(Separator, {}));
+        const separator = container.querySelector('[data-slot="separator"]');
+        expect(separator).toHaveAttribute("data-orientation");
+    });
+    it("should render as non-decorative", () => {
+        const { container } = render(_jsx(Separator, { decorative: false }));
+        const separator = container.querySelector('[data-slot="separator"]');
+        expect(separator).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=separator.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"separator.test.js","sourceRoot":"","sources":["../../../../src/components/separator/separator.test.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAExC,QAAQ,CAAC,WAAW,EAAE,GAAG,EAAE;IAC1B,EAAE,CAAC,+CAA+C,EAAE,GAAG,EAAE;QACxD,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC;QAC5C,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;QACrE,MAAM,CAAC,SAAS,CAAC,CAAC,iBAAiB,EAAE,CAAC;QACtC,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC,kBAAkB,EAAE,YAAY,CAAC,CAAC;IACrE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,kCAAkC,EAAE,GAAG,EAAE;QAC3C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,SAAS,IAAC,WAAW,EAAC,UAAU,GAAG,CAAC,CAAC;QACnE,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;QACrE,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC,kBAAkB,EAAE,UAAU,CAAC,CAAC;IACnE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,+BAA+B,EAAE,GAAG,EAAE;QACxC,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,SAAS,IAAC,SAAS,EAAC,kBAAkB,GAAG,CAAC,CAAC;QACzE,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;QACrE,MAAM,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,kBAAkB,CAAC,CAAC;IACnD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,SAAS,KAAG,CAAC,CAAC;QAC5C,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;QACrE,MAAM,CAAC,SAAS,CAAC,CAAC,eAAe,CAAC,kBAAkB,CAAC,CAAC;IACvD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE,GAAG,EAAE;QAC1C,MAAM,EAAE,SAAS,EAAE,GAAG,MAAM,CAAC,KAAC,SAAS,IAAC,UAAU,EAAE,KAAK,GAAI,CAAC,CAAC;QAC/D,MAAM,SAAS,GAAG,SAAS,CAAC,aAAa,CAAC,yBAAyB,CAAC,CAAC;QACrE,MAAM,CAAC,SAAS,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACvC,CAAC,CAAC,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/dist/src/components/session-card/index.d.ts

@@ -0,0 +1,3 @@
+export { SessionCard, type SessionCardProps, type SessionData, } from "./session-card";
+export { SessionCardSkeleton } from "./session-card-skeleton";
+//# sourceMappingURL=index.d.ts.map

package/dist/src/components/session-card/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/session-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,WAAW,EACX,KAAK,gBAAgB,EACrB,KAAK,WAAW,GAChB,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/src/components/session-card/index.js

@@ -0,0 +1,3 @@
+export { SessionCard, } from "./session-card";
+export { SessionCardSkeleton } from "./session-card-skeleton";
+//# sourceMappingURL=index.js.map

package/dist/src/components/session-card/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/session-card/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,WAAW,GAGX,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,mBAAmB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/src/components/session-card/session-card-skeleton.d.ts

@@ -0,0 +1,32 @@
+/**
+ * Session Card Skeleton Component
+ *
+ * Loading placeholder for the Session Card component.
+ * Provides zero-CLS skeleton state that matches actual session card layout.
+ */
+import type { SessionCardSkeletonConfig } from "../skeleton/skeleton.types";
+export interface SessionCardSkeletonProps extends SessionCardSkeletonConfig {
+    /**
+     * Additional className for the skeleton container
+     */
+    className?: string;
+    /**
+     * Test ID for querying the element
+     */
+    "data-testid"?: string;
+}
+/**
+ * Session Card skeleton component
+ *
+ * @example
+ * ```tsx
+ * <SessionCardSkeleton />
+ *
+ * <SessionCardSkeleton showBadge={true} />
+ * ```
+ */
+export declare function SessionCardSkeleton({ showBadge, showRevokeButton, className, "data-testid": dataTestId, }: SessionCardSkeletonProps): import("react/jsx-runtime").JSX.Element;
+export declare namespace SessionCardSkeleton {
+    var Skeleton: typeof SessionCardSkeleton;
+}
+//# sourceMappingURL=session-card-skeleton.d.ts.map

package/dist/src/components/session-card/session-card-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-card-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/session-card/session-card-skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAMH,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAE5E,MAAM,WAAW,wBAAyB,SAAQ,yBAAyB;IAC1E;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,mBAAmB,CAAC,EACnC,SAAiB,EACjB,gBAAuB,EACvB,SAAS,EACT,aAAa,EAAE,UAAU,GACzB,EAAE,wBAAwB,2CAiC1B;yBAtCe,mBAAmB"}