tempest-react-sdk 0.22.0 → 0.23.0

package/dist/components/ContextMenu/ContextMenu.js

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

package/dist/components/ContextMenu/ContextMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContextMenu.js","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":"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"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e="tempest_root_OxRHj",t="tempest_menu_MDn4t",o="tempest_item_PoiMY",s="tempest_active_ATcDu",r="tempest_danger_COgly",a="tempest_separator_omuCz",n={root:e,menu:t,item:o,active:s,danger:r,separator:a};exports.active=s;exports.danger=r;exports.default=n;exports.item=o;exports.menu=t;exports.root=e;exports.separator=a;
+//# sourceMappingURL=ContextMenu.module.css.cjs.map

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

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

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

@@ -0,0 +1,18 @@
+const t = "tempest_root_OxRHj", e = "tempest_menu_MDn4t", o = "tempest_item_PoiMY", s = "tempest_active_ATcDu", a = "tempest_danger_COgly", n = "tempest_separator_omuCz", m = {
+  root: t,
+  menu: e,
+  item: o,
+  active: s,
+  danger: a,
+  separator: n
+};
+export {
+  s as active,
+  a as danger,
+  m as default,
+  o as item,
+  e as menu,
+  t as root,
+  n as separator
+};
+//# sourceMappingURL=ContextMenu.module.css.js.map

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

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

package/dist/components/CopyButton/CopyButton.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const y=require("react/jsx-runtime"),t=require("react"),b=require("../../utils/cn.cjs"),a=require("./CopyButton.module.css.cjs");function m({value:u,timeout:n=2e3,children:l,onCopied:c,className:s,onClick:o,...d}){const[r,i]=t.useState(!1),e=t.useRef(null);t.useEffect(()=>()=>{e.current!==null&&clearTimeout(e.current)},[]);const f=t.useCallback(async p=>{o?.(p);try{await navigator.clipboard.writeText(u),i(!0),c?.(),e.current!==null&&clearTimeout(e.current),e.current=setTimeout(()=>i(!1),n)}catch{}},[u,n,c,o]);return y.jsx("button",{type:"button",className:b.cn(a.default.button,r&&a.default.copied,s),"data-copied":r||void 0,onClick:f,...d,children:l??(r?"Copied":"Copy")})}exports.CopyButton=m;
+//# sourceMappingURL=CopyButton.cjs.map

package/dist/components/CopyButton/CopyButton.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.cjs","sources":["../../../src/components/CopyButton/CopyButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./CopyButton.module.css\";\n\nexport interface CopyButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Text written to the clipboard when the button is clicked. */\n    value: string;\n    /** How long (ms) the \"copied\" state stays active before resetting. Defaults to 2000. */\n    timeout?: number;\n    /** Optional label. Falls back to \"Copy\" / \"Copied\" based on state. */\n    children?: ReactNode;\n    /** Called after a successful clipboard write. */\n    onCopied?: () => void;\n}\n\n/**\n * Button that copies a string to the clipboard and shows a transient \"copied\"\n * state for `timeout` milliseconds.\n *\n * When `children` are provided they are rendered in both states; otherwise the\n * label toggles between \"Copy\" and \"Copied\". The reset timer is cleared on\n * unmount to avoid setting state on an unmounted component.\n *\n * @example\n * <CopyButton value=\"npm i tempest-react-sdk\" />\n */\nexport function CopyButton({\n    value,\n    timeout = 2000,\n    children,\n    onCopied,\n    className,\n    onClick,\n    ...props\n}: CopyButtonProps) {\n    const [copied, setCopied] = useState(false);\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n        return () => {\n            if (timerRef.current !== null) clearTimeout(timerRef.current);\n        };\n    }, []);\n\n    const handleClick = useCallback(\n        async (event: React.MouseEvent<HTMLButtonElement>) => {\n            onClick?.(event);\n            try {\n                await navigator.clipboard.writeText(value);\n                setCopied(true);\n                onCopied?.();\n                if (timerRef.current !== null) clearTimeout(timerRef.current);\n                timerRef.current = setTimeout(() => setCopied(false), timeout);\n            } catch {\n                /* clipboard unavailable — silently ignore */\n            }\n        },\n        [value, timeout, onCopied, onClick],\n    );\n\n    return (\n        <button\n            type=\"button\"\n            className={cn(styles.button, copied && styles.copied, className)}\n            data-copied={copied || undefined}\n            onClick={handleClick}\n            {...props}\n        >\n            {children ?? (copied ? \"Copied\" : \"Copy\")}\n        </button>\n    );\n}\n"],"names":["CopyButton","value","timeout","children","onCopied","className","onClick","props","copied","setCopied","useState","timerRef","useRef","useEffect","handleClick","useCallback","event","jsx","cn","styles"],"mappings":"iNA2BO,SAASA,EAAW,CACvB,MAAAC,EACA,QAAAC,EAAU,IACV,SAAAC,EACA,SAAAC,EACA,UAAAC,EACA,QAAAC,EACA,GAAGC,CACP,EAAoB,CAChB,KAAM,CAACC,EAAQC,CAAS,EAAIC,EAAAA,SAAS,EAAK,EACpCC,EAAWC,EAAAA,OAA6C,IAAI,EAElEC,EAAAA,UAAU,IACC,IAAM,CACLF,EAAS,UAAY,MAAM,aAAaA,EAAS,OAAO,CAChE,EACD,CAAA,CAAE,EAEL,MAAMG,EAAcC,EAAAA,YAChB,MAAOC,GAA+C,CAClDV,IAAUU,CAAK,EACf,GAAI,CACA,MAAM,UAAU,UAAU,UAAUf,CAAK,EACzCQ,EAAU,EAAI,EACdL,IAAA,EACIO,EAAS,UAAY,MAAM,aAAaA,EAAS,OAAO,EAC5DA,EAAS,QAAU,WAAW,IAAMF,EAAU,EAAK,EAAGP,CAAO,CACjE,MAAQ,CAER,CACJ,EACA,CAACD,EAAOC,EAASE,EAAUE,CAAO,CAAA,EAGtC,OACIW,EAAAA,IAAC,SAAA,CACG,KAAK,SACL,UAAWC,EAAAA,GAAGC,UAAO,OAAQX,GAAUW,EAAAA,QAAO,OAAQd,CAAS,EAC/D,cAAaG,GAAU,OACvB,QAASM,EACR,GAAGP,EAEH,SAAAJ,IAAaK,EAAS,SAAW,OAAA,CAAA,CAG9C"}

package/dist/components/CopyButton/CopyButton.js

@@ -0,0 +1,43 @@
+import { jsx as m } from "react/jsx-runtime";
+import { useState as d, useRef as y, useEffect as b, useCallback as C } from "react";
+import { cn as T } from "../../utils/cn.js";
+import u from "./CopyButton.module.css.js";
+function R({
+  value: r,
+  timeout: o = 2e3,
+  children: a,
+  onCopied: c,
+  className: l,
+  onClick: n,
+  ...s
+}) {
+  const [e, i] = d(!1), t = y(null);
+  b(() => () => {
+    t.current !== null && clearTimeout(t.current);
+  }, []);
+  const f = C(
+    async (p) => {
+      n?.(p);
+      try {
+        await navigator.clipboard.writeText(r), i(!0), c?.(), t.current !== null && clearTimeout(t.current), t.current = setTimeout(() => i(!1), o);
+      } catch {
+      }
+    },
+    [r, o, c, n]
+  );
+  return /* @__PURE__ */ m(
+    "button",
+    {
+      type: "button",
+      className: T(u.button, e && u.copied, l),
+      "data-copied": e || void 0,
+      onClick: f,
+      ...s,
+      children: a ?? (e ? "Copied" : "Copy")
+    }
+  );
+}
+export {
+  R as CopyButton
+};
+//# sourceMappingURL=CopyButton.js.map

package/dist/components/CopyButton/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sources":["../../../src/components/CopyButton/CopyButton.tsx"],"sourcesContent":["import type { ButtonHTMLAttributes, ReactNode } from \"react\";\nimport { useCallback, useEffect, useRef, useState } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./CopyButton.module.css\";\n\nexport interface CopyButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {\n    /** Text written to the clipboard when the button is clicked. */\n    value: string;\n    /** How long (ms) the \"copied\" state stays active before resetting. Defaults to 2000. */\n    timeout?: number;\n    /** Optional label. Falls back to \"Copy\" / \"Copied\" based on state. */\n    children?: ReactNode;\n    /** Called after a successful clipboard write. */\n    onCopied?: () => void;\n}\n\n/**\n * Button that copies a string to the clipboard and shows a transient \"copied\"\n * state for `timeout` milliseconds.\n *\n * When `children` are provided they are rendered in both states; otherwise the\n * label toggles between \"Copy\" and \"Copied\". The reset timer is cleared on\n * unmount to avoid setting state on an unmounted component.\n *\n * @example\n * <CopyButton value=\"npm i tempest-react-sdk\" />\n */\nexport function CopyButton({\n    value,\n    timeout = 2000,\n    children,\n    onCopied,\n    className,\n    onClick,\n    ...props\n}: CopyButtonProps) {\n    const [copied, setCopied] = useState(false);\n    const timerRef = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n    useEffect(() => {\n        return () => {\n            if (timerRef.current !== null) clearTimeout(timerRef.current);\n        };\n    }, []);\n\n    const handleClick = useCallback(\n        async (event: React.MouseEvent<HTMLButtonElement>) => {\n            onClick?.(event);\n            try {\n                await navigator.clipboard.writeText(value);\n                setCopied(true);\n                onCopied?.();\n                if (timerRef.current !== null) clearTimeout(timerRef.current);\n                timerRef.current = setTimeout(() => setCopied(false), timeout);\n            } catch {\n                /* clipboard unavailable — silently ignore */\n            }\n        },\n        [value, timeout, onCopied, onClick],\n    );\n\n    return (\n        <button\n            type=\"button\"\n            className={cn(styles.button, copied && styles.copied, className)}\n            data-copied={copied || undefined}\n            onClick={handleClick}\n            {...props}\n        >\n            {children ?? (copied ? \"Copied\" : \"Copy\")}\n        </button>\n    );\n}\n"],"names":["CopyButton","value","timeout","children","onCopied","className","onClick","props","copied","setCopied","useState","timerRef","useRef","useEffect","handleClick","useCallback","event","jsx","cn","styles"],"mappings":";;;;AA2BO,SAASA,EAAW;AAAA,EACvB,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,SAAAC;AAAA,EACA,GAAGC;AACP,GAAoB;AAChB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAS,EAAK,GACpCC,IAAWC,EAA6C,IAAI;AAElE,EAAAC,EAAU,MACC,MAAM;AACT,IAAIF,EAAS,YAAY,QAAM,aAAaA,EAAS,OAAO;AAAA,EAChE,GACD,CAAA,CAAE;AAEL,QAAMG,IAAcC;AAAA,IAChB,OAAOC,MAA+C;AAClD,MAAAV,IAAUU,CAAK;AACf,UAAI;AACA,cAAM,UAAU,UAAU,UAAUf,CAAK,GACzCQ,EAAU,EAAI,GACdL,IAAA,GACIO,EAAS,YAAY,QAAM,aAAaA,EAAS,OAAO,GAC5DA,EAAS,UAAU,WAAW,MAAMF,EAAU,EAAK,GAAGP,CAAO;AAAA,MACjE,QAAQ;AAAA,MAER;AAAA,IACJ;AAAA,IACA,CAACD,GAAOC,GAASE,GAAUE,CAAO;AAAA,EAAA;AAGtC,SACI,gBAAAW;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,MAAK;AAAA,MACL,WAAWC,EAAGC,EAAO,QAAQX,KAAUW,EAAO,QAAQd,CAAS;AAAA,MAC/D,eAAaG,KAAU;AAAA,MACvB,SAASM;AAAA,MACR,GAAGP;AAAA,MAEH,UAAAJ,MAAaK,IAAS,WAAW;AAAA,IAAA;AAAA,EAAA;AAG9C;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_button_58f9i",e="tempest_copied_WkLgR",o={button:t,copied:e};exports.button=t;exports.copied=e;exports.default=o;
+//# sourceMappingURL=CopyButton.module.css.cjs.map

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

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

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

@@ -0,0 +1,10 @@
+const t = "tempest_button_58f9i", e = "tempest_copied_WkLgR", o = {
+  button: t,
+  copied: e
+};
+export {
+  t as button,
+  e as copied,
+  o as default
+};
+//# sourceMappingURL=CopyButton.module.css.js.map

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

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

package/dist/components/DataList/DataList.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("react/jsx-runtime"),o=require("../../utils/cn.cjs"),s=require("./DataList.module.css.cjs");function d({items:l,renderItem:a,keyExtractor:n,empty:u,className:i,...c}){return l.length===0?e.jsx(e.Fragment,{children:u??null}):e.jsx("ul",{className:o.cn(s.default.list,i),...c,children:l.map((r,t)=>e.jsx("li",{className:s.default.item,children:a(r,t)},n?n(r,t):t))})}exports.DataList=d;
+//# sourceMappingURL=DataList.cjs.map

package/dist/components/DataList/DataList.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataList.cjs","sources":["../../../src/components/DataList/DataList.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DataList.module.css\";\n\nexport interface DataListProps<T> extends HTMLAttributes<HTMLUListElement> {\n    /** The collection to render, one `<li>` per item. */\n    items: readonly T[];\n    /** Renders the contents of each list item. */\n    renderItem: (item: T, index: number) => ReactNode;\n    /** Derives a stable React key for each item (defaults to the index). */\n    keyExtractor?: (item: T, index: number) => string | number;\n    /** Node rendered in place of the list when `items` is empty. */\n    empty?: ReactNode;\n}\n\n/**\n * Generic, typed list that renders a `<ul>` with one `<li>` per item.\n *\n * The component is generic over the item type so `renderItem` and\n * `keyExtractor` infer their argument types from `items`. When `items` is\n * empty it renders `empty` (or nothing) instead of an empty list.\n *\n * @param items - The collection to render.\n * @param renderItem - Renders the contents of each list item.\n * @param keyExtractor - Optional stable key derivation (defaults to index).\n * @param empty - Optional node shown when there are no items.\n * @returns The rendered list, or the `empty` node when there are no items.\n */\nexport function DataList<T>({\n    items,\n    renderItem,\n    keyExtractor,\n    empty,\n    className,\n    ...props\n}: DataListProps<T>) {\n    if (items.length === 0) {\n        return <>{empty ?? null}</>;\n    }\n\n    return (\n        <ul className={cn(styles.list, className)} {...props}>\n            {items.map((item, index) => (\n                <li key={keyExtractor ? keyExtractor(item, index) : index} className={styles.item}>\n                    {renderItem(item, index)}\n                </li>\n            ))}\n        </ul>\n    );\n}\n"],"names":["DataList","items","renderItem","keyExtractor","empty","className","props","jsx","Fragment","cn","styles","item","index"],"mappings":"4LA4BO,SAASA,EAAY,CACxB,MAAAC,EACA,WAAAC,EACA,aAAAC,EACA,MAAAC,EACA,UAAAC,EACA,GAAGC,CACP,EAAqB,CACjB,OAAIL,EAAM,SAAW,EACVM,EAAAA,IAAAC,EAAAA,SAAA,CAAG,YAAS,IAAA,CAAK,EAIxBD,EAAAA,IAAC,KAAA,CAAG,UAAWE,EAAAA,GAAGC,EAAAA,QAAO,KAAML,CAAS,EAAI,GAAGC,EAC1C,SAAAL,EAAM,IAAI,CAACU,EAAMC,IACdL,EAAAA,IAAC,KAAA,CAA0D,UAAWG,EAAAA,QAAO,KACxE,SAAAR,EAAWS,EAAMC,CAAK,CAAA,EADlBT,EAAeA,EAAaQ,EAAMC,CAAK,EAAIA,CAEpD,CACH,EACL,CAER"}

package/dist/components/DataList/DataList.js

@@ -0,0 +1,17 @@
+import { jsx as l, Fragment as c } from "react/jsx-runtime";
+import { cn as f } from "../../utils/cn.js";
+import i from "./DataList.module.css.js";
+function g({
+  items: t,
+  renderItem: s,
+  keyExtractor: m,
+  empty: a,
+  className: e,
+  ...o
+}) {
+  return t.length === 0 ? /* @__PURE__ */ l(c, { children: a ?? null }) : /* @__PURE__ */ l("ul", { className: f(i.list, e), ...o, children: t.map((n, r) => /* @__PURE__ */ l("li", { className: i.item, children: s(n, r) }, m ? m(n, r) : r)) });
+}
+export {
+  g as DataList
+};
+//# sourceMappingURL=DataList.js.map

package/dist/components/DataList/DataList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataList.js","sources":["../../../src/components/DataList/DataList.tsx"],"sourcesContent":["import type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DataList.module.css\";\n\nexport interface DataListProps<T> extends HTMLAttributes<HTMLUListElement> {\n    /** The collection to render, one `<li>` per item. */\n    items: readonly T[];\n    /** Renders the contents of each list item. */\n    renderItem: (item: T, index: number) => ReactNode;\n    /** Derives a stable React key for each item (defaults to the index). */\n    keyExtractor?: (item: T, index: number) => string | number;\n    /** Node rendered in place of the list when `items` is empty. */\n    empty?: ReactNode;\n}\n\n/**\n * Generic, typed list that renders a `<ul>` with one `<li>` per item.\n *\n * The component is generic over the item type so `renderItem` and\n * `keyExtractor` infer their argument types from `items`. When `items` is\n * empty it renders `empty` (or nothing) instead of an empty list.\n *\n * @param items - The collection to render.\n * @param renderItem - Renders the contents of each list item.\n * @param keyExtractor - Optional stable key derivation (defaults to index).\n * @param empty - Optional node shown when there are no items.\n * @returns The rendered list, or the `empty` node when there are no items.\n */\nexport function DataList<T>({\n    items,\n    renderItem,\n    keyExtractor,\n    empty,\n    className,\n    ...props\n}: DataListProps<T>) {\n    if (items.length === 0) {\n        return <>{empty ?? null}</>;\n    }\n\n    return (\n        <ul className={cn(styles.list, className)} {...props}>\n            {items.map((item, index) => (\n                <li key={keyExtractor ? keyExtractor(item, index) : index} className={styles.item}>\n                    {renderItem(item, index)}\n                </li>\n            ))}\n        </ul>\n    );\n}\n"],"names":["DataList","items","renderItem","keyExtractor","empty","className","props","jsx","Fragment","cn","styles","item","index"],"mappings":";;;AA4BO,SAASA,EAAY;AAAA,EACxB,OAAAC;AAAA,EACA,YAAAC;AAAA,EACA,cAAAC;AAAA,EACA,OAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,GAAqB;AACjB,SAAIL,EAAM,WAAW,IACV,gBAAAM,EAAAC,GAAA,EAAG,eAAS,KAAA,CAAK,IAIxB,gBAAAD,EAAC,MAAA,EAAG,WAAWE,EAAGC,EAAO,MAAML,CAAS,GAAI,GAAGC,GAC1C,UAAAL,EAAM,IAAI,CAACU,GAAMC,MACd,gBAAAL,EAAC,MAAA,EAA0D,WAAWG,EAAO,MACxE,UAAAR,EAAWS,GAAMC,CAAK,EAAA,GADlBT,IAAeA,EAAaQ,GAAMC,CAAK,IAAIA,CAEpD,CACH,GACL;AAER;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_list_bAP4Q",e="tempest_item_oRy5T",s={list:t,item:e};exports.default=s;exports.item=e;exports.list=t;
+//# sourceMappingURL=DataList.module.css.cjs.map

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

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

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

@@ -0,0 +1,10 @@
+const t = "tempest_list_bAP4Q", s = "tempest_item_oRy5T", e = {
+  list: t,
+  item: s
+};
+export {
+  e as default,
+  s as item,
+  t as list
+};
+//# sourceMappingURL=DataList.module.css.js.map

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

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

package/dist/components/DataTable/DataTable.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),s=require("react"),B=require("../../utils/cn.cjs"),p=require("./DataTable.module.css.cjs"),I=require("../../hooks/use-pagination.cjs"),L=require("../SearchBar/SearchBar.cjs"),O=require("../Table/Table.cjs"),R=require("../Pagination/Pagination.cjs");function _(t,r){return t==null&&r==null?0:t==null?-1:r==null?1:typeof t=="number"&&typeof r=="number"?t-r:t instanceof Date&&r instanceof Date?t.getTime()-r.getTime():typeof t=="boolean"&&typeof r=="boolean"?Number(t)-Number(r):String(t).localeCompare(String(r),void 0,{numeric:!0})}function E({data:t,columns:r,pageSize:a=10,searchable:m=!1,searchKeys:f,initialSort:P,rowKey:j=(d,k)=>k,emptyMessage:q,className:v,...x}){const[d,k]=s.useState(""),[i,C]=s.useState(P??null),{page:S,setPage:g}=I.usePagination(1,a),M=s.useMemo(()=>f&&f.length>0?f:r.filter(e=>{const n=t.find(l=>l[e.key]!=null),o=n?n[e.key]:void 0;return typeof o=="string"||typeof o=="number"}).map(e=>e.key),[f,r,t]),b=s.useMemo(()=>{const e=d.trim().toLowerCase();return!e||!m?t:t.filter(n=>M.some(o=>{const l=n[o];return l!=null&&String(l).toLowerCase().includes(e)}))},[t,d,m,M]),y=s.useMemo(()=>{if(!i)return b;const e=i.direction==="asc"?1:-1;return[...b].sort((n,o)=>_(n[i.key],o[i.key])*e)},[b,i]),u=Math.max(1,Math.ceil(y.length/a));s.useEffect(()=>{S>u&&g(u)},[S,u,g]);const h=Math.min(S,u),T=s.useMemo(()=>{const e=(h-1)*a;return y.slice(e,e+a)},[y,h,a]);function N(e){C(n=>!n||n.key!==e?{key:e,direction:"asc"}:n.direction==="asc"?{key:e,direction:"desc"}:null)}const D=s.useMemo(()=>r.map(e=>{const o=i?.key===e.key?i?.direction==="asc"?" ▲":" ▼":"",l=e.sortable?c.jsxs("button",{type:"button",className:p.default.sortButton,onClick:()=>N(e.key),"aria-label":`Ordenar por ${typeof e.header=="string"?e.header:String(e.key)}`,children:[e.header,c.jsx("span",{className:p.default.sortIndicator,"aria-hidden":!0,children:o})]}):e.header;return{key:String(e.key),header:l,align:e.align,priority:e.priority,width:e.width,render:e.render?w=>e.render(w):w=>w[e.key]??null}}),[r,i]);return c.jsxs("div",{className:B.cn(p.default.wrapper,v),...x,children:[m&&c.jsx(L.SearchBar,{value:d,onChange:e=>{k(e),g(1)},wrapperClassName:p.default.search}),c.jsx(O.Table,{columns:D,data:T,rowKey:(e,n)=>j(e,(h-1)*a+n),emptyMessage:q}),u>1&&c.jsx(R.Pagination,{page:h,totalPages:u,onPageChange:g,totalItems:y.length})]})}exports.DataTable=E;
+//# sourceMappingURL=DataTable.cjs.map

package/dist/components/DataTable/DataTable.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.cjs","sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { usePagination } from \"@/hooks\";\nimport { Table, type TableAlign, type TableColumn, type TablePriority } from \"../Table\";\nimport { Pagination } from \"../Pagination\";\nimport { SearchBar } from \"../SearchBar\";\nimport styles from \"./DataTable.module.css\";\n\nexport type SortDirection = \"asc\" | \"desc\";\n\nexport interface DataTableSort<T> {\n    key: keyof T;\n    direction: SortDirection;\n}\n\n/**\n * Column definition for {@link DataTable}. Extends the headless {@link Table}\n * column shape with a typed `key`, opt-in sorting, and the visual options that\n * are forwarded to the underlying Table cell.\n */\nexport interface DataTableColumn<T> {\n    /** Property of the row this column reads from. Doubles as the cell key. */\n    key: keyof T;\n    /** Column heading. */\n    header: ReactNode;\n    /** Custom cell renderer. Defaults to `String(row[key])`. */\n    render?: (row: T) => ReactNode;\n    /** Enable click-to-sort on this column's header. */\n    sortable?: boolean;\n    /** Text alignment forwarded to the Table cell. */\n    align?: TableAlign;\n    /** Responsive visibility priority forwarded to the Table cell. */\n    priority?: TablePriority;\n    /** Fixed column width forwarded to the Table cell. */\n    width?: string | number;\n}\n\nexport interface DataTableProps<T> extends HTMLAttributes<HTMLDivElement> {\n    /** Full, unfiltered dataset. Sorting/filtering/pagination happen client-side. */\n    data: T[];\n    /** Column definitions. */\n    columns: DataTableColumn<T>[];\n    /** Rows per page. Default 10. */\n    pageSize?: number;\n    /** Render a search input above the table. Default false. */\n    searchable?: boolean;\n    /**\n     * Keys to match the search term against. When omitted, every column whose\n     * value is a string or number is searched.\n     */\n    searchKeys?: (keyof T)[];\n    /** Initial sort applied before any header interaction. */\n    initialSort?: DataTableSort<T>;\n    /** Stable key extractor for rows. Defaults to the row index. */\n    rowKey?: (row: T, index: number) => string | number;\n    /** Content shown when no rows match. */\n    emptyMessage?: ReactNode;\n}\n\n/**\n * Compare two arbitrary cell values with stable, type-aware ordering:\n * numbers numerically, dates by timestamp, everything else by `localeCompare`.\n *\n * @param a - First value.\n * @param b - Second value.\n * @returns Negative when `a < b`, positive when `a > b`, zero when equal.\n */\nfunction compareValues(a: unknown, b: unknown): number {\n    if (a == null && b == null) return 0;\n    if (a == null) return -1;\n    if (b == null) return 1;\n    if (typeof a === \"number\" && typeof b === \"number\") return a - b;\n    if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();\n    if (typeof a === \"boolean\" && typeof b === \"boolean\") {\n        return Number(a) - Number(b);\n    }\n    return String(a).localeCompare(String(b), undefined, { numeric: true });\n}\n\n/**\n * Stateful, headless data table built on top of {@link Table}. Adds\n * client-side searching, click-to-sort columns, and pagination while\n * delegating all table markup to the underlying Table component.\n *\n * - Clicking a sortable header cycles asc → desc → unsorted.\n * - Search matches a case-insensitive substring across `searchKeys`\n *   (or every string/number column when not provided).\n * - Pagination is hidden when the result fits on a single page.\n *\n * The header memo depends on `columns` and `sort` only: `toggleSort` is\n * recreated each render but always closes over the same setter, so including it\n * would rebuild every header on every render without changing behaviour. That\n * is why `exhaustive-deps` is silenced on that dependency array.\n */\nexport function DataTable<T>({\n    data,\n    columns,\n    pageSize = 10,\n    searchable = false,\n    searchKeys,\n    initialSort,\n    rowKey = (_row, index) => index,\n    emptyMessage,\n    className,\n    ...rest\n}: DataTableProps<T>) {\n    const [search, setSearch] = useState<string>(\"\");\n    const [sort, setSort] = useState<DataTableSort<T> | null>(initialSort ?? null);\n    const { page, setPage } = usePagination(1, pageSize);\n\n    const effectiveSearchKeys = useMemo<(keyof T)[]>(() => {\n        if (searchKeys && searchKeys.length > 0) return searchKeys;\n        return columns\n            .filter((column) => {\n                const sample = data.find((row) => row[column.key] != null);\n                const value = sample ? sample[column.key] : undefined;\n                return typeof value === \"string\" || typeof value === \"number\";\n            })\n            .map((column) => column.key);\n    }, [searchKeys, columns, data]);\n\n    const filtered = useMemo<T[]>(() => {\n        const term = search.trim().toLowerCase();\n        if (!term || !searchable) return data;\n        return data.filter((row) =>\n            effectiveSearchKeys.some((key) => {\n                const value = row[key];\n                return value != null && String(value).toLowerCase().includes(term);\n            }),\n        );\n    }, [data, search, searchable, effectiveSearchKeys]);\n\n    const sorted = useMemo<T[]>(() => {\n        if (!sort) return filtered;\n        const factor = sort.direction === \"asc\" ? 1 : -1;\n        return [...filtered].sort((a, b) => compareValues(a[sort.key], b[sort.key]) * factor);\n    }, [filtered, sort]);\n\n    const totalPages = Math.max(1, Math.ceil(sorted.length / pageSize));\n\n    // Clamp the current page when the dataset shrinks (e.g. after filtering).\n    useEffect(() => {\n        if (page > totalPages) setPage(totalPages);\n    }, [page, totalPages, setPage]);\n\n    const safePage = Math.min(page, totalPages);\n    const pageRows = useMemo<T[]>(() => {\n        const start = (safePage - 1) * pageSize;\n        return sorted.slice(start, start + pageSize);\n    }, [sorted, safePage, pageSize]);\n\n    function toggleSort(key: keyof T): void {\n        setSort((current) => {\n            if (!current || current.key !== key) return { key, direction: \"asc\" };\n            if (current.direction === \"asc\") return { key, direction: \"desc\" };\n            return null;\n        });\n    }\n\n    const tableColumns = useMemo<TableColumn<T>[]>(\n        () =>\n            columns.map((column) => {\n                const isSorted = sort?.key === column.key;\n                const indicator = isSorted ? (sort?.direction === \"asc\" ? \" ▲\" : \" ▼\") : \"\";\n                const header = column.sortable ? (\n                    <button\n                        type=\"button\"\n                        className={styles.sortButton}\n                        onClick={() => toggleSort(column.key)}\n                        aria-label={`Ordenar por ${\n                            typeof column.header === \"string\" ? column.header : String(column.key)\n                        }`}\n                    >\n                        {column.header}\n                        <span className={styles.sortIndicator} aria-hidden>\n                            {indicator}\n                        </span>\n                    </button>\n                ) : (\n                    column.header\n                );\n\n                return {\n                    key: String(column.key),\n                    header,\n                    align: column.align,\n                    priority: column.priority,\n                    width: column.width,\n                    render: column.render\n                        ? (row: T) => column.render!(row)\n                        : (row: T) => (row[column.key] as ReactNode) ?? null,\n                };\n            }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [columns, sort],\n    );\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            {searchable && (\n                <SearchBar\n                    value={search}\n                    onChange={(value) => {\n                        setSearch(value);\n                        setPage(1);\n                    }}\n                    wrapperClassName={styles.search}\n                />\n            )}\n            <Table\n                columns={tableColumns}\n                data={pageRows}\n                rowKey={(row, index) => rowKey(row, (safePage - 1) * pageSize + index)}\n                emptyMessage={emptyMessage}\n            />\n            {totalPages > 1 && (\n                <Pagination\n                    page={safePage}\n                    totalPages={totalPages}\n                    onPageChange={setPage}\n                    totalItems={sorted.length}\n                />\n            )}\n        </div>\n    );\n}\n"],"names":["compareValues","a","b","DataTable","data","columns","pageSize","searchable","searchKeys","initialSort","rowKey","_row","index","emptyMessage","className","rest","search","setSearch","useState","sort","setSort","page","setPage","usePagination","effectiveSearchKeys","useMemo","column","sample","row","value","filtered","term","key","sorted","factor","totalPages","useEffect","safePage","pageRows","start","toggleSort","current","tableColumns","indicator","header","jsxs","styles","cn","jsx","SearchBar","Table","Pagination"],"mappings":"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"}

package/dist/components/DataTable/DataTable.js

@@ -0,0 +1,111 @@
+import { jsxs as N, jsx as g } from "react/jsx-runtime";
+import { useState as P, useMemo as l, useEffect as E } from "react";
+import { cn as O } from "../../utils/cn.js";
+import y from "./DataTable.module.css.js";
+import { usePagination as R } from "../../hooks/use-pagination.js";
+import { SearchBar as V } from "../SearchBar/SearchBar.js";
+import { Table as _ } from "../Table/Table.js";
+import { Pagination as $ } from "../Pagination/Pagination.js";
+function q(t, r) {
+  return t == null && r == null ? 0 : t == null ? -1 : r == null ? 1 : typeof t == "number" && typeof r == "number" ? t - r : t instanceof Date && r instanceof Date ? t.getTime() - r.getTime() : typeof t == "boolean" && typeof r == "boolean" ? Number(t) - Number(r) : String(t).localeCompare(String(r), void 0, { numeric: !0 });
+}
+function X({
+  data: t,
+  columns: r,
+  pageSize: s = 10,
+  searchable: h = !1,
+  searchKeys: u,
+  initialSort: b,
+  rowKey: x = (c, k) => k,
+  emptyMessage: M,
+  className: T,
+  ...D
+}) {
+  const [c, k] = P(""), [o, j] = P(b ?? null), { page: w, setPage: d } = R(1, s), v = l(() => u && u.length > 0 ? u : r.filter((e) => {
+    const n = t.find((f) => f[e.key] != null), i = n ? n[e.key] : void 0;
+    return typeof i == "string" || typeof i == "number";
+  }).map((e) => e.key), [u, r, t]), C = l(() => {
+    const e = c.trim().toLowerCase();
+    return !e || !h ? t : t.filter(
+      (n) => v.some((i) => {
+        const f = n[i];
+        return f != null && String(f).toLowerCase().includes(e);
+      })
+    );
+  }, [t, c, h, v]), p = l(() => {
+    if (!o) return C;
+    const e = o.direction === "asc" ? 1 : -1;
+    return [...C].sort((n, i) => q(n[o.key], i[o.key]) * e);
+  }, [C, o]), a = Math.max(1, Math.ceil(p.length / s));
+  E(() => {
+    w > a && d(a);
+  }, [w, a, d]);
+  const m = Math.min(w, a), B = l(() => {
+    const e = (m - 1) * s;
+    return p.slice(e, e + s);
+  }, [p, m, s]);
+  function I(e) {
+    j((n) => !n || n.key !== e ? { key: e, direction: "asc" } : n.direction === "asc" ? { key: e, direction: "desc" } : null);
+  }
+  const L = l(
+    () => r.map((e) => {
+      const i = o?.key === e.key ? o?.direction === "asc" ? " ▲" : " ▼" : "", f = e.sortable ? /* @__PURE__ */ N(
+        "button",
+        {
+          type: "button",
+          className: y.sortButton,
+          onClick: () => I(e.key),
+          "aria-label": `Ordenar por ${typeof e.header == "string" ? e.header : String(e.key)}`,
+          children: [
+            e.header,
+            /* @__PURE__ */ g("span", { className: y.sortIndicator, "aria-hidden": !0, children: i })
+          ]
+        }
+      ) : e.header;
+      return {
+        key: String(e.key),
+        header: f,
+        align: e.align,
+        priority: e.priority,
+        width: e.width,
+        render: e.render ? (S) => e.render(S) : (S) => S[e.key] ?? null
+      };
+    }),
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [r, o]
+  );
+  return /* @__PURE__ */ N("div", { className: O(y.wrapper, T), ...D, children: [
+    h && /* @__PURE__ */ g(
+      V,
+      {
+        value: c,
+        onChange: (e) => {
+          k(e), d(1);
+        },
+        wrapperClassName: y.search
+      }
+    ),
+    /* @__PURE__ */ g(
+      _,
+      {
+        columns: L,
+        data: B,
+        rowKey: (e, n) => x(e, (m - 1) * s + n),
+        emptyMessage: M
+      }
+    ),
+    a > 1 && /* @__PURE__ */ g(
+      $,
+      {
+        page: m,
+        totalPages: a,
+        onPageChange: d,
+        totalItems: p.length
+      }
+    )
+  ] });
+}
+export {
+  X as DataTable
+};
+//# sourceMappingURL=DataTable.js.map

package/dist/components/DataTable/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sources":["../../../src/components/DataTable/DataTable.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport type { HTMLAttributes, ReactNode } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport { usePagination } from \"@/hooks\";\nimport { Table, type TableAlign, type TableColumn, type TablePriority } from \"../Table\";\nimport { Pagination } from \"../Pagination\";\nimport { SearchBar } from \"../SearchBar\";\nimport styles from \"./DataTable.module.css\";\n\nexport type SortDirection = \"asc\" | \"desc\";\n\nexport interface DataTableSort<T> {\n    key: keyof T;\n    direction: SortDirection;\n}\n\n/**\n * Column definition for {@link DataTable}. Extends the headless {@link Table}\n * column shape with a typed `key`, opt-in sorting, and the visual options that\n * are forwarded to the underlying Table cell.\n */\nexport interface DataTableColumn<T> {\n    /** Property of the row this column reads from. Doubles as the cell key. */\n    key: keyof T;\n    /** Column heading. */\n    header: ReactNode;\n    /** Custom cell renderer. Defaults to `String(row[key])`. */\n    render?: (row: T) => ReactNode;\n    /** Enable click-to-sort on this column's header. */\n    sortable?: boolean;\n    /** Text alignment forwarded to the Table cell. */\n    align?: TableAlign;\n    /** Responsive visibility priority forwarded to the Table cell. */\n    priority?: TablePriority;\n    /** Fixed column width forwarded to the Table cell. */\n    width?: string | number;\n}\n\nexport interface DataTableProps<T> extends HTMLAttributes<HTMLDivElement> {\n    /** Full, unfiltered dataset. Sorting/filtering/pagination happen client-side. */\n    data: T[];\n    /** Column definitions. */\n    columns: DataTableColumn<T>[];\n    /** Rows per page. Default 10. */\n    pageSize?: number;\n    /** Render a search input above the table. Default false. */\n    searchable?: boolean;\n    /**\n     * Keys to match the search term against. When omitted, every column whose\n     * value is a string or number is searched.\n     */\n    searchKeys?: (keyof T)[];\n    /** Initial sort applied before any header interaction. */\n    initialSort?: DataTableSort<T>;\n    /** Stable key extractor for rows. Defaults to the row index. */\n    rowKey?: (row: T, index: number) => string | number;\n    /** Content shown when no rows match. */\n    emptyMessage?: ReactNode;\n}\n\n/**\n * Compare two arbitrary cell values with stable, type-aware ordering:\n * numbers numerically, dates by timestamp, everything else by `localeCompare`.\n *\n * @param a - First value.\n * @param b - Second value.\n * @returns Negative when `a < b`, positive when `a > b`, zero when equal.\n */\nfunction compareValues(a: unknown, b: unknown): number {\n    if (a == null && b == null) return 0;\n    if (a == null) return -1;\n    if (b == null) return 1;\n    if (typeof a === \"number\" && typeof b === \"number\") return a - b;\n    if (a instanceof Date && b instanceof Date) return a.getTime() - b.getTime();\n    if (typeof a === \"boolean\" && typeof b === \"boolean\") {\n        return Number(a) - Number(b);\n    }\n    return String(a).localeCompare(String(b), undefined, { numeric: true });\n}\n\n/**\n * Stateful, headless data table built on top of {@link Table}. Adds\n * client-side searching, click-to-sort columns, and pagination while\n * delegating all table markup to the underlying Table component.\n *\n * - Clicking a sortable header cycles asc → desc → unsorted.\n * - Search matches a case-insensitive substring across `searchKeys`\n *   (or every string/number column when not provided).\n * - Pagination is hidden when the result fits on a single page.\n *\n * The header memo depends on `columns` and `sort` only: `toggleSort` is\n * recreated each render but always closes over the same setter, so including it\n * would rebuild every header on every render without changing behaviour. That\n * is why `exhaustive-deps` is silenced on that dependency array.\n */\nexport function DataTable<T>({\n    data,\n    columns,\n    pageSize = 10,\n    searchable = false,\n    searchKeys,\n    initialSort,\n    rowKey = (_row, index) => index,\n    emptyMessage,\n    className,\n    ...rest\n}: DataTableProps<T>) {\n    const [search, setSearch] = useState<string>(\"\");\n    const [sort, setSort] = useState<DataTableSort<T> | null>(initialSort ?? null);\n    const { page, setPage } = usePagination(1, pageSize);\n\n    const effectiveSearchKeys = useMemo<(keyof T)[]>(() => {\n        if (searchKeys && searchKeys.length > 0) return searchKeys;\n        return columns\n            .filter((column) => {\n                const sample = data.find((row) => row[column.key] != null);\n                const value = sample ? sample[column.key] : undefined;\n                return typeof value === \"string\" || typeof value === \"number\";\n            })\n            .map((column) => column.key);\n    }, [searchKeys, columns, data]);\n\n    const filtered = useMemo<T[]>(() => {\n        const term = search.trim().toLowerCase();\n        if (!term || !searchable) return data;\n        return data.filter((row) =>\n            effectiveSearchKeys.some((key) => {\n                const value = row[key];\n                return value != null && String(value).toLowerCase().includes(term);\n            }),\n        );\n    }, [data, search, searchable, effectiveSearchKeys]);\n\n    const sorted = useMemo<T[]>(() => {\n        if (!sort) return filtered;\n        const factor = sort.direction === \"asc\" ? 1 : -1;\n        return [...filtered].sort((a, b) => compareValues(a[sort.key], b[sort.key]) * factor);\n    }, [filtered, sort]);\n\n    const totalPages = Math.max(1, Math.ceil(sorted.length / pageSize));\n\n    // Clamp the current page when the dataset shrinks (e.g. after filtering).\n    useEffect(() => {\n        if (page > totalPages) setPage(totalPages);\n    }, [page, totalPages, setPage]);\n\n    const safePage = Math.min(page, totalPages);\n    const pageRows = useMemo<T[]>(() => {\n        const start = (safePage - 1) * pageSize;\n        return sorted.slice(start, start + pageSize);\n    }, [sorted, safePage, pageSize]);\n\n    function toggleSort(key: keyof T): void {\n        setSort((current) => {\n            if (!current || current.key !== key) return { key, direction: \"asc\" };\n            if (current.direction === \"asc\") return { key, direction: \"desc\" };\n            return null;\n        });\n    }\n\n    const tableColumns = useMemo<TableColumn<T>[]>(\n        () =>\n            columns.map((column) => {\n                const isSorted = sort?.key === column.key;\n                const indicator = isSorted ? (sort?.direction === \"asc\" ? \" ▲\" : \" ▼\") : \"\";\n                const header = column.sortable ? (\n                    <button\n                        type=\"button\"\n                        className={styles.sortButton}\n                        onClick={() => toggleSort(column.key)}\n                        aria-label={`Ordenar por ${\n                            typeof column.header === \"string\" ? column.header : String(column.key)\n                        }`}\n                    >\n                        {column.header}\n                        <span className={styles.sortIndicator} aria-hidden>\n                            {indicator}\n                        </span>\n                    </button>\n                ) : (\n                    column.header\n                );\n\n                return {\n                    key: String(column.key),\n                    header,\n                    align: column.align,\n                    priority: column.priority,\n                    width: column.width,\n                    render: column.render\n                        ? (row: T) => column.render!(row)\n                        : (row: T) => (row[column.key] as ReactNode) ?? null,\n                };\n            }),\n        // eslint-disable-next-line react-hooks/exhaustive-deps\n        [columns, sort],\n    );\n\n    return (\n        <div className={cn(styles.wrapper, className)} {...rest}>\n            {searchable && (\n                <SearchBar\n                    value={search}\n                    onChange={(value) => {\n                        setSearch(value);\n                        setPage(1);\n                    }}\n                    wrapperClassName={styles.search}\n                />\n            )}\n            <Table\n                columns={tableColumns}\n                data={pageRows}\n                rowKey={(row, index) => rowKey(row, (safePage - 1) * pageSize + index)}\n                emptyMessage={emptyMessage}\n            />\n            {totalPages > 1 && (\n                <Pagination\n                    page={safePage}\n                    totalPages={totalPages}\n                    onPageChange={setPage}\n                    totalItems={sorted.length}\n                />\n            )}\n        </div>\n    );\n}\n"],"names":["compareValues","a","b","DataTable","data","columns","pageSize","searchable","searchKeys","initialSort","rowKey","_row","index","emptyMessage","className","rest","search","setSearch","useState","sort","setSort","page","setPage","usePagination","effectiveSearchKeys","useMemo","column","sample","row","value","filtered","term","key","sorted","factor","totalPages","useEffect","safePage","pageRows","start","toggleSort","current","tableColumns","indicator","header","jsxs","styles","cn","jsx","SearchBar","Table","Pagination"],"mappings":";;;;;;;;AAoEA,SAASA,EAAcC,GAAYC,GAAoB;AACnD,SAAID,KAAK,QAAQC,KAAK,OAAa,IAC/BD,KAAK,OAAa,KAClBC,KAAK,OAAa,IAClB,OAAOD,KAAM,YAAY,OAAOC,KAAM,WAAiBD,IAAIC,IAC3DD,aAAa,QAAQC,aAAa,OAAaD,EAAE,QAAA,IAAYC,EAAE,QAAA,IAC/D,OAAOD,KAAM,aAAa,OAAOC,KAAM,YAChC,OAAOD,CAAC,IAAI,OAAOC,CAAC,IAExB,OAAOD,CAAC,EAAE,cAAc,OAAOC,CAAC,GAAG,QAAW,EAAE,SAAS,IAAM;AAC1E;AAiBO,SAASC,EAAa;AAAA,EACzB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,YAAAC,IAAa;AAAA,EACb,YAAAC;AAAA,EACA,aAAAC;AAAA,EACA,QAAAC,IAAS,CAACC,GAAMC,MAAUA;AAAA,EAC1B,cAAAC;AAAA,EACA,WAAAC;AAAA,EACA,GAAGC;AACP,GAAsB;AAClB,QAAM,CAACC,GAAQC,CAAS,IAAIC,EAAiB,EAAE,GACzC,CAACC,GAAMC,CAAO,IAAIF,EAAkCT,KAAe,IAAI,GACvE,EAAE,MAAAY,GAAM,SAAAC,EAAA,IAAYC,EAAc,GAAGjB,CAAQ,GAE7CkB,IAAsBC,EAAqB,MACzCjB,KAAcA,EAAW,SAAS,IAAUA,IACzCH,EACF,OAAO,CAACqB,MAAW;AAChB,UAAMC,IAASvB,EAAK,KAAK,CAACwB,MAAQA,EAAIF,EAAO,GAAG,KAAK,IAAI,GACnDG,IAAQF,IAASA,EAAOD,EAAO,GAAG,IAAI;AAC5C,WAAO,OAAOG,KAAU,YAAY,OAAOA,KAAU;AAAA,EACzD,CAAC,EACA,IAAI,CAACH,MAAWA,EAAO,GAAG,GAChC,CAAClB,GAAYH,GAASD,CAAI,CAAC,GAExB0B,IAAWL,EAAa,MAAM;AAChC,UAAMM,IAAOf,EAAO,KAAA,EAAO,YAAA;AAC3B,WAAI,CAACe,KAAQ,CAACxB,IAAmBH,IAC1BA,EAAK;AAAA,MAAO,CAACwB,MAChBJ,EAAoB,KAAK,CAACQ,MAAQ;AAC9B,cAAMH,IAAQD,EAAII,CAAG;AACrB,eAAOH,KAAS,QAAQ,OAAOA,CAAK,EAAE,YAAA,EAAc,SAASE,CAAI;AAAA,MACrE,CAAC;AAAA,IAAA;AAAA,EAET,GAAG,CAAC3B,GAAMY,GAAQT,GAAYiB,CAAmB,CAAC,GAE5CS,IAASR,EAAa,MAAM;AAC9B,QAAI,CAACN,EAAM,QAAOW;AAClB,UAAMI,IAASf,EAAK,cAAc,QAAQ,IAAI;AAC9C,WAAO,CAAC,GAAGW,CAAQ,EAAE,KAAK,CAAC7B,GAAGC,MAAMF,EAAcC,EAAEkB,EAAK,GAAG,GAAGjB,EAAEiB,EAAK,GAAG,CAAC,IAAIe,CAAM;AAAA,EACxF,GAAG,CAACJ,GAAUX,CAAI,CAAC,GAEbgB,IAAa,KAAK,IAAI,GAAG,KAAK,KAAKF,EAAO,SAAS3B,CAAQ,CAAC;AAGlE,EAAA8B,EAAU,MAAM;AACZ,IAAIf,IAAOc,KAAYb,EAAQa,CAAU;AAAA,EAC7C,GAAG,CAACd,GAAMc,GAAYb,CAAO,CAAC;AAE9B,QAAMe,IAAW,KAAK,IAAIhB,GAAMc,CAAU,GACpCG,IAAWb,EAAa,MAAM;AAChC,UAAMc,KAASF,IAAW,KAAK/B;AAC/B,WAAO2B,EAAO,MAAMM,GAAOA,IAAQjC,CAAQ;AAAA,EAC/C,GAAG,CAAC2B,GAAQI,GAAU/B,CAAQ,CAAC;AAE/B,WAASkC,EAAWR,GAAoB;AACpC,IAAAZ,EAAQ,CAACqB,MACD,CAACA,KAAWA,EAAQ,QAAQT,IAAY,EAAE,KAAAA,GAAK,WAAW,MAAA,IAC1DS,EAAQ,cAAc,QAAc,EAAE,KAAAT,GAAK,WAAW,OAAA,IACnD,IACV;AAAA,EACL;AAEA,QAAMU,IAAejB;AAAA,IACjB,MACIpB,EAAQ,IAAI,CAACqB,MAAW;AAEpB,YAAMiB,IADWxB,GAAM,QAAQO,EAAO,MACRP,GAAM,cAAc,QAAQ,OAAO,OAAQ,IACnEyB,IAASlB,EAAO,WAClB,gBAAAmB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,MAAK;AAAA,UACL,WAAWC,EAAO;AAAA,UAClB,SAAS,MAAMN,EAAWd,EAAO,GAAG;AAAA,UACpC,cAAY,eACR,OAAOA,EAAO,UAAW,WAAWA,EAAO,SAAS,OAAOA,EAAO,GAAG,CACzE;AAAA,UAEC,UAAA;AAAA,YAAAA,EAAO;AAAA,8BACP,QAAA,EAAK,WAAWoB,EAAO,eAAe,eAAW,IAC7C,UAAAH,EAAA,CACL;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA,IAGJjB,EAAO;AAGX,aAAO;AAAA,QACH,KAAK,OAAOA,EAAO,GAAG;AAAA,QACtB,QAAAkB;AAAA,QACA,OAAOlB,EAAO;AAAA,QACd,UAAUA,EAAO;AAAA,QACjB,OAAOA,EAAO;AAAA,QACd,QAAQA,EAAO,SACT,CAACE,MAAWF,EAAO,OAAQE,CAAG,IAC9B,CAACA,MAAYA,EAAIF,EAAO,GAAG,KAAmB;AAAA,MAAA;AAAA,IAE5D,CAAC;AAAA;AAAA,IAEL,CAACrB,GAASc,CAAI;AAAA,EAAA;AAGlB,SACI,gBAAA0B,EAAC,SAAI,WAAWE,EAAGD,EAAO,SAAShC,CAAS,GAAI,GAAGC,GAC9C,UAAA;AAAA,IAAAR,KACG,gBAAAyC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,OAAOjC;AAAA,QACP,UAAU,CAACa,MAAU;AACjB,UAAAZ,EAAUY,CAAK,GACfP,EAAQ,CAAC;AAAA,QACb;AAAA,QACA,kBAAkBwB,EAAO;AAAA,MAAA;AAAA,IAAA;AAAA,IAGjC,gBAAAE;AAAA,MAACE;AAAA,MAAA;AAAA,QACG,SAASR;AAAA,QACT,MAAMJ;AAAA,QACN,QAAQ,CAACV,GAAKhB,MAAUF,EAAOkB,IAAMS,IAAW,KAAK/B,IAAWM,CAAK;AAAA,QACrE,cAAAC;AAAA,MAAA;AAAA,IAAA;AAAA,IAEHsB,IAAa,KACV,gBAAAa;AAAA,MAACG;AAAA,MAAA;AAAA,QACG,MAAMd;AAAA,QACN,YAAAF;AAAA,QACA,cAAcb;AAAA,QACd,YAAYW,EAAO;AAAA,MAAA;AAAA,IAAA;AAAA,EACvB,GAER;AAER;"}

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

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t="tempest_wrapper_iB6ka",e="tempest_search_2y-yM",r="tempest_sortButton_9p6w4",s="tempest_sortIndicator_bZMlH",o={wrapper:t,search:e,sortButton:r,sortIndicator:s};exports.default=o;exports.search=e;exports.sortButton=r;exports.sortIndicator=s;exports.wrapper=t;
+//# sourceMappingURL=DataTable.module.css.cjs.map

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

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

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

@@ -0,0 +1,14 @@
+const t = "tempest_wrapper_iB6ka", s = "tempest_search_2y-yM", r = "tempest_sortButton_9p6w4", o = "tempest_sortIndicator_bZMlH", e = {
+  wrapper: t,
+  search: s,
+  sortButton: r,
+  sortIndicator: o
+};
+export {
+  e as default,
+  s as search,
+  r as sortButton,
+  o as sortIndicator,
+  t as wrapper
+};
+//# sourceMappingURL=DataTable.module.css.js.map

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

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

package/dist/components/DatePicker/DatePicker.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const c=require("react/jsx-runtime"),i=require("react"),o=require("../Input/Input.cjs"),s=i.forwardRef(function({value:e,onChange:t,mode:r="date",...n},u){return c.jsx(o.Input,{...n,ref:u,type:r,value:e,onChange:a=>t(a.target.value)})});exports.DatePicker=s;
+//# sourceMappingURL=DatePicker.cjs.map

package/dist/components/DatePicker/DatePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.cjs","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes } from \"react\";\nimport { Input } from \"@/components/Input\";\n\nexport interface DatePickerProps extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    \"type\" | \"value\" | \"onChange\" | \"size\"\n> {\n    /** ISO date string (`YYYY-MM-DD`) or empty. */\n    value: string;\n    onChange: (value: string) => void;\n    label?: string;\n    helperText?: string;\n    error?: string;\n    /** Lower bound (`YYYY-MM-DD`). */\n    min?: string;\n    /** Upper bound (`YYYY-MM-DD`). */\n    max?: string;\n    /** Mode. `date` (default), `datetime-local`, `time`, or `month`. */\n    mode?: \"date\" | \"datetime-local\" | \"time\" | \"month\";\n    wrapperClassName?: string;\n}\n\n/**\n * Thin wrapper around the native `<input type=\"date\">` (or `datetime-local`,\n * `time`, `month`). For richer pickers, pair with `react-datepicker` directly\n * — this primitive keeps the SDK dep-free.\n */\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(function DatePicker(\n    { value, onChange, mode = \"date\", ...props },\n    ref,\n) {\n    return (\n        <Input\n            {...props}\n            ref={ref}\n            type={mode}\n            value={value}\n            onChange={(event) => onChange(event.target.value)}\n        />\n    );\n});\n"],"names":["DatePicker","forwardRef","value","onChange","mode","props","ref","jsx","Input","event"],"mappings":"wKA4BaA,EAAaC,EAAAA,WAA8C,SACpE,CAAE,MAAAC,EAAO,SAAAC,EAAU,KAAAC,EAAO,OAAQ,GAAGC,CAAA,EACrCC,EACF,CACE,OACIC,EAAAA,IAACC,EAAAA,MAAA,CACI,GAAGH,EACJ,IAAAC,EACA,KAAMF,EACN,MAAAF,EACA,SAAWO,GAAUN,EAASM,EAAM,OAAO,KAAK,CAAA,CAAA,CAG5D,CAAC"}

package/dist/components/DatePicker/DatePicker.js

@@ -0,0 +1,19 @@
+import { jsx as f } from "react/jsx-runtime";
+import { forwardRef as i } from "react";
+import { Input as m } from "../Input/Input.js";
+const g = i(function({ value: r, onChange: t, mode: e = "date", ...o }, a) {
+  return /* @__PURE__ */ f(
+    m,
+    {
+      ...o,
+      ref: a,
+      type: e,
+      value: r,
+      onChange: (n) => t(n.target.value)
+    }
+  );
+});
+export {
+  g as DatePicker
+};
+//# sourceMappingURL=DatePicker.js.map

package/dist/components/DatePicker/DatePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.js","sources":["../../../src/components/DatePicker/DatePicker.tsx"],"sourcesContent":["import { forwardRef } from \"react\";\nimport type { InputHTMLAttributes } from \"react\";\nimport { Input } from \"@/components/Input\";\n\nexport interface DatePickerProps extends Omit<\n    InputHTMLAttributes<HTMLInputElement>,\n    \"type\" | \"value\" | \"onChange\" | \"size\"\n> {\n    /** ISO date string (`YYYY-MM-DD`) or empty. */\n    value: string;\n    onChange: (value: string) => void;\n    label?: string;\n    helperText?: string;\n    error?: string;\n    /** Lower bound (`YYYY-MM-DD`). */\n    min?: string;\n    /** Upper bound (`YYYY-MM-DD`). */\n    max?: string;\n    /** Mode. `date` (default), `datetime-local`, `time`, or `month`. */\n    mode?: \"date\" | \"datetime-local\" | \"time\" | \"month\";\n    wrapperClassName?: string;\n}\n\n/**\n * Thin wrapper around the native `<input type=\"date\">` (or `datetime-local`,\n * `time`, `month`). For richer pickers, pair with `react-datepicker` directly\n * — this primitive keeps the SDK dep-free.\n */\nexport const DatePicker = forwardRef<HTMLInputElement, DatePickerProps>(function DatePicker(\n    { value, onChange, mode = \"date\", ...props },\n    ref,\n) {\n    return (\n        <Input\n            {...props}\n            ref={ref}\n            type={mode}\n            value={value}\n            onChange={(event) => onChange(event.target.value)}\n        />\n    );\n});\n"],"names":["DatePicker","forwardRef","value","onChange","mode","props","ref","jsx","Input","event"],"mappings":";;;AA4BO,MAAMA,IAAaC,EAA8C,SACpE,EAAE,OAAAC,GAAO,UAAAC,GAAU,MAAAC,IAAO,QAAQ,GAAGC,EAAA,GACrCC,GACF;AACE,SACI,gBAAAC;AAAA,IAACC;AAAA,IAAA;AAAA,MACI,GAAGH;AAAA,MACJ,KAAAC;AAAA,MACA,MAAMF;AAAA,MACN,OAAAF;AAAA,MACA,UAAU,CAACO,MAAUN,EAASM,EAAM,OAAO,KAAK;AAAA,IAAA;AAAA,EAAA;AAG5D,CAAC;"}

package/dist/components/DateRangePicker/DateRangePicker.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("react/jsx-runtime"),f=require("react"),p=require("../../utils/cn.cjs"),n=require("./DateRangePicker.module.css.cjs"),O=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],v=["January","February","March","April","May","June","July","August","September","October","November","December"],$=42;function m(e,t,l){return new Date(e,t,l)}function c(e){return new Date(e.getFullYear(),e.getMonth(),e.getDate())}function k(e,t){return m(e.getFullYear(),e.getMonth()+t,1)}function D(e,t){return e.getFullYear()===t.getFullYear()&&e.getMonth()===t.getMonth()&&e.getDate()===t.getDate()}function F(e,t,l){const u=c(e).getTime();return!!(t&&u<c(t).getTime()||l&&u>c(l).getTime())}function C(e,t,l){const u=c(e).getTime(),h=Math.min(c(t).getTime(),c(l).getTime()),d=Math.max(c(t).getTime(),c(l).getTime());return u>h&&u<d}function G(e,t){const l=e.getFullYear(),u=e.getMonth(),d=(m(l,u,1).getDay()-t+7)%7,g=m(l,u,1-d);return Array.from({length:$},(N,y)=>m(g.getFullYear(),g.getMonth(),g.getDate()+y))}function H({value:e,onChange:t,numberOfMonths:l=2,defaultMonth:u,minDate:h,maxDate:d,weekStartsOn:g=0,className:N,...y}){const[Y,A]=f.useState(()=>{const r=u??e.start??new Date;return m(r.getFullYear(),r.getMonth(),1)}),[E,T]=f.useState(null),R=f.useMemo(()=>c(new Date),[]),w=f.useMemo(()=>Array.from({length:7},(r,s)=>O[(s+g)%7]),[g]),_=f.useCallback(r=>{if(F(r,h,d))return;const{start:s,end:i}=e;!s||i?t({start:r,end:null}):c(r).getTime()<c(s).getTime()?t({start:r,end:s}):t({start:s,end:r})},[e,t,h,d]),j=f.useCallback(r=>{A(s=>k(s,r))},[]),L=e.start&&!e.end?E:e.end;function P(r){const{start:s}=e,i=L,M=s?D(r,s):!1,a=i?D(r,i):!1,b=s&&i?C(r,s,i):!1;return{selected:M||a,inRange:b,isStart:M,isEnd:a}}return o.jsxs("div",{className:p.cn(n.default.root,N),...y,children:[o.jsxs("div",{className:n.default.header,children:[o.jsx("button",{type:"button",className:n.default.nav,"aria-label":"Previous month",onClick:()=>j(-1),children:"‹"}),o.jsx("span",{className:n.default.headerSpacer,"aria-hidden":!0}),o.jsx("button",{type:"button",className:n.default.nav,"aria-label":"Next month",onClick:()=>j(1),children:"›"})]}),o.jsx("div",{className:n.default.months,onMouseLeave:()=>T(null),children:Array.from({length:Math.max(1,l)},(r,s)=>{const i=k(Y,s),M=G(i,g);return o.jsxs("div",{className:n.default.month,children:[o.jsxs("div",{className:n.default.title,"aria-live":"polite",children:[v[i.getMonth()]," ",i.getFullYear()]}),o.jsx("div",{className:n.default.weekdays,role:"row",children:w.map(a=>o.jsx("span",{className:n.default.weekday,role:"columnheader",children:a},a))}),o.jsx("div",{className:n.default.grid,role:"grid",children:M.map((a,b)=>{const q=a.getMonth()===i.getMonth(),W=F(a,h,d),{selected:x,inRange:B,isStart:I,isEnd:J}=P(a),S=D(a,R);return o.jsx("button",{type:"button",role:"gridcell",className:p.cn(n.default.day,!q&&n.default.outside,B&&n.default.inRange,x&&n.default.selected,I&&n.default.rangeStart,J&&n.default.rangeEnd,S&&n.default.today),"aria-label":`${v[a.getMonth()]} ${a.getDate()}, ${a.getFullYear()}`,"aria-selected":x,"aria-current":S?"date":void 0,disabled:W,onClick:()=>_(a),onMouseEnter:()=>T(a),children:a.getDate()},b)})})]},s)})})]})}exports.DateRangePicker=H;
+//# sourceMappingURL=DateRangePicker.cjs.map

package/dist/components/DateRangePicker/DateRangePicker.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.cjs","sources":["../../../src/components/DateRangePicker/DateRangePicker.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport type { HTMLAttributes } from \"react\";\nimport { cn } from \"@/utils/cn\";\nimport styles from \"./DateRangePicker.module.css\";\n\nexport type WeekStart = 0 | 1;\n\n/** A selected range. Either bound may be `null` while picking. */\nexport interface DateRange {\n    start: Date | null;\n    end: Date | null;\n}\n\nexport interface DateRangePickerProps extends Omit<\n    HTMLAttributes<HTMLDivElement>,\n    \"onChange\" | \"defaultValue\"\n> {\n    /** Controlled selected range. */\n    value: DateRange;\n    /** Called with the new range as the user picks start then end. */\n    onChange: (range: DateRange) => void;\n    /** How many month grids to show side by side. Default `2`. */\n    numberOfMonths?: number;\n    /** Initial visible month (uncontrolled). Defaults to the range start or today. */\n    defaultMonth?: Date;\n    minDate?: Date;\n    maxDate?: Date;\n    /** First column of the week — `0` Sunday (default) or `1` Monday. */\n    weekStartsOn?: WeekStart;\n}\n\nconst WEEKDAY_LABELS = [\"Sun\", \"Mon\", \"Tue\", \"Wed\", \"Thu\", \"Fri\", \"Sat\"];\nconst MONTH_LABELS = [\n    \"January\",\n    \"February\",\n    \"March\",\n    \"April\",\n    \"May\",\n    \"June\",\n    \"July\",\n    \"August\",\n    \"September\",\n    \"October\",\n    \"November\",\n    \"December\",\n];\nconst DAYS_IN_GRID = 42;\n\nfunction makeDate(year: number, month: number, day: number): Date {\n    return new Date(year, month, day);\n}\n\nfunction startOfDay(date: Date): Date {\n    return new Date(date.getFullYear(), date.getMonth(), date.getDate());\n}\n\nfunction addMonths(date: Date, offset: number): Date {\n    return makeDate(date.getFullYear(), date.getMonth() + offset, 1);\n}\n\nfunction isSameDay(a: Date, b: Date): boolean {\n    return (\n        a.getFullYear() === b.getFullYear() &&\n        a.getMonth() === b.getMonth() &&\n        a.getDate() === b.getDate()\n    );\n}\n\nfunction isOutOfRange(date: Date, minDate?: Date, maxDate?: Date): boolean {\n    const day = startOfDay(date).getTime();\n    if (minDate && day < startOfDay(minDate).getTime()) return true;\n    if (maxDate && day > startOfDay(maxDate).getTime()) return true;\n    return false;\n}\n\n/** Inclusive-exclusive-agnostic \"strictly between a and b\" (a/b order-independent). */\nfunction isBetween(date: Date, a: Date, b: Date): boolean {\n    const t = startOfDay(date).getTime();\n    const lo = Math.min(startOfDay(a).getTime(), startOfDay(b).getTime());\n    const hi = Math.max(startOfDay(a).getTime(), startOfDay(b).getTime());\n    return t > lo && t < hi;\n}\n\nfunction buildGrid(month: Date, weekStartsOn: WeekStart): Date[] {\n    const year = month.getFullYear();\n    const monthIndex = month.getMonth();\n    const firstWeekday = makeDate(year, monthIndex, 1).getDay();\n    const leading = (firstWeekday - weekStartsOn + 7) % 7;\n    const start = makeDate(year, monthIndex, 1 - leading);\n    return Array.from({ length: DAYS_IN_GRID }, (_, i) =>\n        makeDate(start.getFullYear(), start.getMonth(), start.getDate() + i),\n    );\n}\n\n/**\n * Date-range picker: pick a start day, then an end day, across one or more\n * month grids. The hovered day previews the range before the end is committed.\n * Pure `Date` math — no date libraries. For a single date, use `Calendar`.\n *\n * Selection: first click sets `start` (clears `end`); the next click sets `end`\n * (auto-ordered if you click earlier than the start); a third click starts over.\n */\nexport function DateRangePicker({\n    value,\n    onChange,\n    numberOfMonths = 2,\n    defaultMonth,\n    minDate,\n    maxDate,\n    weekStartsOn = 0,\n    className,\n    ...props\n}: DateRangePickerProps) {\n    const [visibleMonth, setVisibleMonth] = useState<Date>(() => {\n        const base = defaultMonth ?? value.start ?? new Date();\n        return makeDate(base.getFullYear(), base.getMonth(), 1);\n    });\n    const [hovered, setHovered] = useState<Date | null>(null);\n\n    const today = useMemo(() => startOfDay(new Date()), []);\n    const weekdayLabels = useMemo(\n        () => Array.from({ length: 7 }, (_, i) => WEEKDAY_LABELS[(i + weekStartsOn) % 7]),\n        [weekStartsOn],\n    );\n\n    const selectDate = useCallback(\n        (date: Date): void => {\n            if (isOutOfRange(date, minDate, maxDate)) return;\n            const { start, end } = value;\n            if (!start || end) {\n                onChange({ start: date, end: null });\n            } else if (startOfDay(date).getTime() < startOfDay(start).getTime()) {\n                onChange({ start: date, end: start });\n            } else {\n                onChange({ start, end: date });\n            }\n        },\n        [value, onChange, minDate, maxDate],\n    );\n\n    const changeMonth = useCallback((offset: number): void => {\n        setVisibleMonth((current) => addMonths(current, offset));\n    }, []);\n\n    // Effective end used for preview highlighting (hovered day while picking).\n    const previewEnd = value.start && !value.end ? hovered : value.end;\n\n    function dayState(date: Date): {\n        selected: boolean;\n        inRange: boolean;\n        isStart: boolean;\n        isEnd: boolean;\n    } {\n        const { start } = value;\n        const end = previewEnd;\n        const isStart = start ? isSameDay(date, start) : false;\n        const isEnd = end ? isSameDay(date, end) : false;\n        const inRange = start && end ? isBetween(date, start, end) : false;\n        return { selected: isStart || isEnd, inRange, isStart, isEnd };\n    }\n\n    return (\n        <div className={cn(styles.root, className)} {...props}>\n            <div className={styles.header}>\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Previous month\"\n                    onClick={() => changeMonth(-1)}\n                >\n                    {\"‹\"}\n                </button>\n                <span className={styles.headerSpacer} aria-hidden />\n                <button\n                    type=\"button\"\n                    className={styles.nav}\n                    aria-label=\"Next month\"\n                    onClick={() => changeMonth(1)}\n                >\n                    {\"›\"}\n                </button>\n            </div>\n\n            <div className={styles.months} onMouseLeave={() => setHovered(null)}>\n                {Array.from({ length: Math.max(1, numberOfMonths) }, (_, monthOffset) => {\n                    const month = addMonths(visibleMonth, monthOffset);\n                    const cells = buildGrid(month, weekStartsOn);\n                    return (\n                        <div key={monthOffset} className={styles.month}>\n                            <div className={styles.title} aria-live=\"polite\">\n                                {MONTH_LABELS[month.getMonth()]} {month.getFullYear()}\n                            </div>\n                            <div className={styles.weekdays} role=\"row\">\n                                {weekdayLabels.map((label) => (\n                                    <span\n                                        key={label}\n                                        className={styles.weekday}\n                                        role=\"columnheader\"\n                                    >\n                                        {label}\n                                    </span>\n                                ))}\n                            </div>\n                            <div className={styles.grid} role=\"grid\">\n                                {cells.map((date, index) => {\n                                    const inMonth = date.getMonth() === month.getMonth();\n                                    const disabled = isOutOfRange(date, minDate, maxDate);\n                                    const { selected, inRange, isStart, isEnd } = dayState(date);\n                                    const isToday = isSameDay(date, today);\n                                    return (\n                                        <button\n                                            key={index}\n                                            type=\"button\"\n                                            role=\"gridcell\"\n                                            className={cn(\n                                                styles.day,\n                                                !inMonth && styles.outside,\n                                                inRange && styles.inRange,\n                                                selected && styles.selected,\n                                                isStart && styles.rangeStart,\n                                                isEnd && styles.rangeEnd,\n                                                isToday && styles.today,\n                                            )}\n                                            aria-label={`${MONTH_LABELS[date.getMonth()]} ${date.getDate()}, ${date.getFullYear()}`}\n                                            aria-selected={selected}\n                                            aria-current={isToday ? \"date\" : undefined}\n                                            disabled={disabled}\n                                            onClick={() => selectDate(date)}\n                                            onMouseEnter={() => setHovered(date)}\n                                        >\n                                            {date.getDate()}\n                                        </button>\n                                    );\n                                })}\n                            </div>\n                        </div>\n                    );\n                })}\n            </div>\n        </div>\n    );\n}\n"],"names":["WEEKDAY_LABELS","MONTH_LABELS","DAYS_IN_GRID","makeDate","year","month","day","startOfDay","date","addMonths","offset","isSameDay","a","b","isOutOfRange","minDate","maxDate","isBetween","t","lo","hi","buildGrid","weekStartsOn","monthIndex","leading","start","_","i","DateRangePicker","value","onChange","numberOfMonths","defaultMonth","className","props","visibleMonth","setVisibleMonth","useState","base","hovered","setHovered","today","useMemo","weekdayLabels","selectDate","useCallback","end","changeMonth","current","previewEnd","dayState","isStart","isEnd","inRange","jsxs","cn","styles","jsx","monthOffset","cells","label","index","inMonth","disabled","selected","isToday"],"mappings":"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"}