tempest-react-sdk 0.23.0 → 0.24.0

package/dist/components/CopyButton/CopyButton.js

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

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

@@ -1 +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;"}
+{"version":3,"file":"CopyButton.js","names":[],"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"],"mappings":";;;;;AA2BA,SAAgB,EAAW,EACvB,UACA,aAAU,KACV,aACA,aACA,cACA,YACA,GAAG,KACa;CAChB,IAAM,CAAC,GAAQ,KAAa,EAAS,EAAK,GACpC,IAAW,EAA6C,IAAI;CAElE,cACiB;EACT,AAAI,EAAS,YAAY,QAAM,aAAa,EAAS,OAAO;CAChE,GACD,CAAC,CAAC;CAEL,IAAM,IAAc,EAChB,OAAO,MAA+C;EAClD,IAAU,CAAK;EACf,IAAI;GAKA,AAJA,MAAM,UAAU,UAAU,UAAU,CAAK,GACzC,EAAU,EAAI,GACd,IAAW,GACP,EAAS,YAAY,QAAM,aAAa,EAAS,OAAO,GAC5D,EAAS,UAAU,iBAAiB,EAAU,EAAK,GAAG,CAAO;EACjE,QAAQ,CAER;CACJ,GACA;EAAC;EAAO;EAAS;EAAU;CAAO,CACtC;CAEA,OACI,kBAAC,UAAD;EACI,MAAK;EACL,WAAW,EAAG,EAAO,QAAQ,KAAU,EAAO,QAAQ,CAAS;EAC/D,eAAa,KAAU,KAAA;EACvB,SAAS;EACT,GAAI;YAEH,MAAa,IAAS,WAAW;CAC9B,CAAA;AAEhB"}

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

@@ -0,0 +1,2 @@
+var e=`tempest_button_58f9i`,t=`tempest_copied_WkLgR`,n={button:e,copied:t};exports.button=e,exports.copied=t,exports.default=n;
+//# sourceMappingURL=CopyButton.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.module.cjs","names":[],"sources":["../../../src/components/CopyButton/CopyButton.module.css"],"sourcesContent":[".button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.button:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.copied {\n    color: var(--tempest-primary-foreground, var(--tempest-text-on-primary));\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n}\n"],"mappings":""}

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

@@ -0,0 +1,9 @@
+//#region src/components/CopyButton/CopyButton.module.css
+var e = "tempest_button_58f9i", t = "tempest_copied_WkLgR", n = {
+	button: e,
+	copied: t
+};
+//#endregion
+export { e as button, t as copied, n as default };
+
+//# sourceMappingURL=CopyButton.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.module.js","names":[],"sources":["../../../src/components/CopyButton/CopyButton.module.css"],"sourcesContent":[".button {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    gap: var(--tempest-space-1);\n    padding: var(--tempest-space-1) var(--tempest-space-3);\n    border: 1px solid var(--tempest-border);\n    border-radius: var(--tempest-radius-sm);\n    background-color: var(--tempest-surface);\n    color: var(--tempest-text);\n    font-family: var(--tempest-font-sans);\n    font-size: var(--tempest-text-sm);\n    font-weight: var(--tempest-weight-medium);\n    line-height: var(--tempest-leading-snug);\n    cursor: pointer;\n    transition: background-color var(--tempest-duration-fast) var(--tempest-ease-out);\n}\n\n.button:hover {\n    background-color: var(--tempest-surface-2);\n}\n\n.copied {\n    color: var(--tempest-primary-foreground, var(--tempest-text-on-primary));\n    background-color: var(--tempest-primary);\n    border-color: var(--tempest-primary);\n}\n"],"mappings":""}

package/dist/components/DataList/DataList.cjs

@@ -1,2 +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
+const e=require("../../utils/cn.cjs"),t=require("./DataList.module.cjs");let n=require("react/jsx-runtime");function r({items:r,renderItem:i,keyExtractor:a,empty:o,className:s,...c}){return r.length===0?(0,n.jsx)(n.Fragment,{children:o??null}):(0,n.jsx)(`ul`,{className:e.cn(t.default.list,s),...c,children:r.map((e,r)=>(0,n.jsx)(`li`,{className:t.default.item,children:i(e,r)},a?a(e,r):r))})}exports.DataList=r;
+//# sourceMappingURL=DataList.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"DataList.cjs","names":[],"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"],"mappings":"4GA4BA,SAAgB,EAAY,CACxB,QACA,aACA,eACA,QACA,YACA,GAAG,GACc,CAKjB,OAJI,EAAM,SAAW,GACV,EAAA,EAAA,IAAA,CAAA,EAAA,SAAA,CAAA,SAAG,GAAS,IAAO,CAAA,GAI1B,EAAA,EAAA,IAAA,CAAC,KAAD,CAAI,UAAW,EAAA,GAAG,EAAA,QAAO,KAAM,CAAS,EAAG,GAAI,WAC1C,EAAM,KAAK,EAAM,KACd,EAAA,EAAA,IAAA,CAAC,KAAD,CAA2D,UAAW,EAAA,QAAO,cACxE,EAAW,EAAM,CAAK,CACvB,EAFK,EAAe,EAAa,EAAM,CAAK,EAAI,CAEhD,CACP,CACD,CAAA,CAEZ"}

package/dist/components/DataList/DataList.js

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

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

@@ -1 +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;"}
+{"version":3,"file":"DataList.js","names":[],"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"],"mappings":";;;;AA4BA,SAAgB,EAAY,EACxB,UACA,eACA,iBACA,UACA,cACA,GAAG,KACc;CAKjB,OAJI,EAAM,WAAW,IACV,kBAAA,GAAA,EAAA,UAAG,KAAS,KAAO,CAAA,IAI1B,kBAAC,MAAD;EAAI,WAAW,EAAG,EAAO,MAAM,CAAS;EAAG,GAAI;YAC1C,EAAM,KAAK,GAAM,MACd,kBAAC,MAAD;GAA2D,WAAW,EAAO;aACxE,EAAW,GAAM,CAAK;EACvB,GAFK,IAAe,EAAa,GAAM,CAAK,IAAI,CAEhD,CACP;CACD,CAAA;AAEZ"}

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

@@ -0,0 +1,2 @@
+var e=`tempest_list_bAP4Q`,t=`tempest_item_oRy5T`,n={list:e,item:t};exports.default=n,exports.item=t,exports.list=e;
+//# sourceMappingURL=DataList.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataList.module.cjs","names":[],"sources":["../../../src/components/DataList/DataList.module.css"],"sourcesContent":[".list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.item {\n    margin: 0;\n}\n"],"mappings":""}

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

@@ -0,0 +1,9 @@
+//#region src/components/DataList/DataList.module.css
+var e = "tempest_list_bAP4Q", t = "tempest_item_oRy5T", n = {
+	list: e,
+	item: t
+};
+//#endregion
+export { n as default, t as item, e as list };
+
+//# sourceMappingURL=DataList.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataList.module.js","names":[],"sources":["../../../src/components/DataList/DataList.module.css"],"sourcesContent":[".list {\n    list-style: none;\n    margin: 0;\n    padding: 0;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n}\n\n.item {\n    margin: 0;\n}\n"],"mappings":""}

package/dist/components/DataTable/DataTable.cjs

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

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

@@ -1 +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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"}
+{"version":3,"file":"DataTable.cjs","names":[],"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"],"mappings":"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"}

package/dist/components/DataTable/DataTable.js

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