@nikala-ui/folio 0.13.0

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

@@ -0,0 +1,103 @@
+import { type Component, type JSX, type ParentComponent, type Accessor } from "solid-js";
+import { type VariantProps } from "class-variance-authority";
+export type SidebarState = "expanded" | "collapsed";
+export type SidebarSide = "left" | "right";
+export interface SidebarContextValue {
+    state: Accessor<SidebarState>;
+    open: Accessor<boolean>;
+    setOpen: (open: boolean) => void;
+    openMobile: Accessor<boolean>;
+    setOpenMobile: (open: boolean) => void;
+    isMobile: Accessor<boolean>;
+    toggleSidebar: () => void;
+    side: Accessor<SidebarSide>;
+    setSide: (side: SidebarSide) => void;
+}
+export declare function useSidebar(): any;
+export interface SidebarProviderProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    defaultOpen?: boolean;
+    open?: Accessor<boolean>;
+    onOpenChange?: (open: boolean) => void;
+    side?: SidebarSide;
+    class?: string;
+    style?: JSX.CSSProperties;
+}
+export declare const SidebarProvider: ParentComponent<SidebarProviderProps>;
+export interface SidebarProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    side?: SidebarSide;
+    variant?: "sidebar" | "floating" | "inset";
+    collapsible?: "offcanvas" | "icon" | "none";
+    class?: string;
+}
+export declare const Sidebar: ParentComponent<SidebarProps>;
+export interface SidebarTriggerProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    class?: string;
+}
+export declare const SidebarTrigger: Component<SidebarTriggerProps>;
+export interface SidebarRailProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    class?: string;
+}
+export declare const SidebarRail: Component<SidebarRailProps>;
+export interface SidebarInsetProps extends JSX.HTMLAttributes<HTMLElement> {
+    class?: string;
+}
+export declare const SidebarInset: ParentComponent<SidebarInsetProps>;
+export interface SidebarSectionProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    class?: string;
+}
+export declare const SidebarHeader: ParentComponent<SidebarSectionProps>;
+export declare const SidebarFooter: ParentComponent<SidebarSectionProps>;
+export declare const SidebarSeparator: Component<SidebarSectionProps>;
+export declare const SidebarContent: ParentComponent<SidebarSectionProps>;
+export declare const SidebarGroup: ParentComponent<SidebarSectionProps>;
+export interface SidebarGroupLabelProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    class?: string;
+}
+export declare const SidebarGroupLabel: ParentComponent<SidebarGroupLabelProps>;
+export interface SidebarGroupActionProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    class?: string;
+}
+export declare const SidebarGroupAction: ParentComponent<SidebarGroupActionProps>;
+export declare const SidebarGroupContent: ParentComponent<SidebarSectionProps>;
+export interface SidebarMenuProps extends JSX.HTMLAttributes<HTMLUListElement> {
+    class?: string;
+}
+export declare const SidebarMenu: ParentComponent<SidebarMenuProps>;
+export interface SidebarMenuItemProps extends JSX.HTMLAttributes<HTMLLIElement> {
+    class?: string;
+}
+export declare const SidebarMenuItem: ParentComponent<SidebarMenuItemProps>;
+export declare const sidebarMenuButtonVariants: any;
+export interface SidebarMenuButtonProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement>, VariantProps<typeof sidebarMenuButtonVariants> {
+    isActive?: boolean;
+    tooltip?: string;
+    href?: string;
+    class?: string;
+}
+export declare const SidebarMenuButton: ParentComponent<SidebarMenuButtonProps>;
+export interface SidebarMenuActionProps extends JSX.ButtonHTMLAttributes<HTMLButtonElement> {
+    showOnHover?: boolean;
+    class?: string;
+}
+export declare const SidebarMenuAction: ParentComponent<SidebarMenuActionProps>;
+export interface SidebarMenuBadgeProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    class?: string;
+}
+export declare const SidebarMenuBadge: ParentComponent<SidebarMenuBadgeProps>;
+export interface SidebarMenuSkeletonProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    showIcon?: boolean;
+    class?: string;
+}
+export declare const SidebarMenuSkeleton: Component<SidebarMenuSkeletonProps>;
+export interface SidebarMenuSubProps extends JSX.HTMLAttributes<HTMLUListElement> {
+    class?: string;
+}
+export declare const SidebarMenuSub: ParentComponent<SidebarMenuSubProps>;
+export declare const SidebarMenuSubItem: ParentComponent<SidebarMenuItemProps>;
+export interface SidebarMenuSubButtonProps extends JSX.AnchorHTMLAttributes<HTMLAnchorElement> {
+    isActive?: boolean;
+    size?: "sm" | "md";
+    class?: string;
+}
+export declare const SidebarMenuSubButton: ParentComponent<SidebarMenuSubButtonProps>;
+//# sourceMappingURL=sidebar.d.ts.map

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

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

package/dist/components/ui/sidebar.jsx

@@ -0,0 +1,315 @@
+import { createContext, createSignal, createMemo, createEffect, useContext, splitProps, onMount, onCleanup, Show, } from "solid-js";
+import { cva } from "class-variance-authority";
+import { PanelLeft, PanelRight } from "lucide-solid";
+import { Tooltip, TooltipTrigger, TooltipContent } from "@/components/ui/tooltip";
+import { Skeleton } from "@/components/ui/skeleton";
+import { Separator } from "@/components/ui/separator";
+import { cn } from "@/lib/cn";
+/* --- Constants --- */
+const SIDEBAR_COOKIE_NAME = "nikala_sidebar_state";
+const SIDEBAR_WIDTH = "17rem";
+const SIDEBAR_WIDTH_ICON = "3.5rem";
+const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+const SidebarContext = createContext();
+const fallbackSidebarContext = {
+    state: () => "expanded",
+    open: () => true,
+    setOpen: () => { },
+    openMobile: () => false,
+    setOpenMobile: () => { },
+    isMobile: () => false,
+    toggleSidebar: () => { },
+    side: () => "left",
+    setSide: () => { },
+};
+export function useSidebar() {
+    const context = useContext(SidebarContext);
+    return context ?? fallbackSidebarContext;
+}
+export const SidebarProvider = (props) => {
+    const [local, rest] = splitProps(props, [
+        "defaultOpen",
+        "open",
+        "onOpenChange",
+        "side",
+        "class",
+        "style",
+        "children",
+    ]);
+    const [internalOpen, setInternalOpen] = createSignal(local.defaultOpen ?? true);
+    const [openMobile, setOpenMobile] = createSignal(false);
+    const [isMobile, setIsMobile] = createSignal(false);
+    const [side, setSide] = createSignal(local.side ?? "left");
+    createEffect(() => {
+        if (local.side) {
+            setSide(local.side);
+        }
+    });
+    const open = () => (local.open !== undefined ? local.open() : internalOpen());
+    const setOpen = (value) => {
+        if (local.open === undefined) {
+            setInternalOpen(value);
+        }
+        local.onOpenChange?.(value);
+        if (typeof document !== "undefined") {
+            document.cookie = `${SIDEBAR_COOKIE_NAME}=${value}; path=/; max-age=${60 * 60 * 24 * 7}`;
+        }
+    };
+    const toggleSidebar = () => {
+        setOpen(!open());
+    };
+    const state = createMemo(() => (open() ? "expanded" : "collapsed"));
+    onMount(() => {
+        if (typeof window === "undefined")
+            return;
+        const checkMobile = () => {
+            setIsMobile(window.innerWidth < 768);
+        };
+        checkMobile();
+        window.addEventListener("resize", checkMobile, { passive: true });
+        // Keyboard shortcut (⌘B / Ctrl+B)
+        const handleKeyDown = (e) => {
+            if ((e.metaKey || e.ctrlKey) &&
+                e.key.toLowerCase() === SIDEBAR_KEYBOARD_SHORTCUT &&
+                !e.defaultPrevented) {
+                e.preventDefault();
+                toggleSidebar();
+            }
+        };
+        window.addEventListener("keydown", handleKeyDown);
+        onCleanup(() => {
+            window.removeEventListener("resize", checkMobile);
+            window.removeEventListener("keydown", handleKeyDown);
+        });
+    });
+    const contextValue = {
+        state,
+        open,
+        setOpen,
+        openMobile,
+        setOpenMobile,
+        isMobile,
+        toggleSidebar,
+        side,
+        setSide,
+    };
+    return (<SidebarContext.Provider value={contextValue}>
+      <div style={{
+            "--sidebar-width": SIDEBAR_WIDTH,
+            "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+            ...(typeof local.style === "object" ? local.style : {}),
+        }} class={cn("group/sidebar-wrapper relative flex w-full max-w-full", local.class)} {...rest}>
+        {local.children}
+      </div>
+    </SidebarContext.Provider>);
+};
+export const Sidebar = (props) => {
+    const [local, rest] = splitProps(props, [
+        "side",
+        "variant",
+        "collapsible",
+        "class",
+        "children",
+    ]);
+    const sidebar = useSidebar();
+    const side = () => local.side ?? sidebar.side();
+    const variant = () => local.variant ?? "sidebar";
+    const collapsible = () => local.collapsible ?? "icon";
+    createEffect(() => {
+        if (local.side) {
+            sidebar.setSide(local.side);
+        }
+    });
+    const isCollapsed = () => sidebar.state() === "collapsed" && collapsible() !== "none";
+    return (<div data-state={isCollapsed() ? "collapsed" : "expanded"} data-collapsible={isCollapsed() ? collapsible() : ""} data-variant={variant()} data-side={side()} class={cn("group relative flex flex-col bg-card text-card-foreground transition-[width,opacity] duration-200 ease-in-out shrink-0", !isCollapsed()
+            ? "w-[var(--sidebar-width,17rem)]"
+            : collapsible() === "icon"
+                ? "w-[var(--sidebar-width-icon,3.5rem)]"
+                : "w-0 overflow-hidden opacity-0 border-none", 
+        // Side borders
+        variant() === "sidebar" && (side() === "left" ? "border-r border-border" : "border-l border-border"), 
+        // Floating variant
+        variant() === "floating" && "m-2 rounded-lg border border-border shadow-md", 
+        // Inset variant
+        variant() === "inset" && "m-2 rounded-lg border border-border/80 bg-card shadow-2xs", local.class)} {...rest}>
+      <div data-sidebar="sidebar" class="flex h-full w-full flex-col overflow-hidden">
+        {local.children}
+      </div>
+    </div>);
+};
+export const SidebarTrigger = (props) => {
+    const [local, rest] = splitProps(props, ["class", "onClick"]);
+    const { toggleSidebar, side, isMobile, openMobile, setOpenMobile } = useSidebar();
+    return (<button type="button" aria-label="Toggle Sidebar" onClick={(e) => {
+            if (typeof local.onClick === "function")
+                local.onClick(e);
+            if (isMobile())
+                setOpenMobile(!openMobile());
+            else
+                toggleSidebar();
+        }} class={cn("inline-flex size-7 items-center justify-center rounded-md border border-border/60 bg-background text-foreground hover:bg-muted focus-visible:outline-hidden focus-visible:ring-1 focus-visible:ring-ring cursor-pointer transition-colors shadow-2xs", local.class)} {...rest}>
+      <Show when={side() === "right"} fallback={<PanelLeft class="size-4"/>}>
+        <PanelRight class="size-4"/>
+      </Show>
+      <span class="sr-only">Toggle Sidebar</span>
+    </button>);
+};
+export const SidebarRail = (props) => {
+    const [local, rest] = splitProps(props, ["class"]);
+    const { toggleSidebar } = useSidebar();
+    return (<button type="button" data-sidebar="rail" aria-label="Toggle Sidebar Rail" tabIndex={-1} onClick={toggleSidebar} title="Toggle Sidebar" class={cn("absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex cursor-w-resize", local.class)} {...rest}/>);
+};
+export const SidebarInset = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    return (<main class={cn("relative flex min-h-0 flex-1 flex-col bg-background", local.class)} {...rest}>
+      {local.children}
+    </main>);
+};
+export const SidebarHeader = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    return (<div data-sidebar="header" class={cn("flex flex-col gap-2 p-3 border-b border-border/40 shrink-0 group-data-[collapsible=icon]:p-2 group-data-[collapsible=icon]:items-center", local.class)} {...rest}>
+      {local.children}
+    </div>);
+};
+export const SidebarFooter = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    return (<div data-sidebar="footer" class={cn("flex flex-col gap-2 p-3 mt-auto border-t border-border/40 shrink-0 group-data-[collapsible=icon]:p-2 group-data-[collapsible=icon]:items-center", local.class)} {...rest}>
+      {local.children}
+    </div>);
+};
+export const SidebarSeparator = (props) => {
+    const [local, rest] = splitProps(props, ["class"]);
+    return (<Separator data-sidebar="separator" class={cn("mx-2 w-auto bg-border/50 my-1 group-data-[collapsible=icon]:mx-1", local.class)} {...rest}/>);
+};
+export const SidebarContent = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    return (<div data-sidebar="content" class={cn("flex min-h-0 flex-1 flex-col gap-1 overflow-y-auto p-2 group-data-[collapsible=icon]:p-1 group-data-[collapsible=icon]:overflow-hidden group-data-[collapsible=icon]:items-center", local.class)} {...rest}>
+      {local.children}
+    </div>);
+};
+/* --- 8. Sidebar Groups --- */
+export const SidebarGroup = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    return (<div data-sidebar="group" class={cn("relative flex w-full min-w-0 flex-col p-1 group-data-[collapsible=icon]:p-0 group-data-[collapsible=icon]:items-center", local.class)} {...rest}>
+      {local.children}
+    </div>);
+};
+export const SidebarGroupLabel = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    return (<div data-sidebar="group-label" class={cn("flex h-7 shrink-0 items-center rounded-md px-2 text-[11px] font-semibold uppercase tracking-wider text-muted-foreground outline-hidden transition-all duration-200 ease-linear group-data-[collapsible=icon]:hidden", local.class)} {...rest}>
+      {local.children}
+    </div>);
+};
+export const SidebarGroupAction = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    return (<button type="button" data-sidebar="group-action" class={cn("absolute right-3 top-3 flex size-5 items-center justify-center rounded-md p-0 text-muted-foreground outline-hidden transition-transform hover:bg-muted hover:text-foreground cursor-pointer group-data-[collapsible=icon]:hidden", local.class)} {...rest}>
+      {local.children}
+    </button>);
+};
+export const SidebarGroupContent = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    return (<div data-sidebar="group-content" class={cn("w-full text-sm", local.class)} {...rest}>
+      {local.children}
+    </div>);
+};
+export const SidebarMenu = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    return (<ul data-sidebar="menu" class={cn("flex w-full min-w-0 flex-col gap-1 list-none p-0 m-0 group-data-[collapsible=icon]:items-center", local.class)} {...rest}>
+      {local.children}
+    </ul>);
+};
+export const SidebarMenuItem = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    return (<li data-sidebar="menu-item" class={cn("group/menu-item relative flex w-full justify-center", local.class)} {...rest}>
+      {local.children}
+    </li>);
+};
+/* --- 10. SidebarMenuButton --- */
+export const sidebarMenuButtonVariants = cva("peer/menu-button flex w-full items-center gap-2.5 overflow-hidden rounded-md p-2 text-left text-sm font-medium outline-hidden ring-sidebar-ring transition-colors hover:bg-muted hover:text-foreground focus-visible:ring-2 active:bg-muted disabled:pointer-events-none disabled:opacity-50 group-has-[[data-sidebar=menu-action]]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-muted data-[active=true]:font-semibold data-[active=true]:text-foreground group-data-[collapsible=icon]:size-9 group-data-[collapsible=icon]:p-0 group-data-[collapsible=icon]:justify-center group-data-[collapsible=icon]:[&>span]:hidden cursor-pointer select-none", {
+    variants: {
+        variant: {
+            default: "hover:bg-muted hover:text-foreground",
+            outline: "bg-background shadow-2xs hover:bg-muted hover:text-foreground border border-border",
+        },
+        size: {
+            default: "h-8 text-sm",
+            sm: "h-7 text-xs",
+            lg: "h-10 text-sm",
+        },
+    },
+    defaultVariants: {
+        variant: "default",
+        size: "default",
+    },
+});
+export const SidebarMenuButton = (props) => {
+    const [local, rest] = splitProps(props, [
+        "isActive",
+        "tooltip",
+        "variant",
+        "size",
+        "href",
+        "class",
+        "children",
+    ]);
+    const sidebar = useSidebar();
+    const isCollapsed = () => sidebar.state() === "collapsed";
+    const tooltipPlacement = () => (sidebar.side() === "right" ? "left" : "right");
+    const buttonElement = () => (<Show when={local.href} fallback={<button type="button" data-sidebar="menu-button" data-size={local.size} data-active={local.isActive ? "true" : "false"} class={cn(sidebarMenuButtonVariants({ variant: local.variant, size: local.size }), local.class)} {...rest}>
+          {local.children}
+        </button>}>
+      <a href={local.href} data-sidebar="menu-button" data-size={local.size} data-active={local.isActive ? "true" : "false"} class={cn(sidebarMenuButtonVariants({ variant: local.variant, size: local.size }), local.class)} {...rest}>
+        {local.children}
+      </a>
+    </Show>);
+    return (<Show when={local.tooltip && isCollapsed() && !sidebar.isMobile()} fallback={buttonElement()}>
+      <Tooltip placement={tooltipPlacement()} gutter={8} openDelay={100}>
+        <TooltipTrigger as="div" class="w-full flex items-center justify-center">
+          {buttonElement()}
+        </TooltipTrigger>
+        <TooltipContent>
+          {local.tooltip}
+        </TooltipContent>
+      </Tooltip>
+    </Show>);
+};
+export const SidebarMenuAction = (props) => {
+    const [local, rest] = splitProps(props, ["showOnHover", "class", "children"]);
+    return (<button type="button" data-sidebar="menu-action" class={cn("absolute right-1 top-1.5 flex size-5 items-center justify-center rounded-md p-0 text-muted-foreground outline-hidden transition-transform hover:bg-muted hover:text-foreground cursor-pointer group-data-[collapsible=icon]:hidden", local.showOnHover && "opacity-0 group-hover/menu-item:opacity-100 transition-opacity", local.class)} {...rest}>
+      {local.children}
+    </button>);
+};
+export const SidebarMenuBadge = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    return (<div data-sidebar="menu-badge" class={cn("pointer-events-none absolute right-1.5 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1.5 text-[11px] font-medium tabular-nums bg-muted text-muted-foreground group-data-[collapsible=icon]:hidden", local.class)} {...rest}>
+      {local.children}
+    </div>);
+};
+export const SidebarMenuSkeleton = (props) => {
+    const [local, rest] = splitProps(props, ["showIcon", "class"]);
+    return (<div data-sidebar="menu-skeleton" class={cn("flex h-8 items-center gap-2 rounded-md px-2 group-data-[collapsible=icon]:p-0 group-data-[collapsible=icon]:justify-center", local.class)} {...rest}>
+      <Show when={local.showIcon ?? true}>
+        <Skeleton class="size-4 rounded-md shrink-0"/>
+      </Show>
+      <Skeleton class="h-4 flex-1 max-w-[80%] group-data-[collapsible=icon]:hidden"/>
+    </div>);
+};
+export const SidebarMenuSub = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    return (<ul data-sidebar="menu-sub" class={cn("mx-3.5 flex min-w-0 flex-col gap-1 border-l border-border/60 px-2.5 py-0.5 list-none group-data-[collapsible=icon]:hidden", local.class)} {...rest}>
+      {local.children}
+    </ul>);
+};
+export const SidebarMenuSubItem = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    return (<li class={cn("relative", local.class)} {...rest}>
+      {local.children}
+    </li>);
+};
+export const SidebarMenuSubButton = (props) => {
+    const [local, rest] = splitProps(props, ["isActive", "size", "class", "children"]);
+    return (<a data-sidebar="menu-sub-button" data-size={local.size ?? "md"} data-active={local.isActive ? "true" : "false"} class={cn("flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 text-xs text-muted-foreground outline-hidden hover:bg-muted hover:text-foreground focus-visible:ring-1 focus-visible:ring-ring data-[active=true]:bg-muted data-[active=true]:font-medium data-[active=true]:text-foreground", local.size === "sm" && "text-[11px]", local.class)} {...rest}>
+      {local.children}
+    </a>);
+};
+//# sourceMappingURL=sidebar.jsx.map

package/dist/components/ui/sidebar.jsx.map

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

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

@@ -0,0 +1,9 @@
+import { type Component, type JSX } from "solid-js";
+export interface SkeletonProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    class?: string;
+}
+/**
+ * Nikala UI Skeleton component for rendering animated pulse loading placeholders.
+ */
+export declare const Skeleton: Component<SkeletonProps>;
+//# sourceMappingURL=skeleton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/ui/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAGhE,MAAM,WAAW,aAAc,SAAQ,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC;IACvE,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;GAEG;AACH,eAAO,MAAM,QAAQ,EAAE,SAAS,CAAC,aAAa,CAa7C,CAAC"}

package/dist/components/ui/skeleton.jsx

@@ -0,0 +1,11 @@
+import { splitProps } from "solid-js";
+import { cn } from "@/lib/cn";
+/**
+ * Nikala UI Skeleton component for rendering animated pulse loading placeholders.
+ */
+export const Skeleton = (props) => {
+    // Use splitProps to preserve SolidJS reactivity
+    const [local, rest] = splitProps(props, ["class"]);
+    return (<div class={cn("animate-pulse rounded-md bg-accent", local.class)} {...rest}/>);
+};
+//# sourceMappingURL=skeleton.jsx.map

package/dist/components/ui/skeleton.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"skeleton.jsx","sourceRoot":"","sources":["../../../src/components/ui/skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAM9B;;GAEG;AACH,MAAM,CAAC,MAAM,QAAQ,GAA6B,CAAC,KAAK,EAAE,EAAE;IAC1D,gDAAgD;IAChD,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEnD,OAAO,CACL,CAAC,GAAG,CACF,KAAK,CAAC,CAAC,EAAE,CACP,oCAAoC,EACpC,KAAK,CAAC,KAAK,CACZ,CAAC,CACF,IAAI,IAAI,CAAC,EACT,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/ui/spinner.d.ts

@@ -0,0 +1,11 @@
+import { type Component, type JSX } from "solid-js";
+import { type VariantProps } from "class-variance-authority";
+export declare const spinnerVariants: any;
+export interface SpinnerProps extends Omit<JSX.HTMLAttributes<HTMLSpanElement>, "role">, VariantProps<typeof spinnerVariants> {
+    /** Accessible text announced while the spinner is active. */
+    label?: string;
+    class?: string;
+}
+/** A compact, accessible loading indicator for async UI states. */
+export declare const Spinner: Component<SpinnerProps>;
+//# sourceMappingURL=spinner.d.ts.map

package/dist/components/ui/spinner.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.d.ts","sourceRoot":"","sources":["../../../src/components/ui/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,SAAS,EAAE,KAAK,GAAG,EAAE,MAAM,UAAU,CAAC;AAChE,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAGlE,eAAO,MAAM,eAAe,KAc3B,CAAC;AAEF,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,eAAe,CAAC,EAAE,MAAM,CAAC,EACvD,YAAY,CAAC,OAAO,eAAe,CAAC;IACtC,6DAA6D;IAC7D,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,mEAAmE;AACnE,eAAO,MAAM,OAAO,EAAE,SAAS,CAAC,YAAY,CAW3C,CAAC"}

package/dist/components/ui/spinner.jsx

@@ -0,0 +1,21 @@
+import { splitProps } from "solid-js";
+import { cva } from "class-variance-authority";
+import { cn } from "@/lib/cn";
+export const spinnerVariants = cva("inline-block animate-spin rounded-lg border-2 border-current border-r-transparent text-primary", {
+    variants: {
+        size: {
+            sm: "size-3",
+            default: "size-4",
+            lg: "size-6",
+        },
+    },
+    defaultVariants: {
+        size: "default",
+    },
+});
+/** A compact, accessible loading indicator for async UI states. */
+export const Spinner = (props) => {
+    const [local, rest] = splitProps(props, ["size", "label", "class"]);
+    return (<span role="status" aria-label={local.label || "Loading"} class={cn(spinnerVariants({ size: local.size }), local.class)} {...rest}/>);
+};
+//# sourceMappingURL=spinner.jsx.map

package/dist/components/ui/spinner.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"spinner.jsx","sourceRoot":"","sources":["../../../src/components/ui/spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAA4B,MAAM,UAAU,CAAC;AAChE,OAAO,EAAE,GAAG,EAAqB,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAE9B,MAAM,CAAC,MAAM,eAAe,GAAG,GAAG,CAChC,gGAAgG,EAChG;IACE,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,EAAE,EAAE,QAAQ;YACZ,OAAO,EAAE,QAAQ;YACjB,EAAE,EAAE,QAAQ;SACb;KACF;IACD,eAAe,EAAE;QACf,IAAI,EAAE,SAAS;KAChB;CACF,CACF,CAAC;AAUF,mEAAmE;AACnE,MAAM,CAAC,MAAM,OAAO,GAA4B,CAAC,KAAK,EAAE,EAAE;IACxD,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAK,EAAE,CAAC,MAAM,EAAE,OAAO,EAAE,OAAO,CAAC,CAAC,CAAC;IAEpE,OAAO,CACL,CAAC,IAAI,CACH,IAAI,CAAC,QAAQ,CACb,UAAU,CAAC,CAAC,KAAK,CAAC,KAAK,IAAI,SAAS,CAAC,CACrC,KAAK,CAAC,CAAC,EAAE,CAAC,eAAe,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,IAAI,EAAE,CAAC,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAC9D,IAAI,IAAI,CAAC,EACT,CACH,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/ui/table-of-contents.d.ts

@@ -0,0 +1,20 @@
+import { type Component, type JSX } from "solid-js";
+export interface TocItem {
+    id: string;
+    text: string;
+    depth: number;
+}
+export interface TableOfContentsProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "title"> {
+    items: TocItem[];
+    title?: string | false;
+    activeId?: string;
+    onItemClick?: (id: string) => void;
+    class?: string;
+}
+/**
+ * Nikala UI TableOfContents Component.
+ * Pure composition of ScrollArea, ListHeader, List, and ListItem with active ScrollSpy tracking.
+ */
+export declare const TableOfContents: Component<TableOfContentsProps>;
+export declare const Toc: Component<TableOfContentsProps>;
+//# sourceMappingURL=table-of-contents.d.ts.map

package/dist/components/ui/table-of-contents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-of-contents.d.ts","sourceRoot":"","sources":["../../../src/components/ui/table-of-contents.tsx"],"names":[],"mappings":"AACA,OAAO,EAQL,KAAK,SAAS,EACd,KAAK,GAAG,EACT,MAAM,UAAU,CAAC;AAMlB,MAAM,WAAW,OAAO;IACtB,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAqB,SAAQ,IAAI,CAAC,GAAG,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,OAAO,CAAC;IAC7F,KAAK,EAAE,OAAO,EAAE,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,GAAG,KAAK,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,eAAO,MAAM,eAAe,EAAE,SAAS,CAAC,oBAAoB,CA6F3D,CAAC;AAEF,eAAO,MAAM,GAAG,iCAAkB,CAAC"}

package/dist/components/ui/table-of-contents.jsx

@@ -0,0 +1,77 @@
+// src/components/ui/table-of-contents.tsx
+import { splitProps, createSignal, createEffect, onMount, onCleanup, For, Show, } from "solid-js";
+import { ScrollArea } from "@/components/ui/scroll-area";
+import { List, ListHeader, ListItem } from "@/components/ui/list";
+import { cn } from "@/lib/cn";
+import { createScrollPosition } from "@/hooks/create-scroll-position";
+/**
+ * Nikala UI TableOfContents Component.
+ * Pure composition of ScrollArea, ListHeader, List, and ListItem with active ScrollSpy tracking.
+ */
+export const TableOfContents = (props) => {
+    const [local, rest] = splitProps(props, [
+        "items",
+        "title",
+        "activeId",
+        "onItemClick",
+        "class",
+    ]);
+    const [activeId, setActiveId] = createSignal(local.activeId || "");
+    const scrollPosition = createScrollPosition();
+    onMount(() => {
+        if (typeof window === "undefined" || typeof document === "undefined")
+            return;
+        const headings = (local.items || [])
+            .map((item) => document.getElementById(item.id))
+            .filter((element) => Boolean(element));
+        const updateActiveHeading = () => {
+            if (headings.length === 0)
+                return;
+            const atPageBottom = scrollPosition.isAtBottom();
+            if (atPageBottom) {
+                setActiveId(headings[headings.length - 1].id);
+                return;
+            }
+            const heading = [...headings]
+                .reverse()
+                .find((element) => element.getBoundingClientRect().top <= 120);
+            setActiveId(heading?.id || headings[0].id);
+        };
+        createEffect(() => {
+            scrollPosition.y();
+            scrollPosition.isAtBottom();
+            updateActiveHeading();
+        });
+        window.addEventListener("resize", updateActiveHeading);
+        onCleanup(() => window.removeEventListener("resize", updateActiveHeading));
+    });
+    const handleClick = (e, id) => {
+        if (typeof document !== "undefined") {
+            const el = document.getElementById(id);
+            if (el) {
+                e.preventDefault();
+                el.scrollIntoView({ behavior: "smooth" });
+                setActiveId(id);
+                if (typeof window !== "undefined") {
+                    window.history.pushState(null, "", `#${id}`);
+                }
+            }
+        }
+        local.onItemClick?.(id);
+    };
+    return (<ScrollArea class={cn("h-full py-2", local.class)} {...rest}>
+      <Show when={local.title !== false}>
+        <ListHeader title={typeof local.title === "string" ? local.title : "On this page"} class="px-3 pb-1"/>
+      </Show>
+
+      <List class="gap-0.5 p-1">
+        <For each={local.items}>
+          {(item) => (<ListItem title={item.text} href={`#${item.id}`} active={activeId() === item.id} size="sm" hoverVariant="muted" class={cn("text-xs transition-colors py-1 h-auto min-h-0", item.depth === 3 && "pl-5 text-muted-foreground/80", item.depth > 3 && "pl-7 text-muted-foreground/60", activeId() === item.id
+                ? "text-primary font-medium bg-primary/10"
+                : "text-muted-foreground hover:text-foreground")} onClick={(e) => handleClick(e, item.id)}/>)}
+        </For>
+      </List>
+    </ScrollArea>);
+};
+export const Toc = TableOfContents;
+//# sourceMappingURL=table-of-contents.jsx.map