tempest-react-sdk 0.23.0 → 0.25.0

package/dist/components/Command/Command.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime"),u=require("react"),M=require("react-dom"),N=require("../../utils/cn.cjs"),D=require("../../hooks/use-focus-trap.cjs"),s=require("./Command.module.css.cjs");function I(a,n){return n===""||a.label.toLowerCase().includes(n)?!0:(a.keywords??[]).some(l=>l.toLowerCase().includes(n))}function v(a){const n=[],l=new Map;for(const i of a){const f=l.get(i.group);f===void 0?(l.set(i.group,n.length),n.push({name:i.group,items:[i]})):n[f].items.push(i)}return n}function S({open:a,onOpenChange:n,items:l,placeholder:i="Type a command…",emptyMessage:f="No results",className:k}){const h=u.useRef(null),[m,x]=u.useState(""),[g,d]=u.useState(0),j="tempest-command-list";D.useFocusTrap(h,a);const o=u.useMemo(()=>{const e=m.trim().toLowerCase(),r=l.filter(c=>I(c,e));return v(r).flatMap(c=>c.items)},[l,m]),w=u.useMemo(()=>v(o),[o]);if(u.useEffect(()=>{a&&(x(""),d(0))},[a]),u.useEffect(()=>{d(e=>o.length===0?0:Math.min(e,o.length-1))},[o.length]),!a||typeof document>"u")return null;function y(e){e.onSelect(),n(!1)}function b(e){if(e.key==="Escape"){e.preventDefault(),n(!1);return}if(e.key==="ArrowDown"){if(e.preventDefault(),o.length===0)return;d(r=>(r+1)%o.length);return}if(e.key==="ArrowUp"){if(e.preventDefault(),o.length===0)return;d(r=>(r-1+o.length)%o.length);return}if(e.key==="Enter"){e.preventDefault();const r=o[g];r&&y(r)}}let p=-1;return M.createPortal(t.jsx("div",{className:s.default.overlay,role:"presentation",onClick:()=>n(!1),children:t.jsxs("div",{ref:h,role:"dialog","aria-modal":"true","aria-label":"Command palette",className:N.cn(s.default.dialog,k),onClick:e=>e.stopPropagation(),children:[t.jsxs("div",{className:s.default.inputRow,children:[t.jsx(q,{}),t.jsx("input",{type:"text",role:"combobox","aria-expanded":"true","aria-controls":j,"aria-autocomplete":"list",autoFocus:!0,className:s.default.input,placeholder:i,value:m,onChange:e=>x(e.target.value),onKeyDown:b})]}),t.jsx("ul",{id:j,role:"listbox",className:s.default.list,children:o.length===0?t.jsx("li",{className:s.default.empty,children:f}):w.map(e=>t.jsxs("li",{className:s.default.group,children:[e.name&&t.jsx("div",{className:s.default.groupHeading,children:e.name}),t.jsx("ul",{role:"presentation",className:s.default.groupList,children:e.items.map(r=>{p+=1;const c=p===g,C=p;return t.jsxs("li",{role:"option","aria-selected":c,className:N.cn(s.default.option,c&&s.default.active),onMouseMove:()=>d(C),onClick:()=>y(r),children:[r.icon&&t.jsx("span",{className:s.default.icon,children:r.icon}),t.jsx("span",{className:s.default.label,children:r.label})]},r.id)})})]},e.name??"__ungrouped__"))})]})}),document.body)}function q(){return t.jsxs("svg",{className:s.default.searchIcon,width:"18",height:"18",viewBox:"0 0 24 24",fill:"none","aria-hidden":"true",children:[t.jsx("circle",{cx:"11",cy:"11",r:"7",stroke:"currentColor",strokeWidth:"2"}),t.jsx("path",{d:"M20 20l-3.5-3.5",stroke:"currentColor",strokeWidth:"2",strokeLinecap:"round"})]})}exports.Command=S;
-//# sourceMappingURL=Command.cjs.map
+const e=require("../../utils/cn.cjs"),t=require("../../hooks/use-focus-trap.cjs"),n=require("./Command.module.cjs");let r=require("react"),i=require("react/jsx-runtime"),a=require("react-dom");function o(e,t){return t===``||e.label.toLowerCase().includes(t)?!0:(e.keywords??[]).some(e=>e.toLowerCase().includes(t))}function s(e){let t=[],n=new Map;for(let r of e){let e=n.get(r.group);e===void 0?(n.set(r.group,t.length),t.push({name:r.group,items:[r]})):t[e].items.push(r)}return t}function c({open:c,onOpenChange:u,items:d,placeholder:f=`Type a command…`,emptyMessage:p=`No results`,className:m}){let h=(0,r.useRef)(null),[g,_]=(0,r.useState)(``),[v,y]=(0,r.useState)(0),b=`tempest-command-list`;t.useFocusTrap(h,c);let x=(0,r.useMemo)(()=>{let e=g.trim().toLowerCase();return s(d.filter(t=>o(t,e))).flatMap(e=>e.items)},[d,g]),S=(0,r.useMemo)(()=>s(x),[x]);if((0,r.useEffect)(()=>{c&&(_(``),y(0))},[c]),(0,r.useEffect)(()=>{y(e=>x.length===0?0:Math.min(e,x.length-1))},[x.length]),!c||typeof document>`u`)return null;function C(e){e.onSelect(),u(!1)}function w(e){if(e.key===`Escape`){e.preventDefault(),u(!1);return}if(e.key===`ArrowDown`){if(e.preventDefault(),x.length===0)return;y(e=>(e+1)%x.length);return}if(e.key===`ArrowUp`){if(e.preventDefault(),x.length===0)return;y(e=>(e-1+x.length)%x.length);return}if(e.key===`Enter`){e.preventDefault();let t=x[v];t&&C(t)}}let T=-1;return(0,a.createPortal)((0,i.jsx)(`div`,{className:n.default.overlay,role:`presentation`,onClick:()=>u(!1),children:(0,i.jsxs)(`div`,{ref:h,role:`dialog`,"aria-modal":`true`,"aria-label":`Command palette`,className:e.cn(n.default.dialog,m),onClick:e=>e.stopPropagation(),children:[(0,i.jsxs)(`div`,{className:n.default.inputRow,children:[(0,i.jsx)(l,{}),(0,i.jsx)(`input`,{type:`text`,role:`combobox`,"aria-expanded":`true`,"aria-controls":b,"aria-autocomplete":`list`,autoFocus:!0,className:n.default.input,placeholder:f,value:g,onChange:e=>_(e.target.value),onKeyDown:w})]}),(0,i.jsx)(`ul`,{id:b,role:`listbox`,className:n.default.list,children:x.length===0?(0,i.jsx)(`li`,{className:n.default.empty,children:p}):S.map(t=>(0,i.jsxs)(`li`,{className:n.default.group,children:[t.name&&(0,i.jsx)(`div`,{className:n.default.groupHeading,children:t.name}),(0,i.jsx)(`ul`,{role:`presentation`,className:n.default.groupList,children:t.items.map(t=>{T+=1;let r=T===v,a=T;return(0,i.jsxs)(`li`,{role:`option`,"aria-selected":r,className:e.cn(n.default.option,r&&n.default.active),onMouseMove:()=>y(a),onClick:()=>C(t),children:[t.icon&&(0,i.jsx)(`span`,{className:n.default.icon,children:t.icon}),(0,i.jsx)(`span`,{className:n.default.label,children:t.label})]},t.id)})})]},t.name??`__ungrouped__`))})]})}),document.body)}function l(){return(0,i.jsxs)(`svg`,{className:n.default.searchIcon,width:`18`,height:`18`,viewBox:`0 0 24 24`,fill:`none`,"aria-hidden":`true`,children:[(0,i.jsx)(`circle`,{cx:`11`,cy:`11`,r:`7`,stroke:`currentColor`,strokeWidth:`2`}),(0,i.jsx)(`path`,{d:`M20 20l-3.5-3.5`,stroke:`currentColor`,strokeWidth:`2`,strokeLinecap:`round`})]})}exports.Command=c;
+//# sourceMappingURL=Command.cjs.map

package/dist/components/Command/Command.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Command.cjs","sources":["../../../src/components/Command/Command.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport { useFocusTrap } from \"@/hooks/use-focus-trap\";\nimport styles from \"./Command.module.css\";\n\nexport interface CommandItem {\n    /** Stable unique identifier for the item. */\n    id: string;\n    /** Human-readable label shown in the list and matched against the query. */\n    label: string;\n    /** Optional group heading; items sharing a group are rendered together. */\n    group?: string;\n    /** Extra terms matched against the query in addition to `label`. */\n    keywords?: string[];\n    /** Invoked when the item is chosen (click or Enter on the active row). */\n    onSelect: () => void;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n}\n\nexport interface CommandProps {\n    /** Whether the palette is visible. */\n    open: boolean;\n    /** Called with the next open state (Escape, selection, backdrop click). */\n    onOpenChange: (open: boolean) => void;\n    /** Candidate items to filter and display. */\n    items: CommandItem[];\n    /** Placeholder for the search input. */\n    placeholder?: string;\n    /** Rendered when no item matches the current query. */\n    emptyMessage?: ReactNode;\n    /** Forwarded to the dialog element. */\n    className?: string;\n}\n\ninterface CommandGroup {\n    name: string | undefined;\n    items: CommandItem[];\n}\n\n/**\n * Case-insensitively test whether `item` matches `query` by substring against\n * its label and any keywords. An empty query matches everything.\n *\n * @param item - The candidate command item.\n * @param query - The lowercased search query.\n * @returns `true` when the item should be shown.\n */\nfunction matchesQuery(item: CommandItem, query: string): boolean {\n    if (query === \"\") return true;\n    if (item.label.toLowerCase().includes(query)) return true;\n    return (item.keywords ?? []).some((keyword) => keyword.toLowerCase().includes(query));\n}\n\n/**\n * Partition a flat item list into ordered groups, preserving first-seen order\n * for both groups and the items within them.\n *\n * @param items - The (already filtered) items to group.\n * @returns An ordered list of groups.\n */\nfunction groupItems(items: CommandItem[]): CommandGroup[] {\n    const groups: CommandGroup[] = [];\n    const indexByName = new Map<string | undefined, number>();\n    for (const item of items) {\n        const existing = indexByName.get(item.group);\n        if (existing === undefined) {\n            indexByName.set(item.group, groups.length);\n            groups.push({ name: item.group, items: [item] });\n        } else {\n            groups[existing]!.items.push(item);\n        }\n    }\n    return groups;\n}\n\n/**\n * A ⌘K-style command palette: an overlay dialog with a search input that\n * substring-filters items by label and keywords, groups results, and supports\n * full keyboard navigation (Arrow up/down, Enter, Escape). Traps focus while\n * open.\n */\nexport function Command({\n    open,\n    onOpenChange,\n    items,\n    placeholder = \"Type a command…\",\n    emptyMessage = \"No results\",\n    className,\n}: CommandProps) {\n    const dialogRef = useRef<HTMLDivElement>(null);\n    const [query, setQuery] = useState<string>(\"\");\n    const [activeIndex, setActiveIndex] = useState<number>(0);\n    const listId = \"tempest-command-list\";\n\n    useFocusTrap(dialogRef, open);\n\n    const filtered = useMemo<CommandItem[]>(() => {\n        const normalized = query.trim().toLowerCase();\n        const visible = items.filter((item) => matchesQuery(item, normalized));\n        return groupItems(visible).flatMap((group) => group.items);\n    }, [items, query]);\n\n    const groups = useMemo<CommandGroup[]>(() => groupItems(filtered), [filtered]);\n\n    // Reset transient state whenever the palette opens.\n    useEffect(() => {\n        if (open) {\n            setQuery(\"\");\n            setActiveIndex(0);\n        }\n    }, [open]);\n\n    // Keep the active index within bounds as the filtered list shrinks/grows.\n    useEffect(() => {\n        setActiveIndex((index) => {\n            if (filtered.length === 0) return 0;\n            return Math.min(index, filtered.length - 1);\n        });\n    }, [filtered.length]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    function selectItem(item: CommandItem): void {\n        item.onSelect();\n        onOpenChange(false);\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void {\n        if (event.key === \"Escape\") {\n            event.preventDefault();\n            onOpenChange(false);\n            return;\n        }\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            if (filtered.length === 0) return;\n            setActiveIndex((index) => (index + 1) % filtered.length);\n            return;\n        }\n        if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            if (filtered.length === 0) return;\n            setActiveIndex((index) => (index - 1 + filtered.length) % filtered.length);\n            return;\n        }\n        if (event.key === \"Enter\") {\n            event.preventDefault();\n            const item = filtered[activeIndex];\n            if (item) selectItem(item);\n        }\n    }\n\n    let renderIndex = -1;\n\n    return createPortal(\n        <div className={styles.overlay} role=\"presentation\" onClick={() => onOpenChange(false)}>\n            <div\n                ref={dialogRef}\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-label=\"Command palette\"\n                className={cn(styles.dialog, className)}\n                onClick={(event) => event.stopPropagation()}\n            >\n                <div className={styles.inputRow}>\n                    <SearchIcon />\n                    <input\n                        type=\"text\"\n                        role=\"combobox\"\n                        aria-expanded=\"true\"\n                        aria-controls={listId}\n                        aria-autocomplete=\"list\"\n                        autoFocus\n                        className={styles.input}\n                        placeholder={placeholder}\n                        value={query}\n                        onChange={(event) => setQuery(event.target.value)}\n                        onKeyDown={handleKeyDown}\n                    />\n                </div>\n                <ul id={listId} role=\"listbox\" className={styles.list}>\n                    {filtered.length === 0 ? (\n                        <li className={styles.empty}>{emptyMessage}</li>\n                    ) : (\n                        groups.map((group) => (\n                            <li key={group.name ?? \"__ungrouped__\"} className={styles.group}>\n                                {group.name && (\n                                    <div className={styles.groupHeading}>{group.name}</div>\n                                )}\n                                <ul role=\"presentation\" className={styles.groupList}>\n                                    {group.items.map((item) => {\n                                        renderIndex += 1;\n                                        const isActive = renderIndex === activeIndex;\n                                        const index = renderIndex;\n                                        return (\n                                            <li\n                                                key={item.id}\n                                                role=\"option\"\n                                                aria-selected={isActive}\n                                                className={cn(\n                                                    styles.option,\n                                                    isActive && styles.active,\n                                                )}\n                                                onMouseMove={() => setActiveIndex(index)}\n                                                onClick={() => selectItem(item)}\n                                            >\n                                                {item.icon && (\n                                                    <span className={styles.icon}>{item.icon}</span>\n                                                )}\n                                                <span className={styles.label}>{item.label}</span>\n                                            </li>\n                                        );\n                                    })}\n                                </ul>\n                            </li>\n                        ))\n                    )}\n                </ul>\n            </div>\n        </div>,\n        document.body,\n    );\n}\n\nfunction SearchIcon() {\n    return (\n        <svg\n            className={styles.searchIcon}\n            width=\"18\"\n            height=\"18\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n        >\n            <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"2\" />\n            <path d=\"M20 20l-3.5-3.5\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"names":["matchesQuery","item","query","keyword","groupItems","items","groups","indexByName","existing","Command","open","onOpenChange","placeholder","emptyMessage","className","dialogRef","useRef","setQuery","useState","activeIndex","setActiveIndex","listId","useFocusTrap","filtered","useMemo","normalized","visible","group","useEffect","index","selectItem","handleKeyDown","event","renderIndex","createPortal","jsx","styles","jsxs","cn","SearchIcon","isActive"],"mappings":"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"}
+{"version":3,"file":"Command.cjs","names":[],"sources":["../../../src/components/Command/Command.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport { useFocusTrap } from \"@/hooks/use-focus-trap\";\nimport styles from \"./Command.module.css\";\n\nexport interface CommandItem {\n    /** Stable unique identifier for the item. */\n    id: string;\n    /** Human-readable label shown in the list and matched against the query. */\n    label: string;\n    /** Optional group heading; items sharing a group are rendered together. */\n    group?: string;\n    /** Extra terms matched against the query in addition to `label`. */\n    keywords?: string[];\n    /** Invoked when the item is chosen (click or Enter on the active row). */\n    onSelect: () => void;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n}\n\nexport interface CommandProps {\n    /** Whether the palette is visible. */\n    open: boolean;\n    /** Called with the next open state (Escape, selection, backdrop click). */\n    onOpenChange: (open: boolean) => void;\n    /** Candidate items to filter and display. */\n    items: CommandItem[];\n    /** Placeholder for the search input. */\n    placeholder?: string;\n    /** Rendered when no item matches the current query. */\n    emptyMessage?: ReactNode;\n    /** Forwarded to the dialog element. */\n    className?: string;\n}\n\ninterface CommandGroup {\n    name: string | undefined;\n    items: CommandItem[];\n}\n\n/**\n * Case-insensitively test whether `item` matches `query` by substring against\n * its label and any keywords. An empty query matches everything.\n *\n * @param item - The candidate command item.\n * @param query - The lowercased search query.\n * @returns `true` when the item should be shown.\n */\nfunction matchesQuery(item: CommandItem, query: string): boolean {\n    if (query === \"\") return true;\n    if (item.label.toLowerCase().includes(query)) return true;\n    return (item.keywords ?? []).some((keyword) => keyword.toLowerCase().includes(query));\n}\n\n/**\n * Partition a flat item list into ordered groups, preserving first-seen order\n * for both groups and the items within them.\n *\n * @param items - The (already filtered) items to group.\n * @returns An ordered list of groups.\n */\nfunction groupItems(items: CommandItem[]): CommandGroup[] {\n    const groups: CommandGroup[] = [];\n    const indexByName = new Map<string | undefined, number>();\n    for (const item of items) {\n        const existing = indexByName.get(item.group);\n        if (existing === undefined) {\n            indexByName.set(item.group, groups.length);\n            groups.push({ name: item.group, items: [item] });\n        } else {\n            groups[existing]!.items.push(item);\n        }\n    }\n    return groups;\n}\n\n/**\n * A ⌘K-style command palette: an overlay dialog with a search input that\n * substring-filters items by label and keywords, groups results, and supports\n * full keyboard navigation (Arrow up/down, Enter, Escape). Traps focus while\n * open.\n */\nexport function Command({\n    open,\n    onOpenChange,\n    items,\n    placeholder = \"Type a command…\",\n    emptyMessage = \"No results\",\n    className,\n}: CommandProps) {\n    const dialogRef = useRef<HTMLDivElement>(null);\n    const [query, setQuery] = useState<string>(\"\");\n    const [activeIndex, setActiveIndex] = useState<number>(0);\n    const listId = \"tempest-command-list\";\n\n    useFocusTrap(dialogRef, open);\n\n    const filtered = useMemo<CommandItem[]>(() => {\n        const normalized = query.trim().toLowerCase();\n        const visible = items.filter((item) => matchesQuery(item, normalized));\n        return groupItems(visible).flatMap((group) => group.items);\n    }, [items, query]);\n\n    const groups = useMemo<CommandGroup[]>(() => groupItems(filtered), [filtered]);\n\n    // Reset transient state whenever the palette opens.\n    useEffect(() => {\n        if (open) {\n            setQuery(\"\");\n            setActiveIndex(0);\n        }\n    }, [open]);\n\n    // Keep the active index within bounds as the filtered list shrinks/grows.\n    useEffect(() => {\n        setActiveIndex((index) => {\n            if (filtered.length === 0) return 0;\n            return Math.min(index, filtered.length - 1);\n        });\n    }, [filtered.length]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    function selectItem(item: CommandItem): void {\n        item.onSelect();\n        onOpenChange(false);\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void {\n        if (event.key === \"Escape\") {\n            event.preventDefault();\n            onOpenChange(false);\n            return;\n        }\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            if (filtered.length === 0) return;\n            setActiveIndex((index) => (index + 1) % filtered.length);\n            return;\n        }\n        if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            if (filtered.length === 0) return;\n            setActiveIndex((index) => (index - 1 + filtered.length) % filtered.length);\n            return;\n        }\n        if (event.key === \"Enter\") {\n            event.preventDefault();\n            const item = filtered[activeIndex];\n            if (item) selectItem(item);\n        }\n    }\n\n    let renderIndex = -1;\n\n    return createPortal(\n        <div className={styles.overlay} role=\"presentation\" onClick={() => onOpenChange(false)}>\n            <div\n                ref={dialogRef}\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-label=\"Command palette\"\n                className={cn(styles.dialog, className)}\n                onClick={(event) => event.stopPropagation()}\n            >\n                <div className={styles.inputRow}>\n                    <SearchIcon />\n                    <input\n                        type=\"text\"\n                        role=\"combobox\"\n                        aria-expanded=\"true\"\n                        aria-controls={listId}\n                        aria-autocomplete=\"list\"\n                        autoFocus\n                        className={styles.input}\n                        placeholder={placeholder}\n                        value={query}\n                        onChange={(event) => setQuery(event.target.value)}\n                        onKeyDown={handleKeyDown}\n                    />\n                </div>\n                <ul id={listId} role=\"listbox\" className={styles.list}>\n                    {filtered.length === 0 ? (\n                        <li className={styles.empty}>{emptyMessage}</li>\n                    ) : (\n                        groups.map((group) => (\n                            <li key={group.name ?? \"__ungrouped__\"} className={styles.group}>\n                                {group.name && (\n                                    <div className={styles.groupHeading}>{group.name}</div>\n                                )}\n                                <ul role=\"presentation\" className={styles.groupList}>\n                                    {group.items.map((item) => {\n                                        renderIndex += 1;\n                                        const isActive = renderIndex === activeIndex;\n                                        const index = renderIndex;\n                                        return (\n                                            <li\n                                                key={item.id}\n                                                role=\"option\"\n                                                aria-selected={isActive}\n                                                className={cn(\n                                                    styles.option,\n                                                    isActive && styles.active,\n                                                )}\n                                                onMouseMove={() => setActiveIndex(index)}\n                                                onClick={() => selectItem(item)}\n                                            >\n                                                {item.icon && (\n                                                    <span className={styles.icon}>{item.icon}</span>\n                                                )}\n                                                <span className={styles.label}>{item.label}</span>\n                                            </li>\n                                        );\n                                    })}\n                                </ul>\n                            </li>\n                        ))\n                    )}\n                </ul>\n            </div>\n        </div>,\n        document.body,\n    );\n}\n\nfunction SearchIcon() {\n    return (\n        <svg\n            className={styles.searchIcon}\n            width=\"18\"\n            height=\"18\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n        >\n            <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"2\" />\n            <path d=\"M20 20l-3.5-3.5\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"mappings":"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"}

package/dist/components/Command/Command.js

@@ -1,143 +1,149 @@
-import { jsx as i, jsxs as d } from "react/jsx-runtime";
-import { useRef as A, useState as k, useMemo as v, useEffect as w } from "react";
-import { createPortal as _ } from "react-dom";
-import { cn as b } from "../../utils/cn.js";
-import { useFocusTrap as E } from "../../hooks/use-focus-trap.js";
-import r from "./Command.module.css.js";
-function R(l, o) {
-  return o === "" || l.label.toLowerCase().includes(o) ? !0 : (l.keywords ?? []).some((s) => s.toLowerCase().includes(o));
+import { cn as e } from "../../utils/cn.js";
+import { useFocusTrap as t } from "../../hooks/use-focus-trap.js";
+import n from "./Command.module.js";
+import { useEffect as r, useMemo as i, useRef as a, useState as o } from "react";
+import { jsx as s, jsxs as c } from "react/jsx-runtime";
+import { createPortal as l } from "react-dom";
+//#region src/components/Command/Command.tsx
+function u(e, t) {
+	return t === "" || e.label.toLowerCase().includes(t) ? !0 : (e.keywords ?? []).some((e) => e.toLowerCase().includes(t));
 }
-function C(l) {
-  const o = [], s = /* @__PURE__ */ new Map();
-  for (const a of l) {
-    const m = s.get(a.group);
-    m === void 0 ? (s.set(a.group, o.length), o.push({ name: a.group, items: [a] })) : o[m].items.push(a);
-  }
-  return o;
+function d(e) {
+	let t = [], n = /* @__PURE__ */ new Map();
+	for (let r of e) {
+		let e = n.get(r.group);
+		e === void 0 ? (n.set(r.group, t.length), t.push({
+			name: r.group,
+			items: [r]
+		})) : t[e].items.push(r);
+	}
+	return t;
 }
-function T({
-  open: l,
-  onOpenChange: o,
-  items: s,
-  placeholder: a = "Type a command…",
-  emptyMessage: m = "No results",
-  className: I
-}) {
-  const h = A(null), [f, g] = k(""), [y, u] = k(0), x = "tempest-command-list";
-  E(h, l);
-  const n = v(() => {
-    const e = f.trim().toLowerCase(), t = s.filter((c) => R(c, e));
-    return C(t).flatMap((c) => c.items);
-  }, [s, f]), D = v(() => C(n), [n]);
-  if (w(() => {
-    l && (g(""), u(0));
-  }, [l]), w(() => {
-    u((e) => n.length === 0 ? 0 : Math.min(e, n.length - 1));
-  }, [n.length]), !l || typeof document > "u") return null;
-  function N(e) {
-    e.onSelect(), o(!1);
-  }
-  function M(e) {
-    if (e.key === "Escape") {
-      e.preventDefault(), o(!1);
-      return;
-    }
-    if (e.key === "ArrowDown") {
-      if (e.preventDefault(), n.length === 0) return;
-      u((t) => (t + 1) % n.length);
-      return;
-    }
-    if (e.key === "ArrowUp") {
-      if (e.preventDefault(), n.length === 0) return;
-      u((t) => (t - 1 + n.length) % n.length);
-      return;
-    }
-    if (e.key === "Enter") {
-      e.preventDefault();
-      const t = n[y];
-      t && N(t);
-    }
-  }
-  let p = -1;
-  return _(
-    /* @__PURE__ */ i("div", { className: r.overlay, role: "presentation", onClick: () => o(!1), children: /* @__PURE__ */ d(
-      "div",
-      {
-        ref: h,
-        role: "dialog",
-        "aria-modal": "true",
-        "aria-label": "Command palette",
-        className: b(r.dialog, I),
-        onClick: (e) => e.stopPropagation(),
-        children: [
-          /* @__PURE__ */ d("div", { className: r.inputRow, children: [
-            /* @__PURE__ */ i(S, {}),
-            /* @__PURE__ */ i(
-              "input",
-              {
-                type: "text",
-                role: "combobox",
-                "aria-expanded": "true",
-                "aria-controls": x,
-                "aria-autocomplete": "list",
-                autoFocus: !0,
-                className: r.input,
-                placeholder: a,
-                value: f,
-                onChange: (e) => g(e.target.value),
-                onKeyDown: M
-              }
-            )
-          ] }),
-          /* @__PURE__ */ i("ul", { id: x, role: "listbox", className: r.list, children: n.length === 0 ? /* @__PURE__ */ i("li", { className: r.empty, children: m }) : D.map((e) => /* @__PURE__ */ d("li", { className: r.group, children: [
-            e.name && /* @__PURE__ */ i("div", { className: r.groupHeading, children: e.name }),
-            /* @__PURE__ */ i("ul", { role: "presentation", className: r.groupList, children: e.items.map((t) => {
-              p += 1;
-              const c = p === y, L = p;
-              return /* @__PURE__ */ d(
-                "li",
-                {
-                  role: "option",
-                  "aria-selected": c,
-                  className: b(
-                    r.option,
-                    c && r.active
-                  ),
-                  onMouseMove: () => u(L),
-                  onClick: () => N(t),
-                  children: [
-                    t.icon && /* @__PURE__ */ i("span", { className: r.icon, children: t.icon }),
-                    /* @__PURE__ */ i("span", { className: r.label, children: t.label })
-                  ]
-                },
-                t.id
-              );
-            }) })
-          ] }, e.name ?? "__ungrouped__")) })
-        ]
-      }
-    ) }),
-    document.body
-  );
+function f({ open: f, onOpenChange: m, items: h, placeholder: g = "Type a command…", emptyMessage: _ = "No results", className: v }) {
+	let y = a(null), [b, x] = o(""), [S, C] = o(0), w = "tempest-command-list";
+	t(y, f);
+	let T = i(() => {
+		let e = b.trim().toLowerCase();
+		return d(h.filter((t) => u(t, e))).flatMap((e) => e.items);
+	}, [h, b]), E = i(() => d(T), [T]);
+	if (r(() => {
+		f && (x(""), C(0));
+	}, [f]), r(() => {
+		C((e) => T.length === 0 ? 0 : Math.min(e, T.length - 1));
+	}, [T.length]), !f || typeof document > "u") return null;
+	function D(e) {
+		e.onSelect(), m(!1);
+	}
+	function O(e) {
+		if (e.key === "Escape") {
+			e.preventDefault(), m(!1);
+			return;
+		}
+		if (e.key === "ArrowDown") {
+			if (e.preventDefault(), T.length === 0) return;
+			C((e) => (e + 1) % T.length);
+			return;
+		}
+		if (e.key === "ArrowUp") {
+			if (e.preventDefault(), T.length === 0) return;
+			C((e) => (e - 1 + T.length) % T.length);
+			return;
+		}
+		if (e.key === "Enter") {
+			e.preventDefault();
+			let t = T[S];
+			t && D(t);
+		}
+	}
+	let k = -1;
+	return l(/* @__PURE__ */ s("div", {
+		className: n.overlay,
+		role: "presentation",
+		onClick: () => m(!1),
+		children: /* @__PURE__ */ c("div", {
+			ref: y,
+			role: "dialog",
+			"aria-modal": "true",
+			"aria-label": "Command palette",
+			className: e(n.dialog, v),
+			onClick: (e) => e.stopPropagation(),
+			children: [/* @__PURE__ */ c("div", {
+				className: n.inputRow,
+				children: [/* @__PURE__ */ s(p, {}), /* @__PURE__ */ s("input", {
+					type: "text",
+					role: "combobox",
+					"aria-expanded": "true",
+					"aria-controls": w,
+					"aria-autocomplete": "list",
+					autoFocus: !0,
+					className: n.input,
+					placeholder: g,
+					value: b,
+					onChange: (e) => x(e.target.value),
+					onKeyDown: O
+				})]
+			}), /* @__PURE__ */ s("ul", {
+				id: w,
+				role: "listbox",
+				className: n.list,
+				children: T.length === 0 ? /* @__PURE__ */ s("li", {
+					className: n.empty,
+					children: _
+				}) : E.map((t) => /* @__PURE__ */ c("li", {
+					className: n.group,
+					children: [t.name && /* @__PURE__ */ s("div", {
+						className: n.groupHeading,
+						children: t.name
+					}), /* @__PURE__ */ s("ul", {
+						role: "presentation",
+						className: n.groupList,
+						children: t.items.map((t) => {
+							k += 1;
+							let r = k === S, i = k;
+							return /* @__PURE__ */ c("li", {
+								role: "option",
+								"aria-selected": r,
+								className: e(n.option, r && n.active),
+								onMouseMove: () => C(i),
+								onClick: () => D(t),
+								children: [t.icon && /* @__PURE__ */ s("span", {
+									className: n.icon,
+									children: t.icon
+								}), /* @__PURE__ */ s("span", {
+									className: n.label,
+									children: t.label
+								})]
+							}, t.id);
+						})
+					})]
+				}, t.name ?? "__ungrouped__"))
+			})]
+		})
+	}), document.body);
 }
-function S() {
-  return /* @__PURE__ */ d(
-    "svg",
-    {
-      className: r.searchIcon,
-      width: "18",
-      height: "18",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      "aria-hidden": "true",
-      children: [
-        /* @__PURE__ */ i("circle", { cx: "11", cy: "11", r: "7", stroke: "currentColor", strokeWidth: "2" }),
-        /* @__PURE__ */ i("path", { d: "M20 20l-3.5-3.5", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round" })
-      ]
-    }
-  );
+function p() {
+	return /* @__PURE__ */ c("svg", {
+		className: n.searchIcon,
+		width: "18",
+		height: "18",
+		viewBox: "0 0 24 24",
+		fill: "none",
+		"aria-hidden": "true",
+		children: [/* @__PURE__ */ s("circle", {
+			cx: "11",
+			cy: "11",
+			r: "7",
+			stroke: "currentColor",
+			strokeWidth: "2"
+		}), /* @__PURE__ */ s("path", {
+			d: "M20 20l-3.5-3.5",
+			stroke: "currentColor",
+			strokeWidth: "2",
+			strokeLinecap: "round"
+		})]
+	});
 }
-export {
-  T as Command
-};
-//# sourceMappingURL=Command.js.map
+//#endregion
+export { f as Command };
+
+//# sourceMappingURL=Command.js.map

package/dist/components/Command/Command.js.map

@@ -1 +1 @@
-{"version":3,"file":"Command.js","sources":["../../../src/components/Command/Command.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport { useFocusTrap } from \"@/hooks/use-focus-trap\";\nimport styles from \"./Command.module.css\";\n\nexport interface CommandItem {\n    /** Stable unique identifier for the item. */\n    id: string;\n    /** Human-readable label shown in the list and matched against the query. */\n    label: string;\n    /** Optional group heading; items sharing a group are rendered together. */\n    group?: string;\n    /** Extra terms matched against the query in addition to `label`. */\n    keywords?: string[];\n    /** Invoked when the item is chosen (click or Enter on the active row). */\n    onSelect: () => void;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n}\n\nexport interface CommandProps {\n    /** Whether the palette is visible. */\n    open: boolean;\n    /** Called with the next open state (Escape, selection, backdrop click). */\n    onOpenChange: (open: boolean) => void;\n    /** Candidate items to filter and display. */\n    items: CommandItem[];\n    /** Placeholder for the search input. */\n    placeholder?: string;\n    /** Rendered when no item matches the current query. */\n    emptyMessage?: ReactNode;\n    /** Forwarded to the dialog element. */\n    className?: string;\n}\n\ninterface CommandGroup {\n    name: string | undefined;\n    items: CommandItem[];\n}\n\n/**\n * Case-insensitively test whether `item` matches `query` by substring against\n * its label and any keywords. An empty query matches everything.\n *\n * @param item - The candidate command item.\n * @param query - The lowercased search query.\n * @returns `true` when the item should be shown.\n */\nfunction matchesQuery(item: CommandItem, query: string): boolean {\n    if (query === \"\") return true;\n    if (item.label.toLowerCase().includes(query)) return true;\n    return (item.keywords ?? []).some((keyword) => keyword.toLowerCase().includes(query));\n}\n\n/**\n * Partition a flat item list into ordered groups, preserving first-seen order\n * for both groups and the items within them.\n *\n * @param items - The (already filtered) items to group.\n * @returns An ordered list of groups.\n */\nfunction groupItems(items: CommandItem[]): CommandGroup[] {\n    const groups: CommandGroup[] = [];\n    const indexByName = new Map<string | undefined, number>();\n    for (const item of items) {\n        const existing = indexByName.get(item.group);\n        if (existing === undefined) {\n            indexByName.set(item.group, groups.length);\n            groups.push({ name: item.group, items: [item] });\n        } else {\n            groups[existing]!.items.push(item);\n        }\n    }\n    return groups;\n}\n\n/**\n * A ⌘K-style command palette: an overlay dialog with a search input that\n * substring-filters items by label and keywords, groups results, and supports\n * full keyboard navigation (Arrow up/down, Enter, Escape). Traps focus while\n * open.\n */\nexport function Command({\n    open,\n    onOpenChange,\n    items,\n    placeholder = \"Type a command…\",\n    emptyMessage = \"No results\",\n    className,\n}: CommandProps) {\n    const dialogRef = useRef<HTMLDivElement>(null);\n    const [query, setQuery] = useState<string>(\"\");\n    const [activeIndex, setActiveIndex] = useState<number>(0);\n    const listId = \"tempest-command-list\";\n\n    useFocusTrap(dialogRef, open);\n\n    const filtered = useMemo<CommandItem[]>(() => {\n        const normalized = query.trim().toLowerCase();\n        const visible = items.filter((item) => matchesQuery(item, normalized));\n        return groupItems(visible).flatMap((group) => group.items);\n    }, [items, query]);\n\n    const groups = useMemo<CommandGroup[]>(() => groupItems(filtered), [filtered]);\n\n    // Reset transient state whenever the palette opens.\n    useEffect(() => {\n        if (open) {\n            setQuery(\"\");\n            setActiveIndex(0);\n        }\n    }, [open]);\n\n    // Keep the active index within bounds as the filtered list shrinks/grows.\n    useEffect(() => {\n        setActiveIndex((index) => {\n            if (filtered.length === 0) return 0;\n            return Math.min(index, filtered.length - 1);\n        });\n    }, [filtered.length]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    function selectItem(item: CommandItem): void {\n        item.onSelect();\n        onOpenChange(false);\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void {\n        if (event.key === \"Escape\") {\n            event.preventDefault();\n            onOpenChange(false);\n            return;\n        }\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            if (filtered.length === 0) return;\n            setActiveIndex((index) => (index + 1) % filtered.length);\n            return;\n        }\n        if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            if (filtered.length === 0) return;\n            setActiveIndex((index) => (index - 1 + filtered.length) % filtered.length);\n            return;\n        }\n        if (event.key === \"Enter\") {\n            event.preventDefault();\n            const item = filtered[activeIndex];\n            if (item) selectItem(item);\n        }\n    }\n\n    let renderIndex = -1;\n\n    return createPortal(\n        <div className={styles.overlay} role=\"presentation\" onClick={() => onOpenChange(false)}>\n            <div\n                ref={dialogRef}\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-label=\"Command palette\"\n                className={cn(styles.dialog, className)}\n                onClick={(event) => event.stopPropagation()}\n            >\n                <div className={styles.inputRow}>\n                    <SearchIcon />\n                    <input\n                        type=\"text\"\n                        role=\"combobox\"\n                        aria-expanded=\"true\"\n                        aria-controls={listId}\n                        aria-autocomplete=\"list\"\n                        autoFocus\n                        className={styles.input}\n                        placeholder={placeholder}\n                        value={query}\n                        onChange={(event) => setQuery(event.target.value)}\n                        onKeyDown={handleKeyDown}\n                    />\n                </div>\n                <ul id={listId} role=\"listbox\" className={styles.list}>\n                    {filtered.length === 0 ? (\n                        <li className={styles.empty}>{emptyMessage}</li>\n                    ) : (\n                        groups.map((group) => (\n                            <li key={group.name ?? \"__ungrouped__\"} className={styles.group}>\n                                {group.name && (\n                                    <div className={styles.groupHeading}>{group.name}</div>\n                                )}\n                                <ul role=\"presentation\" className={styles.groupList}>\n                                    {group.items.map((item) => {\n                                        renderIndex += 1;\n                                        const isActive = renderIndex === activeIndex;\n                                        const index = renderIndex;\n                                        return (\n                                            <li\n                                                key={item.id}\n                                                role=\"option\"\n                                                aria-selected={isActive}\n                                                className={cn(\n                                                    styles.option,\n                                                    isActive && styles.active,\n                                                )}\n                                                onMouseMove={() => setActiveIndex(index)}\n                                                onClick={() => selectItem(item)}\n                                            >\n                                                {item.icon && (\n                                                    <span className={styles.icon}>{item.icon}</span>\n                                                )}\n                                                <span className={styles.label}>{item.label}</span>\n                                            </li>\n                                        );\n                                    })}\n                                </ul>\n                            </li>\n                        ))\n                    )}\n                </ul>\n            </div>\n        </div>,\n        document.body,\n    );\n}\n\nfunction SearchIcon() {\n    return (\n        <svg\n            className={styles.searchIcon}\n            width=\"18\"\n            height=\"18\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n        >\n            <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"2\" />\n            <path d=\"M20 20l-3.5-3.5\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"names":["matchesQuery","item","query","keyword","groupItems","items","groups","indexByName","existing","Command","open","onOpenChange","placeholder","emptyMessage","className","dialogRef","useRef","setQuery","useState","activeIndex","setActiveIndex","listId","useFocusTrap","filtered","useMemo","normalized","visible","group","useEffect","index","selectItem","handleKeyDown","event","renderIndex","createPortal","jsx","styles","jsxs","cn","SearchIcon","isActive"],"mappings":"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"}
+{"version":3,"file":"Command.js","names":[],"sources":["../../../src/components/Command/Command.tsx"],"sourcesContent":["import { useEffect, useMemo, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { createPortal } from \"react-dom\";\nimport { cn } from \"@/utils/cn\";\nimport { useFocusTrap } from \"@/hooks/use-focus-trap\";\nimport styles from \"./Command.module.css\";\n\nexport interface CommandItem {\n    /** Stable unique identifier for the item. */\n    id: string;\n    /** Human-readable label shown in the list and matched against the query. */\n    label: string;\n    /** Optional group heading; items sharing a group are rendered together. */\n    group?: string;\n    /** Extra terms matched against the query in addition to `label`. */\n    keywords?: string[];\n    /** Invoked when the item is chosen (click or Enter on the active row). */\n    onSelect: () => void;\n    /** Optional leading icon. */\n    icon?: ReactNode;\n}\n\nexport interface CommandProps {\n    /** Whether the palette is visible. */\n    open: boolean;\n    /** Called with the next open state (Escape, selection, backdrop click). */\n    onOpenChange: (open: boolean) => void;\n    /** Candidate items to filter and display. */\n    items: CommandItem[];\n    /** Placeholder for the search input. */\n    placeholder?: string;\n    /** Rendered when no item matches the current query. */\n    emptyMessage?: ReactNode;\n    /** Forwarded to the dialog element. */\n    className?: string;\n}\n\ninterface CommandGroup {\n    name: string | undefined;\n    items: CommandItem[];\n}\n\n/**\n * Case-insensitively test whether `item` matches `query` by substring against\n * its label and any keywords. An empty query matches everything.\n *\n * @param item - The candidate command item.\n * @param query - The lowercased search query.\n * @returns `true` when the item should be shown.\n */\nfunction matchesQuery(item: CommandItem, query: string): boolean {\n    if (query === \"\") return true;\n    if (item.label.toLowerCase().includes(query)) return true;\n    return (item.keywords ?? []).some((keyword) => keyword.toLowerCase().includes(query));\n}\n\n/**\n * Partition a flat item list into ordered groups, preserving first-seen order\n * for both groups and the items within them.\n *\n * @param items - The (already filtered) items to group.\n * @returns An ordered list of groups.\n */\nfunction groupItems(items: CommandItem[]): CommandGroup[] {\n    const groups: CommandGroup[] = [];\n    const indexByName = new Map<string | undefined, number>();\n    for (const item of items) {\n        const existing = indexByName.get(item.group);\n        if (existing === undefined) {\n            indexByName.set(item.group, groups.length);\n            groups.push({ name: item.group, items: [item] });\n        } else {\n            groups[existing]!.items.push(item);\n        }\n    }\n    return groups;\n}\n\n/**\n * A ⌘K-style command palette: an overlay dialog with a search input that\n * substring-filters items by label and keywords, groups results, and supports\n * full keyboard navigation (Arrow up/down, Enter, Escape). Traps focus while\n * open.\n */\nexport function Command({\n    open,\n    onOpenChange,\n    items,\n    placeholder = \"Type a command…\",\n    emptyMessage = \"No results\",\n    className,\n}: CommandProps) {\n    const dialogRef = useRef<HTMLDivElement>(null);\n    const [query, setQuery] = useState<string>(\"\");\n    const [activeIndex, setActiveIndex] = useState<number>(0);\n    const listId = \"tempest-command-list\";\n\n    useFocusTrap(dialogRef, open);\n\n    const filtered = useMemo<CommandItem[]>(() => {\n        const normalized = query.trim().toLowerCase();\n        const visible = items.filter((item) => matchesQuery(item, normalized));\n        return groupItems(visible).flatMap((group) => group.items);\n    }, [items, query]);\n\n    const groups = useMemo<CommandGroup[]>(() => groupItems(filtered), [filtered]);\n\n    // Reset transient state whenever the palette opens.\n    useEffect(() => {\n        if (open) {\n            setQuery(\"\");\n            setActiveIndex(0);\n        }\n    }, [open]);\n\n    // Keep the active index within bounds as the filtered list shrinks/grows.\n    useEffect(() => {\n        setActiveIndex((index) => {\n            if (filtered.length === 0) return 0;\n            return Math.min(index, filtered.length - 1);\n        });\n    }, [filtered.length]);\n\n    if (!open || typeof document === \"undefined\") return null;\n\n    function selectItem(item: CommandItem): void {\n        item.onSelect();\n        onOpenChange(false);\n    }\n\n    function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement>): void {\n        if (event.key === \"Escape\") {\n            event.preventDefault();\n            onOpenChange(false);\n            return;\n        }\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            if (filtered.length === 0) return;\n            setActiveIndex((index) => (index + 1) % filtered.length);\n            return;\n        }\n        if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            if (filtered.length === 0) return;\n            setActiveIndex((index) => (index - 1 + filtered.length) % filtered.length);\n            return;\n        }\n        if (event.key === \"Enter\") {\n            event.preventDefault();\n            const item = filtered[activeIndex];\n            if (item) selectItem(item);\n        }\n    }\n\n    let renderIndex = -1;\n\n    return createPortal(\n        <div className={styles.overlay} role=\"presentation\" onClick={() => onOpenChange(false)}>\n            <div\n                ref={dialogRef}\n                role=\"dialog\"\n                aria-modal=\"true\"\n                aria-label=\"Command palette\"\n                className={cn(styles.dialog, className)}\n                onClick={(event) => event.stopPropagation()}\n            >\n                <div className={styles.inputRow}>\n                    <SearchIcon />\n                    <input\n                        type=\"text\"\n                        role=\"combobox\"\n                        aria-expanded=\"true\"\n                        aria-controls={listId}\n                        aria-autocomplete=\"list\"\n                        autoFocus\n                        className={styles.input}\n                        placeholder={placeholder}\n                        value={query}\n                        onChange={(event) => setQuery(event.target.value)}\n                        onKeyDown={handleKeyDown}\n                    />\n                </div>\n                <ul id={listId} role=\"listbox\" className={styles.list}>\n                    {filtered.length === 0 ? (\n                        <li className={styles.empty}>{emptyMessage}</li>\n                    ) : (\n                        groups.map((group) => (\n                            <li key={group.name ?? \"__ungrouped__\"} className={styles.group}>\n                                {group.name && (\n                                    <div className={styles.groupHeading}>{group.name}</div>\n                                )}\n                                <ul role=\"presentation\" className={styles.groupList}>\n                                    {group.items.map((item) => {\n                                        renderIndex += 1;\n                                        const isActive = renderIndex === activeIndex;\n                                        const index = renderIndex;\n                                        return (\n                                            <li\n                                                key={item.id}\n                                                role=\"option\"\n                                                aria-selected={isActive}\n                                                className={cn(\n                                                    styles.option,\n                                                    isActive && styles.active,\n                                                )}\n                                                onMouseMove={() => setActiveIndex(index)}\n                                                onClick={() => selectItem(item)}\n                                            >\n                                                {item.icon && (\n                                                    <span className={styles.icon}>{item.icon}</span>\n                                                )}\n                                                <span className={styles.label}>{item.label}</span>\n                                            </li>\n                                        );\n                                    })}\n                                </ul>\n                            </li>\n                        ))\n                    )}\n                </ul>\n            </div>\n        </div>,\n        document.body,\n    );\n}\n\nfunction SearchIcon() {\n    return (\n        <svg\n            className={styles.searchIcon}\n            width=\"18\"\n            height=\"18\"\n            viewBox=\"0 0 24 24\"\n            fill=\"none\"\n            aria-hidden=\"true\"\n        >\n            <circle cx=\"11\" cy=\"11\" r=\"7\" stroke=\"currentColor\" strokeWidth=\"2\" />\n            <path d=\"M20 20l-3.5-3.5\" stroke=\"currentColor\" strokeWidth=\"2\" strokeLinecap=\"round\" />\n        </svg>\n    );\n}\n"],"mappings":";;;;;;;AAkDA,SAAS,EAAa,GAAmB,GAAwB;CAG7D,OAFI,MAAU,MACV,EAAK,MAAM,YAAY,CAAC,CAAC,SAAS,CAAK,IAAU,MAC7C,EAAK,YAAY,CAAC,EAAA,CAAG,MAAM,MAAY,EAAQ,YAAY,CAAC,CAAC,SAAS,CAAK,CAAC;AACxF;AASA,SAAS,EAAW,GAAsC;CACtD,IAAM,IAAyB,CAAC,GAC1B,oBAAc,IAAI,IAAgC;CACxD,KAAK,IAAM,KAAQ,GAAO;EACtB,IAAM,IAAW,EAAY,IAAI,EAAK,KAAK;EAC3C,AAAI,MAAa,KAAA,KACb,EAAY,IAAI,EAAK,OAAO,EAAO,MAAM,GACzC,EAAO,KAAK;GAAE,MAAM,EAAK;GAAO,OAAO,CAAC,CAAI;EAAE,CAAC,KAE/C,EAAO,EAAS,CAAE,MAAM,KAAK,CAAI;CAEzC;CACA,OAAO;AACX;AAQA,SAAgB,EAAQ,EACpB,SACA,iBACA,UACA,iBAAc,mBACd,kBAAe,cACf,gBACa;CACb,IAAM,IAAY,EAAuB,IAAI,GACvC,CAAC,GAAO,KAAY,EAAiB,EAAE,GACvC,CAAC,GAAa,KAAkB,EAAiB,CAAC,GAClD,IAAS;CAEf,EAAa,GAAW,CAAI;CAE5B,IAAM,IAAW,QAA6B;EAC1C,IAAM,IAAa,EAAM,KAAK,CAAC,CAAC,YAAY;EAE5C,OAAO,EADS,EAAM,QAAQ,MAAS,EAAa,GAAM,CAAU,CAClD,CAAO,CAAC,CAAC,SAAS,MAAU,EAAM,KAAK;CAC7D,GAAG,CAAC,GAAO,CAAK,CAAC,GAEX,IAAS,QAA8B,EAAW,CAAQ,GAAG,CAAC,CAAQ,CAAC;CAkB7E,IAfA,QAAgB;EACZ,AAAI,MACA,EAAS,EAAE,GACX,EAAe,CAAC;CAExB,GAAG,CAAC,CAAI,CAAC,GAGT,QAAgB;EACZ,GAAgB,MACR,EAAS,WAAW,IAAU,IAC3B,KAAK,IAAI,GAAO,EAAS,SAAS,CAAC,CAC7C;CACL,GAAG,CAAC,EAAS,MAAM,CAAC,GAEhB,CAAC,KAAQ,OAAO,WAAa,KAAa,OAAO;CAErD,SAAS,EAAW,GAAyB;EAEzC,AADA,EAAK,SAAS,GACd,EAAa,EAAK;CACtB;CAEA,SAAS,EAAc,GAAoD;EACvE,IAAI,EAAM,QAAQ,UAAU;GAExB,AADA,EAAM,eAAe,GACrB,EAAa,EAAK;GAClB;EACJ;EACA,IAAI,EAAM,QAAQ,aAAa;GAE3B,IADA,EAAM,eAAe,GACjB,EAAS,WAAW,GAAG;GAC3B,GAAgB,OAAW,IAAQ,KAAK,EAAS,MAAM;GACvD;EACJ;EACA,IAAI,EAAM,QAAQ,WAAW;GAEzB,IADA,EAAM,eAAe,GACjB,EAAS,WAAW,GAAG;GAC3B,GAAgB,OAAW,IAAQ,IAAI,EAAS,UAAU,EAAS,MAAM;GACzE;EACJ;EACA,IAAI,EAAM,QAAQ,SAAS;GACvB,EAAM,eAAe;GACrB,IAAM,IAAO,EAAS;GACtB,AAAI,KAAM,EAAW,CAAI;EAC7B;CACJ;CAEA,IAAI,IAAc;CAElB,OAAO,EACH,kBAAC,OAAD;EAAK,WAAW,EAAO;EAAS,MAAK;EAAe,eAAe,EAAa,EAAK;YACjF,kBAAC,OAAD;GACI,KAAK;GACL,MAAK;GACL,cAAW;GACX,cAAW;GACX,WAAW,EAAG,EAAO,QAAQ,CAAS;GACtC,UAAU,MAAU,EAAM,gBAAgB;aAN9C,CAQI,kBAAC,OAAD;IAAK,WAAW,EAAO;cAAvB,CACI,kBAAC,GAAD,CAAa,CAAA,GACb,kBAAC,SAAD;KACI,MAAK;KACL,MAAK;KACL,iBAAc;KACd,iBAAe;KACf,qBAAkB;KAClB,WAAA;KACA,WAAW,EAAO;KACL;KACb,OAAO;KACP,WAAW,MAAU,EAAS,EAAM,OAAO,KAAK;KAChD,WAAW;IACd,CAAA,CACA;OACL,kBAAC,MAAD;IAAI,IAAI;IAAQ,MAAK;IAAU,WAAW,EAAO;cAC5C,EAAS,WAAW,IACjB,kBAAC,MAAD;KAAI,WAAW,EAAO;eAAQ;IAAiB,CAAA,IAE/C,EAAO,KAAK,MACR,kBAAC,MAAD;KAAwC,WAAW,EAAO;eAA1D,CACK,EAAM,QACH,kBAAC,OAAD;MAAK,WAAW,EAAO;gBAAe,EAAM;KAAU,CAAA,GAE1D,kBAAC,MAAD;MAAI,MAAK;MAAe,WAAW,EAAO;gBACrC,EAAM,MAAM,KAAK,MAAS;OACvB,KAAe;OACf,IAAM,IAAW,MAAgB,GAC3B,IAAQ;OACd,OACI,kBAAC,MAAD;QAEI,MAAK;QACL,iBAAe;QACf,WAAW,EACP,EAAO,QACP,KAAY,EAAO,MACvB;QACA,mBAAmB,EAAe,CAAK;QACvC,eAAe,EAAW,CAAI;kBATlC,CAWK,EAAK,QACF,kBAAC,QAAD;SAAM,WAAW,EAAO;mBAAO,EAAK;QAAW,CAAA,GAEnD,kBAAC,QAAD;SAAM,WAAW,EAAO;mBAAQ,EAAK;QAAY,CAAA,CACjD;UAdK,EAAK,EAcV;MAEZ,CAAC;KACD,CAAA,CACJ;OA7BK,EAAM,QAAQ,eA6BnB,CACP;GAEL,CAAA,CACH;;CACJ,CAAA,GACL,SAAS,IACb;AACJ;AAEA,SAAS,IAAa;CAClB,OACI,kBAAC,OAAD;EACI,WAAW,EAAO;EAClB,OAAM;EACN,QAAO;EACP,SAAQ;EACR,MAAK;EACL,eAAY;YANhB,CAQI,kBAAC,UAAD;GAAQ,IAAG;GAAK,IAAG;GAAK,GAAE;GAAI,QAAO;GAAe,aAAY;EAAK,CAAA,GACrE,kBAAC,QAAD;GAAM,GAAE;GAAkB,QAAO;GAAe,aAAY;GAAI,eAAc;EAAS,CAAA,CACtF;;AAEb"}

package/dist/components/Command/Command.module.cjs

@@ -0,0 +1,2 @@
+var e=`tempest_overlay_drnPW`,t=`tempest_tempest-fade-in_bCqn0`,n=`tempest_dialog_lPl6k`,r=`tempest_tempest-modal-in_uDcF6`,i=`tempest_inputRow_KxWoQ`,a=`tempest_searchIcon_8PULr`,o=`tempest_input_D3HQr`,s=`tempest_list_5UzZU`,c=`tempest_group_vLaWy`,l=`tempest_groupHeading_d01fo`,u=`tempest_groupList_QFMjK`,d=`tempest_option_doqib`,f=`tempest_active_LdCIJ`,p=`tempest_icon_CyCCx`,m=`tempest_label_QePT-`,h=`tempest_empty_al68D`,g={overlay:e,tempestFadeIn:t,dialog:n,tempestModalIn:r,inputRow:i,searchIcon:a,input:o,list:s,group:c,groupHeading:l,groupList:u,option:d,active:f,icon:p,label:m,empty:h};exports.active=f,exports.default=g,exports.dialog=n,exports.empty=h,exports.group=c,exports.groupHeading=l,exports.groupList=u,exports.icon=p,exports.input=o,exports.inputRow=i,exports.label=m,exports.list=s,exports.option=d,exports.overlay=e,exports.searchIcon=a,exports.tempestFadeIn=t,exports.tempestModalIn=r;
+//# sourceMappingURL=Command.module.cjs.map

package/dist/components/Command/Command.module.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.module.cjs","names":[],"sources":["../../../src/components/Command/Command.module.css"],"sourcesContent":[".overlay {\n    position: fixed;\n    inset: 0;\n    background-color: rgba(15, 23, 42, 0.55);\n    backdrop-filter: blur(2px);\n    -webkit-backdrop-filter: blur(2px);\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding: max(10vh, var(--tempest-safe-area-top)) var(--tempest-space-4) var(--tempest-space-4)\n        var(--tempest-space-4);\n    z-index: var(--tempest-z-modal);\n    animation: tempest-fade-in var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.dialog {\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    border-radius: var(--tempest-radius-xl);\n    box-shadow: var(--tempest-shadow-xl);\n    border: 1px solid var(--tempest-border);\n    width: 100%;\n    max-width: 640px;\n    max-height: 70vh;\n    max-height: 70dvh;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    animation: tempest-modal-in var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.inputRow {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.searchIcon {\n    color: var(--tempest-text-muted);\n    flex-shrink: 0;\n}\n\n.input {\n    flex: 1;\n    min-width: 0;\n    border: none;\n    outline: none;\n    background: transparent;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-normal);\n}\n\n.input::placeholder {\n    color: var(--tempest-text-muted);\n}\n\n.list {\n    list-style: none;\n    margin: 0;\n    padding: var(--tempest-space-2);\n    overflow-y: auto;\n}\n\n.group {\n    list-style: none;\n}\n\n.group + .group {\n    margin-top: var(--tempest-space-2);\n}\n\n.groupHeading {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--tempest-text-muted);\n}\n\n.groupList {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.option {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-md);\n    cursor: pointer;\n    color: var(--tempest-text);\n    transition: var(--tempest-transition-color);\n}\n\n.option.active {\n    background-color: var(--tempest-surface);\n}\n\n.icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--tempest-text-muted);\n    flex-shrink: 0;\n}\n\n.label {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.empty {\n    list-style: none;\n    padding: var(--tempest-space-6) var(--tempest-space-3);\n    text-align: center;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n@keyframes tempest-fade-in {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes tempest-modal-in {\n    from {\n        opacity: 0;\n        transform: translateY(-12px) scale(0.98);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .overlay,\n    .dialog {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/Command/Command.module.js

@@ -0,0 +1,23 @@
+//#region src/components/Command/Command.module.css
+var e = "tempest_overlay_drnPW", t = "tempest_tempest-fade-in_bCqn0", n = "tempest_dialog_lPl6k", r = "tempest_tempest-modal-in_uDcF6", i = "tempest_inputRow_KxWoQ", a = "tempest_searchIcon_8PULr", o = "tempest_input_D3HQr", s = "tempest_list_5UzZU", c = "tempest_group_vLaWy", l = "tempest_groupHeading_d01fo", u = "tempest_groupList_QFMjK", d = "tempest_option_doqib", f = "tempest_active_LdCIJ", p = "tempest_icon_CyCCx", m = "tempest_label_QePT-", h = "tempest_empty_al68D", g = {
+	overlay: e,
+	tempestFadeIn: t,
+	dialog: n,
+	tempestModalIn: r,
+	inputRow: i,
+	searchIcon: a,
+	input: o,
+	list: s,
+	group: c,
+	groupHeading: l,
+	groupList: u,
+	option: d,
+	active: f,
+	icon: p,
+	label: m,
+	empty: h
+};
+//#endregion
+export { f as active, g as default, n as dialog, h as empty, c as group, l as groupHeading, u as groupList, p as icon, o as input, i as inputRow, m as label, s as list, d as option, e as overlay, a as searchIcon, t as tempestFadeIn, r as tempestModalIn };
+
+//# sourceMappingURL=Command.module.js.map

package/dist/components/Command/Command.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Command.module.js","names":[],"sources":["../../../src/components/Command/Command.module.css"],"sourcesContent":[".overlay {\n    position: fixed;\n    inset: 0;\n    background-color: rgba(15, 23, 42, 0.55);\n    backdrop-filter: blur(2px);\n    -webkit-backdrop-filter: blur(2px);\n    display: flex;\n    align-items: flex-start;\n    justify-content: center;\n    padding: max(10vh, var(--tempest-safe-area-top)) var(--tempest-space-4) var(--tempest-space-4)\n        var(--tempest-space-4);\n    z-index: var(--tempest-z-modal);\n    animation: tempest-fade-in var(--tempest-duration-base) var(--tempest-ease-out);\n}\n\n.dialog {\n    background-color: var(--tempest-bg);\n    color: var(--tempest-text);\n    border-radius: var(--tempest-radius-xl);\n    box-shadow: var(--tempest-shadow-xl);\n    border: 1px solid var(--tempest-border);\n    width: 100%;\n    max-width: 640px;\n    max-height: 70vh;\n    max-height: 70dvh;\n    display: flex;\n    flex-direction: column;\n    overflow: hidden;\n    animation: tempest-modal-in var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.inputRow {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-4) var(--tempest-space-5);\n    border-bottom: 1px solid var(--tempest-border);\n}\n\n.searchIcon {\n    color: var(--tempest-text-muted);\n    flex-shrink: 0;\n}\n\n.input {\n    flex: 1;\n    min-width: 0;\n    border: none;\n    outline: none;\n    background: transparent;\n    color: var(--tempest-text);\n    font-size: var(--tempest-text-base);\n    line-height: var(--tempest-leading-normal);\n}\n\n.input::placeholder {\n    color: var(--tempest-text-muted);\n}\n\n.list {\n    list-style: none;\n    margin: 0;\n    padding: var(--tempest-space-2);\n    overflow-y: auto;\n}\n\n.group {\n    list-style: none;\n}\n\n.group + .group {\n    margin-top: var(--tempest-space-2);\n}\n\n.groupHeading {\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    font-size: var(--tempest-text-xs);\n    font-weight: var(--tempest-weight-semibold);\n    text-transform: uppercase;\n    letter-spacing: 0.04em;\n    color: var(--tempest-text-muted);\n}\n\n.groupList {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n}\n\n.option {\n    display: flex;\n    align-items: center;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-2) var(--tempest-space-3);\n    border-radius: var(--tempest-radius-md);\n    cursor: pointer;\n    color: var(--tempest-text);\n    transition: var(--tempest-transition-color);\n}\n\n.option.active {\n    background-color: var(--tempest-surface);\n}\n\n.icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--tempest-text-muted);\n    flex-shrink: 0;\n}\n\n.label {\n    flex: 1;\n    min-width: 0;\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n\n.empty {\n    list-style: none;\n    padding: var(--tempest-space-6) var(--tempest-space-3);\n    text-align: center;\n    color: var(--tempest-text-muted);\n    font-size: var(--tempest-text-sm);\n}\n\n@keyframes tempest-fade-in {\n    from {\n        opacity: 0;\n    }\n    to {\n        opacity: 1;\n    }\n}\n\n@keyframes tempest-modal-in {\n    from {\n        opacity: 0;\n        transform: translateY(-12px) scale(0.98);\n    }\n    to {\n        opacity: 1;\n        transform: translateY(0) scale(1);\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .overlay,\n    .dialog {\n        animation: none;\n    }\n}\n"],"mappings":""}

package/dist/components/ConditionalWrapper/ConditionalWrapper.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("react/jsx-runtime");function o({condition:r,wrapper:n,children:e}){return r?n(e):t.jsx(t.Fragment,{children:e})}exports.ConditionalWrapper=o;
-//# sourceMappingURL=ConditionalWrapper.cjs.map
+let e=require("react/jsx-runtime");function t({condition:t,wrapper:n,children:r}){return t?n(r):(0,e.jsx)(e.Fragment,{children:r})}exports.ConditionalWrapper=t;
+//# sourceMappingURL=ConditionalWrapper.cjs.map

package/dist/components/ConditionalWrapper/ConditionalWrapper.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionalWrapper.cjs","sources":["../../../src/components/ConditionalWrapper/ConditionalWrapper.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport interface ConditionalWrapperProps {\n    /** When `true`, the children are passed through `wrapper`. */\n    condition: boolean;\n    /** Wrapping function applied to the children when `condition` is `true`. */\n    wrapper: (children: ReactNode) => ReactNode;\n    /** Content that may be wrapped. */\n    children: ReactNode;\n}\n\n/**\n * Conditionally wraps its children with `wrapper`.\n *\n * Renders `wrapper(children)` when `condition` is `true`, otherwise renders the\n * children unchanged. Avoids duplicating a subtree just to add an optional\n * wrapping element (e.g. a link, tooltip or boundary).\n *\n * @param props - The conditional-wrapper props.\n * @returns The wrapped children when `condition` is `true`, else the children.\n */\nexport function ConditionalWrapper({\n    condition,\n    wrapper,\n    children,\n}: ConditionalWrapperProps): ReactNode {\n    return condition ? wrapper(children) : <>{children}</>;\n}\n"],"names":["ConditionalWrapper","condition","wrapper","children"],"mappings":"qHAqBO,SAASA,EAAmB,CAC/B,UAAAC,EACA,QAAAC,EACA,SAAAC,CACJ,EAAuC,CACnC,OAAOF,EAAYC,EAAQC,CAAQ,oBAAO,SAAAA,EAAS,CACvD"}
+{"version":3,"file":"ConditionalWrapper.cjs","names":[],"sources":["../../../src/components/ConditionalWrapper/ConditionalWrapper.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport interface ConditionalWrapperProps {\n    /** When `true`, the children are passed through `wrapper`. */\n    condition: boolean;\n    /** Wrapping function applied to the children when `condition` is `true`. */\n    wrapper: (children: ReactNode) => ReactNode;\n    /** Content that may be wrapped. */\n    children: ReactNode;\n}\n\n/**\n * Conditionally wraps its children with `wrapper`.\n *\n * Renders `wrapper(children)` when `condition` is `true`, otherwise renders the\n * children unchanged. Avoids duplicating a subtree just to add an optional\n * wrapping element (e.g. a link, tooltip or boundary).\n *\n * @param props - The conditional-wrapper props.\n * @returns The wrapped children when `condition` is `true`, else the children.\n */\nexport function ConditionalWrapper({\n    condition,\n    wrapper,\n    children,\n}: ConditionalWrapperProps): ReactNode {\n    return condition ? wrapper(children) : <>{children}</>;\n}\n"],"mappings":"mCAqBA,SAAgB,EAAmB,CAC/B,YACA,UACA,YACmC,CACnC,OAAO,EAAY,EAAQ,CAAQ,GAAI,EAAA,EAAA,IAAA,CAAA,EAAA,SAAA,CAAG,UAAW,CAAA,CACzD"}

package/dist/components/ConditionalWrapper/ConditionalWrapper.js

@@ -1,12 +1,9 @@
-import { jsx as n, Fragment as p } from "react/jsx-runtime";
-function e({
-  condition: o,
-  wrapper: t,
-  children: r
-}) {
-  return o ? t(r) : /* @__PURE__ */ n(p, { children: r });
+import { Fragment as e, jsx as t } from "react/jsx-runtime";
+//#region src/components/ConditionalWrapper/ConditionalWrapper.tsx
+function n({ condition: n, wrapper: r, children: i }) {
+	return n ? r(i) : /* @__PURE__ */ t(e, { children: i });
 }
-export {
-  e as ConditionalWrapper
-};
-//# sourceMappingURL=ConditionalWrapper.js.map
+//#endregion
+export { n as ConditionalWrapper };
+
+//# sourceMappingURL=ConditionalWrapper.js.map

package/dist/components/ConditionalWrapper/ConditionalWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"ConditionalWrapper.js","sources":["../../../src/components/ConditionalWrapper/ConditionalWrapper.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport interface ConditionalWrapperProps {\n    /** When `true`, the children are passed through `wrapper`. */\n    condition: boolean;\n    /** Wrapping function applied to the children when `condition` is `true`. */\n    wrapper: (children: ReactNode) => ReactNode;\n    /** Content that may be wrapped. */\n    children: ReactNode;\n}\n\n/**\n * Conditionally wraps its children with `wrapper`.\n *\n * Renders `wrapper(children)` when `condition` is `true`, otherwise renders the\n * children unchanged. Avoids duplicating a subtree just to add an optional\n * wrapping element (e.g. a link, tooltip or boundary).\n *\n * @param props - The conditional-wrapper props.\n * @returns The wrapped children when `condition` is `true`, else the children.\n */\nexport function ConditionalWrapper({\n    condition,\n    wrapper,\n    children,\n}: ConditionalWrapperProps): ReactNode {\n    return condition ? wrapper(children) : <>{children}</>;\n}\n"],"names":["ConditionalWrapper","condition","wrapper","children"],"mappings":";AAqBO,SAASA,EAAmB;AAAA,EAC/B,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC;AACJ,GAAuC;AACnC,SAAOF,IAAYC,EAAQC,CAAQ,2BAAO,UAAAA,GAAS;AACvD;"}
+{"version":3,"file":"ConditionalWrapper.js","names":[],"sources":["../../../src/components/ConditionalWrapper/ConditionalWrapper.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\n\nexport interface ConditionalWrapperProps {\n    /** When `true`, the children are passed through `wrapper`. */\n    condition: boolean;\n    /** Wrapping function applied to the children when `condition` is `true`. */\n    wrapper: (children: ReactNode) => ReactNode;\n    /** Content that may be wrapped. */\n    children: ReactNode;\n}\n\n/**\n * Conditionally wraps its children with `wrapper`.\n *\n * Renders `wrapper(children)` when `condition` is `true`, otherwise renders the\n * children unchanged. Avoids duplicating a subtree just to add an optional\n * wrapping element (e.g. a link, tooltip or boundary).\n *\n * @param props - The conditional-wrapper props.\n * @returns The wrapped children when `condition` is `true`, else the children.\n */\nexport function ConditionalWrapper({\n    condition,\n    wrapper,\n    children,\n}: ConditionalWrapperProps): ReactNode {\n    return condition ? wrapper(children) : <>{children}</>;\n}\n"],"mappings":";;AAqBA,SAAgB,EAAmB,EAC/B,cACA,YACA,eACmC;CACnC,OAAO,IAAY,EAAQ,CAAQ,IAAI,kBAAA,GAAA,EAAG,YAAW,CAAA;AACzD"}

package/dist/components/ConfirmDialog/ConfirmDialog.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react/jsx-runtime"),d=require("../Modal/Modal.cjs"),i=require("../Button/Button.cjs");function m({open:n,title:t,description:s,confirmLabel:l="Confirmar",cancelLabel:a="Cancelar",variant:c="primary",loading:e=!1,onConfirm:u,onCancel:o}){return r.jsx(d.Modal,{open:n,onClose:o,title:t,size:"sm",footer:r.jsxs(r.Fragment,{children:[r.jsx(i.Button,{variant:"secondary",onClick:o,disabled:e,children:a}),r.jsx(i.Button,{variant:c,loading:e,onClick:()=>{u()},children:l})]}),children:s})}exports.ConfirmDialog=m;
-//# sourceMappingURL=ConfirmDialog.cjs.map
+const e=require("../Button/Button.cjs"),t=require("../Modal/Modal.cjs");let n=require("react/jsx-runtime");function r({open:r,title:i,description:a,confirmLabel:o=`Confirmar`,cancelLabel:s=`Cancelar`,variant:c=`primary`,loading:l=!1,onConfirm:u,onCancel:d}){return(0,n.jsx)(t.Modal,{open:r,onClose:d,title:i,size:`sm`,footer:(0,n.jsxs)(n.Fragment,{children:[(0,n.jsx)(e.Button,{variant:`secondary`,onClick:d,disabled:l,children:s}),(0,n.jsx)(e.Button,{variant:c,loading:l,onClick:()=>void u(),children:o})]}),children:a})}exports.ConfirmDialog=r;
+//# sourceMappingURL=ConfirmDialog.cjs.map

package/dist/components/ConfirmDialog/ConfirmDialog.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ConfirmDialog.cjs","sources":["../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button } from \"@/components/Button\";\nimport { Modal } from \"@/components/Modal\";\n\nexport interface ConfirmDialogProps {\n    open: boolean;\n    title: ReactNode;\n    description?: ReactNode;\n    confirmLabel?: string;\n    cancelLabel?: string;\n    variant?: \"primary\" | \"danger\";\n    loading?: boolean;\n    onConfirm: () => void | Promise<void>;\n    onCancel: () => void;\n}\n\n/**\n * Quick confirmation prompt built on top of {@link Modal}. Use for destructive\n * actions with `variant=\"danger\"`.\n */\nexport function ConfirmDialog({\n    open,\n    title,\n    description,\n    confirmLabel = \"Confirmar\",\n    cancelLabel = \"Cancelar\",\n    variant = \"primary\",\n    loading = false,\n    onConfirm,\n    onCancel,\n}: ConfirmDialogProps) {\n    return (\n        <Modal\n            open={open}\n            onClose={onCancel}\n            title={title}\n            size=\"sm\"\n            footer={\n                <>\n                    <Button variant=\"secondary\" onClick={onCancel} disabled={loading}>\n                        {cancelLabel}\n                    </Button>\n                    <Button variant={variant} loading={loading} onClick={() => void onConfirm()}>\n                        {confirmLabel}\n                    </Button>\n                </>\n            }\n        >\n            {description}\n        </Modal>\n    );\n}\n"],"names":["ConfirmDialog","open","title","description","confirmLabel","cancelLabel","variant","loading","onConfirm","onCancel","jsx","Modal","jsxs","Fragment","Button"],"mappings":"uLAoBO,SAASA,EAAc,CAC1B,KAAAC,EACA,MAAAC,EACA,YAAAC,EACA,aAAAC,EAAe,YACf,YAAAC,EAAc,WACd,QAAAC,EAAU,UACV,QAAAC,EAAU,GACV,UAAAC,EACA,SAAAC,CACJ,EAAuB,CACnB,OACIC,EAAAA,IAACC,EAAAA,MAAA,CACG,KAAAV,EACA,QAASQ,EACT,MAAAP,EACA,KAAK,KACL,OACIU,EAAAA,KAAAC,WAAA,CACI,SAAA,CAAAH,EAAAA,IAACI,EAAAA,QAAO,QAAQ,YAAY,QAASL,EAAU,SAAUF,EACpD,SAAAF,CAAA,CACL,EACAK,MAACI,EAAAA,QAAO,QAAAR,EAAkB,QAAAC,EAAkB,QAAS,IAAA,CAAWC,EAAA,GAC3D,SAAAJ,CAAA,CACL,CAAA,EACJ,EAGH,SAAAD,CAAA,CAAA,CAGb"}
+{"version":3,"file":"ConfirmDialog.cjs","names":[],"sources":["../../../src/components/ConfirmDialog/ConfirmDialog.tsx"],"sourcesContent":["import type { ReactNode } from \"react\";\nimport { Button } from \"@/components/Button\";\nimport { Modal } from \"@/components/Modal\";\n\nexport interface ConfirmDialogProps {\n    open: boolean;\n    title: ReactNode;\n    description?: ReactNode;\n    confirmLabel?: string;\n    cancelLabel?: string;\n    variant?: \"primary\" | \"danger\";\n    loading?: boolean;\n    onConfirm: () => void | Promise<void>;\n    onCancel: () => void;\n}\n\n/**\n * Quick confirmation prompt built on top of {@link Modal}. Use for destructive\n * actions with `variant=\"danger\"`.\n */\nexport function ConfirmDialog({\n    open,\n    title,\n    description,\n    confirmLabel = \"Confirmar\",\n    cancelLabel = \"Cancelar\",\n    variant = \"primary\",\n    loading = false,\n    onConfirm,\n    onCancel,\n}: ConfirmDialogProps) {\n    return (\n        <Modal\n            open={open}\n            onClose={onCancel}\n            title={title}\n            size=\"sm\"\n            footer={\n                <>\n                    <Button variant=\"secondary\" onClick={onCancel} disabled={loading}>\n                        {cancelLabel}\n                    </Button>\n                    <Button variant={variant} loading={loading} onClick={() => void onConfirm()}>\n                        {confirmLabel}\n                    </Button>\n                </>\n            }\n        >\n            {description}\n        </Modal>\n    );\n}\n"],"mappings":"2GAoBA,SAAgB,EAAc,CAC1B,OACA,QACA,cACA,eAAe,YACf,cAAc,WACd,UAAU,UACV,UAAU,GACV,YACA,YACmB,CACnB,OACI,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CACU,OACN,QAAS,EACF,QACP,KAAK,KACL,QACI,EAAA,EAAA,KAAA,CAAA,EAAA,SAAA,CAAA,SAAA,EACI,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CAAQ,QAAQ,YAAY,QAAS,EAAU,SAAU,WACpD,CACG,CAAA,GACR,EAAA,EAAA,IAAA,CAAC,EAAA,OAAD,CAAiB,UAAkB,UAAS,YAAe,KAAK,EAAU,WACrE,CACG,CAAA,CACV,CAAA,CAAA,WAGL,CACE,CAAA,CAEf"}