@kala-ui/react 0.0.1-beta.1

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

@@ -0,0 +1,29 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Session Card Skeleton Component
+ *
+ * Loading placeholder for the Session Card component.
+ * Provides zero-CLS skeleton state that matches actual session card layout.
+ */
+import { cn } from "../../lib/utils";
+import { Card, CardContent, CardHeader } from "../card";
+import { Skeleton } from "../skeleton/skeleton";
+import { SkeletonCircle } from "../skeleton/skeleton-patterns";
+/**
+ * Session Card skeleton component
+ *
+ * @example
+ * ```tsx
+ * <SessionCardSkeleton />
+ *
+ * <SessionCardSkeleton showBadge={true} />
+ * ```
+ */
+export function SessionCardSkeleton({ showBadge = false, showRevokeButton = true, className, "data-testid": dataTestId, }) {
+    return (_jsxs(Card, { "data-testid": dataTestId || "session-card-skeleton", 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(SkeletonCircle, { size: "1.5rem", className: "rounded-md" }), _jsxs("div", { className: "flex-1 min-w-0", children: [_jsx(Skeleton, { className: "h-4 w-32 mb-1" }), _jsx(Skeleton, { className: "h-3 w-48" })] })] }), showBadge ? (_jsx(Skeleton, { className: "h-5 w-24 rounded-md" })) : (showRevokeButton && (_jsx(Skeleton, { className: "h-8 w-16 rounded-md" })))] }) }), _jsx(CardContent, { className: "pt-0", children: _jsxs("div", { className: "space-y-1.5", children: [_jsx(Skeleton, { className: "h-4 w-48" }), _jsx(Skeleton, { className: "h-4 w-40" }), _jsx(Skeleton, { className: "h-4 w-56" })] }) })] }));
+}
+/**
+ * Compound component: SessionCard.Skeleton
+ */
+SessionCardSkeleton.Skeleton = SessionCardSkeleton;
+//# sourceMappingURL=session-card-skeleton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"session-card-skeleton.js","sourceRoot":"","sources":["../../../../src/components/session-card/session-card-skeleton.tsx"],"names":[],"mappings":";AAAA;;;;;GAKG;AAEH,OAAO,EAAE,EAAE,EAAE,MAAM,iBAAiB,CAAC;AACrC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,MAAM,SAAS,CAAC;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,cAAc,EAAE,MAAM,+BAA+B,CAAC;AAc/D;;;;;;;;;GASG;AACH,MAAM,UAAU,mBAAmB,CAAC,EACnC,SAAS,GAAG,KAAK,EACjB,gBAAgB,GAAG,IAAI,EACvB,SAAS,EACT,aAAa,EAAE,UAAU,GACC;IAC1B,OAAO,CACN,MAAC,IAAI,mBACS,UAAU,IAAI,uBAAuB,EAClD,SAAS,EAAE,EAAE,CAAC,UAAU,EAAE,SAAS,CAAC,aAEpC,KAAC,UAAU,IAAC,SAAS,EAAC,MAAM,YAC3B,eAAK,SAAS,EAAC,wCAAwC,aACtD,eAAK,SAAS,EAAC,+BAA+B,aAC7C,KAAC,cAAc,IAAC,IAAI,EAAC,QAAQ,EAAC,SAAS,EAAC,YAAY,GAAG,EACvD,eAAK,SAAS,EAAC,gBAAgB,aAC9B,KAAC,QAAQ,IAAC,SAAS,EAAC,eAAe,GAAG,EACtC,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,IAC5B,IACD,EACL,SAAS,CAAC,CAAC,CAAC,CACZ,KAAC,QAAQ,IAAC,SAAS,EAAC,qBAAqB,GAAG,CAC5C,CAAC,CAAC,CAAC,CACH,gBAAgB,IAAI,CACnB,KAAC,QAAQ,IAAC,SAAS,EAAC,qBAAqB,GAAG,CAC5C,CACD,IACI,GACM,EACb,KAAC,WAAW,IAAC,SAAS,EAAC,MAAM,YAC5B,eAAK,SAAS,EAAC,aAAa,aAC3B,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,IAC5B,GACO,IACR,CACP,CAAC;AACH,CAAC;AAED;;GAEG;AACH,mBAAmB,CAAC,QAAQ,GAAG,mBAAmB,CAAC"}

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

@@ -0,0 +1,27 @@
+/**
+ * Session Card Component
+ * Displays information about an active session with device, browser, location, and last activity
+ */
+import type { SessionCardSkeletonConfig } from "../skeleton/skeleton.types";
+export interface SessionData {
+    id: string;
+    device: string;
+    browser: string;
+    os: string;
+    location?: string;
+    ip: string;
+    lastActiveAt: string;
+    createdAt: string;
+    isCurrent: boolean;
+}
+export interface SessionCardProps {
+    session: SessionData;
+    onRevoke?: (sessionId: string) => void | Promise<void>;
+    isRevoking?: boolean;
+    className?: string;
+    isLoading?: boolean;
+    skeletonConfig?: SessionCardSkeletonConfig;
+    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/src/components/session-card/session-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-card.d.ts","sourceRoot":"","sources":["../../../../src/components/session-card/session-card.tsx"],"names":[],"mappings":"AAAA;;;GAGG;AAeH,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,4BAA4B,CAAC;AAE5E,MAAM,WAAW,WAAW;IAC3B,EAAE,EAAE,MAAM,CAAC;IACX,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,EAAE,MAAM,CAAC;IAChB,EAAE,EAAE,MAAM,CAAC;IACX,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,OAAO,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAChC,OAAO,EAAE,WAAW,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACvD,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,yBAAyB,CAAC;IAC3C,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AA4CD,wBAAgB,WAAW,CAAC,EAC3B,OAAO,EACP,QAAQ,EACR,UAAU,EACV,SAAS,EACT,SAAiB,EACjB,cAAc,EACd,QAAQ,GACR,EAAE,gBAAgB,2CAoFlB"}

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

@@ -0,0 +1,67 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Session Card Component
+ * Displays information about an active session with device, browser, location, and last activity
+ */
+import { Clock, HelpCircle, MapPin, Monitor, Smartphone, Tablet, Wifi, } from "lucide-react";
+import { cn } from "../../lib/utils";
+import { Button } from "../button";
+import { Card, CardContent, CardHeader } from "../card";
+import { SessionCardSkeleton } from "./session-card-skeleton";
+function getDeviceIcon(device) {
+    const deviceLower = device.toLowerCase();
+    if (deviceLower.includes("mobile") || deviceLower.includes("phone")) {
+        return Smartphone;
+    }
+    if (deviceLower.includes("tablet") || deviceLower.includes("ipad")) {
+        return Tablet;
+    }
+    if (deviceLower.includes("desktop") || deviceLower.includes("computer")) {
+        return Monitor;
+    }
+    return HelpCircle;
+}
+function formatTimestamp(timestamp) {
+    const date = new Date(timestamp);
+    if (Number.isNaN(date.getTime())) {
+        return "Unknown";
+    }
+    const now = new Date();
+    const diffMs = now.getTime() - date.getTime();
+    const diffMins = Math.floor(diffMs / 60000);
+    const diffHours = Math.floor(diffMs / 3600000);
+    const diffDays = Math.floor(diffMs / 86400000);
+    if (diffMins < 1)
+        return "Just now";
+    if (diffMins < 60)
+        return `${diffMins} minute${diffMins > 1 ? "s" : ""} ago`;
+    if (diffHours < 24)
+        return `${diffHours} hour${diffHours > 1 ? "s" : ""} ago`;
+    if (diffDays === 1) {
+        return `Yesterday at ${date.toLocaleTimeString("en-US", { hour: "numeric", minute: "2-digit", hour12: true })}`;
+    }
+    return date.toLocaleDateString("en-US", {
+        month: "short",
+        day: "numeric",
+        hour: "numeric",
+        minute: "2-digit",
+        hour12: true,
+    });
+}
+export function SessionCard({ session, onRevoke, isRevoking, className, isLoading = false, skeletonConfig, skeleton, }) {
+    if (isLoading) {
+        if (skeleton) {
+            return (_jsx(Card, { "data-comp": "session-card", className: cn("relative", className), children: skeleton }));
+        }
+        return (_jsx(SessionCardSkeleton, { className: className, ...skeletonConfig }));
+    }
+    const DeviceIcon = getDeviceIcon(session.device);
+    const lastActive = formatTimestamp(session.lastActiveAt);
+    const handleRevoke = () => {
+        if (onRevoke && !session.isCurrent) {
+            void onRevoke(session.id);
+        }
+    };
+    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/src/components/session-card/session-card.js.map

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

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

@@ -0,0 +1,25 @@
+import type { StoryObj } from "@storybook/react";
+import { SessionCard } from "./session-card";
+declare const meta: {
+    title: string;
+    component: typeof SessionCard;
+    parameters: {
+        layout: string;
+    };
+    tags: string[];
+    argTypes: {
+        onRevoke: {
+            action: string;
+        };
+    };
+};
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const CurrentSession: Story;
+export declare const MobileDevice: Story;
+export declare const TabletDevice: Story;
+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/src/components/session-card/session-card.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-card.stories.d.ts","sourceRoot":"","sources":["../../../../src/components/session-card/session-card.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAC;AAE/D,QAAA,MAAM,IAAI;;;;;;;;;;;;CAY0B,CAAC;AAErC,eAAe,IAAI,CAAC;AACpB,KAAK,KAAK,GAAG,QAAQ,CAAC,OAAO,IAAI,CAAC,CAAC;AAiDnC,eAAO,MAAM,cAAc,EAAE,KAI5B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,KAK1B,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAKxB,CAAC;AAEF,eAAO,MAAM,UAAU,EAAE,KAWxB,CAAC;AAEF,eAAO,MAAM,QAAQ,EAAE,KAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KA0B7B,CAAC"}

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

@@ -0,0 +1,108 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SessionCard } from "./session-card";
+const meta = {
+    title: "Application/SessionCard",
+    component: SessionCard,
+    parameters: {
+        layout: "centered",
+    },
+    tags: ["autodocs"],
+    argTypes: {
+        onRevoke: {
+            action: "revoke",
+        },
+    },
+};
+export default meta;
+const currentSession = {
+    id: "1",
+    device: "Desktop",
+    browser: "Chrome 120",
+    os: "macOS 14.1",
+    location: "San Francisco, CA, USA",
+    ip: "192.168.1.100",
+    lastActiveAt: new Date().toISOString(),
+    createdAt: new Date(Date.now() - 2 * 24 * 60 * 60 * 1000).toISOString(),
+    isCurrent: true,
+};
+const mobileSession = {
+    id: "2",
+    device: "Mobile",
+    browser: "Safari 17",
+    os: "iOS 17.2",
+    location: "New York, NY, USA",
+    ip: "10.0.0.50",
+    lastActiveAt: new Date(Date.now() - 30 * 60 * 1000).toISOString(), // 30 mins ago
+    createdAt: new Date(Date.now() - 5 * 24 * 60 * 60 * 1000).toISOString(),
+    isCurrent: false,
+};
+const tabletSession = {
+    id: "3",
+    device: "iPad",
+    browser: "Safari 17",
+    os: "iPadOS 17.1",
+    location: "London, UK",
+    ip: "172.16.0.25",
+    lastActiveAt: new Date(Date.now() - 2 * 60 * 60 * 1000).toISOString(), // 2 hours ago
+    createdAt: new Date(Date.now() - 10 * 24 * 60 * 60 * 1000).toISOString(),
+    isCurrent: false,
+};
+const oldSession = {
+    id: "4",
+    device: "Desktop",
+    browser: "Firefox 119",
+    os: "Windows 11",
+    ip: "203.0.113.45",
+    lastActiveAt: new Date(Date.now() - 3 * 24 * 60 * 60 * 1000).toISOString(), // 3 days ago
+    createdAt: new Date(Date.now() - 30 * 24 * 60 * 60 * 1000).toISOString(),
+    isCurrent: false,
+};
+export const CurrentSession = {
+    args: {
+        session: currentSession,
+    },
+};
+export const MobileDevice = {
+    args: {
+        session: mobileSession,
+        onRevoke: (id) => console.log("Revoke session:", id),
+    },
+};
+export const TabletDevice = {
+    args: {
+        session: tabletSession,
+        onRevoke: (id) => console.log("Revoke session:", id),
+    },
+};
+export const OldSession = {
+    args: {
+        session: oldSession,
+        onRevoke: (id) => console.log("Revoke session:", id),
+    },
+};
+export const NoLocation = {
+    args: {
+        session: {
+            ...mobileSession,
+        },
+        onRevoke: (id) => console.log("Revoke session:", id),
+    },
+    render: (args) => {
+        const { location: _location, ...sessionWithoutLocation } = args.session;
+        return _jsx(SessionCard, { ...args, session: sessionWithoutLocation });
+    },
+};
+export const Revoking = {
+    args: {
+        session: mobileSession,
+        onRevoke: (id) => console.log("Revoke session:", id),
+        isRevoking: true,
+    },
+};
+export const AllSessionTypes = {
+    args: {
+        session: currentSession,
+    },
+    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/src/components/session-card/session-card.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"session-card.stories.js","sourceRoot":"","sources":["../../../../src/components/session-card/session-card.stories.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAoB,MAAM,gBAAgB,CAAC;AAE/D,MAAM,IAAI,GAAG;IACZ,KAAK,EAAE,yBAAyB;IAChC,SAAS,EAAE,WAAW;IACtB,UAAU,EAAE;QACX,MAAM,EAAE,UAAU;KAClB;IACD,IAAI,EAAE,CAAC,UAAU,CAAC;IAClB,QAAQ,EAAE;QACT,QAAQ,EAAE;YACT,MAAM,EAAE,QAAQ;SAChB;KACD;CACkC,CAAC;AAErC,eAAe,IAAI,CAAC;AAGpB,MAAM,cAAc,GAAgB;IACnC,EAAE,EAAE,GAAG;IACP,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,YAAY;IACrB,EAAE,EAAE,YAAY;IAChB,QAAQ,EAAE,wBAAwB;IAClC,EAAE,EAAE,eAAe;IACnB,YAAY,EAAE,IAAI,IAAI,EAAE,CAAC,WAAW,EAAE;IACtC,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,WAAW,EAAE;IACvE,SAAS,EAAE,IAAI;CACf,CAAC;AAEF,MAAM,aAAa,GAAgB;IAClC,EAAE,EAAE,GAAG;IACP,MAAM,EAAE,QAAQ;IAChB,OAAO,EAAE,WAAW;IACpB,EAAE,EAAE,UAAU;IACd,QAAQ,EAAE,mBAAmB;IAC7B,EAAE,EAAE,WAAW;IACf,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,cAAc;IACjF,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,WAAW,EAAE;IACvE,SAAS,EAAE,KAAK;CAChB,CAAC;AAEF,MAAM,aAAa,GAAgB;IAClC,EAAE,EAAE,GAAG;IACP,MAAM,EAAE,MAAM;IACd,OAAO,EAAE,WAAW;IACpB,EAAE,EAAE,aAAa;IACjB,QAAQ,EAAE,YAAY;IACtB,EAAE,EAAE,aAAa;IACjB,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,cAAc;IACrF,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,WAAW,EAAE;IACxE,SAAS,EAAE,KAAK;CAChB,CAAC;AAEF,MAAM,UAAU,GAAgB;IAC/B,EAAE,EAAE,GAAG;IACP,MAAM,EAAE,SAAS;IACjB,OAAO,EAAE,aAAa;IACtB,EAAE,EAAE,YAAY;IAChB,EAAE,EAAE,cAAc;IAClB,YAAY,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,WAAW,EAAE,EAAE,aAAa;IACzF,SAAS,EAAE,IAAI,IAAI,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,IAAI,CAAC,CAAC,WAAW,EAAE;IACxE,SAAS,EAAE,KAAK;CAChB,CAAC;AAEF,MAAM,CAAC,MAAM,cAAc,GAAU;IACpC,IAAI,EAAE;QACL,OAAO,EAAE,cAAc;KACvB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IAClC,IAAI,EAAE;QACL,OAAO,EAAE,aAAa;QACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,EAAE,CAAC;KACpD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,YAAY,GAAU;IAClC,IAAI,EAAE;QACL,OAAO,EAAE,aAAa;QACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,EAAE,CAAC;KACpD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,IAAI,EAAE;QACL,OAAO,EAAE,UAAU;QACnB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,EAAE,CAAC;KACpD;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,UAAU,GAAU;IAChC,IAAI,EAAE;QACL,OAAO,EAAE;YACR,GAAG,aAAa;SAChB;QACD,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,EAAE,CAAC;KACpD;IACD,MAAM,EAAE,CAAC,IAAI,EAAE,EAAE;QAChB,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,GAAG,sBAAsB,EAAE,GAAG,IAAI,CAAC,OAAO,CAAC;QACxE,OAAO,KAAC,WAAW,OAAK,IAAI,EAAE,OAAO,EAAE,sBAAsB,GAAI,CAAC;IACnE,CAAC;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,QAAQ,GAAU;IAC9B,IAAI,EAAE;QACL,OAAO,EAAE,aAAa;QACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,EAAE,CAAC;QACpD,UAAU,EAAE,IAAI;KAChB;CACD,CAAC;AAEF,MAAM,CAAC,MAAM,eAAe,GAAU;IACrC,IAAI,EAAE;QACL,OAAO,EAAE,cAAc;KACvB;IACD,MAAM,EAAE,GAAG,EAAE,CAAC,CACb,cAAK,SAAS,EAAC,kBAAkB,YAChC,eAAK,SAAS,EAAC,oDAAoD,aAClE,KAAC,WAAW,IAAC,OAAO,EAAE,cAAc,EAAE,SAAS,EAAC,QAAQ,GAAG,EAC3D,KAAC,WAAW,IACX,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,EAAE,CAAC,EACpD,SAAS,EAAC,QAAQ,GACjB,EACF,KAAC,WAAW,IACX,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,EAAE,CAAC,EACpD,SAAS,EAAC,QAAQ,GACjB,EACF,KAAC,WAAW,IACX,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,iBAAiB,EAAE,EAAE,CAAC,EACpD,SAAS,EAAC,QAAQ,GACjB,IACG,GACD,CACN;CACD,CAAC"}

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

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

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

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

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

@@ -0,0 +1,56 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+import { SessionCard } from "./session-card";
+const mockSession = {
+    id: "1",
+    device: "Desktop",
+    browser: "Chrome 120",
+    os: "macOS 14.1",
+    location: "San Francisco, CA, USA",
+    ip: "192.168.1.100",
+    lastActiveAt: new Date().toISOString(),
+    createdAt: new Date().toISOString(),
+    isCurrent: true,
+};
+describe("SessionCard", () => {
+    it("renders session information correctly", () => {
+        render(_jsx(SessionCard, { session: mockSession }));
+        expect(screen.getByText("Chrome 120")).toBeInTheDocument();
+        expect(screen.getByText(/macOS 14.1/)).toBeInTheDocument();
+        expect(screen.getByText(/Desktop/)).toBeInTheDocument();
+        expect(screen.getByText("San Francisco, CA, USA")).toBeInTheDocument();
+        expect(screen.getByText("192.168.1.100")).toBeInTheDocument();
+        expect(screen.getByText(/Current Session/i)).toBeInTheDocument();
+    });
+    it("renders revoke button when onRevoke is provided and session is not current", () => {
+        const onRevoke = vi.fn();
+        const otherSession = { ...mockSession, isCurrent: false };
+        render(_jsx(SessionCard, { session: otherSession, onRevoke: onRevoke }));
+        const revokeButton = screen.getByRole("button", { name: /revoke/i });
+        expect(revokeButton).toBeInTheDocument();
+    });
+    it("does not render revoke button for current session", () => {
+        const onRevoke = vi.fn();
+        render(_jsx(SessionCard, { session: mockSession, onRevoke: onRevoke }));
+        expect(screen.queryByRole("button", { name: /revoke/i })).not.toBeInTheDocument();
+    });
+    it("calls onRevoke when revoke button is clicked", async () => {
+        const onRevoke = vi.fn();
+        const otherSession = { ...mockSession, isCurrent: false };
+        const user = userEvent.setup();
+        render(_jsx(SessionCard, { session: otherSession, onRevoke: onRevoke }));
+        const revokeButton = screen.getByRole("button", { name: /revoke/i });
+        await user.click(revokeButton);
+        expect(onRevoke).toHaveBeenCalledWith(mockSession.id);
+    });
+    it("shows revoking state", () => {
+        const onRevoke = vi.fn();
+        const otherSession = { ...mockSession, isCurrent: false };
+        render(_jsx(SessionCard, { session: otherSession, onRevoke: onRevoke, isRevoking: true }));
+        expect(screen.getByText("Revoking...")).toBeInTheDocument();
+        expect(screen.getByRole("button", { name: /revoke/i })).toBeDisabled();
+    });
+});
+//# sourceMappingURL=session-card.test.js.map

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

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

package/dist/src/components/sidebar/__tests__/sidebar.test.d.ts

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

package/dist/src/components/sidebar/__tests__/sidebar.test.d.ts.map

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

package/dist/src/components/sidebar/__tests__/sidebar.test.js

@@ -0,0 +1,135 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { render, screen } from "@testing-library/react";
+import { userEvent } from "@testing-library/user-event";
+import { describe, expect, it, vi } from "vitest";
+import { Sidebar } from "../sidebar";
+// Mock next/navigation
+vi.mock("next/navigation", () => ({
+    usePathname: vi.fn(() => "/dashboard"),
+}));
+const mockNavSections = [
+    {
+        title: "Main",
+        links: [
+            { label: "Dashboard", href: "/dashboard", icon: _jsx("span", { children: "\uD83D\uDCCA" }) },
+            { label: "Users", href: "/users", badge: 5 },
+        ],
+        collapsible: true,
+        defaultOpen: true,
+    },
+    {
+        title: "Settings",
+        links: [
+            { label: "Profile", href: "/profile" },
+            { label: "Security", href: "/security" },
+        ],
+        collapsible: true,
+        defaultOpen: false,
+    },
+];
+describe("Sidebar", () => {
+    it("should render logo when provided", () => {
+        render(_jsx(Sidebar, { logo: _jsx("div", { "data-testid": "logo", children: "My App" }), navSections: mockNavSections }));
+        expect(screen.getByTestId("logo")).toBeInTheDocument();
+    });
+    it("should render navigation sections", () => {
+        render(_jsx(Sidebar, { navSections: mockNavSections }));
+        expect(screen.getByText("Main")).toBeInTheDocument();
+        expect(screen.getByText("Settings")).toBeInTheDocument();
+    });
+    it("should render navigation links", () => {
+        render(_jsx(Sidebar, { navSections: mockNavSections }));
+        // Main section is defaultOpen: true
+        expect(screen.getByText("Dashboard")).toBeInTheDocument();
+        expect(screen.getByText("Users")).toBeInTheDocument();
+        // Settings section is defaultOpen: false, so links are hidden initially
+        expect(screen.queryByText("Profile")).not.toBeInTheDocument();
+        expect(screen.queryByText("Security")).not.toBeInTheDocument();
+    });
+    it("should render link icons when provided", () => {
+        render(_jsx(Sidebar, { navSections: mockNavSections }));
+        expect(screen.getByText("📊")).toBeInTheDocument();
+    });
+    it("should render badge when provided", () => {
+        render(_jsx(Sidebar, { navSections: mockNavSections }));
+        expect(screen.getByText("5")).toBeInTheDocument();
+    });
+    it("should highlight active link based on pathname", () => {
+        render(_jsx(Sidebar, { navSections: mockNavSections, pathname: "/users" }));
+        const usersLink = screen.getByText("Users").closest("a");
+        expect(usersLink).toHaveClass("bg-primary");
+    });
+    it("should render footer when provided", () => {
+        render(_jsx(Sidebar, { navSections: mockNavSections, footer: _jsx("div", { "data-testid": "footer", children: "Version 1.0" }) }));
+        expect(screen.getByTestId("footer")).toBeInTheDocument();
+    });
+    it("should apply custom className", () => {
+        const { container } = render(_jsx(Sidebar, { navSections: mockNavSections, className: "custom-sidebar" }));
+        const sidebar = container.querySelector(".custom-sidebar");
+        expect(sidebar).toBeInTheDocument();
+    });
+    it("should show open sidebar on mobile when isOpen=true", () => {
+        const { container } = render(_jsx(Sidebar, { navSections: mockNavSections, isOpen: true }));
+        const sidebar = container.querySelector('[class*="translate-x-0"]');
+        expect(sidebar).toBeInTheDocument();
+    });
+    it("should hide sidebar on mobile when isOpen=false", () => {
+        const { container } = render(_jsx(Sidebar, { navSections: mockNavSections, isOpen: false }));
+        const sidebar = container.querySelector('[class*="-translate-x-full"]');
+        expect(sidebar).toBeInTheDocument();
+    });
+    it("should call onClose when overlay is clicked", async () => {
+        const user = userEvent.setup();
+        const onClose = vi.fn();
+        const { container } = render(_jsx(Sidebar, { navSections: mockNavSections, isOpen: true, onClose: onClose }));
+        const overlay = container.querySelector(".bg-black\\/50");
+        if (overlay) {
+            await user.click(overlay);
+            expect(onClose).toHaveBeenCalledOnce();
+        }
+    });
+    it("should toggle collapsible section when header is clicked", async () => {
+        const user = userEvent.setup();
+        render(_jsx(Sidebar, { navSections: mockNavSections }));
+        const settingsHeader = screen.getByText("Settings");
+        // Initially collapsed (defaultOpen: false)
+        expect(screen.queryByText("Profile")).not.toBeInTheDocument();
+        // Click to expand
+        await user.click(settingsHeader);
+        expect(screen.getByText("Profile")).toBeInTheDocument();
+        // Click to collapse
+        await user.click(settingsHeader);
+        expect(screen.queryByText("Profile")).not.toBeInTheDocument();
+    });
+    it("should open collapsible section by default when defaultOpen=true", () => {
+        render(_jsx(Sidebar, { navSections: mockNavSections }));
+        // Main section has defaultOpen: true
+        expect(screen.getByText("Dashboard")).toBeVisible();
+        expect(screen.getByText("Users")).toBeVisible();
+    });
+    it("should render without nav sections", () => {
+        const { container } = render(_jsx(Sidebar, {}));
+        expect(container.querySelector("nav")).toBeInTheDocument();
+    });
+    it("should render section without title", () => {
+        const sectionsWithoutTitle = [
+            {
+                links: [{ label: "Link 1", href: "/link1" }],
+            },
+        ];
+        render(_jsx(Sidebar, { navSections: sectionsWithoutTitle }));
+        expect(screen.getByText("Link 1")).toBeInTheDocument();
+    });
+    it("should render non-collapsible section", () => {
+        const nonCollapsibleSections = [
+            {
+                title: "Always Visible",
+                links: [{ label: "Link 1", href: "/link1" }],
+                collapsible: false,
+            },
+        ];
+        render(_jsx(Sidebar, { navSections: nonCollapsibleSections }));
+        expect(screen.getByText("Link 1")).toBeVisible();
+    });
+});
+//# sourceMappingURL=sidebar.test.js.map

package/dist/src/components/sidebar/__tests__/sidebar.test.js.map

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

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

@@ -0,0 +1,4 @@
+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/src/components/sidebar/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,OAAO,EACP,KAAK,WAAW,EAChB,KAAK,YAAY,EACjB,KAAK,cAAc,GACnB,MAAM,WAAW,CAAC;AACnB,YAAY,EACX,qBAAqB,EACrB,oBAAoB,GACpB,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/sidebar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACN,OAAO,GAIP,MAAM,WAAW,CAAC;AAKnB,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC"}

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

@@ -0,0 +1,55 @@
+/**
+ * Sidebar Skeleton Component
+ *
+ * Loading placeholder for the Sidebar component.
+ * Supports sections, header, footer, and collapsed state.
+ */
+export interface SidebarSkeletonConfig {
+    /**
+     * Whether sidebar is collapsed
+     * @default false
+     */
+    collapsed?: boolean;
+    /**
+     * Show header/logo area
+     * @default true
+     */
+    showHeader?: boolean;
+    /**
+     * Show footer/user profile
+     * @default true
+     */
+    showFooter?: boolean;
+    /**
+     * Number of navigation sections
+     * @default 3
+     */
+    sectionCount?: number;
+    /**
+     * Items per section
+     * @default 4
+     */
+    itemsPerSection?: number;
+}
+export interface SidebarSkeletonProps extends SidebarSkeletonConfig {
+    /**
+     * Additional className for the skeleton container
+     */
+    className?: string;
+    /**
+     * Test ID for querying the element
+     */
+    "data-testid"?: string;
+}
+/**
+ * Sidebar skeleton component
+ *
+ * @example
+ * ```tsx
+ * <SidebarSkeleton sectionCount={3} itemsPerSection={4} />
+ *
+ * <SidebarSkeleton collapsed />
+ * ```
+ */
+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/src/components/sidebar/sidebar-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sidebar-skeleton.d.ts","sourceRoot":"","sources":["../../../../src/components/sidebar/sidebar-skeleton.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAKH,MAAM,WAAW,qBAAqB;IACrC;;;OAGG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;;OAGG;IACH,eAAe,CAAC,EAAE,MAAM,CAAC;CACzB;AAED,MAAM,WAAW,oBAAqB,SAAQ,qBAAqB;IAClE;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;CACvB;AAED;;;;;;;;;GASG;AACH,wBAAgB,eAAe,CAAC,EAC/B,SAAiB,EACjB,UAAiB,EACjB,UAAiB,EACjB,YAAgB,EAChB,eAAmB,EACnB,SAAS,EACT,aAAa,EAAE,UAAU,GACzB,EAAE,oBAAoB,2CAmFtB"}

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

@@ -0,0 +1,23 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/**
+ * Sidebar Skeleton Component
+ *
+ * Loading placeholder for the Sidebar component.
+ * Supports sections, header, footer, and collapsed state.
+ */
+import { cn } from "../../lib/utils";
+import { Skeleton } from "../skeleton/skeleton";
+/**
+ * Sidebar skeleton component
+ *
+ * @example
+ * ```tsx
+ * <SidebarSkeleton sectionCount={3} itemsPerSection={4} />
+ *
+ * <SidebarSkeleton collapsed />
+ * ```
+ */
+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