@lindaui/blocks 0.4.2 → 0.5.1

package/dist/analytics-skeleton-imve37du.js

@@ -0,0 +1,164 @@
+'use client';
+import { jsx, jsxs } from 'react/jsx-runtime';
+import { Card, Skeleton } from '@lindaui/ui/compound';
+import { Building2, Wifi, Loader2 } from 'lucide-react';
+import { cn } from '@lindaui/ui/cn';
+
+const COLOR_CONFIG = {
+    default: {
+        icon: "bg-surface-secondary text-muted",
+        value: "text-foreground"
+    },
+    primary: {
+        icon: "bg-accent/10 text-accent",
+        value: "text-accent"
+    },
+    success: {
+        icon: "bg-success/10 text-success",
+        value: "text-success"
+    },
+    warning: {
+        icon: "bg-warning/10 text-warning",
+        value: "text-warning"
+    }
+};
+/** Exact legacy KPI anatomy; StatCard and its featured variant remain unchanged. */ function KPICard({ title, value, icon: Icon, trend, color = "default", isLoading = false }) {
+    const colorConfig = COLOR_CONFIG[color];
+    if (isLoading) return /*#__PURE__*/ jsx(Card, {
+        className: "border-none bg-surface",
+        children: /*#__PURE__*/ jsxs(Card.Content, {
+            className: "p-4",
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    className: "flex items-start justify-between",
+                    children: [
+                        /*#__PURE__*/ jsx(Skeleton, {
+                            className: "h-10 w-10 rounded-xl"
+                        }),
+                        /*#__PURE__*/ jsx(Skeleton, {
+                            className: "h-4 w-16 rounded"
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx(Skeleton, {
+                    className: "mt-4 h-8 w-24 rounded"
+                }),
+                /*#__PURE__*/ jsx(Skeleton, {
+                    className: "mt-2 h-4 w-20 rounded"
+                })
+            ]
+        })
+    });
+    return /*#__PURE__*/ jsx(Card, {
+        className: "border-none bg-surface transition-colors hover:bg-surface-secondary",
+        children: /*#__PURE__*/ jsxs(Card.Content, {
+            className: "p-4",
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    className: "flex items-start justify-between",
+                    children: [
+                        /*#__PURE__*/ jsx("div", {
+                            className: cn("rounded-xl p-2.5", colorConfig.icon),
+                            children: /*#__PURE__*/ jsx(Icon, {
+                                size: 20
+                            })
+                        }),
+                        !!trend && /*#__PURE__*/ jsxs("span", {
+                            className: cn("rounded-full px-2 py-1 font-medium text-xs", trend.isPositive ? "bg-success/10 text-success" : "bg-danger/10 text-danger"),
+                            children: [
+                                trend.isPositive ? "+" : "-",
+                                Math.abs(trend.value),
+                                "%"
+                            ]
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsxs("div", {
+                    className: "mt-4",
+                    children: [
+                        /*#__PURE__*/ jsx("p", {
+                            className: cn("font-bold text-2xl", colorConfig.value),
+                            children: value
+                        }),
+                        /*#__PURE__*/ jsx("p", {
+                            className: "mt-1 text-muted text-sm",
+                            children: title
+                        })
+                    ]
+                })
+            ]
+        })
+    });
+}
+
+function AnalyticsSkeleton() {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "space-y-6",
+        children: [
+            /*#__PURE__*/ jsx("div", {
+                className: "grid grid-cols-2 gap-4 lg:grid-cols-4",
+                children: [
+                    "a",
+                    "b",
+                    "c",
+                    "d"
+                ].map((k)=>/*#__PURE__*/ jsx(KPICard, {
+                        icon: Building2,
+                        isLoading: true,
+                        title: "",
+                        value: ""
+                    }, k))
+            }),
+            /*#__PURE__*/ jsx("div", {
+                className: "grid grid-cols-1 gap-4 sm:grid-cols-3",
+                children: [
+                    "e",
+                    "f",
+                    "g"
+                ].map((k)=>/*#__PURE__*/ jsx(KPICard, {
+                        icon: Wifi,
+                        isLoading: true,
+                        title: "",
+                        value: ""
+                    }, k))
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "grid gap-6 lg:grid-cols-2",
+                children: [
+                    /*#__PURE__*/ jsx(Skeleton, {
+                        className: "h-72 w-full rounded-xl"
+                    }),
+                    /*#__PURE__*/ jsx(Skeleton, {
+                        className: "h-72 w-full rounded-xl"
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "grid gap-6 lg:grid-cols-2",
+                children: [
+                    /*#__PURE__*/ jsx(Skeleton, {
+                        className: "h-64 w-full rounded-xl"
+                    }),
+                    /*#__PURE__*/ jsx(Skeleton, {
+                        className: "h-64 w-full rounded-xl"
+                    })
+                ]
+            })
+        ]
+    });
+}
+function FetchingIndicator({ label }) {
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex items-center gap-1.5 text-muted text-xs",
+        children: [
+            /*#__PURE__*/ jsx(Loader2, {
+                className: "h-3 w-3 animate-spin"
+            }),
+            /*#__PURE__*/ jsx("span", {
+                children: label
+            })
+        ]
+    });
+}
+
+export { AnalyticsSkeleton as A, FetchingIndicator as F, KPICard as K };

package/dist/analytics.d.ts

@@ -0,0 +1,11 @@
+/** Generic analytics migration API; the existing individual blocks remain unchanged. */
+export { AiCostCard } from "./analytics/ai-cost-card.js";
+export { AiPerformanceCard } from "./analytics/ai-performance-card.js";
+export { AnalyticsCard } from "./analytics/analytics-card.js";
+export { AnalyticsSkeleton, FetchingIndicator } from "./analytics/analytics-skeleton.js";
+export { EntityHealthCard } from "./analytics/entity-health-card.js";
+export { StatusDistributionChart } from "./analytics/status-distribution-chart.js";
+export { TimeRangePicker } from "./analytics/time-range-picker.js";
+export { TopEntitiesTable } from "./analytics/top-entities-table.js";
+export type { AiCostCardProps, AiCostData, AiPerformanceCardProps, AiVsHumanData, AnalyticsCardProps, EntityCell, EntityHealthCardProps, HealthCardLabels, HealthEntity, HealthStatus, Preset, StatusDatum, StatusDistributionChartProps, TimeRangePickerProps, TopEntitiesColumn, TopEntitiesTableProps, TopEntityRow } from "./analytics/types.js";
+//# sourceMappingURL=analytics.d.ts.map

package/dist/analytics.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"analytics.d.ts","sourceRoot":"","sources":["../src/analytics.ts"],"names":[],"mappings":"AAAA,wFAAwF;AACxF,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA0B,CAAC;AACtD,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAiC,CAAC;AACpE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA4B,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,iBAAiB,EAAE,MAAM,mCAAgC,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAgC,CAAC;AAClE,OAAO,EAAE,uBAAuB,EAAE,MAAM,0CAAuC,CAAC;AAChF,OAAO,EAAE,eAAe,EAAE,MAAM,kCAA+B,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAgC,CAAC;AAClE,YAAY,EAAE,eAAe,EAAE,UAAU,EAAE,sBAAsB,EAAE,aAAa,EAAE,kBAAkB,EAAE,UAAU,EAAE,qBAAqB,EAAE,gBAAgB,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,EAAE,WAAW,EAAE,4BAA4B,EAAE,oBAAoB,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,YAAY,EAAE,MAAM,sBAAmB,CAAC"}

package/dist/analytics.js

@@ -0,0 +1,8 @@
+export { A as AiCostCard } from './ai-cost-card-f403ypsg.js';
+export { A as AiPerformanceCard } from './ai-performance-card-cggm09nc.js';
+export { A as AnalyticsCard } from './analytics-card-bcmijpt6.js';
+export { A as AnalyticsSkeleton, F as FetchingIndicator } from './analytics-skeleton-imve37du.js';
+export { E as EntityHealthCard } from './entity-health-card-ggnmrtrq.js';
+export { S as StatusDistributionChart } from './status-distribution-chart-oucedzv7.js';
+export { T as TimeRangePicker } from './time-range-picker-mu38hul4.js';
+export { T as TopEntitiesTable } from './top-entities-table-o7xzpq96.js';

package/dist/app-shell/drawer-focus.d.ts

@@ -0,0 +1,8 @@
+import type { KeyboardEvent } from "react";
+/** Add keyboard focus management without changing the original drawer DOM or animations. */
+export declare function useDrawerFocus(isOpen: boolean, onClose: () => void): {
+    drawerRef: import("react").RefObject<HTMLElement | null>;
+    triggerRef: import("react").RefObject<HTMLButtonElement | null>;
+    onKeyDown: (event: KeyboardEvent<HTMLElement>) => void;
+};
+//# sourceMappingURL=drawer-focus.d.ts.map

package/dist/app-shell/drawer-focus.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-focus.d.ts","sourceRoot":"","sources":["../../src/app-shell/drawer-focus.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAE3C,4FAA4F;AAC5F,wBAAgB,cAAc,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,MAAM,IAAI;;;uBAcvC,aAAa,CAAC,WAAW,CAAC;EAuBrD"}

package/dist/app-shell/footer.d.ts

@@ -0,0 +1,39 @@
+export interface AppShellUser {
+    displayName?: string;
+    avatarSrc?: string;
+    avatarAlt?: string;
+    initials?: string;
+}
+export interface AppShellFooterLabels {
+    connected: string;
+    disconnected: string;
+    installApp: string;
+    lightTheme: string;
+    darkTheme: string;
+    lightThemeTooltip: string;
+    darkThemeTooltip: string;
+    logoutTrigger: string;
+    logoutTitle: string;
+    logoutDescription: string;
+    logoutCancel: string;
+    logoutConfirm: string;
+    logoutPending: string;
+    logoutError: string;
+}
+export interface AppShellFooterProps {
+    className?: string;
+    isCollapsed?: boolean;
+    isConnected?: boolean;
+    showConnectionStatus?: boolean;
+    isInstallable?: boolean;
+    onInstall?: () => void;
+    mounted?: boolean;
+    theme?: string;
+    onToggleTheme?: () => void;
+    user?: AppShellUser | null;
+    onSignOut: () => void | Promise<void>;
+    labels?: Partial<AppShellFooterLabels>;
+}
+/** Connection, installation, theme and account actions; all business effects are injected. */
+export declare function AppShellFooter({ className, isCollapsed, isConnected, showConnectionStatus, isInstallable, onInstall, mounted, theme, onToggleTheme, user, onSignOut, labels: labelOverrides, }: AppShellFooterProps): import("react").JSX.Element;
+//# sourceMappingURL=footer.d.ts.map

package/dist/app-shell/footer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"footer.d.ts","sourceRoot":"","sources":["../../src/app-shell/footer.tsx"],"names":[],"mappings":"AAOA,MAAM,WAAW,YAAY;IAC3B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,gBAAgB,EAAE,MAAM,CAAC;IACzB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,aAAa,EAAE,MAAM,CAAC;IACtB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,mBAAmB;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,oBAAoB,CAAC,EAAE,OAAO,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,aAAa,CAAC,EAAE,MAAM,IAAI,CAAC;IAC3B,IAAI,CAAC,EAAE,YAAY,GAAG,IAAI,CAAC;IAC3B,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtC,MAAM,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;CACxC;AAmBD,8FAA8F;AAC9F,wBAAgB,cAAc,CAAC,EAC7B,SAAS,EAAE,WAAmB,EAAE,WAAmB,EAAE,oBAA2B,EAChF,aAAqB,EAAE,SAAS,EAAE,OAAe,EAAE,KAAK,EAAE,aAAa,EAAE,IAAI,EAC7E,SAAS,EAAE,MAAM,EAAE,cAAc,GAClC,EAAE,mBAAmB,+BA2FrB"}

package/dist/app-shell/logout-dialog.d.ts

@@ -0,0 +1,6 @@
+import type { AppShellFooterLabels } from "./footer.js";
+export declare function useLogoutDialog(onSignOut: () => void | Promise<void>, labels: AppShellFooterLabels): {
+    open: () => void;
+    dialog: import("react").JSX.Element;
+};
+//# sourceMappingURL=logout-dialog.d.ts.map

package/dist/app-shell/logout-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logout-dialog.d.ts","sourceRoot":"","sources":["../../src/app-shell/logout-dialog.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,aAAU,CAAC;AAErD,wBAAgB,eAAe,CAAC,SAAS,EAAE,MAAM,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,oBAAoB;IA4B/F,IAAI;IACJ,MAAM;EAgCT"}

package/dist/app-shell/navigation.d.ts

@@ -0,0 +1,15 @@
+import type { AppShellLinkProps, AppShellNavItem, AppShellProps } from "./types.js";
+export declare function ShellLink({ renderLink, ...props }: AppShellLinkProps & Pick<AppShellProps, "renderLink">): string | number | bigint | boolean | import("react").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | Iterable<import("react").ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;
+export declare function SidebarNavLink({ item, collapsed, onClick, renderLink, }: {
+    item: AppShellNavItem;
+    collapsed?: boolean;
+    onClick?: () => void;
+    renderLink?: AppShellProps["renderLink"];
+}): import("react").JSX.Element;
+export declare function MobileBottomNavigation({ navItems, isVisiting, label, renderLink }: {
+    navItems: AppShellNavItem[];
+    isVisiting: boolean;
+    label: string;
+    renderLink?: AppShellProps["renderLink"];
+}): import("react").JSX.Element;
+//# sourceMappingURL=navigation.d.ts.map

package/dist/app-shell/navigation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/app-shell/navigation.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,iBAAiB,EAAE,eAAe,EAAE,aAAa,EAAE,MAAM,YAAS,CAAC;AAEjF,wBAAgB,SAAS,CAAC,EAAE,UAAU,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,GAAG,IAAI,CAAC,aAAa,EAAE,YAAY,CAAC,+VAExG;AAED,wBAAgB,cAAc,CAAC,EAC7B,IAAI,EACJ,SAAS,EACT,OAAO,EACP,UAAU,GACX,EAAE;IACD,IAAI,EAAE,eAAe,CAAC;IACtB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAC1C,+BAyCA;AAiDD,wBAAgB,sBAAsB,CAAC,EAAE,QAAQ,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE;IAClF,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,UAAU,EAAE,OAAO,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,UAAU,CAAC,EAAE,aAAa,CAAC,YAAY,CAAC,CAAC;CAC1C,+BA+BA"}

package/dist/app-shell/types.d.ts

@@ -0,0 +1,55 @@
+import type { AnchorHTMLAttributes, ComponentType, ReactNode } from "react";
+export interface AppShellNavItem {
+    key: string;
+    label: string;
+    href: string;
+    icon: ComponentType<{
+        className?: string;
+        size?: number;
+    }>;
+    isActive?: boolean;
+    hideOnMobile?: boolean;
+    isCenterButton?: boolean;
+    /** Intercept sidebar/drawer navigation, for example to open a settings dialog. */
+    onAction?: () => void;
+}
+export interface AppShellBrand {
+    label: string;
+    href: string;
+    logoSrc?: string;
+}
+export type AppShellLinkProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
+    href: string;
+    children: ReactNode;
+};
+export interface AppShellImageProps {
+    alt: string;
+    className: string;
+    height: number;
+    src: string;
+    width: number;
+}
+export interface AppShellLabels {
+    collapseSidebar: string;
+    expandSidebar: string;
+    openMenu: string;
+    closeMenu: string;
+    mainNavigation: string;
+    bottomNavigation: string;
+}
+export interface AppShellProps {
+    brand: AppShellBrand;
+    children: ReactNode;
+    navItems: AppShellNavItem[];
+    contentTopSlot?: ReactNode;
+    headerRightSlot?: ReactNode;
+    sidebarTopSlot?: ReactNode | ((isCollapsed: boolean) => ReactNode);
+    sidebarFooterSlot?: ReactNode | ((isCollapsed: boolean) => ReactNode);
+    isVisiting?: boolean;
+    defaultCollapsed?: boolean;
+    labels?: Partial<AppShellLabels>;
+    /** Inject a router link without coupling the block to any framework. */
+    renderLink?: (props: AppShellLinkProps) => ReactNode;
+    renderImage?: (props: AppShellImageProps) => ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/app-shell/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/app-shell/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,aAAa,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAE5E,MAAM,WAAW,eAAe;IAC9B,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,IAAI,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC3D,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,cAAc,CAAC,EAAE,OAAO,CAAC;IACzB,kFAAkF;IAClF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACvB;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,MAAM,iBAAiB,GAAG,oBAAoB,CAAC,iBAAiB,CAAC,GAAG;IACxE,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,SAAS,CAAC;CACrB,CAAC;AAEF,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,cAAc;IAC7B,eAAe,EAAE,MAAM,CAAC;IACxB,aAAa,EAAE,MAAM,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;CAC1B;AAED,MAAM,WAAW,aAAa;IAC5B,KAAK,EAAE,aAAa,CAAC;IACrB,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,EAAE,eAAe,EAAE,CAAC;IAC5B,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,eAAe,CAAC,EAAE,SAAS,CAAC;IAC5B,cAAc,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC;IACnE,iBAAiB,CAAC,EAAE,SAAS,GAAG,CAAC,CAAC,WAAW,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC;IACtE,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC,cAAc,CAAC,CAAC;IACjC,wEAAwE;IACxE,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,iBAAiB,KAAK,SAAS,CAAC;IACrD,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,kBAAkB,KAAK,SAAS,CAAC;CACxD"}

package/dist/app-shell.d.ts

@@ -0,0 +1,7 @@
+import type { AppShellProps } from "./app-shell/types.js";
+export type { AppShellBrand, AppShellImageProps, AppShellLabels, AppShellLinkProps, AppShellNavItem, AppShellProps, } from "./app-shell/types.js";
+export { AppShellFooter } from "./app-shell/footer.js";
+export type { AppShellFooterLabels, AppShellFooterProps, AppShellUser } from "./app-shell/footer.js";
+/** The original collapsible desktop sidebar, mobile drawer and floating bottom navigation. */
+export declare function AppShell({ children, navItems, sidebarTopSlot, sidebarFooterSlot, contentTopSlot, headerRightSlot, brand, isVisiting, defaultCollapsed, labels: labelOverrides, renderLink, renderImage, }: AppShellProps): import("react").JSX.Element;
+//# sourceMappingURL=app-shell.d.ts.map

package/dist/app-shell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-shell.d.ts","sourceRoot":"","sources":["../src/app-shell.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAkB,aAAa,EAAE,MAAM,sBAAmB,CAAC;AAEvE,YAAY,EACV,aAAa,EAAE,kBAAkB,EAAE,cAAc,EAAE,iBAAiB,EAAE,eAAe,EAAE,aAAa,GACrG,MAAM,sBAAmB,CAAC;AAC3B,OAAO,EAAE,cAAc,EAAE,MAAM,uBAAoB,CAAC;AACpD,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,uBAAoB,CAAC;AAWlG,8FAA8F;AAC9F,wBAAgB,QAAQ,CAAC,EACvB,QAAQ,EAAE,QAAQ,EAAE,cAAc,EAAE,iBAAiB,EAAE,cAAc,EAAE,eAAe,EACtF,KAAK,EAAE,UAAkB,EAAE,gBAAwB,EAAE,MAAM,EAAE,cAAc,EAC3E,UAAU,EAAE,WAAW,GACxB,EAAE,aAAa,+BAuIf"}

package/dist/app-shell.js

@@ -0,0 +1,254 @@
+'use client';
+import { jsxs, jsx } from 'react/jsx-runtime';
+import { Button } from '@lindaui/ui/compound';
+import { cn } from '@lindaui/ui/cn';
+import { PanelLeftClose, PanelLeft, X, Menu } from 'lucide-react';
+import { useRef, useEffect, useState, useId } from 'react';
+import { S as ShellLink, a as SidebarNavLink, M as MobileBottomNavigation } from './navigation-hotcrqoq.js';
+export { A as AppShellFooter } from './footer-f7r5e42b.js';
+
+/** Add keyboard focus management without changing the original drawer DOM or animations. */ function useDrawerFocus(isOpen, onClose) {
+    const drawerRef = useRef(null);
+    const triggerRef = useRef(null);
+    const wasOpen = useRef(false);
+    useEffect(()=>{
+        if (isOpen) {
+            drawerRef.current?.querySelector("button")?.focus();
+        } else if (wasOpen.current) {
+            triggerRef.current?.focus();
+        }
+        wasOpen.current = isOpen;
+    }, [
+        isOpen
+    ]);
+    const onKeyDown = (event)=>{
+        // React portals bubble through their owner: do not dismiss a drawer behind a menu/modal.
+        if (!isOpen || !event.currentTarget.contains(event.target)) return;
+        if (event.key === "Escape") {
+            event.preventDefault();
+            onClose();
+            return;
+        }
+        if (event.key !== "Tab") return;
+        const focusable = Array.from(event.currentTarget.querySelectorAll('a[href], button:not(:disabled), input:not(:disabled), [tabindex="0"]')).filter((element)=>!element.closest('[inert], [aria-hidden="true"]') && element.getAttribute("aria-disabled") !== "true");
+        const first = focusable[0];
+        const last = focusable[focusable.length - 1];
+        const activeElement = event.currentTarget.ownerDocument.activeElement;
+        if (event.shiftKey && activeElement === first || !event.shiftKey && activeElement === last) {
+            event.preventDefault();
+            (event.shiftKey ? last : first)?.focus();
+        }
+    };
+    return {
+        drawerRef,
+        triggerRef,
+        onKeyDown
+    };
+}
+
+const defaultLabels = {
+    collapseSidebar: "Collapse sidebar",
+    expandSidebar: "Expand sidebar",
+    openMenu: "Open menu",
+    closeMenu: "Close menu",
+    mainNavigation: "Main navigation",
+    bottomNavigation: "Bottom navigation"
+};
+/** The original collapsible desktop sidebar, mobile drawer and floating bottom navigation. */ function AppShell({ children, navItems, sidebarTopSlot, sidebarFooterSlot, contentTopSlot, headerRightSlot, brand, isVisiting = false, defaultCollapsed = false, labels: labelOverrides, renderLink, renderImage }) {
+    const [sidebarOpen, setSidebarOpen] = useState(false);
+    const [isCollapsed, setIsCollapsed] = useState(defaultCollapsed);
+    const drawerFocus = useDrawerFocus(sidebarOpen, ()=>setSidebarOpen(false));
+    const drawerId = useId();
+    const labels = {
+        ...defaultLabels,
+        ...labelOverrides
+    };
+    // Preserve the existing slot API: the top slot follows desktop collapse state in both sidebars.
+    const topSlot = typeof sidebarTopSlot === "function" ? sidebarTopSlot(isCollapsed) : sidebarTopSlot;
+    const footer = (collapsed)=>typeof sidebarFooterSlot === "function" ? sidebarFooterSlot(collapsed) : sidebarFooterSlot;
+    const logo = (size, className)=>{
+        if (!brand.logoSrc) return null;
+        const props = {
+            alt: brand.label,
+            className,
+            height: size,
+            src: brand.logoSrc,
+            width: size
+        };
+        return renderImage ? renderImage(props) : /*#__PURE__*/ jsx("img", {
+            ...props
+        });
+    };
+    const mobileBrand = /*#__PURE__*/ jsxs(ShellLink, {
+        className: "flex items-center gap-2",
+        href: brand.href,
+        renderLink: renderLink,
+        children: [
+            logo(28, "h-7 w-7 rounded-lg"),
+            /*#__PURE__*/ jsx("span", {
+                className: "font-extrabold text-sm uppercase",
+                children: brand.label
+            })
+        ]
+    });
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex min-h-screen bg-background",
+        children: [
+            /*#__PURE__*/ jsxs("aside", {
+                className: cn("fixed z-40 hidden h-full flex-col lg:flex", "border-border border-r", "transition-all duration-300 ease-in-out", isVisiting ? "bg-warning-soft dark:bg-warning/20" : "bg-background", isCollapsed ? "w-16" : "w-48"),
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: cn("flex h-14 items-center border-border border-b", isCollapsed ? "flex-col justify-center gap-0 px-2" : "justify-between px-4"),
+                        children: [
+                            /*#__PURE__*/ jsxs(ShellLink, {
+                                "aria-label": brand.label,
+                                className: cn("flex items-center gap-2", isCollapsed ? "mb-0" : ""),
+                                href: brand.href,
+                                renderLink: renderLink,
+                                children: [
+                                    logo(32, cn("rounded-lg", isCollapsed ? "h-7 w-7" : "h-8 w-8") ?? ""),
+                                    isCollapsed ? null : /*#__PURE__*/ jsx("span", {
+                                        className: "font-extrabold text-sm uppercase",
+                                        children: brand.label
+                                    })
+                                ]
+                            }),
+                            isCollapsed ? null : /*#__PURE__*/ jsx(Button, {
+                                "aria-label": labels.collapseSidebar,
+                                className: "text-muted hover:text-foreground",
+                                isIconOnly: true,
+                                onPress: ()=>setIsCollapsed(true),
+                                size: "sm",
+                                variant: "ghost",
+                                children: /*#__PURE__*/ jsx(PanelLeftClose, {
+                                    size: 18
+                                })
+                            })
+                        ]
+                    }),
+                    isCollapsed ? /*#__PURE__*/ jsx("div", {
+                        className: "flex justify-center border-border border-b py-2",
+                        children: /*#__PURE__*/ jsx(Button, {
+                            "aria-label": labels.expandSidebar,
+                            className: "text-muted hover:text-foreground",
+                            isIconOnly: true,
+                            onPress: ()=>setIsCollapsed(false),
+                            size: "sm",
+                            variant: "ghost",
+                            children: /*#__PURE__*/ jsx(PanelLeft, {
+                                size: 18
+                            })
+                        })
+                    }) : null,
+                    topSlot ?? null,
+                    /*#__PURE__*/ jsx("nav", {
+                        "aria-label": labels.mainNavigation,
+                        className: "flex-1 space-y-1 px-2 py-4",
+                        children: navItems.map((item)=>/*#__PURE__*/ jsx(SidebarNavLink, {
+                                collapsed: isCollapsed,
+                                item: item,
+                                renderLink: renderLink
+                            }, item.key))
+                    }),
+                    footer(isCollapsed)
+                ]
+            }),
+            /*#__PURE__*/ jsx("header", {
+                className: "!bg-transparent fixed top-0 right-0 left-0 z-50 border-border border-b backdrop-blur backdrop-saturate-200 lg:hidden dark:border-white/10",
+                children: /*#__PURE__*/ jsxs("div", {
+                    className: "flex h-14 items-center justify-between px-4",
+                    children: [
+                        /*#__PURE__*/ jsx(Button, {
+                            ref: drawerFocus.triggerRef,
+                            "aria-label": sidebarOpen ? labels.closeMenu : labels.openMenu,
+                            "aria-controls": drawerId,
+                            "aria-expanded": sidebarOpen,
+                            isIconOnly: true,
+                            onPress: ()=>setSidebarOpen(!sidebarOpen),
+                            size: "sm",
+                            variant: "ghost",
+                            children: sidebarOpen ? /*#__PURE__*/ jsx(X, {
+                                size: 20
+                            }) : /*#__PURE__*/ jsx(Menu, {
+                                size: 20
+                            })
+                        }),
+                        mobileBrand,
+                        headerRightSlot
+                    ]
+                })
+            }),
+            sidebarOpen ? /*#__PURE__*/ jsx("div", {
+                "aria-label": labels.closeMenu,
+                className: "fixed inset-0 z-[60] bg-black/50 backdrop-blur-sm lg:hidden",
+                onClick: ()=>setSidebarOpen(false),
+                onKeyDown: (event)=>{
+                    if ([
+                        "Enter",
+                        " ",
+                        "Escape"
+                    ].includes(event.key)) {
+                        event.preventDefault();
+                        setSidebarOpen(false);
+                    }
+                },
+                role: "button",
+                tabIndex: 0
+            }) : null,
+            /*#__PURE__*/ jsxs("aside", {
+                ref: drawerFocus.drawerRef,
+                id: drawerId,
+                inert: !sidebarOpen,
+                onKeyDown: drawerFocus.onKeyDown,
+                className: cn("fixed inset-y-0 left-0 z-[60] flex w-64 flex-col border-border border-r lg:hidden", "transform transition-transform duration-300 ease-in-out", isVisiting ? "bg-warning-soft dark:bg-warning/20" : "bg-background", sidebarOpen ? "translate-x-0" : "-translate-x-full"),
+                children: [
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex h-14 items-center justify-between border-border border-b px-4",
+                        children: [
+                            mobileBrand,
+                            /*#__PURE__*/ jsx(Button, {
+                                "aria-label": labels.closeMenu,
+                                isIconOnly: true,
+                                onPress: ()=>setSidebarOpen(false),
+                                size: "sm",
+                                variant: "ghost",
+                                children: /*#__PURE__*/ jsx(X, {
+                                    size: 20
+                                })
+                            })
+                        ]
+                    }),
+                    topSlot ?? null,
+                    /*#__PURE__*/ jsx("nav", {
+                        "aria-label": labels.mainNavigation,
+                        className: "flex-1 space-y-1 p-3",
+                        children: navItems.map((item)=>/*#__PURE__*/ jsx(SidebarNavLink, {
+                                item: item,
+                                onClick: ()=>setSidebarOpen(false),
+                                renderLink: renderLink
+                            }, item.key))
+                    }),
+                    footer(false)
+                ]
+            }),
+            /*#__PURE__*/ jsxs("main", {
+                className: cn("flex h-screen min-w-0 flex-1 flex-col overflow-x-hidden pt-14 transition-all duration-300 lg:pt-0", isCollapsed ? "lg:ml-16" : "lg:ml-48"),
+                children: [
+                    contentTopSlot,
+                    /*#__PURE__*/ jsx("div", {
+                        className: "min-h-0 flex-1 overflow-auto pb-20 lg:pb-0",
+                        children: children
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(MobileBottomNavigation, {
+                navItems: navItems,
+                isVisiting: isVisiting,
+                label: labels.bottomNavigation,
+                renderLink: renderLink
+            })
+        ]
+    });
+}
+
+export { AppShell };

package/dist/channel-settings.d.ts

@@ -0,0 +1,24 @@
+import { type ReactNode } from "react";
+export interface SettingsChannel {
+    id: string;
+    label: ReactNode;
+    status: ReactNode;
+    icon?: ReactNode;
+    isDisabled?: boolean;
+    panel: ReactNode | ((isSelected: boolean) => ReactNode);
+    /** Optional mounting order, independent of the tab order. */
+    panelOrder?: number;
+}
+export interface ChannelSettingsProps {
+    channels: readonly SettingsChannel[];
+    navigationLabel: string;
+    selected?: string;
+    defaultSelected?: string;
+    onSelect?: (id: string) => void;
+    className?: string;
+    /** Two channels retain the original two-column layout; other counts adapt automatically. */
+    listClassName?: string;
+}
+/** Every panel stays mounted so switching channels preserves form and challenge state. */
+export declare function ChannelSettings({ channels, navigationLabel, selected, defaultSelected, onSelect, className, listClassName, }: ChannelSettingsProps): import("react").JSX.Element;
+//# sourceMappingURL=channel-settings.d.ts.map

package/dist/channel-settings.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"channel-settings.d.ts","sourceRoot":"","sources":["../src/channel-settings.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAEjD,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,SAAS,CAAC;IACjB,MAAM,EAAE,SAAS,CAAC;IAClB,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,KAAK,EAAE,SAAS,GAAG,CAAC,CAAC,UAAU,EAAE,OAAO,KAAK,SAAS,CAAC,CAAC;IACxD,6DAA6D;IAC7D,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,SAAS,eAAe,EAAE,CAAC;IACrC,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAChC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4FAA4F;IAC5F,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB;AAED,0FAA0F;AAC1F,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,eAAe,EACf,QAAQ,EACR,SAA0B,EAC1B,aAAa,GACd,EAAE,oBAAoB,+BAuCtB"}