@kala-ui/react 0.0.1-beta.4 → 0.0.1-beta.5

package/dist/components/popover/popover.stories.js

@@ -76,4 +76,3 @@ export const LoadingSkeleton = {
         },
     },
 };
-//# sourceMappingURL=popover.stories.js.map

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

@@ -1,3 +1,2 @@
 export type { ProgressBarProps, ProgressProps } from "./progress.types";
 export { Progress, ProgressBar, ProgressGroup } from "./progress";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/progress/index.js

@@ -1,2 +1 @@
 export { Progress, ProgressBar, ProgressGroup } from "./progress";
-//# sourceMappingURL=index.js.map

package/dist/components/progress/progress.d.ts

@@ -13,4 +13,3 @@ declare const ProgressGroup: React.ForwardRefExoticComponent<React.HTMLAttribute
     size?: ProgressSize;
 } & React.RefAttributes<HTMLDivElement>>;
 export { Progress, ProgressBar, ProgressGroup };
-//# sourceMappingURL=progress.d.ts.map

package/dist/components/progress/progress.js

@@ -40,4 +40,3 @@ const ProgressGroup = React.forwardRef(({ className, size = "md", children, ...p
 });
 ProgressGroup.displayName = "ProgressGroup";
 export { Progress, ProgressBar, ProgressGroup };
-//# sourceMappingURL=progress.js.map

package/dist/components/progress/progress.stories.d.ts

@@ -96,4 +96,3 @@ export declare const FileUpload: Story;
  */
 export declare const EdgeCases: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=progress.stories.d.ts.map

package/dist/components/progress/progress.stories.js

@@ -171,4 +171,3 @@ export const LoadingSkeleton = {
         },
     },
 };
-//# sourceMappingURL=progress.stories.js.map

package/dist/components/progress/progress.types.d.ts

@@ -56,4 +56,3 @@ export interface ProgressBarProps {
     className?: string;
 }
 export {};
-//# sourceMappingURL=progress.types.d.ts.map

package/dist/components/progress/progress.types.js

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

package/dist/components/radio-group/index.d.ts

@@ -2,4 +2,3 @@ export type { RadioGroupItemProps, RadioGroupProps } from "./radio-group";
 export { RadioGroup, RadioGroupItem } from "./radio-group";
 export type { RadioGroupSkeletonConfig, RadioGroupSkeletonProps, } from "./radio-group-skeleton";
 export { RadioGroupSkeleton } from "./radio-group-skeleton";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/radio-group/index.js

@@ -1,3 +1,2 @@
 export { RadioGroup, RadioGroupItem } from "./radio-group";
 export { RadioGroupSkeleton } from "./radio-group-skeleton";
-//# sourceMappingURL=index.js.map

package/dist/components/radio-group/radio-group-skeleton.d.ts

@@ -39,4 +39,3 @@ export interface RadioGroupSkeletonProps extends RadioGroupSkeletonConfig {
  * ```
  */
 export declare function RadioGroupSkeleton({ optionCount, orientation, showDescription, className, "data-testid": dataTestId, }: RadioGroupSkeletonProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=radio-group-skeleton.d.ts.map

package/dist/components/radio-group/radio-group-skeleton.js

@@ -20,4 +20,3 @@ import { Skeleton } from "../skeleton/skeleton";
 export function RadioGroupSkeleton({ optionCount = 3, orientation = "vertical", showDescription = false, className, "data-testid": dataTestId, }) {
     return (_jsx("div", { "data-testid": dataTestId || "radio-group-skeleton", className: cn("flex", orientation === "vertical" ? "flex-col gap-3" : "flex-row gap-4", className), children: Array.from({ length: optionCount }).map((_, i) => (_jsxs("div", { className: cn("flex items-start gap-2", showDescription && "flex-col"), children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-4 w-4 rounded-full flex-shrink-0" }), _jsx(Skeleton, { className: "h-4 w-24" })] }), showDescription && _jsx(Skeleton, { className: "h-3 w-32 ml-6" })] }, `radio-option-${i}`))) }));
 }
-//# sourceMappingURL=radio-group-skeleton.js.map

package/dist/components/radio-group/radio-group.d.ts

@@ -29,4 +29,3 @@ export interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<type
 declare const RadioGroup: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLDivElement>>;
 declare const RadioGroupItem: React.ForwardRefExoticComponent<RadioGroupItemProps & React.RefAttributes<HTMLButtonElement>>;
 export { RadioGroup, RadioGroupItem };
-//# sourceMappingURL=radio-group.d.ts.map

package/dist/components/radio-group/radio-group.js

@@ -43,4 +43,3 @@ const RadioGroupItem = React.forwardRef(({ className, label, description, error,
 });
 RadioGroupItem.displayName = "RadioGroupItem";
 export { RadioGroup, RadioGroupItem };
-//# sourceMappingURL=radio-group.js.map

package/dist/components/radio-group/radio-group.stories.d.ts

@@ -67,4 +67,3 @@ export declare const FormExample: Story;
  */
 export declare const Interactive: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=radio-group.stories.d.ts.map

package/dist/components/radio-group/radio-group.stories.js

@@ -100,4 +100,3 @@ export const LoadingSkeleton = {
         },
     },
 };
-//# sourceMappingURL=radio-group.stories.js.map

package/dist/components/radio-group/radio-group.types.d.ts

@@ -26,4 +26,3 @@ export interface RadioGroupItemProps extends React.ComponentPropsWithoutRef<type
      */
     error?: boolean;
 }
-//# sourceMappingURL=radio-group.types.d.ts.map

package/dist/components/radio-group/radio-group.types.js

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

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

@@ -1,2 +1 @@
 export { type ImperativePanelGroupHandle, type ImperativePanelHandle, type PanelGroupProps, type PanelProps, type PanelResizeHandleProps, ResizableHandle, type ResizableHandleProps, ResizablePanel, ResizablePanelGroup, } from "./resizable";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/resizable/index.js

@@ -1,2 +1 @@
 export { ResizableHandle, ResizablePanel, ResizablePanelGroup, } from "./resizable";
-//# sourceMappingURL=index.js.map

package/dist/components/resizable/resizable.d.ts

@@ -9,4 +9,3 @@ declare const ResizableHandle: ({ withHandle, className, ...props }: ResizableHa
 export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
 export type { ResizableHandleProps };
 export type { ImperativePanelGroupHandle, ImperativePanelHandle, PanelGroupProps, PanelProps, PanelResizeHandleProps, } from "react-resizable-panels";
-//# sourceMappingURL=resizable.d.ts.map

package/dist/components/resizable/resizable.js

@@ -6,4 +6,3 @@ const ResizablePanelGroup = ({ className, ...props }) => (_jsx(ResizablePrimitiv
 const ResizablePanel = ({ className, ...props }) => (_jsx(ResizablePrimitive.Panel, { "data-slot": "resizable-panel", className: cn("relative", className), ...props }));
 const ResizableHandle = ({ withHandle, className, ...props }) => (_jsx(ResizablePrimitive.PanelResizeHandle, { "data-slot": "resizable-handle", className: cn("bg-separator relative flex items-center justify-center focus-ring", "after:absolute after:inset-y-0 after:left-1/2 after:w-1 after:-translate-x-1/2", "data-[panel-group-direction=vertical]:h-px data-[panel-group-direction=vertical]:w-full data-[panel-group-direction=vertical]:after:left-0 data-[panel-group-direction=vertical]:after:h-1 data-[panel-group-direction=vertical]:after:w-full data-[panel-group-direction=vertical]:after:-translate-y-1/2 data-[panel-group-direction=vertical]:after:translate-x-0", "data-[panel-group-direction=horizontal]:w-px data-[panel-group-direction=horizontal]:after:h-full", "transition-colors hover:bg-primary/50", "data-[resize-handle-state=drag]:bg-primary", "disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:bg-separator", className), ...props, children: withHandle && (_jsx("div", { className: cn("bg-separator z-10 flex items-center justify-center rounded-sm border transition-colors", "data-[panel-group-direction=vertical]:h-2 data-[panel-group-direction=vertical]:w-8 data-[panel-group-direction=horizontal]:h-8 data-[panel-group-direction=horizontal]:w-2", "hover:bg-primary/50 data-[resize-handle-state=drag]:bg-primary"), children: _jsxs("svg", { className: cn("text-muted-foreground size-2.5", "data-[panel-group-direction=vertical]:rotate-90"), viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", "aria-hidden": "true", children: [_jsx("title", { children: "Resize handle" }), _jsx("circle", { cx: "9", cy: "12", r: "1" }), _jsx("circle", { cx: "15", cy: "12", r: "1" })] }) })) }));
 export { ResizablePanelGroup, ResizablePanel, ResizableHandle };
-//# sourceMappingURL=resizable.js.map

package/dist/components/resizable/resizable.stories.d.ts

@@ -69,4 +69,3 @@ export declare const KeyboardResize: Story;
  * Panel sizes are automatically saved and restored across sessions.
  */
 export declare const PersistentLayout: Story;
-//# sourceMappingURL=resizable.stories.d.ts.map

package/dist/components/resizable/resizable.stories.js

@@ -147,4 +147,3 @@ export const PersistentLayout = {
     args: {},
     render: () => (_jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "text-muted-foreground rounded-md border p-4 text-sm", children: [_jsx("p", { className: "mb-2 font-semibold", children: "Try it:" }), _jsxs("ul", { className: "space-y-1", children: [_jsx("li", { children: "1. Resize the panels below" }), _jsx("li", { children: "2. Refresh the Storybook page" }), _jsx("li", { children: "3. Your layout will be restored" })] })] }), _jsxs(ResizablePanelGroup, { direction: "horizontal", className: "min-h-[300px] rounded-lg border", autoSaveId: "resizable-demo-layout", children: [_jsx(ResizablePanel, { defaultSize: 30, minSize: 20, className: "p-6", children: _jsx("div", { className: "flex h-full items-center justify-center", children: _jsx("span", { className: "font-semibold", children: "Sidebar" }) }) }), _jsx(ResizableHandle, { withHandle: true }), _jsx(ResizablePanel, { defaultSize: 70, className: "p-6", children: _jsx("div", { className: "flex h-full items-center justify-center", children: _jsx("span", { className: "font-semibold", children: "Main Content" }) }) })] })] })),
 };
-//# sourceMappingURL=resizable.stories.js.map

package/dist/components/scroll-area/index.d.ts

@@ -1,2 +1 @@
 export { ScrollArea, ScrollBar } from "./scroll-area";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/scroll-area/index.js

@@ -1,2 +1 @@
 export { ScrollArea, ScrollBar } from "./scroll-area";
-//# sourceMappingURL=index.js.map

package/dist/components/scroll-area/scroll-area.d.ts

@@ -3,4 +3,3 @@ import * as React from "react";
 declare const ScrollArea: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const ScrollBar: React.ForwardRefExoticComponent<Omit<ScrollAreaPrimitive.ScrollAreaScrollbarProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { ScrollArea, ScrollBar };
-//# sourceMappingURL=scroll-area.d.ts.map

package/dist/components/scroll-area/scroll-area.js

@@ -10,4 +10,3 @@ const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...pr
         "h-2.5 flex-col border-t border-t-transparent p-px", className), ...props, children: _jsx(ScrollAreaPrimitive.ScrollAreaThumb, { "data-slot": "scroll-thumb", className: "bg-border relative flex-1 rounded-full transition-colors hover:bg-border/80" }) })));
 ScrollBar.displayName = ScrollAreaPrimitive.ScrollAreaScrollbar.displayName;
 export { ScrollArea, ScrollBar };
-//# sourceMappingURL=scroll-area.js.map

package/dist/components/scroll-area/scroll-area.stories.d.ts

@@ -63,4 +63,3 @@ export declare const ChatMessages: Story;
  * Shows how scroll areas can be nested within each other.
  */
 export declare const Nested: Story;
-//# sourceMappingURL=scroll-area.stories.d.ts.map

package/dist/components/scroll-area/scroll-area.stories.js

@@ -154,4 +154,3 @@ export const Nested = {
     args: {},
     render: () => (_jsx(ScrollArea, { className: "h-[300px] w-[400px] rounded-md border", children: _jsxs("div", { className: "p-4 space-y-4", children: [_jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-semibold", children: "Section 1" }), _jsx(ScrollArea, { className: "h-32 w-full rounded-md border", children: _jsx("div", { className: "p-2 space-y-1", children: Array.from({ length: 10 }).map((_, i) => (_jsxs("div", { className: "text-sm", children: ["Nested item ", i + 1] }, `nested1-${i}`))) }) })] }), _jsxs("div", { children: [_jsx("h3", { className: "mb-2 text-sm font-semibold", children: "Section 2" }), _jsx(ScrollArea, { className: "h-32 w-full rounded-md border", children: _jsx("div", { className: "p-2 space-y-1", children: Array.from({ length: 10 }).map((_, i) => (_jsxs("div", { className: "text-sm", children: ["More nested items ", i + 1] }, `nested2-${i}`))) }) })] }), Array.from({ length: 5 }).map((_, i) => (_jsxs("div", { className: "text-sm", children: ["Outer content ", i + 1] }, `outer-${i}`)))] }) })),
 };
-//# sourceMappingURL=scroll-area.stories.js.map

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

@@ -1,3 +1,2 @@
 export { NativeSelect, NativeSelectOptGroup, NativeSelectOption, } from "./native-select";
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from "./select";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/select/index.js

@@ -1,3 +1,2 @@
 export { NativeSelect, NativeSelectOptGroup, NativeSelectOption, } from "./native-select";
 export { Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger, SelectValue, } from "./select";
-//# sourceMappingURL=index.js.map

package/dist/components/select/native-select.d.ts

@@ -18,4 +18,3 @@ export interface NativeSelectOptGroupProps extends React.OptgroupHTMLAttributes<
 }
 declare const NativeSelectOptGroup: React.ForwardRefExoticComponent<NativeSelectOptGroupProps & React.RefAttributes<HTMLOptGroupElement>>;
 export { NativeSelect, NativeSelectOption, NativeSelectOptGroup };
-//# sourceMappingURL=native-select.d.ts.map

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

@@ -20,4 +20,3 @@ const NativeSelectOptGroup = React.forwardRef(({ className, ...props }, ref) =>
 });
 NativeSelectOptGroup.displayName = "NativeSelectOptGroup";
 export { NativeSelect, NativeSelectOption, NativeSelectOptGroup };
-//# sourceMappingURL=native-select.js.map

package/dist/components/select/native-select.stories.d.ts

@@ -29,4 +29,3 @@ export declare const WithError: Story;
 export declare const Countries: Story;
 export declare const LargeDataset: Story;
 export declare const Timezones: Story;
-//# sourceMappingURL=native-select.stories.d.ts.map

package/dist/components/select/native-select.stories.js

@@ -93,4 +93,3 @@ const timezones = [
 export const Timezones = {
     render: () => (_jsx(NativeSelect, { defaultValue: "America/New_York", className: "w-[400px]", children: timezones.map((tz) => (_jsx(NativeSelectOption, { value: tz.value, children: tz.label }, tz.value))) })),
 };
-//# sourceMappingURL=native-select.stories.js.map

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

@@ -19,4 +19,3 @@ declare const SelectLabel: React.ForwardRefExoticComponent<Omit<SelectPrimitive.
 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/components/select/select.js

@@ -45,4 +45,3 @@ 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/components/select/select.stories.d.ts

@@ -17,4 +17,3 @@ 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/components/select/select.stories.js

@@ -85,4 +85,3 @@ export const LoadingSkeleton = {
         },
     },
 };
-//# sourceMappingURL=select.stories.js.map

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

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

package/dist/components/separator/index.js

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

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

@@ -2,4 +2,3 @@ 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/components/separator/separator.js

@@ -6,4 +6,3 @@ function Separator({ className, orientation = "horizontal", decorative = true, .
     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/components/separator/separator.stories.d.ts

@@ -19,4 +19,3 @@ 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/components/separator/separator.stories.js

@@ -36,4 +36,3 @@ export const LoadingSkeleton = {
         },
     },
 };
-//# sourceMappingURL=separator.stories.js.map

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

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

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

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

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

@@ -29,4 +29,3 @@ export declare function SessionCardSkeleton({ showBadge, showRevokeButton, class
 export declare namespace SessionCardSkeleton {
     var Skeleton: typeof SessionCardSkeleton;
 }
-//# sourceMappingURL=session-card-skeleton.d.ts.map

package/dist/components/session-card/session-card-skeleton.js

@@ -26,4 +26,3 @@ export function SessionCardSkeleton({ showBadge = false, showRevokeButton = true
  * Compound component: SessionCard.Skeleton
  */
 SessionCardSkeleton.Skeleton = SessionCardSkeleton;
-//# sourceMappingURL=session-card-skeleton.js.map

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

@@ -24,4 +24,3 @@ export interface SessionCardProps {
     skeleton?: React.ReactNode;
 }
 export declare function SessionCard({ session, onRevoke, isRevoking, className, isLoading, skeletonConfig, skeleton, }: SessionCardProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=session-card.d.ts.map

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

@@ -64,4 +64,3 @@ export function SessionCard({ session, onRevoke, isRevoking, className, isLoadin
     };
     return (_jsxs(Card, { "data-comp": "session-card", className: cn("relative", className), children: [_jsx(CardHeader, { className: "pb-3", children: _jsxs("div", { className: "flex items-start justify-between gap-4", children: [_jsxs("div", { className: "flex items-start gap-3 flex-1", children: [_jsx(DeviceIcon, { className: "size-6 text-muted-foreground mt-0.5", "aria-hidden": "true" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx("div", { className: "flex items-center gap-2 flex-wrap", children: _jsx("h4", { className: "font-semibold text-sm", children: session.browser }) }), _jsxs("p", { className: "text-xs text-muted-foreground mt-0.5", children: [session.os, " \u2022 ", session.device] })] })] }), session.isCurrent ? (_jsx("div", { className: "inline-flex items-center rounded-md bg-success/10 px-2 py-1 text-xs font-medium text-success border border-success/20", children: "Current Session" })) : (onRevoke && (_jsx(Button, { variant: "ghost", size: "sm", onClick: handleRevoke, disabled: isRevoking, className: "text-destructive hover:text-destructive hover:bg-destructive/10", "aria-label": "Revoke session", children: isRevoking ? "Revoking..." : "Revoke" })))] }) }), _jsx(CardContent, { className: "pt-0", children: _jsxs("div", { className: "space-y-1.5 text-xs text-muted-foreground", children: [session.location && (_jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(MapPin, { className: "size-3.5", "aria-hidden": "true" }), _jsx("span", { children: session.location })] })), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Wifi, { className: "size-3.5", "aria-hidden": "true" }), _jsx("span", { children: session.ip })] }), _jsxs("div", { className: "flex items-center gap-1.5", children: [_jsx(Clock, { className: "size-3.5", "aria-hidden": "true" }), _jsxs("span", { children: ["Last active ", lastActive] })] })] }) })] }));
 }
-//# sourceMappingURL=session-card.js.map

package/dist/components/session-card/session-card.stories.d.ts

@@ -22,4 +22,3 @@ export declare const OldSession: Story;
 export declare const NoLocation: Story;
 export declare const Revoking: Story;
 export declare const AllSessionTypes: Story;
-//# sourceMappingURL=session-card.stories.d.ts.map

package/dist/components/session-card/session-card.stories.js

@@ -105,4 +105,3 @@ export const AllSessionTypes = {
     },
     render: () => (_jsx("div", { className: "w-full max-w-4xl", children: _jsxs("div", { className: "grid gap-4 grid-cols-1 md:grid-cols-2 auto-rows-fr", children: [_jsx(SessionCard, { session: currentSession, className: "h-full" }), _jsx(SessionCard, { session: mobileSession, onRevoke: (id) => console.log("Revoke session:", id), className: "h-full" }), _jsx(SessionCard, { session: tabletSession, onRevoke: (id) => console.log("Revoke session:", id), className: "h-full" }), _jsx(SessionCard, { session: oldSession, onRevoke: (id) => console.log("Revoke session:", id), className: "h-full" })] }) })),
 };
-//# sourceMappingURL=session-card.stories.js.map

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

@@ -1,4 +1,3 @@
 export { Sidebar, type SidebarLink, type SidebarProps, type SidebarSection, } from "./sidebar";
 export type { SidebarSkeletonConfig, SidebarSkeletonProps, } from "./sidebar-skeleton";
 export { SidebarSkeleton } from "./sidebar-skeleton";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/sidebar/index.js

@@ -1,3 +1,2 @@
 export { Sidebar, } from "./sidebar";
 export { SidebarSkeleton } from "./sidebar-skeleton";
-//# sourceMappingURL=index.js.map

package/dist/components/sidebar/sidebar-skeleton.d.ts

@@ -52,4 +52,3 @@ export interface SidebarSkeletonProps extends SidebarSkeletonConfig {
  * ```
  */
 export declare function SidebarSkeleton({ collapsed, showHeader, showFooter, sectionCount, itemsPerSection, className, "data-testid": dataTestId, }: SidebarSkeletonProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=sidebar-skeleton.d.ts.map

package/dist/components/sidebar/sidebar-skeleton.js

@@ -20,4 +20,3 @@ import { Skeleton } from "../skeleton/skeleton";
 export function SidebarSkeleton({ collapsed = false, showHeader = true, showFooter = true, sectionCount = 3, itemsPerSection = 4, className, "data-testid": dataTestId, }) {
     return (_jsxs("aside", { "data-testid": dataTestId || "sidebar-skeleton", className: cn("flex flex-col h-full bg-popover border-r", collapsed ? "w-16" : "w-64", className), "aria-label": "Loading sidebar", "aria-busy": "true", children: [showHeader && (_jsx("div", { className: "flex items-center h-16 px-6 border-b", children: collapsed ? (_jsx(Skeleton, { className: "h-8 w-8 mx-auto" })) : (_jsx(Skeleton, { className: "h-8 w-32" })) })), _jsx("div", { className: "flex-1 overflow-y-auto py-4 px-3", children: Array.from({ length: sectionCount }).map((_, sectionIndex) => (_jsxs("div", { className: "mb-6 last:mb-0", children: [!collapsed && (_jsx(Skeleton, { className: "h-3 w-20 mb-2 mx-3" })), _jsx("div", { className: "space-y-2", children: Array.from({ length: itemsPerSection }).map((_, itemIndex) => (_jsxs("div", { className: cn("flex items-center px-3 py-2", collapsed ? "justify-center" : "gap-3"), children: [_jsx(Skeleton, { className: "h-5 w-5 flex-shrink-0" }), !collapsed && _jsx(Skeleton, { className: "h-4 flex-1" }), !collapsed && itemIndex === 0 && (_jsx(Skeleton, { className: "h-4 w-4 rounded-full flex-shrink-0" }))] }, itemIndex))) })] }, sectionIndex))) }), showFooter && (_jsx("div", { className: "p-4 border-t", children: _jsxs("div", { className: cn("flex items-center", collapsed ? "justify-center" : "gap-3"), children: [_jsx(Skeleton, { className: "h-10 w-10 rounded-full flex-shrink-0" }), !collapsed && (_jsxs("div", { className: "flex-1 min-w-0", children: [_jsx(Skeleton, { className: "h-4 w-24 mb-1" }), _jsx(Skeleton, { className: "h-3 w-32" })] }))] }) }))] }));
 }
-//# sourceMappingURL=sidebar-skeleton.js.map

package/dist/components/sidebar/sidebar.d.ts

@@ -42,4 +42,3 @@ export interface SidebarProps {
     footer?: ReactNode;
 }
 export declare function Sidebar({ logo, navSections, pathname, isOpen, onClose, className, footer, }: SidebarProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=sidebar.d.ts.map

package/dist/components/sidebar/sidebar.js

@@ -43,4 +43,3 @@ export function Sidebar({ logo, navSections = [], pathname = "", isOpen = true,
                                         }) }))] }, section.title ?? `section-${sectionIndex}`));
                         }) }), footer && _jsx("div", { className: "border-t p-4", children: footer })] })] }));
 }
-//# sourceMappingURL=sidebar.js.map

package/dist/components/sidebar/sidebar.stories.d.ts

@@ -16,4 +16,3 @@ export declare const ActiveLink: Story;
 export declare const CollapsedSections: Story;
 export declare const WithBadges: Story;
 export declare const MobileClosed: Story;
-//# sourceMappingURL=sidebar.stories.d.ts.map

package/dist/components/sidebar/sidebar.stories.js

@@ -172,4 +172,3 @@ export const MobileClosed = {
         isOpen: false,
     },
 };
-//# sourceMappingURL=sidebar.stories.js.map

package/dist/components/skeleton/form-skeleton.d.ts

@@ -97,4 +97,3 @@ export interface FieldGroupSkeletonConfig {
  * ```
  */
 export declare function FieldGroupSkeleton({ fieldCount, showGroupLabel, className, }: FieldGroupSkeletonConfig): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=form-skeleton.d.ts.map

package/dist/components/skeleton/form-skeleton.js

@@ -62,4 +62,3 @@ function getControlHeight(type) {
             return "2.5rem";
     }
 }
-//# sourceMappingURL=form-skeleton.js.map

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

@@ -7,4 +7,3 @@ export { SkeletonWrapper } from "./skeleton-wrapper";
 export type { FieldGroupSkeletonConfig, FormFieldConfig, FormFieldType, FormSkeletonConfig, } from "./form-skeleton";
 export { FieldGroupSkeleton, FormSkeleton } from "./form-skeleton";
 export type { AccordionSkeletonConfig, AlertSkeletonConfig, BannerSkeletonConfig, BaseSkeletonConfig, BreadcrumbsSkeletonConfig, CalendarSkeletonConfig, CardSkeletonConfig, DialogSkeletonConfig, DrawerSkeletonConfig, EmptyStateSkeletonConfig, ExtractSkeletonConfig, FieldSkeletonConfig, HeaderSkeletonConfig, ListSkeletonConfig, LoadingStateProps, MetricCardSkeletonConfig, NavigationSkeletonConfig, PaginationSkeletonConfig, PatternConfig, PopoverSkeletonConfig, SessionCardSkeletonConfig, SidebarSkeletonConfig, SkeletonVariant, StepsSkeletonConfig, SkeletonWrapperConfig, TableSkeletonConfig, TabsSkeletonConfig, WithLoadingState, } from "./skeleton.types";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/skeleton/index.js

@@ -2,4 +2,3 @@ export { Skeleton } from "./skeleton";
 export { SkeletonAvatar, SkeletonButton, SkeletonCardContent, SkeletonCircle, SkeletonHeader, SkeletonParagraph, SkeletonRectangle, SkeletonText, } from "./skeleton-patterns";
 export { SkeletonWrapper } from "./skeleton-wrapper";
 export { FieldGroupSkeleton, FormSkeleton } from "./form-skeleton";
-//# sourceMappingURL=index.js.map

package/dist/components/skeleton/skeleton-patterns.d.ts

@@ -176,4 +176,3 @@ export interface SkeletonCardContentProps {
  * Card content skeleton pattern with header, content, and footer
  */
 export declare function SkeletonCardContent({ showHeader, contentLines, showFooter, className, }: SkeletonCardContentProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=skeleton-patterns.d.ts.map

package/dist/components/skeleton/skeleton-patterns.js

@@ -83,4 +83,3 @@ export function SkeletonButton({ width = "auto", size = "md", className, }) {
 export function SkeletonCardContent({ showHeader = true, contentLines = 3, showFooter = true, className, }) {
     return (_jsxs("div", { className: cn("space-y-4", className), children: [showHeader && _jsx(SkeletonHeader, { showSubtitle: true }), _jsx(SkeletonText, { lines: contentLines }), showFooter && (_jsxs("div", { className: "flex justify-end gap-2 pt-2", children: [_jsx(SkeletonButton, { width: "4rem", size: "sm" }), _jsx(SkeletonButton, { width: "4rem", size: "sm" })] }))] }));
 }
-//# sourceMappingURL=skeleton-patterns.js.map

package/dist/components/skeleton/skeleton-wrapper.d.ts

@@ -45,4 +45,3 @@ export interface SkeletonWrapperProps {
  * ```
  */
 export declare function SkeletonWrapper({ isLoading, skeleton, children, className, duration, transition, }: SkeletonWrapperProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=skeleton-wrapper.d.ts.map

package/dist/components/skeleton/skeleton-wrapper.js

@@ -40,4 +40,3 @@ export function SkeletonWrapper({ isLoading, skeleton, children, className, dura
     }, [isLoading, showSkeleton, duration, transition]);
     return (_jsxs("div", { "data-slot": "skeleton-wrapper", className: cn("relative", className), children: [showSkeleton && (_jsx("div", { className: cn("transition-opacity ease-out", isLoading ? "opacity-100" : "opacity-0 animate-fade-out"), style: transition ? { transitionDuration: `${duration}ms` } : undefined, "aria-hidden": !isLoading, children: skeleton })), !showSkeleton && (_jsx("div", { className: "animate-fade-in transition-opacity ease-in", style: transition ? { transitionDuration: `${duration}ms` } : undefined, children: children }))] }));
 }
-//# sourceMappingURL=skeleton-wrapper.js.map

package/dist/components/skeleton/skeleton.d.ts

@@ -20,4 +20,3 @@ export interface SkeletonProps extends React.ComponentProps<"div"> {
  */
 declare const Skeleton: React.ForwardRefExoticComponent<Omit<SkeletonProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
 export { Skeleton };
-//# sourceMappingURL=skeleton.d.ts.map

package/dist/components/skeleton/skeleton.js

@@ -16,4 +16,3 @@ const Skeleton = React.forwardRef(({ className, fade = false, fadeDuration = 300
 });
 Skeleton.displayName = "Skeleton";
 export { Skeleton };
-//# sourceMappingURL=skeleton.js.map

package/dist/components/skeleton/skeleton.stories.d.ts

@@ -14,4 +14,3 @@ export declare const Article: Story;
 export declare const WithWrapper: Story;
 export declare const WrapperCustomDuration: Story;
 export declare const WrapperMultipleCards: Story;
-//# sourceMappingURL=skeleton.stories.d.ts.map

package/dist/components/skeleton/skeleton.stories.js

@@ -75,4 +75,3 @@ export const WrapperMultipleCards = {
         return (_jsxs("div", { className: "space-y-4", children: [_jsx(Button, { onClick: () => setIsLoading(!isLoading), children: "Toggle All Loading" }), _jsx("div", { className: "grid grid-cols-1 gap-4 md:grid-cols-3", children: Array.from({ length: 6 }).map((_, i) => (_jsx(UICard, { children: _jsx(CardContent, { className: "p-6", children: _jsx(SkeletonWrapper, { isLoading: isLoading, skeleton: _jsxs("div", { className: "space-y-3", children: [_jsx(SkeletonHeader, { showSubtitle: false }), _jsx(SkeletonText, { lines: 2 })] }), children: _jsxs("div", { className: "space-y-3", children: [_jsxs("h4", { className: "font-semibold", children: ["Card Title ", i + 1] }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Card description goes here." })] }) }) }) }, i))) })] }));
     },
 };
-//# sourceMappingURL=skeleton.stories.js.map

package/dist/components/skeleton/skeleton.types.d.ts

@@ -488,4 +488,3 @@ export type WithLoadingState<T> = T & LoadingStateProps;
 export type ExtractSkeletonConfig<T> = T extends {
     skeletonConfig?: infer C;
 } ? C : never;
-//# sourceMappingURL=skeleton.types.d.ts.map

package/dist/components/skeleton/skeleton.types.js

@@ -4,4 +4,3 @@
  * TypeScript definitions and utility types for skeleton components.
  */
 export {};
-//# sourceMappingURL=skeleton.types.js.map

package/dist/components/skip-to-content/index.d.ts

@@ -1,2 +1 @@
 export { SkipToContent, type SkipToContentProps } from "./skip-to-content";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/skip-to-content/index.js

@@ -1,2 +1 @@
 export { SkipToContent } from "./skip-to-content";
-//# sourceMappingURL=index.js.map

package/dist/components/skip-to-content/skip-to-content.d.ts

@@ -12,4 +12,3 @@ export interface SkipToContentProps {
     className?: string;
 }
 export declare function SkipToContent({ targetId, text, className, }: SkipToContentProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=skip-to-content.d.ts.map

package/dist/components/skip-to-content/skip-to-content.js

@@ -12,4 +12,3 @@ export function SkipToContent({ targetId = "main-content", text = "Skip to main
         // When focused, become visible
         "focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-[9999]", "focus:px-4 focus:py-2 focus:rounded-md", "focus:bg-primary focus:text-primary-foreground", "focus-ring", "focus:font-medium focus:text-sm", "transition-colors", className), children: text }));
 }
-//# sourceMappingURL=skip-to-content.js.map

package/dist/components/skip-to-content/skip-to-content.stories.d.ts

@@ -30,4 +30,3 @@ export declare const CustomText: Story;
 export declare const CustomTarget: Story;
 export declare const WithComplexNavigation: Story;
 export declare const MultipleSkipLinks: Story;
-//# sourceMappingURL=skip-to-content.stories.d.ts.map

package/dist/components/skip-to-content/skip-to-content.stories.js

@@ -39,4 +39,3 @@ export const WithComplexNavigation = {
 export const MultipleSkipLinks = {
     render: () => (_jsxs("div", { children: [_jsx(SkipToContent, { targetId: "main-content", text: "Skip to main content" }), _jsx(SkipToContent, { targetId: "nav", text: "Skip to navigation", className: "focus:left-auto focus:right-4" }), _jsxs("header", { className: "bg-muted p-4 mb-4", children: [_jsx("h1", { className: "text-xl font-bold", children: "Header" }), _jsx("p", { className: "text-sm text-muted-foreground", children: "Press Tab multiple times to see both skip links" })] }), _jsxs("nav", { id: "nav", className: "bg-muted/50 p-4 mb-4", children: [_jsx("h2", { className: "font-semibold mb-2", children: "Navigation" }), _jsxs("ul", { className: "flex gap-4", children: [_jsx("li", { children: _jsx("a", { href: "/link1", className: "hover:underline", children: "Link 1" }) }), _jsx("li", { children: _jsx("a", { href: "/link2", className: "hover:underline", children: "Link 2" }) })] })] }), _jsxs("main", { id: "main-content", className: "p-4", children: [_jsx("h1", { className: "text-2xl font-bold mb-4", children: "Main Content" }), _jsx("p", { className: "text-muted-foreground", children: "Main content area" })] })] })),
 };
-//# sourceMappingURL=skip-to-content.stories.js.map

package/dist/components/skip-to-content/skip-to-content.types.d.ts

@@ -6,4 +6,3 @@ export interface SkipToContentProps {
     /** Additional CSS classes */
     className?: string;
 }
-//# sourceMappingURL=skip-to-content.types.d.ts.map

package/dist/components/skip-to-content/skip-to-content.types.js

@@ -1,2 +1 @@
 export {};
-//# sourceMappingURL=skip-to-content.types.js.map

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

@@ -1,3 +1,2 @@
 export type { SliderProps } from "./slider.types";
 export { Slider } from "./slider";
-//# sourceMappingURL=index.d.ts.map

package/dist/components/slider/index.js

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

package/dist/components/slider/slider.d.ts

@@ -2,4 +2,3 @@ import * as React from "react";
 import type { SliderProps } from "./slider.types";
 declare const Slider: React.ForwardRefExoticComponent<SliderProps & React.RefAttributes<HTMLSpanElement>>;
 export { Slider };
-//# sourceMappingURL=slider.d.ts.map

package/dist/components/slider/slider.js

@@ -15,4 +15,3 @@ const Slider = React.forwardRef(({ className, defaultValue, value, isLoading = f
 });
 Slider.displayName = SliderPrimitive.Root.displayName;
 export { Slider };
-//# sourceMappingURL=slider.js.map

package/dist/components/slider/slider.stories.d.ts

@@ -6,4 +6,3 @@ type Story = StoryObj<typeof Slider>;
 export declare const Default: Story;
 export declare const Range: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=slider.stories.d.ts.map

package/dist/components/slider/slider.stories.js

@@ -36,4 +36,3 @@ export const LoadingSkeleton = {
         },
     },
 };
-//# sourceMappingURL=slider.stories.js.map

package/dist/components/slider/slider.types.d.ts

@@ -4,4 +4,3 @@ export interface SliderProps extends React.ComponentPropsWithoutRef<typeof Slide
     /** Show loading skeleton */
     isLoading?: boolean;
 }
-//# sourceMappingURL=slider.types.d.ts.map

package/dist/components/slider/slider.types.js

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

package/dist/components/social-login-button/index.d.ts

@@ -1,2 +1 @@
 export { SocialLoginButton, type SocialLoginButtonProps, } from "./social-login-button";
-//# sourceMappingURL=index.d.ts.map