@nikala-ui/folio 0.13.0

package/dist/components/ui/code-block.jsx

@@ -0,0 +1,263 @@
+import { createSignal, createEffect, createMemo, splitProps, For, Show, } from "solid-js";
+import { Check, Copy } from "lucide-solid";
+import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge";
+import { Tabs, TabsList, TabsTrigger } from "@/components/ui/tabs";
+import { Tooltip, TooltipTrigger, TooltipContent } from "@/components/ui/tooltip";
+import { createClipboard } from "@/hooks/create-clipboard";
+import { cn } from "@/lib/cn";
+let shikiHighlighterPromise = null;
+async function getShikiHighlighter() {
+    if (typeof window === "undefined")
+        return null;
+    if (!shikiHighlighterPromise) {
+        try {
+            const [{ createBundledHighlighter }, { createJavaScriptRegexEngine }] = await Promise.all([
+                import("shiki/core"),
+                import("shiki/engine/javascript"),
+            ]);
+            const createHighlighter = createBundledHighlighter({
+                langs: {
+                    typescript: () => import("@shikijs/langs/typescript"),
+                    javascript: () => import("@shikijs/langs/javascript"),
+                    tsx: () => import("@shikijs/langs/tsx"),
+                    jsx: () => import("@shikijs/langs/jsx"),
+                    bash: () => import("@shikijs/langs/shellscript"),
+                    json: () => import("@shikijs/langs/json"),
+                    css: () => import("@shikijs/langs/css"),
+                    html: () => import("@shikijs/langs/html"),
+                    rust: () => import("@shikijs/langs/rust"),
+                },
+                themes: {
+                    "github-dark": () => import("@shikijs/themes/github-dark"),
+                    "github-light": () => import("@shikijs/themes/github-light"),
+                },
+                engine: () => createJavaScriptRegexEngine(),
+            });
+            shikiHighlighterPromise = createHighlighter({
+                themes: ["github-dark", "github-light"],
+                langs: [
+                    "typescript",
+                    "javascript",
+                    "tsx",
+                    "jsx",
+                    "bash",
+                    "json",
+                    "css",
+                    "html",
+                    "rust",
+                ],
+            });
+        }
+        catch (e) {
+            console.warn("Failed to load Shiki highlighter", e);
+            return null;
+        }
+    }
+    return shikiHighlighterPromise;
+}
+function highlightCliCommand(code) {
+    const trimmed = code.trim();
+    const parts = trimmed.split(/\s+/);
+    if (parts.length === 0)
+        return code;
+    const isRunner = ["bunx", "npx", "pnpm", "yarn", "bun", "npm", "cargo", "deno"].includes(parts[0]);
+    if (!isRunner)
+        return `<span class="text-foreground">${escapeHtml(trimmed)}</span>`;
+    return parts
+        .map((part, index) => {
+        if (index === 0) {
+            return `<span class="text-amber-500 dark:text-amber-400 font-bold">${escapeHtml(part)}</span>`;
+        }
+        if (part.startsWith("-")) {
+            return `<span class="text-purple-400 dark:text-purple-300">${escapeHtml(part)}</span>`;
+        }
+        if (part.startsWith("@")) {
+            return `<span class="text-emerald-400 dark:text-emerald-300 font-medium">${escapeHtml(part)}</span>`;
+        }
+        if (index === 1 && ["add", "install", "init", "create", "run"].includes(part)) {
+            return `<span class="text-sky-500 dark:text-sky-400 font-medium">${escapeHtml(part)}</span>`;
+        }
+        return `<span class="text-foreground/90">${escapeHtml(part)}</span>`;
+    })
+        .join(" ");
+}
+function transformCommandForPm(cmd, pm) {
+    const trimmed = cmd.trim();
+    const runners = ["bunx", "npx", "pnpm dlx", "pnpm", "yarn dlx", "yarn", "bun", "npm"];
+    let base = trimmed;
+    for (const r of runners) {
+        if (trimmed.startsWith(r)) {
+            base = trimmed.slice(r.length).trim();
+            break;
+        }
+    }
+    switch (pm) {
+        case "bunx":
+            return `bunx ${base}`;
+        case "npx":
+            return `npx ${base}`;
+        case "pnpm":
+            return `pnpm dlx ${base}`;
+        case "yarn":
+            return `yarn dlx ${base}`;
+        default:
+            return `${pm} ${base}`;
+    }
+}
+function escapeHtml(str) {
+    return str
+        .replace(/&/g, "&amp;")
+        .replace(/</g, "&lt;")
+        .replace(/>/g, "&gt;")
+        .replace(/"/g, "&quot;")
+        .replace(/'/g, "&#039;");
+}
+export const CodeBlock = (props) => {
+    const [local, rest] = splitProps(props, [
+        "id",
+        "code",
+        "filename",
+        "language",
+        "lang",
+        "isCli",
+        "showPmSwitcher",
+        "managers",
+        "copyable",
+        "class",
+        "children",
+    ]);
+    const clipboard = createClipboard();
+    const [activePm, setActivePm] = createSignal("bunx");
+    const [highlightedHtml, setHighlightedHtml] = createSignal("");
+    const effectiveLang = () => (local.lang || local.language || "tsx").toLowerCase();
+    const copyable = () => local.copyable ?? true;
+    const defaultManagers = ["bunx", "npx", "pnpm", "yarn"];
+    const managersList = () => local.managers || defaultManagers;
+    const isBashCli = () => {
+        const l = effectiveLang();
+        return l === "bash" || l === "sh" || l === "shell" || Boolean(local.isCli);
+    };
+    const cleanCode = createMemo(() => {
+        const raw = (local.code || "").trim();
+        if (local.isCli || local.showPmSwitcher) {
+            return transformCommandForPm(raw, activePm());
+        }
+        return raw;
+    });
+    createEffect(() => {
+        const codeStr = cleanCode();
+        const lang = effectiveLang();
+        if (isBashCli()) {
+            setHighlightedHtml(highlightCliCommand(codeStr));
+            return;
+        }
+        if (!codeStr) {
+            setHighlightedHtml("");
+            return;
+        }
+        // Attempt Shiki highlighting
+        getShikiHighlighter().then((highlighter) => {
+            if (highlighter) {
+                try {
+                    const html = highlighter.codeToHtml(codeStr, {
+                        lang: lang === "js" ? "javascript" : lang === "ts" ? "typescript" : lang,
+                        themes: {
+                            light: "github-light",
+                            dark: "github-dark",
+                        },
+                    });
+                    setHighlightedHtml(html);
+                    return;
+                }
+                catch (err) {
+                    console.warn(`Shiki failed for language: ${lang}`, err);
+                }
+            }
+            // Fallback
+            setHighlightedHtml(`<pre class="text-foreground/90"><code>${escapeHtml(codeStr)}</code></pre>`);
+        });
+    });
+    const handleCopy = async () => {
+        let textToCopy = cleanCode();
+        if (!textToCopy && typeof window !== "undefined") {
+            const target = document.querySelector(`[data-code-block-id="${local.id}"]`);
+            if (target)
+                textToCopy = target.textContent || "";
+        }
+        if (!textToCopy)
+            return;
+        await clipboard.copy(textToCopy);
+    };
+    const shouldShowSwitcher = () => Boolean(local.showPmSwitcher || local.isCli);
+    const hasHeader = () => Boolean(shouldShowSwitcher() || local.filename || effectiveLang());
+    return (<div class={cn("group relative my-4 w-full overflow-hidden rounded-lg border border-border bg-muted/40 font-mono text-sm shadow-2xs", local.class)} {...rest}>
+      {/* Code Header Bar */}
+      <Show when={hasHeader()}>
+        <div class="flex h-9 items-center justify-between border-b border-border/70 bg-muted/70 px-3.5 text-xs text-muted-foreground select-none">
+          <div class="flex items-center gap-2">
+            <Show when={shouldShowSwitcher()}>
+              <Tabs value={activePm()} onChange={(val) => setActivePm(val)} class="w-auto flex-none">
+                <TabsList class="w-auto inline-flex h-auto bg-background/60 p-0.5 border border-border/50 gap-0.5 rounded-md font-mono">
+                  <For each={managersList()}>
+                    {(pm) => (<TabsTrigger value={pm} class="rounded-xs px-2 py-0.5 text-[11px] font-mono transition-colors cursor-pointer data-[state=active]:bg-primary data-[state=active]:text-primary-foreground data-[state=active]:font-semibold data-[state=active]:shadow-2xs">
+                        {pm}
+                      </TabsTrigger>)}
+                  </For>
+                </TabsList>
+              </Tabs>
+            </Show>
+
+            <Show when={local.filename}>
+              <span class="font-medium text-foreground tracking-tight">{local.filename}</span>
+            </Show>
+
+            <Show when={effectiveLang() && !shouldShowSwitcher() && !local.filename}>
+              <Badge variant="outline" class="uppercase text-[10px] px-1.5 py-0 h-4 font-mono font-semibold">
+                {effectiveLang()}
+              </Badge>
+            </Show>
+          </div>
+
+          <Show when={copyable() && (local.code || cleanCode())}>
+            <Tooltip>
+              <TooltipTrigger as={Button} variant="ghost" size="icon" onClick={handleCopy} aria-label={clipboard.copied() ? "Copied code" : "Copy code"} class="size-6 p-0 rounded-xs text-muted-foreground hover:bg-background hover:text-foreground cursor-pointer">
+                <Show when={clipboard.copied()} fallback={<Copy class="size-3.5"/>}>
+                  <Check class="size-3.5 text-emerald-500 dark:text-emerald-400"/>
+                </Show>
+              </TooltipTrigger>
+              <TooltipContent class="text-[10px] py-1 px-2">
+                {clipboard.copied() ? "Copied!" : "Copy code"}
+              </TooltipContent>
+            </Tooltip>
+          </Show>
+        </div>
+      </Show>
+
+      {/* Floating Copy Button (if no header bar is present) */}
+      <Show when={!hasHeader() && copyable() && (local.code || cleanCode())}>
+        <div class="absolute right-2.5 top-2.5 z-10 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100">
+          <Tooltip>
+            <TooltipTrigger as={Button} variant="outline" size="icon" onClick={handleCopy} aria-label={clipboard.copied() ? "Copied code" : "Copy code"} class="size-7 rounded-md border-border/80 bg-background/90 text-muted-foreground backdrop-blur-xs hover:bg-muted hover:text-foreground cursor-pointer shadow-2xs">
+              <Show when={clipboard.copied()} fallback={<Copy class="size-3.5"/>}>
+                <Check class="size-3.5 text-emerald-500 dark:text-emerald-400"/>
+              </Show>
+            </TooltipTrigger>
+            <TooltipContent class="text-[10px] py-1 px-2">
+              {clipboard.copied() ? "Copied!" : "Copy code"}
+            </TooltipContent>
+          </Tooltip>
+        </div>
+      </Show>
+
+      {/* Code Container */}
+      <div class="overflow-x-auto p-4 text-[13px] leading-relaxed [scrollbar-width:thin]">
+        <Show when={local.children} fallback={<div class="font-mono text-sm leading-relaxed overflow-x-auto [&>pre]:!bg-transparent [&>pre]:!p-0 [&>pre]:!m-0 [&>pre]:!border-none" innerHTML={highlightedHtml() || `<pre class="text-foreground/90"><code>${escapeHtml(cleanCode())}</code></pre>`}/>}>
+          <pre class="shiki nikala-code-block m-0 overflow-x-auto bg-transparent p-0 font-mono text-xs">
+            {local.children}
+          </pre>
+        </Show>
+      </div>
+    </div>);
+};
+//# sourceMappingURL=code-block.jsx.map

package/dist/components/ui/code-block.jsx.map

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

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

@@ -0,0 +1,27 @@
+import { type JSX, type ValidComponent } from "solid-js";
+import * as CollapsiblePrimitive from "@kobalte/core/collapsible";
+import type { PolymorphicProps } from "@kobalte/core/polymorphic";
+export type CollapsibleRootProps<T extends ValidComponent = "div"> = CollapsiblePrimitive.CollapsibleRootProps<T> & {
+    class?: string;
+};
+/**
+ * Root Collapsible component built on Kobalte primitives.
+ */
+export declare const Collapsible: <T extends ValidComponent = "div">(props: PolymorphicProps<T, CollapsibleRootProps<T>>) => any;
+export type CollapsibleTriggerProps<T extends ValidComponent = "button"> = CollapsiblePrimitive.CollapsibleTriggerProps<T> & {
+    class?: string;
+    children?: JSX.Element;
+};
+/**
+ * Trigger element that toggles the Collapsible open/closed state.
+ */
+export declare const CollapsibleTrigger: <T extends ValidComponent = "button">(props: PolymorphicProps<T, CollapsibleTriggerProps<T>>) => any;
+export type CollapsibleContentProps<T extends ValidComponent = "div"> = CollapsiblePrimitive.CollapsibleContentProps<T> & {
+    class?: string;
+    children?: JSX.Element;
+};
+/**
+ * Collapsible content panel revealed when opened.
+ */
+export declare const CollapsibleContent: <T extends ValidComponent = "div">(props: PolymorphicProps<T, CollapsibleContentProps<T>>) => any;
+//# sourceMappingURL=collapsible.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.d.ts","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAc,KAAK,GAAG,EAAE,KAAK,cAAc,EAAE,MAAM,UAAU,CAAC;AACrE,OAAO,KAAK,oBAAoB,MAAM,2BAA2B,CAAC;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,2BAA2B,CAAC;AAGlE,MAAM,MAAM,oBAAoB,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,IAC/D,oBAAoB,CAAC,oBAAoB,CAAC,CAAC,CAAC,GAAG;IAC7C,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,WAAW,GAAI,CAAC,SAAS,cAAc,GAAG,KAAK,SACnD,gBAAgB,CAAC,CAAC,EAAE,oBAAoB,CAAC,CAAC,CAAC,CAAC,QASpD,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,cAAc,GAAG,QAAQ,IACrE,oBAAoB,CAAC,uBAAuB,CAAC,CAAC,CAAC,GAAG;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,cAAc,GAAG,QAAQ,SAC7D,gBAAgB,CAAC,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAC,QAWvD,CAAC;AAEF,MAAM,MAAM,uBAAuB,CAAC,CAAC,SAAS,cAAc,GAAG,KAAK,IAClE,oBAAoB,CAAC,uBAAuB,CAAC,CAAC,CAAC,GAAG;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC;CACxB,CAAC;AAEJ;;GAEG;AACH,eAAO,MAAM,kBAAkB,GAAI,CAAC,SAAS,cAAc,GAAG,KAAK,SAC1D,gBAAgB,CAAC,CAAC,EAAE,uBAAuB,CAAC,CAAC,CAAC,CAAC,QAcvD,CAAC"}

package/dist/components/ui/collapsible.jsx

@@ -0,0 +1,29 @@
+import { splitProps } from "solid-js";
+import * as CollapsiblePrimitive from "@kobalte/core/collapsible";
+import { cn } from "@/lib/cn";
+/**
+ * Root Collapsible component built on Kobalte primitives.
+ */
+export const Collapsible = (props) => {
+    const [local, rest] = splitProps(props, ["class"]);
+    return (<CollapsiblePrimitive.Root class={cn("w-full", local.class)} {...rest}/>);
+};
+/**
+ * Trigger element that toggles the Collapsible open/closed state.
+ */
+export const CollapsibleTrigger = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    return (<CollapsiblePrimitive.Trigger class={cn("flex w-full items-center justify-between cursor-pointer", local.class)} {...rest}>
+      {local.children}
+    </CollapsiblePrimitive.Trigger>);
+};
+/**
+ * Collapsible content panel revealed when opened.
+ */
+export const CollapsibleContent = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    return (<CollapsiblePrimitive.Content class={cn("overflow-hidden transition-all data-expanded:animate-collapsible-down data-closed:animate-collapsible-up", local.class)} {...rest}>
+      {local.children}
+    </CollapsiblePrimitive.Content>);
+};
+//# sourceMappingURL=collapsible.jsx.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"collapsible.jsx","sourceRoot":"","sources":["../../../src/components/ui/collapsible.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAiC,MAAM,UAAU,CAAC;AACrE,OAAO,KAAK,oBAAoB,MAAM,2BAA2B,CAAC;AAElE,OAAO,EAAE,EAAE,EAAE,MAAM,UAAU,CAAC;AAO9B;;GAEG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CACzB,KAAmD,EACnD,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAA6B,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAC3E,OAAO,CACL,CAAC,oBAAoB,CAAC,IAAI,CACxB,KAAK,CAAC,CAAC,EAAE,CAAC,QAAQ,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CACjC,IAAK,IAAY,CAAC,EAClB,CACH,CAAC;AACJ,CAAC,CAAC;AAQF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,KAAsD,EACtD,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAgC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAC1F,OAAO,CACL,CAAC,oBAAoB,CAAC,OAAO,CAC3B,KAAK,CAAC,CAAC,EAAE,CAAC,yDAAyD,EAAE,KAAK,CAAC,KAAK,CAAC,CAAC,CAClF,IAAI,IAAI,CAAC,CAET;MAAA,CAAC,KAAK,CAAC,QAAQ,CACjB;IAAA,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAChC,CAAC;AACJ,CAAC,CAAC;AAQF;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG,CAChC,KAAsD,EACtD,EAAE;IACF,MAAM,CAAC,KAAK,EAAE,IAAI,CAAC,GAAG,UAAU,CAAC,KAAgC,EAAE,CAAC,OAAO,EAAE,UAAU,CAAC,CAAC,CAAC;IAC1F,OAAO,CACL,CAAC,oBAAoB,CAAC,OAAO,CAC3B,KAAK,CAAC,CAAC,EAAE,CACP,0GAA0G,EAC1G,KAAK,CAAC,KAAK,CACZ,CAAC,CACF,IAAI,IAAI,CAAC,CAET;MAAA,CAAC,KAAK,CAAC,QAAQ,CACjB;IAAA,EAAE,oBAAoB,CAAC,OAAO,CAAC,CAChC,CAAC;AACJ,CAAC,CAAC"}

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

@@ -0,0 +1,57 @@
+import { type Component, type JSX, type Accessor } from "solid-js";
+import { type ListItemProps } from "../ui/list";
+interface CommandContextValue {
+    search: Accessor<string>;
+    setSearch: (value: string) => void;
+    activeIndex: Accessor<number>;
+    setActiveIndex: (fn: (prev: number) => number) => void;
+    registerItemIndex: (element: HTMLElement) => number;
+    onItemSelect: (index: number, action?: () => void) => void;
+}
+export declare const useCommand: () => any;
+export interface CommandProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, "children"> {
+    class?: string;
+    children?: JSX.Element | ((ctx: CommandContextValue) => JSX.Element);
+}
+export declare const Command: Component<CommandProps>;
+export interface CommandDialogProps {
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    onOpenAutoFocus?: (event: Event) => void;
+    enableHotkey?: boolean;
+    children?: JSX.Element | ((ctx: CommandContextValue) => JSX.Element);
+    class?: string;
+}
+export declare const CommandDialog: Component<CommandDialogProps>;
+export interface CommandInputProps extends JSX.InputHTMLAttributes<HTMLInputElement> {
+    class?: string;
+}
+export declare const CommandInput: Component<CommandInputProps>;
+export interface CommandListProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    class?: string;
+}
+export declare const CommandList: Component<CommandListProps>;
+export interface CommandEmptyProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    class?: string;
+}
+export declare const CommandEmpty: Component<CommandEmptyProps>;
+export interface CommandGroupProps {
+    heading: string;
+    children?: JSX.Element;
+    class?: string;
+}
+export declare const CommandGroup: Component<CommandGroupProps>;
+export interface CommandItemProps extends ListItemProps {
+    keywords?: string[];
+    description?: string;
+    onSelect?: () => void;
+    shouldFilter?: boolean;
+}
+export declare const CommandItem: Component<CommandItemProps>;
+export interface CommandFooterProps extends JSX.HTMLAttributes<HTMLDivElement> {
+    class?: string;
+    children?: JSX.Element;
+}
+export declare const CommandFooter: Component<CommandFooterProps>;
+export {};
+//# sourceMappingURL=command.d.ts.map

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

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

package/dist/components/ui/command.jsx

@@ -0,0 +1,224 @@
+import { createContext, useContext, createSignal, Show, splitProps, } from "solid-js";
+import { createKeybindings } from "@/hooks/create-keybindings";
+import { Dialog } from "@kobalte/core/dialog";
+import { Search, ArrowUp, ArrowDown, CornerDownLeft } from "lucide-solid";
+import { cn } from "@/lib/cn";
+import { Kbd, KbdGroup } from "../ui/kbd";
+import { InputGroup, InputGroupInput, InputGroupAddon } from "../ui/input-group";
+import { List, ListGroup, ListHeader, ListItem } from "../ui/list";
+import { ScrollArea } from "@/components/ui/scroll-area";
+const CommandContext = createContext();
+export const useCommand = () => {
+    const ctx = useContext(CommandContext);
+    if (!ctx) {
+        throw new Error("useCommand must be used within a <Command />");
+    }
+    return ctx;
+};
+export const Command = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    const [search, setSearch] = createSignal("");
+    const [activeIndex, setActiveIndex] = createSignal(0);
+    let containerRef;
+    let itemsList = [];
+    const registerItemIndex = (element) => {
+        if (!itemsList.includes(element)) {
+            itemsList.push(element);
+        }
+        return itemsList.indexOf(element);
+    };
+    const onItemSelect = (index, action) => {
+        setActiveIndex(index);
+        if (action)
+            action();
+    };
+    const getVisibleItems = () => {
+        if (!containerRef)
+            return [];
+        return Array.from(containerRef.querySelectorAll("[data-command-item]:not(.hidden)"));
+    };
+    const updateActiveAttribute = (index) => {
+        const visible = getVisibleItems();
+        visible.forEach((el, idx) => {
+            if (idx === index) {
+                el.setAttribute("aria-selected", "true");
+                el.scrollIntoView({ block: "nearest" });
+            }
+            else {
+                el.removeAttribute("aria-selected");
+            }
+        });
+    };
+    const handleKeyDown = (e) => {
+        const visible = getVisibleItems();
+        if (visible.length === 0)
+            return;
+        if (e.key === "ArrowDown") {
+            e.preventDefault();
+            const next = (activeIndex() + 1) % visible.length;
+            setActiveIndex(next);
+            updateActiveAttribute(next);
+        }
+        else if (e.key === "ArrowUp") {
+            e.preventDefault();
+            const prev = (activeIndex() - 1 + visible.length) % visible.length;
+            setActiveIndex(prev);
+            updateActiveAttribute(prev);
+        }
+        else if (e.key === "Enter") {
+            e.preventDefault();
+            const current = visible[activeIndex()];
+            if (current) {
+                current.click();
+            }
+        }
+    };
+    const ctx = {
+        search,
+        setSearch: (val) => {
+            setSearch(val);
+            setActiveIndex(0);
+        },
+        activeIndex,
+        setActiveIndex: (fn) => setActiveIndex(fn),
+        registerItemIndex,
+        onItemSelect,
+    };
+    return (<CommandContext.Provider value={ctx}>
+      <div ref={containerRef} onKeyDown={handleKeyDown} class={cn("flex flex-col w-full h-full rounded-lg bg-popover text-popover-foreground overflow-hidden border border-border shadow-md outline-none", local.class)} tabIndex={0} {...rest}>
+        {typeof local.children === "function" ? local.children(ctx) : local.children}
+      </div>
+    </CommandContext.Provider>);
+};
+export const CommandDialog = (props) => {
+    const [internalOpen, setInternalOpen] = createSignal(false);
+    const isOpen = () => (props.open !== undefined ? props.open : internalOpen());
+    const setOpen = (val) => {
+        if (props.open === undefined)
+            setInternalOpen(val);
+        if (typeof props.onOpenChange === "function")
+            props.onOpenChange(val);
+    };
+    /* Listen for global Ctrl+K / Cmd+K hotkeys */
+    createKeybindings([
+        {
+            key: ["meta+k", "ctrl+k"],
+            handler: () => setOpen(!isOpen()),
+            preventDefault: true,
+        },
+    ], {
+        enabled: () => props.enableHotkey !== false,
+    });
+    return (<Dialog open={isOpen()} onOpenChange={setOpen}>
+      <Dialog.Portal>
+        <Dialog.Overlay class="fixed inset-0 z-50 bg-black/60 backdrop-blur-xs data-expanded:animate-in data-closed:animate-out data-[closed]:fade-out-0 data-[expanded]:fade-in-0"/>
+        <div class="fixed inset-0 z-50 flex items-start justify-center pt-16 sm:pt-24 px-4">
+          <Dialog.Content onOpenAutoFocus={props.onOpenAutoFocus} class="w-full max-w-xl rounded-lg border border-border bg-popover text-popover-foreground shadow-2xl outline-none data-expanded:animate-in data-closed:animate-out data-[closed]:fade-out-0 data-[expanded]:fade-in-0 data-closed:zoom-out-95 data-expanded:zoom-in-95">
+            <Command class={props.class}>{props.children}</Command>
+          </Dialog.Content>
+        </div>
+      </Dialog.Portal>
+    </Dialog>);
+};
+export const CommandInput = (props) => {
+    const [local, rest] = splitProps(props, ["class", "value", "onInput"]);
+    const { search, setSearch } = useCommand();
+    return (<InputGroup class="border-0 border-b border-border rounded-none bg-transparent px-3 py-1 shadow-none focus-within:ring-0 focus-within:border-border">
+      <InputGroupAddon align="inline-start">
+        <Search class="w-4 h-4 text-muted-foreground"/>
+      </InputGroupAddon>
+
+      <InputGroupInput value={search()} onInput={(e) => {
+            setSearch(e.currentTarget.value);
+            if (typeof local.onInput === "function") {
+                local.onInput(e);
+            }
+        }} placeholder="Type a command or search..." class="h-11 text-base sm:text-sm font-medium" {...rest}/>
+    </InputGroup>);
+};
+export const CommandList = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    return (<ScrollArea class={cn("max-h-82.5 p-1.5", local.class)} {...rest}>
+      <List>{local.children}</List>
+    </ScrollArea>);
+};
+export const CommandEmpty = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    const { search } = useCommand();
+    return (<Show when={search().trim().length > 0}>
+      <div class={cn("py-8 text-center text-sm text-muted-foreground font-medium select-none", local.class)} {...rest}>
+        {local.children || `No results found for "${search()}".`}
+      </div>
+    </Show>);
+};
+export const CommandGroup = (props) => {
+    return (<ListGroup class={props.class}>
+      <ListHeader title={props.heading}/>
+      {props.children}
+    </ListGroup>);
+};
+export const CommandItem = (props) => {
+    let itemRef;
+    const [local, rest] = splitProps(props, [
+        "title",
+        "subtitle",
+        "description",
+        "keywords",
+        "onSelect",
+        "onClick",
+        "shouldFilter",
+        "class",
+    ]);
+    const { search } = useCommand();
+    /* Auto filter item based on search query */
+    const matchesSearch = () => {
+        if (local.shouldFilter === false)
+            return true;
+        const query = search().toLowerCase().trim();
+        if (!query)
+            return true;
+        const titleMatch = local.title?.toLowerCase().includes(query);
+        const subtitleMatch = local.subtitle?.toLowerCase().includes(query);
+        const descMatch = local.description?.toLowerCase().includes(query);
+        const keywordMatch = local.keywords?.some((k) => k.toLowerCase().includes(query));
+        return Boolean(titleMatch || subtitleMatch || descMatch || keywordMatch);
+    };
+    const handleClick = (e) => {
+        if (typeof local.onSelect === "function") {
+            local.onSelect();
+        }
+        if (typeof local.onClick === "function") {
+            local.onClick(e);
+        }
+    };
+    return (<Show when={matchesSearch()}>
+      <ListItem ref={itemRef} data-command-item="true" title={local.title} subtitle={local.subtitle || local.description} onClick={handleClick} class={cn("aria-selected:bg-accent aria-selected:text-accent-foreground cursor-pointer transition-colors hover:bg-accent hover:text-accent-foreground", local.class)} {...rest}/>
+    </Show>);
+};
+export const CommandFooter = (props) => {
+    const [local, rest] = splitProps(props, ["class", "children"]);
+    return (<div class={cn("flex items-center justify-between border-t border-border bg-muted/30 px-3 py-2 text-xs text-muted-foreground select-none", local.class)} {...rest}>
+      <div class="flex items-center gap-3">
+        <span class="flex items-center gap-1">
+          <KbdGroup>
+            <Kbd size="sm"><ArrowUp class="w-2.5 h-2.5"/></Kbd>
+            <Kbd size="sm"><ArrowDown class="w-2.5 h-2.5"/></Kbd>
+          </KbdGroup>
+          <span>Navigate</span>
+        </span>
+
+        <span class="flex items-center gap-1">
+          <Kbd size="sm"><CornerDownLeft class="w-2.5 h-2.5"/></Kbd>
+          <span>Select</span>
+        </span>
+
+        <span class="flex items-center gap-1">
+          <Kbd size="sm">Esc</Kbd>
+          <span>Close</span>
+        </span>
+      </div>
+
+      {local.children}
+    </div>);
+};
+//# sourceMappingURL=command.jsx.map