npm - @kala-ui/react - Versions diffs - 0.0.1-beta.4 → 0.0.1-beta.6 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1241) hide show

package/dist/components/popover/popover.d.ts CHANGED Viewed

@@ -23,4 +23,3 @@ declare function PopoverBody({ className, ...props }: React.HTMLAttributes<HTMLD
 declare function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>): import("react/jsx-runtime").JSX.Element;
 declare function PopoverClose({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Close>): import("react/jsx-runtime").JSX.Element;
 export { Popover, PopoverTrigger, PopoverContent, PopoverHeader, PopoverBody, PopoverAnchor, PopoverClose, };
-//# sourceMappingURL=popover.d.ts.map

package/dist/components/popover/popover.js CHANGED Viewed

@@ -70,4 +70,3 @@ function PopoverClose({ ...props }) {
     return _jsx(PopoverPrimitive.Close, { "data-slot": "popover-close", ...props });
 }
 export { Popover, PopoverTrigger, PopoverContent, PopoverHeader, PopoverBody, PopoverAnchor, PopoverClose, };
-//# sourceMappingURL=popover.js.map

package/dist/components/popover/popover.stories.d.ts CHANGED Viewed

@@ -19,4 +19,3 @@ export declare const FullColoredBackgrounds: Story;
 export declare const WithForm: Story;
 export declare const DismissibleFocus: Story;
 export declare const LoadingSkeleton: Story;
-//# sourceMappingURL=popover.stories.d.ts.map

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

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

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

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

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

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

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

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

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

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

package/dist/components/resizable/index.js CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

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

package/dist/components/separator/index.js CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

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

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

@@ -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 CHANGED Viewed

@@ -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 CHANGED Viewed

@@ -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