tempest-react-sdk 0.21.0 → 0.23.0

package/dist/components/Combobox/Combobox.js

@@ -0,0 +1,103 @@
+import { jsxs as E, jsx as n } from "react/jsx-runtime";
+import { useId as $, useRef as k, useState as h, useMemo as L, useCallback as M, useEffect as O } from "react";
+import { cn as g } from "../../utils/cn.js";
+import t from "./Combobox.module.css.js";
+function Q(a, r) {
+  return r ? a.label.toLowerCase().includes(r.toLowerCase()) : !0;
+}
+function G({
+  options: a,
+  value: r,
+  onChange: w,
+  label: b,
+  placeholder: A = "Selecione",
+  helperText: x,
+  error: f,
+  disabled: C,
+  filter: N = Q,
+  emptyMessage: R = "Nenhuma opção encontrada",
+  className: F
+}) {
+  const i = $(), m = k(null), I = k(null), [s, u] = h(!1), [p, v] = h(""), [y, o] = h(0), S = L(
+    () => a.find((e) => e.value === r)?.label ?? "",
+    [a, r]
+  ), d = L(
+    () => a.filter((e) => N(e, p)),
+    [a, N, p]
+  ), c = M(() => {
+    u(!1), v(""), o(0);
+  }, []), D = M(
+    (e) => {
+      e.disabled || (w(e.value), c());
+    },
+    [w, c]
+  );
+  O(() => {
+    if (!s) return;
+    const e = (l) => {
+      m.current && !m.current.contains(l.target) && c();
+    };
+    return window.addEventListener("mousedown", e), () => window.removeEventListener("mousedown", e);
+  }, [s, c]);
+  const j = (e) => {
+    if (e.key === "ArrowDown")
+      e.preventDefault(), u(!0), o((l) => Math.min(d.length - 1, l + 1));
+    else if (e.key === "ArrowUp")
+      e.preventDefault(), o((l) => Math.max(0, l - 1));
+    else if (e.key === "Enter") {
+      e.preventDefault();
+      const l = d[y];
+      l && D(l);
+    } else e.key === "Escape" && c();
+  };
+  return /* @__PURE__ */ E("div", { ref: m, className: g(t.wrapper, f && t.error, F), children: [
+    b && /* @__PURE__ */ n("label", { htmlFor: i, className: t.label, children: b }),
+    /* @__PURE__ */ E("div", { className: t.field, children: [
+      /* @__PURE__ */ n(
+        "input",
+        {
+          id: i,
+          ref: I,
+          type: "text",
+          role: "combobox",
+          "aria-expanded": s,
+          "aria-controls": `${i}-listbox`,
+          "aria-autocomplete": "list",
+          className: t.input,
+          placeholder: A,
+          disabled: C,
+          value: s ? p : S,
+          onFocus: () => u(!0),
+          onChange: (e) => {
+            v(e.target.value), u(!0), o(0);
+          },
+          onKeyDown: j
+        }
+      ),
+      /* @__PURE__ */ n("span", { className: t.caret, "aria-hidden": !0, children: "▾" })
+    ] }),
+    s && /* @__PURE__ */ n("ul", { id: `${i}-listbox`, role: "listbox", className: t.menu, children: d.length === 0 ? /* @__PURE__ */ n("li", { className: t.empty, children: R }) : d.map((e, l) => /* @__PURE__ */ n(
+      "li",
+      {
+        role: "option",
+        "aria-selected": e.value === r,
+        className: g(
+          t.option,
+          l === y && t.active,
+          e.value === r && t.selected
+        ),
+        onMouseEnter: () => o(l),
+        onMouseDown: (K) => {
+          K.preventDefault(), D(e);
+        },
+        children: e.label
+      },
+      e.value
+    )) }),
+    f ? /* @__PURE__ */ n("span", { className: t.errorText, children: f }) : x ? /* @__PURE__ */ n("span", { className: t.helper, children: x }) : null
+  ] });
+}
+export {
+  G as Combobox
+};
+//# sourceMappingURL=Combobox.js.map

package/dist/components/Combobox/Combobox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.js","sources":["../../../src/components/Combobox/Combobox.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useMemo, useRef, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./Combobox.module.css\";\n\nexport interface ComboboxOption {\n    value: string;\n    label: string;\n    disabled?: boolean;\n}\n\nexport interface ComboboxProps {\n    options: ComboboxOption[];\n    value: string;\n    onChange: (value: string) => void;\n    label?: string;\n    placeholder?: string;\n    helperText?: string;\n    error?: string;\n    disabled?: boolean;\n    /** Custom filter — return true to keep the option. Default is case-insensitive substring match on label. */\n    filter?: (option: ComboboxOption, query: string) => boolean;\n    /** Message shown when no option matches. */\n    emptyMessage?: string;\n    className?: string;\n}\n\nfunction defaultFilter(option: ComboboxOption, query: string): boolean {\n    if (!query) return true;\n    return option.label.toLowerCase().includes(query.toLowerCase());\n}\n\n/**\n * Combobox — text input with a filterable dropdown of options.\n *\n * Selecting an option fires `onChange(value)`. Typing filters the list.\n * Keyboard: ArrowUp/ArrowDown to navigate, Enter to select, Esc to close.\n */\nexport function Combobox({\n    options,\n    value,\n    onChange,\n    label,\n    placeholder = \"Selecione\",\n    helperText,\n    error,\n    disabled,\n    filter = defaultFilter,\n    emptyMessage = \"Nenhuma opção encontrada\",\n    className,\n}: ComboboxProps) {\n    const id = useId();\n    const rootRef = useRef<HTMLDivElement>(null);\n    const inputRef = useRef<HTMLInputElement>(null);\n    const [open, setOpen] = useState(false);\n    const [query, setQuery] = useState(\"\");\n    const [activeIndex, setActiveIndex] = useState(0);\n\n    const selectedLabel = useMemo(\n        () => options.find((o) => o.value === value)?.label ?? \"\",\n        [options, value],\n    );\n\n    const filtered = useMemo(\n        () => options.filter((o) => filter(o, query)),\n        [options, filter, query],\n    );\n\n    const closeAndReset = useCallback((): void => {\n        setOpen(false);\n        setQuery(\"\");\n        setActiveIndex(0);\n    }, []);\n\n    const handleSelect = useCallback(\n        (option: ComboboxOption): void => {\n            if (option.disabled) return;\n            onChange(option.value);\n            closeAndReset();\n        },\n        [onChange, closeAndReset],\n    );\n\n    useEffect(() => {\n        if (!open) return;\n        const onDown = (event: MouseEvent): void => {\n            if (rootRef.current && !rootRef.current.contains(event.target as Node)) {\n                closeAndReset();\n            }\n        };\n        window.addEventListener(\"mousedown\", onDown);\n        return () => window.removeEventListener(\"mousedown\", onDown);\n    }, [open, closeAndReset]);\n\n    const handleKeyDown = (event: React.KeyboardEvent<HTMLInputElement>): void => {\n        if (event.key === \"ArrowDown\") {\n            event.preventDefault();\n            setOpen(true);\n            setActiveIndex((current) => Math.min(filtered.length - 1, current + 1));\n        } else if (event.key === \"ArrowUp\") {\n            event.preventDefault();\n            setActiveIndex((current) => Math.max(0, current - 1));\n        } else if (event.key === \"Enter\") {\n            event.preventDefault();\n            const option = filtered[activeIndex];\n            if (option) handleSelect(option);\n        } else if (event.key === \"Escape\") {\n            closeAndReset();\n        }\n    };\n\n    return (\n        <div ref={rootRef} className={cn(styles.wrapper, error && styles.error, className)}>\n            {label && (\n                <label htmlFor={id} className={styles.label}>\n                    {label}\n                </label>\n            )}\n            <div className={styles.field}>\n                <input\n                    id={id}\n                    ref={inputRef}\n                    type=\"text\"\n                    role=\"combobox\"\n                    aria-expanded={open}\n                    aria-controls={`${id}-listbox`}\n                    aria-autocomplete=\"list\"\n                    className={styles.input}\n                    placeholder={placeholder}\n                    disabled={disabled}\n                    value={open ? query : selectedLabel}\n                    onFocus={() => setOpen(true)}\n                    onChange={(event) => {\n                        setQuery(event.target.value);\n                        setOpen(true);\n                        setActiveIndex(0);\n                    }}\n                    onKeyDown={handleKeyDown}\n                />\n                <span className={styles.caret} aria-hidden>\n                    ▾\n                </span>\n            </div>\n            {open && (\n                <ul id={`${id}-listbox`} role=\"listbox\" className={styles.menu}>\n                    {filtered.length === 0 ? (\n                        <li className={styles.empty}>{emptyMessage}</li>\n                    ) : (\n                        filtered.map((option, index) => (\n                            <li\n                                key={option.value}\n                                role=\"option\"\n                                aria-selected={option.value === value}\n                                className={cn(\n                                    styles.option,\n                                    index === activeIndex && styles.active,\n                                    option.value === value && styles.selected,\n                                )}\n                                onMouseEnter={() => setActiveIndex(index)}\n                                onMouseDown={(event) => {\n                                    event.preventDefault();\n                                    handleSelect(option);\n                                }}\n                            >\n                                {option.label}\n                            </li>\n                        ))\n                    )}\n                </ul>\n            )}\n            {error ? (\n                <span className={styles.errorText}>{error}</span>\n            ) : helperText ? (\n                <span className={styles.helper}>{helperText}</span>\n            ) : null}\n        </div>\n    );\n}\n"],"names":["defaultFilter","option","query","Combobox","options","value","onChange","label","placeholder","helperText","error","disabled","filter","emptyMessage","className","id","useId","rootRef","useRef","inputRef","open","setOpen","useState","setQuery","activeIndex","setActiveIndex","selectedLabel","useMemo","o","filtered","closeAndReset","useCallback","handleSelect","useEffect","onDown","event","handleKeyDown","current","jsxs","cn","styles","jsx","index"],"mappings":"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"}

package/dist/components/Combobox/Combobox.module.css.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_wrapper_TNvle",t="tempest_label_KVkZO",r="tempest_field_BenH0",p="tempest_input_-HTv1",s="tempest_caret_jRplQ",o="tempest_menu_zPQG3",n="tempest_option_vhhn5",l="tempest_active_XCgtX",c="tempest_selected_T6nm2",_="tempest_empty_Ahw5K",m="tempest_helper_OzB7V",a="tempest_errorText_X18sQ",i="tempest_error_bnVuM",u={wrapper:e,label:t,field:r,input:p,caret:s,menu:o,option:n,active:l,selected:c,empty:_,helper:m,errorText:a,error:i};exports.active=l;exports.caret=s;exports.default=u;exports.empty=_;exports.error=i;exports.errorText=a;exports.field=r;exports.helper=m;exports.input=p;exports.label=t;exports.menu=o;exports.option=n;exports.selected=c;exports.wrapper=e;
+//# sourceMappingURL=Combobox.module.css.cjs.map

package/dist/components/Combobox/Combobox.module.css.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/components/Combobox/Combobox.module.css.js

@@ -0,0 +1,32 @@
+const e = "tempest_wrapper_TNvle", t = "tempest_label_KVkZO", s = "tempest_field_BenH0", p = "tempest_input_-HTv1", r = "tempest_caret_jRplQ", n = "tempest_menu_zPQG3", o = "tempest_option_vhhn5", _ = "tempest_active_XCgtX", c = "tempest_selected_T6nm2", m = "tempest_empty_Ahw5K", l = "tempest_helper_OzB7V", a = "tempest_errorText_X18sQ", i = "tempest_error_bnVuM", u = {
+  wrapper: e,
+  label: t,
+  field: s,
+  input: p,
+  caret: r,
+  menu: n,
+  option: o,
+  active: _,
+  selected: c,
+  empty: m,
+  helper: l,
+  errorText: a,
+  error: i
+};
+export {
+  _ as active,
+  r as caret,
+  u as default,
+  m as empty,
+  i as error,
+  a as errorText,
+  s as field,
+  l as helper,
+  p as input,
+  t as label,
+  n as menu,
+  o as option,
+  c as selected,
+  e as wrapper
+};
+//# sourceMappingURL=Combobox.module.css.js.map

package/dist/components/Combobox/Combobox.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Combobox.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;"}

package/dist/components/Command/Command.cjs

@@ -0,0 +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

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

@@ -0,0 +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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"}

package/dist/components/Command/Command.js

@@ -0,0 +1,143 @@
+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));
+}
+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 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 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" })
+      ]
+    }
+  );
+}
+export {
+  T as Command
+};
+//# sourceMappingURL=Command.js.map

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

@@ -0,0 +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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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_overlay_drnPW",e="tempest_dialog_lPl6k",o="tempest_inputRow_KxWoQ",s="tempest_searchIcon_8PULr",p="tempest_input_D3HQr",n="tempest_list_5UzZU",i="tempest_group_vLaWy",c="tempest_groupHeading_d01fo",a="tempest_groupList_QFMjK",l="tempest_option_doqib",_="tempest_active_LdCIJ",r="tempest_icon_CyCCx",u="tempest_label_QePT-",g="tempest_empty_al68D",m={overlay:t,dialog:e,inputRow:o,searchIcon:s,input:p,list:n,group:i,groupHeading:c,groupList:a,option:l,active:_,icon:r,label:u,empty:g};exports.active=_;exports.default=m;exports.dialog=e;exports.empty=g;exports.group=i;exports.groupHeading=c;exports.groupList=a;exports.icon=r;exports.input=p;exports.inputRow=o;exports.label=u;exports.list=n;exports.option=l;exports.overlay=t;exports.searchIcon=s;
+//# sourceMappingURL=Command.module.css.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Command.module.css.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

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

@@ -0,0 +1,34 @@
+const t = "tempest_overlay_drnPW", e = "tempest_dialog_lPl6k", o = "tempest_inputRow_KxWoQ", s = "tempest_searchIcon_8PULr", p = "tempest_input_D3HQr", n = "tempest_list_5UzZU", i = "tempest_group_vLaWy", _ = "tempest_groupHeading_d01fo", c = "tempest_groupList_QFMjK", a = "tempest_option_doqib", l = "tempest_active_LdCIJ", r = "tempest_icon_CyCCx", m = "tempest_label_QePT-", u = "tempest_empty_al68D", g = {
+  overlay: t,
+  dialog: e,
+  inputRow: o,
+  searchIcon: s,
+  input: p,
+  list: n,
+  group: i,
+  groupHeading: _,
+  groupList: c,
+  option: a,
+  active: l,
+  icon: r,
+  label: m,
+  empty: u
+};
+export {
+  l as active,
+  g as default,
+  e as dialog,
+  u as empty,
+  i as group,
+  _ as groupHeading,
+  c as groupList,
+  r as icon,
+  p as input,
+  o as inputRow,
+  m as label,
+  n as list,
+  a as option,
+  t as overlay,
+  s as searchIcon
+};
+//# sourceMappingURL=Command.module.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Command.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;"}

package/dist/components/ConditionalWrapper/ConditionalWrapper.cjs

@@ -0,0 +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

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

@@ -0,0 +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"}

package/dist/components/ConditionalWrapper/ConditionalWrapper.js

@@ -0,0 +1,12 @@
+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 });
+}
+export {
+  e as ConditionalWrapper
+};
+//# sourceMappingURL=ConditionalWrapper.js.map

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

@@ -0,0 +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;"}

package/dist/components/ConfirmDialog/ConfirmDialog.cjs

@@ -0,0 +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

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

@@ -0,0 +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"}

package/dist/components/ConfirmDialog/ConfirmDialog.js

@@ -0,0 +1,35 @@
+import { jsx as r, jsxs as d, Fragment as f } from "react/jsx-runtime";
+import { Modal as p } from "../Modal/Modal.js";
+import { Button as n } from "../Button/Button.js";
+function x({
+  open: e,
+  title: m,
+  description: t,
+  confirmLabel: a = "Confirmar",
+  cancelLabel: l = "Cancelar",
+  variant: s = "primary",
+  loading: o = !1,
+  onConfirm: c,
+  onCancel: i
+}) {
+  return /* @__PURE__ */ r(
+    p,
+    {
+      open: e,
+      onClose: i,
+      title: m,
+      size: "sm",
+      footer: /* @__PURE__ */ d(f, { children: [
+        /* @__PURE__ */ r(n, { variant: "secondary", onClick: i, disabled: o, children: l }),
+        /* @__PURE__ */ r(n, { variant: s, loading: o, onClick: () => {
+          c();
+        }, children: a })
+      ] }),
+      children: t
+    }
+  );
+}
+export {
+  x as ConfirmDialog
+};
+//# sourceMappingURL=ConfirmDialog.js.map

package/dist/components/ConfirmDialog/ConfirmDialog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmDialog.js","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":";;;AAoBO,SAASA,EAAc;AAAA,EAC1B,MAAAC;AAAA,EACA,OAAAC;AAAA,EACA,aAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,aAAAC,IAAc;AAAA,EACd,SAAAC,IAAU;AAAA,EACV,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,UAAAC;AACJ,GAAuB;AACnB,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAAV;AAAA,MACA,SAASQ;AAAA,MACT,OAAAP;AAAA,MACA,MAAK;AAAA,MACL,QACI,gBAAAU,EAAAC,GAAA,EACI,UAAA;AAAA,QAAA,gBAAAH,EAACI,KAAO,SAAQ,aAAY,SAASL,GAAU,UAAUF,GACpD,UAAAF,EAAA,CACL;AAAA,QACA,gBAAAK,EAACI,KAAO,SAAAR,GAAkB,SAAAC,GAAkB,SAAS,MAAA;AAAM,UAAKC,EAAA;AAAA,WAC3D,UAAAJ,EAAA,CACL;AAAA,MAAA,GACJ;AAAA,MAGH,UAAAD;AAAA,IAAA;AAAA,EAAA;AAGb;"}

package/dist/components/ContextMenu/ContextMenu.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),s=require("react"),h=require("../../utils/cn.cjs"),u=require("./ContextMenu.module.css.cjs"),E=require("../Portal/Portal.cjs");function b(a){return"separator"in a&&a.separator===!0}function M({items:a,children:g,className:j}){const[f,m]=s.useState(!1),[y,v]=s.useState({x:0,y:0}),[i,c]=s.useState(-1),S=s.useId(),p=s.useRef(null),x=s.useRef([]),r=a.map((e,t)=>!b(e)&&!e.disabled?t:-1).filter(e=>e!==-1),d=s.useCallback(()=>{m(!1),c(-1)},[]),k=e=>{e.preventDefault(),v({x:e.clientX,y:e.clientY}),c(-1),m(!0)};s.useEffect(()=>{if(!f)return;const e=n=>{if(n.key==="Escape"){d();return}if(n.key==="ArrowDown"){n.preventDefault();const w=r.indexOf(i),l=r[(w+1)%r.length]??-1;c(l),x.current[l]?.focus()}if(n.key==="ArrowUp"){n.preventDefault();const w=r.indexOf(i),l=r[(w-1+r.length)%r.length]??-1;c(l),x.current[l]?.focus()}},t=n=>{p.current&&!p.current.contains(n.target)&&d()};return window.addEventListener("keydown",e),window.addEventListener("mousedown",t),()=>{window.removeEventListener("keydown",e),window.removeEventListener("mousedown",t)}},[f,i,r,d]);const C=e=>{e.onSelect?.(),d()};return o.jsxs(o.Fragment,{children:[o.jsx("span",{className:u.default.root,onContextMenu:k,children:g}),f&&o.jsx(E.Portal,{children:o.jsx("ul",{ref:p,id:S,role:"menu",className:h.cn(u.default.menu,j),style:{top:y.y,left:y.x},children:a.map((e,t)=>b(e)?o.jsx("li",{role:"separator",className:u.default.separator,"aria-hidden":!0},`separator-${t}`):o.jsx("li",{role:"none",children:o.jsx("button",{ref:n=>{x.current[t]=n},type:"button",role:"menuitem",className:h.cn(u.default.item,e.danger&&u.default.danger,i===t&&u.default.active),disabled:e.disabled,onClick:()=>C(e),onMouseEnter:()=>c(t),children:e.label})},`item-${t}`))})})]})}exports.ContextMenu=M;
+//# sourceMappingURL=ContextMenu.cjs.map

package/dist/components/ContextMenu/ContextMenu.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.cjs","sources":["../../../src/components/ContextMenu/ContextMenu.tsx"],"sourcesContent":["import { useCallback, useEffect, useId, useRef, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { Portal } from \"@/components/Portal\";\nimport styles from \"./ContextMenu.module.css\";\n\nexport type ContextMenuItem =\n    | {\n          label: ReactNode;\n          onSelect?: () => void;\n          disabled?: boolean;\n          danger?: boolean;\n      }\n    | { separator: true };\n\nexport interface ContextMenuProps {\n    /** Menu entries — selectable items and separators. */\n    items: ContextMenuItem[];\n    /** Trigger area. Right-clicking anywhere within opens the menu at the cursor. */\n    children: ReactNode;\n    /** Extra class names forwarded to the menu element. */\n    className?: string;\n}\n\ninterface Position {\n    x: number;\n    y: number;\n}\n\nfunction isSeparator(item: ContextMenuItem): item is { separator: true } {\n    return \"separator\" in item && item.separator === true;\n}\n\n/**\n * Right-click context menu.\n *\n * - Opens at the cursor position on `onContextMenu` (default browser menu suppressed).\n * - Rendered through a {@link Portal} so it escapes parent overflow/stacking contexts.\n * - Closes on outside click, Escape, or item selection.\n * - Arrow Up/Down move focus across selectable items; Enter activates the focused item.\n *\n * @param props - The context menu props.\n * @returns The trigger wrapper plus the portalled menu when open.\n */\nexport function ContextMenu({ items, children, className }: ContextMenuProps) {\n    const [open, setOpen] = useState(false);\n    const [position, setPosition] = useState<Position>({ x: 0, y: 0 });\n    const [activeIndex, setActiveIndex] = useState<number>(-1);\n    const id = useId();\n    const menuRef = useRef<HTMLUListElement>(null);\n    const itemRefs = useRef<Array<HTMLButtonElement | null>>([]);\n\n    const selectableIndexes = items\n        .map((item, index) => (!isSeparator(item) && !item.disabled ? index : -1))\n        .filter((i) => i !== -1);\n\n    const close = useCallback((): void => {\n        setOpen(false);\n        setActiveIndex(-1);\n    }, []);\n\n    const handleContextMenu = (event: React.MouseEvent): void => {\n        event.preventDefault();\n        setPosition({ x: event.clientX, y: event.clientY });\n        setActiveIndex(-1);\n        setOpen(true);\n    };\n\n    useEffect(() => {\n        if (!open) return;\n        const onKey = (event: KeyboardEvent): void => {\n            if (event.key === \"Escape\") {\n                close();\n                return;\n            }\n            if (event.key === \"ArrowDown\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const next = selectableIndexes[(current + 1) % selectableIndexes.length] ?? -1;\n                setActiveIndex(next);\n                itemRefs.current[next]?.focus();\n            }\n            if (event.key === \"ArrowUp\") {\n                event.preventDefault();\n                const current = selectableIndexes.indexOf(activeIndex);\n                const prev =\n                    selectableIndexes[\n                        (current - 1 + selectableIndexes.length) % selectableIndexes.length\n                    ] ?? -1;\n                setActiveIndex(prev);\n                itemRefs.current[prev]?.focus();\n            }\n        };\n        const onDown = (event: MouseEvent): void => {\n            if (menuRef.current && !menuRef.current.contains(event.target as Node)) close();\n        };\n        window.addEventListener(\"keydown\", onKey);\n        window.addEventListener(\"mousedown\", onDown);\n        return () => {\n            window.removeEventListener(\"keydown\", onKey);\n            window.removeEventListener(\"mousedown\", onDown);\n        };\n    }, [open, activeIndex, selectableIndexes, close]);\n\n    const handleSelect = (item: Extract<ContextMenuItem, { label: ReactNode }>): void => {\n        item.onSelect?.();\n        close();\n    };\n\n    return (\n        <>\n            <span className={styles.root} onContextMenu={handleContextMenu}>\n                {children}\n            </span>\n            {open && (\n                <Portal>\n                    <ul\n                        ref={menuRef}\n                        id={id}\n                        role=\"menu\"\n                        className={cn(styles.menu, className)}\n                        style={{ top: position.y, left: position.x }}\n                    >\n                        {items.map((item, index) => {\n                            if (isSeparator(item)) {\n                                return (\n                                    <li\n                                        key={`separator-${index}`}\n                                        role=\"separator\"\n                                        className={styles.separator}\n                                        aria-hidden\n                                    />\n                                );\n                            }\n                            return (\n                                <li key={`item-${index}`} role=\"none\">\n                                    <button\n                                        ref={(el) => {\n                                            itemRefs.current[index] = el;\n                                        }}\n                                        type=\"button\"\n                                        role=\"menuitem\"\n                                        className={cn(\n                                            styles.item,\n                                            item.danger && styles.danger,\n                                            activeIndex === index && styles.active,\n                                        )}\n                                        disabled={item.disabled}\n                                        onClick={() => handleSelect(item)}\n                                        onMouseEnter={() => setActiveIndex(index)}\n                                    >\n                                        {item.label}\n                                    </button>\n                                </li>\n                            );\n                        })}\n                    </ul>\n                </Portal>\n            )}\n        </>\n    );\n}\n"],"names":["isSeparator","item","ContextMenu","items","children","className","open","setOpen","useState","position","setPosition","activeIndex","setActiveIndex","id","useId","menuRef","useRef","itemRefs","selectableIndexes","index","i","close","useCallback","handleContextMenu","event","useEffect","onKey","current","next","prev","onDown","handleSelect","jsxs","Fragment","jsx","styles","Portal","cn","el"],"mappings":"oPA6BA,SAASA,EAAYC,EAAoD,CACrE,MAAO,cAAeA,GAAQA,EAAK,YAAc,EACrD,CAaO,SAASC,EAAY,CAAE,MAAAC,EAAO,SAAAC,EAAU,UAAAC,GAA+B,CAC1E,KAAM,CAACC,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAChC,CAACC,EAAUC,CAAW,EAAIF,EAAAA,SAAmB,CAAE,EAAG,EAAG,EAAG,EAAG,EAC3D,CAACG,EAAaC,CAAc,EAAIJ,EAAAA,SAAiB,EAAE,EACnDK,EAAKC,EAAAA,MAAA,EACLC,EAAUC,EAAAA,OAAyB,IAAI,EACvCC,EAAWD,EAAAA,OAAwC,EAAE,EAErDE,EAAoBf,EACrB,IAAI,CAACF,EAAMkB,IAAW,CAACnB,EAAYC,CAAI,GAAK,CAACA,EAAK,SAAWkB,EAAQ,EAAG,EACxE,OAAQC,GAAMA,IAAM,EAAE,EAErBC,EAAQC,EAAAA,YAAY,IAAY,CAClCf,EAAQ,EAAK,EACbK,EAAe,EAAE,CACrB,EAAG,CAAA,CAAE,EAECW,EAAqBC,GAAkC,CACzDA,EAAM,eAAA,EACNd,EAAY,CAAE,EAAGc,EAAM,QAAS,EAAGA,EAAM,QAAS,EAClDZ,EAAe,EAAE,EACjBL,EAAQ,EAAI,CAChB,EAEAkB,EAAAA,UAAU,IAAM,CACZ,GAAI,CAACnB,EAAM,OACX,MAAMoB,EAASF,GAA+B,CAC1C,GAAIA,EAAM,MAAQ,SAAU,CACxBH,EAAA,EACA,MACJ,CACA,GAAIG,EAAM,MAAQ,YAAa,CAC3BA,EAAM,eAAA,EACN,MAAMG,EAAUT,EAAkB,QAAQP,CAAW,EAC/CiB,EAAOV,GAAmBS,EAAU,GAAKT,EAAkB,MAAM,GAAK,GAC5EN,EAAegB,CAAI,EACnBX,EAAS,QAAQW,CAAI,GAAG,MAAA,CAC5B,CACA,GAAIJ,EAAM,MAAQ,UAAW,CACzBA,EAAM,eAAA,EACN,MAAMG,EAAUT,EAAkB,QAAQP,CAAW,EAC/CkB,EACFX,GACKS,EAAU,EAAIT,EAAkB,QAAUA,EAAkB,MACjE,GAAK,GACTN,EAAeiB,CAAI,EACnBZ,EAAS,QAAQY,CAAI,GAAG,MAAA,CAC5B,CACJ,EACMC,EAAUN,GAA4B,CACpCT,EAAQ,SAAW,CAACA,EAAQ,QAAQ,SAASS,EAAM,MAAc,GAAGH,EAAA,CAC5E,EACA,cAAO,iBAAiB,UAAWK,CAAK,EACxC,OAAO,iBAAiB,YAAaI,CAAM,EACpC,IAAM,CACT,OAAO,oBAAoB,UAAWJ,CAAK,EAC3C,OAAO,oBAAoB,YAAaI,CAAM,CAClD,CACJ,EAAG,CAACxB,EAAMK,EAAaO,EAAmBG,CAAK,CAAC,EAEhD,MAAMU,EAAgB9B,GAA+D,CACjFA,EAAK,WAAA,EACLoB,EAAA,CACJ,EAEA,OACIW,EAAAA,KAAAC,WAAA,CACI,SAAA,CAAAC,MAAC,QAAK,UAAWC,EAAAA,QAAO,KAAM,cAAeZ,EACxC,SAAAnB,EACL,EACCE,SACI8B,SAAA,CACG,SAAAF,EAAAA,IAAC,KAAA,CACG,IAAKnB,EACL,GAAAF,EACA,KAAK,OACL,UAAWwB,EAAAA,GAAGF,UAAO,KAAM9B,CAAS,EACpC,MAAO,CAAE,IAAKI,EAAS,EAAG,KAAMA,EAAS,CAAA,EAExC,SAAAN,EAAM,IAAI,CAACF,EAAMkB,IACVnB,EAAYC,CAAI,EAEZiC,EAAAA,IAAC,KAAA,CAEG,KAAK,YACL,UAAWC,EAAAA,QAAO,UAClB,cAAW,EAAA,EAHN,aAAahB,CAAK,EAAA,EAQ/Be,EAAAA,IAAC,KAAA,CAAyB,KAAK,OAC3B,SAAAA,EAAAA,IAAC,SAAA,CACG,IAAMI,GAAO,CACTrB,EAAS,QAAQE,CAAK,EAAImB,CAC9B,EACA,KAAK,SACL,KAAK,WACL,UAAWD,EAAAA,GACPF,EAAAA,QAAO,KACPlC,EAAK,QAAUkC,EAAAA,QAAO,OACtBxB,IAAgBQ,GAASgB,UAAO,MAAA,EAEpC,SAAUlC,EAAK,SACf,QAAS,IAAM8B,EAAa9B,CAAI,EAChC,aAAc,IAAMW,EAAeO,CAAK,EAEvC,SAAAlB,EAAK,KAAA,CAAA,CACV,EAjBK,QAAQkB,CAAK,EAkBtB,CAEP,CAAA,CAAA,CACL,CACJ,CAAA,EAER,CAER"}