tempest-react-sdk 0.23.0 → 0.25.0

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

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

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

@@ -0,0 +1,2 @@
+var e=`tempest_wrapper_iB6ka`,t=`tempest_search_2y-yM`,n=`tempest_sortButton_9p6w4`,r=`tempest_sortIndicator_bZMlH`,i={wrapper:e,search:t,sortButton:n,sortIndicator:r};exports.default=i,exports.search=t,exports.sortButton=n,exports.sortIndicator=r,exports.wrapper=e;
+//# sourceMappingURL=DataTable.module.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.module.cjs","names":[],"sources":["../../../src/components/DataTable/DataTable.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-3, 0.75rem);\n}\n\n.search {\n    max-width: 20rem;\n}\n\n.sortButton {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25rem;\n    padding: 0;\n    border: none;\n    background: none;\n    font: inherit;\n    color: inherit;\n    cursor: pointer;\n    user-select: none;\n}\n\n.sortIndicator {\n    font-size: 0.75em;\n    opacity: 0.7;\n}\n"],"mappings":""}

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

@@ -0,0 +1,11 @@
+//#region src/components/DataTable/DataTable.module.css
+var e = "tempest_wrapper_iB6ka", t = "tempest_search_2y-yM", n = "tempest_sortButton_9p6w4", r = "tempest_sortIndicator_bZMlH", i = {
+	wrapper: e,
+	search: t,
+	sortButton: n,
+	sortIndicator: r
+};
+//#endregion
+export { i as default, t as search, n as sortButton, r as sortIndicator, e as wrapper };
+
+//# sourceMappingURL=DataTable.module.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.module.js","names":[],"sources":["../../../src/components/DataTable/DataTable.module.css"],"sourcesContent":[".wrapper {\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-3, 0.75rem);\n}\n\n.search {\n    max-width: 20rem;\n}\n\n.sortButton {\n    display: inline-flex;\n    align-items: center;\n    gap: 0.25rem;\n    padding: 0;\n    border: none;\n    background: none;\n    font: inherit;\n    color: inherit;\n    cursor: pointer;\n    user-select: none;\n}\n\n.sortIndicator {\n    font-size: 0.75em;\n    opacity: 0.7;\n}\n"],"mappings":""}

package/dist/components/DatePicker/DatePicker.cjs

@@ -1,2 +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
+const e=require("../Input/Input.cjs");let t=require("react"),n=require("react/jsx-runtime");var r=(0,t.forwardRef)(function({value:t,onChange:r,mode:i=`date`,...a},o){return(0,n.jsx)(e.Input,{...a,ref:o,type:i,value:t,onChange:e=>r(e.target.value)})});exports.DatePicker=r;
+//# sourceMappingURL=DatePicker.cjs.map

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

@@ -1 +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"}
+{"version":3,"file":"DatePicker.cjs","names":[],"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"],"mappings":"4FA4BA,IAAa,GAAA,EAAA,EAAA,WAAA,CAA2D,SACpE,CAAE,QAAO,WAAU,OAAO,OAAQ,GAAG,GACrC,EACF,CACE,OACI,EAAA,EAAA,IAAA,CAAC,EAAA,MAAD,CACI,GAAI,EACC,MACL,KAAM,EACC,QACP,SAAW,GAAU,EAAS,EAAM,OAAO,KAAK,CACnD,CAAA,CAET,CAAC"}

package/dist/components/DatePicker/DatePicker.js

@@ -1,19 +1,17 @@
-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)
-    }
-  );
+import { Input as e } from "../Input/Input.js";
+import { forwardRef as t } from "react";
+import { jsx as n } from "react/jsx-runtime";
+//#region src/components/DatePicker/DatePicker.tsx
+var r = t(function({ value: t, onChange: r, mode: i = "date", ...a }, o) {
+	return /* @__PURE__ */ n(e, {
+		...a,
+		ref: o,
+		type: i,
+		value: t,
+		onChange: (e) => r(e.target.value)
+	});
 });
-export {
-  g as DatePicker
-};
-//# sourceMappingURL=DatePicker.js.map
+//#endregion
+export { r as DatePicker };
+
+//# sourceMappingURL=DatePicker.js.map

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

@@ -1 +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;"}
+{"version":3,"file":"DatePicker.js","names":[],"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"],"mappings":";;;;AA4BA,IAAa,IAAa,EAA8C,SACpE,EAAE,UAAO,aAAU,UAAO,QAAQ,GAAG,KACrC,GACF;CACE,OACI,kBAAC,GAAD;EACI,GAAI;EACC;EACL,MAAM;EACC;EACP,WAAW,MAAU,EAAS,EAAM,OAAO,KAAK;CACnD,CAAA;AAET,CAAC"}