@solibo/solibo-ui 0.3.30 → 0.3.33

package/dist/assets/index12.css

@@ -1 +1 @@
-._dialog_19p8b_1{background-color:var(--color-white);border-radius:var(--border-radius);border:none;box-shadow:var(--shadow-big);justify-self:center;max-height:90vh;max-width:75vw;min-width:25vw;opacity:0;overflow-y:auto;text-align:center;transition:opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay);visibility:hidden}._dialog_19p8b_1[open]{opacity:1;visibility:visible}._dialog_19p8b_1 button{margin-right:var(--unit)}._dialog_19p8b_1 button:last-child{margin-right:0}._wrapper_19p8b_32{align-items:center;-webkit-backdrop-filter:blur(var(--unit-tiny));backdrop-filter:blur(var(--unit-tiny));display:flex;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay),-webkit-backdrop-filter var(--transition-duration) var(--transition-timing-function);transition:backdrop-filter var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay);transition:backdrop-filter var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay),-webkit-backdrop-filter var(--transition-duration) var(--transition-timing-function);visibility:hidden;width:100%;z-index:5}._wrapper_19p8b_32:has(dialog[open]){opacity:1;visibility:visible}@media (width <= 960px){._dialog_19p8b_1{max-width:90vw}}
+._dialog_1dwjg_1{background-color:var(--color-white);border-radius:var(--border-radius);border:none;box-shadow:var(--shadow-big);justify-self:center;max-height:85vh;max-width:75vw;min-width:25vw;opacity:0;overflow-y:auto;text-align:center;transition:opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay);visibility:hidden}._dialog_1dwjg_1[open]{opacity:1;visibility:visible}._dialog_1dwjg_1 button{margin-right:var(--unit)}._dialog_1dwjg_1 button:last-child{margin-right:0}._wrapper_1dwjg_32{align-items:center;-webkit-backdrop-filter:blur(var(--unit-tiny));backdrop-filter:blur(var(--unit-tiny));display:flex;height:100%;left:0;opacity:0;position:fixed;top:0;transition:opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay),-webkit-backdrop-filter var(--transition-duration) var(--transition-timing-function);transition:backdrop-filter var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay);transition:backdrop-filter var(--transition-duration) var(--transition-timing-function),opacity var(--transition-duration) var(--transition-timing-function) var(--transition-delay),visibility var(--transition-duration) var(--transition-timing-function) var(--transition-delay),-webkit-backdrop-filter var(--transition-duration) var(--transition-timing-function);visibility:hidden;width:100%;z-index:5}._wrapper_1dwjg_32:has(dialog[open]){opacity:1;visibility:visible}@media (width <= 960px){._dialog_1dwjg_1{max-width:90vw}}

package/dist/assets/index3.css

@@ -1 +1 @@
-._table_k4bpz_1{border-collapse:collapse;margin:var(--unit) 0;width:100%}._table_k4bpz_1 td,._table_k4bpz_1 th{padding:var(--unit-small)}._table_k4bpz_1 th{font-weight:400;text-align:left;white-space:nowrap}._table_k4bpz_1 th[data-type]{color:var(--color-primary);cursor:pointer}._table_k4bpz_1 th span{background-color:var(--color-primary);float:right}._table_k4bpz_1 tr:last-child td:first-child{border-bottom-left-radius:var(--unit)}._table_k4bpz_1 tr:last-child td:last-child{border-bottom-right-radius:var(--unit)}._table_k4bpz_1 thead{-webkit-user-select:none;-moz-user-select:none;user-select:none}._table_k4bpz_1 tbody tr:nth-child(odd){background-color:var(--color-neutral-light)}
+._table_18uji_1{border-collapse:collapse;margin:var(--unit) 0;width:100%}._table_18uji_1 td,._table_18uji_1 th{padding:var(--unit-small)}._table_18uji_1 tbody tr:nth-child(odd){background-color:var(--color-neutral-light)}._table_18uji_1 th{font-weight:400;text-align:left;white-space:nowrap}._table_18uji_1 th[data-type]{color:var(--color-primary);cursor:pointer}._table_18uji_1 th ._sortable_18uji_27{align-items:center;display:flex;gap:var(--unit-small);justify-content:space-between}._table_18uji_1 th ._sortable_18uji_27 span{display:inline-flex}._table_18uji_1 thead{-webkit-user-select:none;-moz-user-select:none;user-select:none}._table_18uji_1 tr:last-child td:first-child{border-bottom-left-radius:var(--unit)}._table_18uji_1 tr:last-child td:last-child{border-bottom-right-radius:var(--unit)}

package/dist/components/accordion/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const e=require("react/jsx-runtime"),r=require("../icon/index.cjs"),s="_accordion_8spz8_1",i={accordion:s},a=o=>{const n=o.currentTarget.closest("details");!n||!document.startViewTransition||(o.preventDefault(),document.startViewTransition(()=>n.open=!n.open))},d=({children:o,icon:n,label:t,open:c})=>e.jsxs("details",{className:i.accordion,open:c||void 0,"data-component":"accordion",children:[e.jsxs("summary",{onClick:a,children:[n&&e.jsx(r.Icon,{name:n}),t&&t]}),o]});exports.Accordion=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const o=require("react/jsx-runtime"),i=require("../icon/index.cjs"),t="_accordion_8spz8_1",d={accordion:t},a=({children:e,icon:c,label:s,open:r,summary:n})=>o.jsxs("details",{className:d.accordion,open:r||void 0,"data-component":"accordion",children:[o.jsxs("summary",{children:[c&&!n&&o.jsx(i.Icon,{name:c}),n??s]}),e]});exports.Accordion=a;
 //# sourceMappingURL=index.cjs.map

package/dist/components/accordion/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  icon?: IconName;\n  label?: string;\n  open?: boolean;\n};\n\nconst handleSummaryClick: MouseEventHandler<HTMLElement> = (e) => {\n  const details = e.currentTarget.closest('details') as HTMLDetailsElement | null;\n  if (!details || !document.startViewTransition) return;\n\n  e.preventDefault();\n  document.startViewTransition(() => (details.open = !details.open));\n};\n\nexport const Accordion = ({ children, icon, label, open }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open || undefined}\n    >\n      <summary onClick={handleSummaryClick}>\n        {icon && <Icon name={icon} />}\n        {label && label}\n      </summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["handleSummaryClick","e","details","currentTarget","closest","document","startViewTransition","preventDefault","open","Accordion","children","icon","label","jsxs","styles","accordion","undefined","jsx","Icon"],"mappings":"2LAaMA,EAAsDC,GAAM,CAChE,MAAMC,EAAUD,EAAEE,cAAcC,QAAQ,SAAS,EAC7C,CAACF,GAAW,CAACG,SAASC,sBAE1BL,EAAEM,eAAAA,EACFF,SAASC,oBAAoB,IAAOJ,EAAQM,KAAO,CAACN,EAAQM,IAAK,EACnE,EAEaC,EAAYA,CAAC,CAAEC,SAAAA,EAAUC,KAAAA,EAAMC,MAAAA,EAAOJ,KAAAA,CAAqB,IAEpEK,OAAC,WACC,UAAWC,EAAOC,UAClB,KAAMP,GAAQQ,OAAU,iBAAA,YAExB,SAAA,CAAAH,EAAAA,KAAC,UAAA,CAAQ,QAASb,EACfW,SAAAA,CAAAA,GAAQM,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMP,CAAAA,CAAK,EACzBC,GAASA,CAAAA,EACZ,EACCF,CAAAA,EACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  icon?: IconName;\n  label?: string;\n  open?: boolean;\n  summary?: React.ReactNode;\n};\n\nexport const Accordion = ({ children, icon, label, open, summary }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open || undefined}\n    >\n      <summary>\n        {icon && !summary && <Icon name={icon} />}\n        {summary ?? label}\n      </summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["Accordion","children","icon","label","open","summary","jsxs","styles","accordion","undefined","jsx","Icon"],"mappings":"2LAYaA,EAAYA,CAAC,CAAEC,SAAAA,EAAUC,KAAAA,EAAMC,MAAAA,EAAOC,KAAAA,EAAMC,QAAAA,CAAwB,IAE7EC,OAAC,WACC,UAAWC,EAAOC,UAClB,KAAMJ,GAAQK,OAAU,iBAAA,YAExB,SAAA,CAAAH,OAAC,UAAA,CACEJ,SAAAA,CAAAA,GAAQ,CAACG,GAAWK,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAMT,EAAK,EACrCG,GAAWF,CAAAA,EACd,EACCF,CAAAA,EACH"}

package/dist/components/accordion/index.js

@@ -1,23 +1,21 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { Icon as s } from "../icon/index.js";
-import '../../assets/index30.css';const i = "_accordion_8spz8_1", a = {
-  accordion: i
-}, d = (n) => {
-  const o = n.currentTarget.closest("details");
-  !o || !document.startViewTransition || (n.preventDefault(), document.startViewTransition(() => o.open = !o.open));
-}, p = ({
-  children: n,
+import { jsxs as n, jsx as d } from "react/jsx-runtime";
+import { Icon as i } from "../icon/index.js";
+import '../../assets/index30.css';const t = "_accordion_8spz8_1", e = {
+  accordion: t
+}, l = ({
+  children: r,
   icon: o,
-  label: t,
-  open: r
-}) => /* @__PURE__ */ c("details", { className: a.accordion, open: r || void 0, "data-component": "accordion", children: [
-  /* @__PURE__ */ c("summary", { onClick: d, children: [
-    o && /* @__PURE__ */ e(s, { name: o }),
-    t && t
+  label: s,
+  open: a,
+  summary: c
+}) => /* @__PURE__ */ n("details", { className: e.accordion, open: a || void 0, "data-component": "accordion", children: [
+  /* @__PURE__ */ n("summary", { children: [
+    o && !c && /* @__PURE__ */ d(i, { name: o }),
+    c ?? s
   ] }),
-  n
+  r
 ] });
 export {
-  p as Accordion
+  l as Accordion
 };
 //# sourceMappingURL=index.js.map

package/dist/components/accordion/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import type { MouseEventHandler } from 'react';\n\nimport { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  icon?: IconName;\n  label?: string;\n  open?: boolean;\n};\n\nconst handleSummaryClick: MouseEventHandler<HTMLElement> = (e) => {\n  const details = e.currentTarget.closest('details') as HTMLDetailsElement | null;\n  if (!details || !document.startViewTransition) return;\n\n  e.preventDefault();\n  document.startViewTransition(() => (details.open = !details.open));\n};\n\nexport const Accordion = ({ children, icon, label, open }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open || undefined}\n    >\n      <summary onClick={handleSummaryClick}>\n        {icon && <Icon name={icon} />}\n        {label && label}\n      </summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["handleSummaryClick","e","details","currentTarget","closest","document","startViewTransition","preventDefault","open","Accordion","children","icon","label","jsxs","styles","accordion","undefined","jsx","Icon"],"mappings":";;;;GAaMA,IAAsDC,CAAAA,MAAM;AAChE,QAAMC,IAAUD,EAAEE,cAAcC,QAAQ,SAAS;AACjD,EAAI,CAACF,KAAW,CAACG,SAASC,wBAE1BL,EAAEM,eAAAA,GACFF,SAASC,oBAAoB,MAAOJ,EAAQM,OAAO,CAACN,EAAQM,IAAK;AACnE,GAEaC,IAAYA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,MAAAA;AAAAA,EAAMC,OAAAA;AAAAA,EAAOJ,MAAAA;AAAqB,MAEpE,gBAAAK,EAAC,aACC,WAAWC,EAAOC,WAClB,MAAMP,KAAQQ,QAAU,kBAAA,aAExB,UAAA;AAAA,EAAA,gBAAAH,EAAC,WAAA,EAAQ,SAASb,GACfW,UAAAA;AAAAA,IAAAA,KAAQ,gBAAAM,EAACC,GAAA,EAAK,MAAMP,EAAAA,CAAK;AAAA,IACzBC,KAASA;AAAAA,EAAAA,GACZ;AAAA,EACCF;AAAAA,GACH;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/accordion/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport type { IconName } from '../icon/icons';\nimport styles from './styles.module.css';\n\nexport type AccordionProps = {\n  children: React.ReactNode;\n  icon?: IconName;\n  label?: string;\n  open?: boolean;\n  summary?: React.ReactNode;\n};\n\nexport const Accordion = ({ children, icon, label, open, summary }: AccordionProps) => {\n  return (\n    <details\n      className={styles.accordion}\n      open={open || undefined}\n    >\n      <summary>\n        {icon && !summary && <Icon name={icon} />}\n        {summary ?? label}\n      </summary>\n      {children}\n    </details>\n  );\n};\n"],"names":["Accordion","children","icon","label","open","summary","jsxs","styles","accordion","undefined","jsx","Icon"],"mappings":";;;;GAYaA,IAAYA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,MAAAA;AAAAA,EAAMC,OAAAA;AAAAA,EAAOC,MAAAA;AAAAA,EAAMC,SAAAA;AAAwB,MAE7E,gBAAAC,EAAC,aACC,WAAWC,EAAOC,WAClB,MAAMJ,KAAQK,QAAU,kBAAA,aAExB,UAAA;AAAA,EAAA,gBAAAH,EAAC,WAAA,EACEJ,UAAAA;AAAAA,IAAAA,KAAQ,CAACG,KAAW,gBAAAK,EAACC,GAAA,EAAK,MAAMT,GAAK;AAAA,IACrCG,KAAWF;AAAAA,EAAAA,GACd;AAAA,EACCF;AAAAA,GACH;"}

package/dist/components/dialog/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const a=require("react/jsx-runtime"),s="_dialog_19p8b_1",t="_wrapper_19p8b_32",e={dialog:s,wrapper:t},n=({children:i,setOpen:o,...l})=>a.jsx("div",{className:e.wrapper,onClick:()=>o?o(!1):{},"data-component":"dialog",children:a.jsx("dialog",{className:e.dialog,onClick:r=>r.stopPropagation(),...l,children:i})});exports.Dialog=n;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const a=require("react/jsx-runtime"),s="_dialog_1dwjg_1",t="_wrapper_1dwjg_32",e={dialog:s,wrapper:t},n=({children:i,setOpen:o,...l})=>a.jsx("div",{className:e.wrapper,onClick:()=>o?o(!1):{},"data-component":"dialog",children:a.jsx("dialog",{className:e.dialog,onClick:r=>r.stopPropagation(),...l,children:i})});exports.Dialog=n;
 //# sourceMappingURL=index.cjs.map

package/dist/components/dialog/index.js

@@ -1,13 +1,13 @@
 import { jsx as a } from "react/jsx-runtime";
-import '../../assets/index12.css';const s = "_dialog_19p8b_1", t = "_wrapper_19p8b_32", r = {
+import '../../assets/index12.css';const s = "_dialog_1dwjg_1", d = "_wrapper_1dwjg_32", r = {
   dialog: s,
-  wrapper: t
-}, e = ({
+  wrapper: d
+}, c = ({
   children: l,
   setOpen: o,
-  ...p
-}) => /* @__PURE__ */ a("div", { className: r.wrapper, onClick: () => o ? o(!1) : {}, "data-component": "dialog", children: /* @__PURE__ */ a("dialog", { className: r.dialog, onClick: (i) => i.stopPropagation(), ...p, children: l }) });
+  ...i
+}) => /* @__PURE__ */ a("div", { className: r.wrapper, onClick: () => o ? o(!1) : {}, "data-component": "dialog", children: /* @__PURE__ */ a("dialog", { className: r.dialog, onClick: (p) => p.stopPropagation(), ...i, children: l }) });
 export {
-  e as Dialog
+  c as Dialog
 };
 //# sourceMappingURL=index.js.map

package/dist/components/table/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const q=require("react/jsx-runtime"),A=require("react"),R="_table_k4bpz_1",T={table:R},_=({children:C,locale:i,...S})=>{const l=A.useRef(null),v=(n,r,t)=>{n.querySelectorAll("th[data-type]").forEach(e=>{e===r?(e.dataset.dir=t,e.setAttribute("aria-sort",t==="asc"?"ascending":"descending")):(delete e.dataset.dir,e.setAttribute("aria-sort","none"))})},h=A.useCallback(n=>{var m,N;const r=l.current;if(!r)return;const t=(m=n.target)==null?void 0:m.closest("th");if(!t)return;const s=r.tHead;if(!s||!s.contains(t))return;const e=t.cellIndex;if(e<0)return;const a=(N=r.tBodies)==null?void 0:N[0];if(!a)return;const u=t.getAttribute("data-type");if(!u)return;const b=t.dataset.dir==="asc"?"desc":"asc";v(s,t,b);const d=b==="asc"?1:-1,f=Array.from(a.rows);f.sort((j,k)=>{var g,x;const p=(((g=j.cells[e])==null?void 0:g.textContent)??"").trim(),y=(((x=k.cells[e])==null?void 0:x.textContent)??"").trim();if(u==="number"){const o=Number.parseFloat(p),c=Number.parseFloat(y);return Number.isNaN(o)&&Number.isNaN(c)?0:Number.isNaN(o)?1:Number.isNaN(c)?-1:(o-c)*d}return p.localeCompare(y,i,{sensitivity:"base"})*d}),a.append(...f)},[i]);return q.jsx("table",{className:T.table,onClick:h,ref:l,...S,"data-component":"table",children:C})};exports.Table=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const f=require("react/jsx-runtime"),i=require("react"),F=require("../icon/index.cjs"),k="_table_18uji_1",D="_sortable_18uji_27",j={table:k,sortable:D},m=r=>i.isValidElement(r),A=r=>i.Children.toArray(r).reduce((e,t)=>m(t)?e+(t.type==="td"||t.type==="th"?1:A(t.props.children)):e,0),v=r=>{for(const e of i.Children.toArray(r)){if(!m(e))continue;if(e.type==="tr")return A(e.props.children);const t=v(e.props.children);if(t!==null)return t}return null},S=(r,e)=>i.Children.map(r,t=>{if(!m(t))return t;let s=t.props.children===void 0?t.props.children:S(t.props.children,e),n;return t.type==="td"&&t.props["data-span"]==="all"&&(n={colSpan:e}),t.type==="th"&&t.props["data-type"]&&(s=f.jsxs("span",{className:j.sortable,children:[s,f.jsx(F.Icon,{"aria-hidden":"true",name:"updown",size:"small",variant:"primary"})]})),n||s!==t.props.children?i.cloneElement(t,n,s):t}),I=(r,e,t,s,n=1)=>{if(t==="text")return r.localeCompare(e,s,{sensitivity:"base"})*n;const l=t==="date"?Date.parse(r):Number.parseFloat(r),c=t==="date"?Date.parse(e):Number.parseFloat(e);return Number.isNaN(l)&&Number.isNaN(c)?0:Number.isNaN(l)?1:Number.isNaN(c)?-1:(l-c)*n},P=({children:r,locale:e,...t})=>{const s=i.useRef(null),n=v(r),l=n&&n>0?S(r,n):r,c=(d,u,o)=>{d.querySelectorAll("th[data-type]").forEach(a=>{a===u?(a.dataset.dir=o,a.setAttribute("aria-sort",o==="asc"?"ascending":"descending")):(delete a.dataset.dir,a.setAttribute("aria-sort","none"))})},q=i.useCallback(d=>{var x,g;const u=s.current;if(!u)return;const o=(x=d.target)==null?void 0:x.closest("th");if(!o)return;const p=u.tHead;if(!p||!p.contains(o))return;const a=o.cellIndex;if(a<0)return;const b=(g=u.tBodies)==null?void 0:g[0];if(!b)return;const y=o.getAttribute("data-type");if(!y)return;const N=o.dataset.dir==="asc"?"desc":"asc";c(p,o,N);const w=N==="asc"?1:-1,C=Array.from(b.rows);C.sort((E,R)=>{var _,h;const T=(((_=E.cells[a])==null?void 0:_.textContent)??"").trim(),z=(((h=R.cells[a])==null?void 0:h.textContent)??"").trim();return I(T,z,y,e,w)}),b.append(...C)},[e]);return f.jsx("table",{className:j.table,onClick:q,ref:s,...t,"data-component":"table",children:l})};exports.Table=P;
 //# sourceMappingURL=index.cjs.map

package/dist/components/table/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/table/index.tsx"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type TableProps = React.TableHTMLAttributes<HTMLTableElement> & {\n  children?: React.ReactNode;\n  locale?: string | string[];\n};\n\n/**\n * Sortable columns must provide data-type (number or text) in the `th` element.\n */\n\nexport const Table = ({ children, locale, ...props }: TableProps) => {\n  const ref = useRef<HTMLTableElement | null>(null);\n\n  const setSortState = (\n    thead: HTMLTableSectionElement,\n    active: HTMLTableCellElement,\n    dir: 'asc' | 'desc'\n  ) => {\n    const ths = thead.querySelectorAll<HTMLTableCellElement>('th[data-type]');\n\n    ths.forEach((th) => {\n      if (th === active) {\n        th.dataset.dir = dir;\n        th.setAttribute('aria-sort', dir === 'asc' ? 'ascending' : 'descending');\n      } else {\n        delete th.dataset.dir;\n        th.setAttribute('aria-sort', 'none');\n      }\n    });\n  };\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLTableElement>) => {\n      const table = ref.current;\n      if (!table) return;\n\n      const th = (e.target as HTMLElement | null)?.closest('th');\n      if (!th) return;\n\n      const thead = table.tHead;\n      if (!thead || !thead.contains(th)) return;\n\n      const col = th.cellIndex;\n      if (col < 0) return;\n\n      const tbody = table.tBodies?.[0];\n      if (!tbody) return;\n\n      const type = th.getAttribute('data-type');\n      if (!type) return;\n\n      const dir = th.dataset.dir === 'asc' ? 'desc' : 'asc';\n      setSortState(thead, th, dir);\n      const mult = dir === 'asc' ? 1 : -1;\n\n      const rows = Array.from(tbody.rows);\n\n      rows.sort((a, b) => {\n        const av = (a.cells[col]?.textContent ?? '').trim();\n        const bv = (b.cells[col]?.textContent ?? '').trim();\n\n        if (type === 'number') {\n          const an = Number.parseFloat(av);\n          const bn = Number.parseFloat(bv);\n\n          if (Number.isNaN(an) && Number.isNaN(bn)) return 0;\n          if (Number.isNaN(an)) return 1;\n          if (Number.isNaN(bn)) return -1;\n          return (an - bn) * mult;\n        }\n\n        return av.localeCompare(bv, locale, { sensitivity: 'base' }) * mult;\n      });\n\n      tbody.append(...rows);\n    },\n    [locale]\n  );\n\n  return (\n    <table\n      className={styles.table}\n      onClick={onClick}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </table>\n  );\n};\n"],"names":["Table","children","locale","props","ref","useRef","setSortState","thead","active","dir","querySelectorAll","forEach","th","dataset","setAttribute","onClick","useCallback","e","table","current","target","closest","tHead","contains","col","cellIndex","tbody","tBodies","type","getAttribute","mult","rows","Array","from","sort","a","b","av","cells","textContent","trim","bv","an","Number","parseFloat","bn","isNaN","localeCompare","sensitivity","append","jsx","styles"],"mappings":"uKAaaA,EAAQA,CAAC,CAAEC,SAAAA,EAAUC,OAAAA,EAAQ,GAAGC,CAAkB,IAAM,CACnE,MAAMC,EAAMC,EAAAA,OAAgC,IAAI,EAE1CC,EAAeA,CACnBC,EACAC,EACAC,IACG,CACSF,EAAMG,iBAAuC,eAAe,EAEpEC,QAASC,GAAO,CACdA,IAAOJ,GACTI,EAAGC,QAAQJ,IAAMA,EACjBG,EAAGE,aAAa,YAAaL,IAAQ,MAAQ,YAAc,YAAY,IAEvE,OAAOG,EAAGC,QAAQJ,IAClBG,EAAGE,aAAa,YAAa,MAAM,EAEvC,CAAC,CACH,EAEMC,EAAUC,cACbC,GAA0C,SACzC,MAAMC,EAAQd,EAAIe,QAClB,GAAI,CAACD,EAAO,OAEZ,MAAMN,GAAMK,EAAAA,EAAEG,SAAFH,YAAAA,EAAiCI,QAAQ,MACrD,GAAI,CAACT,EAAI,OAET,MAAML,EAAQW,EAAMI,MACpB,GAAI,CAACf,GAAS,CAACA,EAAMgB,SAASX,CAAE,EAAG,OAEnC,MAAMY,EAAMZ,EAAGa,UACf,GAAID,EAAM,EAAG,OAEb,MAAME,GAAQR,EAAAA,EAAMS,UAANT,YAAAA,EAAgB,GAC9B,GAAI,CAACQ,EAAO,OAEZ,MAAME,EAAOhB,EAAGiB,aAAa,WAAW,EACxC,GAAI,CAACD,EAAM,OAEX,MAAMnB,EAAMG,EAAGC,QAAQJ,MAAQ,MAAQ,OAAS,MAChDH,EAAaC,EAAOK,EAAIH,CAAG,EAC3B,MAAMqB,EAAOrB,IAAQ,MAAQ,EAAI,GAE3BsB,EAAOC,MAAMC,KAAKP,EAAMK,IAAI,EAElCA,EAAKG,KAAK,CAACC,EAAGC,IAAM,SAClB,MAAMC,KAAMF,EAAAA,EAAEG,MAAMd,CAAG,IAAXW,YAAAA,EAAcI,cAAe,IAAIC,KAAAA,EACvCC,KAAML,EAAAA,EAAEE,MAAMd,CAAG,IAAXY,YAAAA,EAAcG,cAAe,IAAIC,KAAAA,EAE7C,GAAIZ,IAAS,SAAU,CACrB,MAAMc,EAAKC,OAAOC,WAAWP,CAAE,EACzBQ,EAAKF,OAAOC,WAAWH,CAAE,EAE/B,OAAIE,OAAOG,MAAMJ,CAAE,GAAKC,OAAOG,MAAMD,CAAE,EAAU,EAC7CF,OAAOG,MAAMJ,CAAE,EAAU,EACzBC,OAAOG,MAAMD,CAAE,EAAU,IACrBH,EAAKG,GAAMf,CACrB,CAEA,OAAOO,EAAGU,cAAcN,EAAIvC,EAAQ,CAAE8C,YAAa,MAAA,CAAQ,EAAIlB,CACjE,CAAC,EAEDJ,EAAMuB,OAAO,GAAGlB,CAAI,CACtB,EACA,CAAC7B,CAAM,CACT,EAEA,OACEgD,EAAAA,IAAC,QAAA,CACC,UAAWC,EAAOjC,MAClB,QAAAH,EACA,IAAAX,EACA,GAAID,EAAM,iBAAA,QAETF,SAAAA,CAAAA,CACH,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/table/index.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement, useCallback, useRef } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type TableProps = React.TableHTMLAttributes<HTMLTableElement> & {\n  children?: React.ReactNode;\n  locale?: string | string[];\n};\n\ntype SortType = 'date' | 'number' | 'text';\n\ntype TableChildProps = {\n  children?: React.ReactNode;\n  colSpan?: number;\n  'data-span'?: string;\n  'data-type'?: SortType;\n};\n\nconst isTableElement = (child: React.ReactNode): child is React.ReactElement<TableChildProps> =>\n  isValidElement<TableChildProps>(child);\n\nconst countCells = (children: React.ReactNode): number =>\n  Children.toArray(children).reduce<number>((count, child) => {\n    if (!isTableElement(child)) return count;\n    return (\n      count + (child.type === 'td' || child.type === 'th' ? 1 : countCells(child.props.children))\n    );\n  }, 0);\n\nconst getFirstRowCellCount = (children: React.ReactNode): number | null => {\n  for (const child of Children.toArray(children)) {\n    if (!isTableElement(child)) continue;\n\n    if (child.type === 'tr') return countCells(child.props.children);\n\n    const nestedCount = getFirstRowCellCount(child.props.children);\n    if (nestedCount !== null) return nestedCount;\n  }\n\n  return null;\n};\n\nconst normalizeChildren = (children: React.ReactNode, columnCount: number): React.ReactNode =>\n  Children.map(children, (child) => {\n    if (!isTableElement(child)) return child;\n\n    let nextChildren =\n      child.props.children === undefined\n        ? child.props.children\n        : normalizeChildren(child.props.children, columnCount);\n    let nextProps: Partial<TableChildProps> | undefined;\n\n    if (child.type === 'td' && child.props['data-span'] === 'all') {\n      nextProps = { colSpan: columnCount };\n    }\n\n    if (child.type === 'th' && child.props['data-type']) {\n      nextChildren = (\n        <span className={styles.sortable}>\n          {nextChildren}\n          <Icon\n            aria-hidden='true'\n            name='updown'\n            size='small'\n            variant='primary'\n          />\n        </span>\n      );\n    }\n\n    return nextProps || nextChildren !== child.props.children\n      ? cloneElement(child, nextProps, nextChildren)\n      : child;\n  });\n\n/**\n * Sortable columns must provide data-type (text, number, or date) in the `th` element.\n */\n\nconst compare = (a: string, b: string, type: SortType, locale?: string | string[], dir = 1) => {\n  if (type === 'text') {\n    return a.localeCompare(b, locale, { sensitivity: 'base' }) * dir;\n  }\n\n  const left = type === 'date' ? Date.parse(a) : Number.parseFloat(a);\n  const right = type === 'date' ? Date.parse(b) : Number.parseFloat(b);\n\n  if (Number.isNaN(left) && Number.isNaN(right)) return 0;\n  if (Number.isNaN(left)) return 1;\n  if (Number.isNaN(right)) return -1;\n  return (left - right) * dir;\n};\n\nexport const Table = ({ children, locale, ...props }: TableProps) => {\n  const ref = useRef<HTMLTableElement | null>(null);\n  const columnCount = getFirstRowCellCount(children);\n  const normalizedChildren =\n    columnCount && columnCount > 0 ? normalizeChildren(children, columnCount) : children;\n\n  const setSortState = (\n    thead: HTMLTableSectionElement,\n    active: HTMLTableCellElement,\n    dir: 'asc' | 'desc'\n  ) => {\n    const ths = thead.querySelectorAll<HTMLTableCellElement>('th[data-type]');\n\n    ths.forEach((th) => {\n      if (th === active) {\n        th.dataset.dir = dir;\n        th.setAttribute('aria-sort', dir === 'asc' ? 'ascending' : 'descending');\n      } else {\n        delete th.dataset.dir;\n        th.setAttribute('aria-sort', 'none');\n      }\n    });\n  };\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLTableElement>) => {\n      const table = ref.current;\n      if (!table) return;\n\n      const th = (e.target as HTMLElement | null)?.closest('th');\n      if (!th) return;\n\n      const thead = table.tHead;\n      if (!thead || !thead.contains(th)) return;\n\n      const col = th.cellIndex;\n      if (col < 0) return;\n\n      const tbody = table.tBodies?.[0];\n      if (!tbody) return;\n\n      const type = th.getAttribute('data-type') as SortType | null;\n      if (!type) return;\n\n      const direction = th.dataset.dir === 'asc' ? 'desc' : 'asc';\n      setSortState(thead, th, direction);\n      const dir = direction === 'asc' ? 1 : -1;\n\n      const rows = Array.from(tbody.rows);\n\n      rows.sort((a, b) => {\n        const av = (a.cells[col]?.textContent ?? '').trim();\n        const bv = (b.cells[col]?.textContent ?? '').trim();\n        return compare(av, bv, type, locale, dir);\n      });\n\n      tbody.append(...rows);\n    },\n    [locale]\n  );\n\n  return (\n    <table\n      className={styles.table}\n      onClick={onClick}\n      ref={ref}\n      {...props}\n    >\n      {normalizedChildren}\n    </table>\n  );\n};\n"],"names":["isTableElement","child","isValidElement","countCells","children","Children","toArray","reduce","count","type","props","getFirstRowCellCount","nestedCount","normalizeChildren","columnCount","map","nextChildren","undefined","nextProps","colSpan","jsxs","styles","sortable","jsx","Icon","cloneElement","compare","a","b","locale","dir","localeCompare","sensitivity","left","Date","parse","Number","parseFloat","right","isNaN","Table","ref","useRef","normalizedChildren","setSortState","thead","active","querySelectorAll","forEach","th","dataset","setAttribute","onClick","useCallback","e","table","current","target","closest","tHead","contains","col","cellIndex","tbody","tBodies","getAttribute","direction","rows","Array","from","sort","av","cells","textContent","trim","bv","append"],"mappings":"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"}

package/dist/components/table/index.js

@@ -1,48 +1,68 @@
-import { jsx as _ } from "react/jsx-runtime";
-import { useRef as w, useCallback as F } from "react";
-import '../../assets/index3.css';const j = "_table_k4bpz_1", q = {
-  table: j
-}, E = ({
-  children: C,
-  locale: i,
-  ...g
+import { jsx as _, jsxs as I } from "react/jsx-runtime";
+import { useRef as R, useCallback as T, Children as m, cloneElement as q, isValidElement as B } from "react";
+import { Icon as H } from "../icon/index.js";
+import '../../assets/index3.css';const P = "_table_18uji_1", V = "_sortable_18uji_27", h = {
+  table: P,
+  sortable: V
+}, f = (r) => B(r), v = (r) => m.toArray(r).reduce((e, t) => f(t) ? e + (t.type === "td" || t.type === "th" ? 1 : v(t.props.children)) : e, 0), j = (r) => {
+  for (const e of m.toArray(r)) {
+    if (!f(e)) continue;
+    if (e.type === "tr") return v(e.props.children);
+    const t = j(e.props.children);
+    if (t !== null) return t;
+  }
+  return null;
+}, w = (r, e) => m.map(r, (t) => {
+  if (!f(t)) return t;
+  let s = t.props.children === void 0 ? t.props.children : w(t.props.children, e), n;
+  return t.type === "td" && t.props["data-span"] === "all" && (n = {
+    colSpan: e
+  }), t.type === "th" && t.props["data-type"] && (s = /* @__PURE__ */ I("span", { className: h.sortable, children: [
+    s,
+    /* @__PURE__ */ _(H, { "aria-hidden": "true", name: "updown", size: "small", variant: "primary" })
+  ] })), n || s !== t.props.children ? q(t, n, s) : t;
+}), G = (r, e, t, s, n = 1) => {
+  if (t === "text")
+    return r.localeCompare(e, s, {
+      sensitivity: "base"
+    }) * n;
+  const i = t === "date" ? Date.parse(r) : Number.parseFloat(r), l = t === "date" ? Date.parse(e) : Number.parseFloat(e);
+  return Number.isNaN(i) && Number.isNaN(l) ? 0 : Number.isNaN(i) ? 1 : Number.isNaN(l) ? -1 : (i - l) * n;
+}, M = ({
+  children: r,
+  locale: e,
+  ...t
 }) => {
-  const l = w(null), h = (n, r, t) => {
-    n.querySelectorAll("th[data-type]").forEach((e) => {
-      e === r ? (e.dataset.dir = t, e.setAttribute("aria-sort", t === "asc" ? "ascending" : "descending")) : (delete e.dataset.dir, e.setAttribute("aria-sort", "none"));
+  const s = R(null), n = j(r), i = n && n > 0 ? w(r, n) : r, l = (u, c, o) => {
+    u.querySelectorAll("th[data-type]").forEach((a) => {
+      a === c ? (a.dataset.dir = o, a.setAttribute("aria-sort", o === "asc" ? "ascending" : "descending")) : (delete a.dataset.dir, a.setAttribute("aria-sort", "none"));
     });
-  }, k = F((n) => {
-    var f, N;
-    const r = l.current;
-    if (!r) return;
-    const t = (f = n.target) == null ? void 0 : f.closest("th");
-    if (!t) return;
-    const s = r.tHead;
-    if (!s || !s.contains(t)) return;
-    const e = t.cellIndex;
-    if (e < 0) return;
-    const a = (N = r.tBodies) == null ? void 0 : N[0];
-    if (!a) return;
-    const u = t.getAttribute("data-type");
-    if (!u) return;
-    const b = t.dataset.dir === "asc" ? "desc" : "asc";
-    h(s, t, b);
-    const d = b === "asc" ? 1 : -1, m = Array.from(a.rows);
-    m.sort((v, S) => {
-      var x, A;
-      const p = (((x = v.cells[e]) == null ? void 0 : x.textContent) ?? "").trim(), y = (((A = S.cells[e]) == null ? void 0 : A.textContent) ?? "").trim();
-      if (u === "number") {
-        const o = Number.parseFloat(p), c = Number.parseFloat(y);
-        return Number.isNaN(o) && Number.isNaN(c) ? 0 : Number.isNaN(o) ? 1 : Number.isNaN(c) ? -1 : (o - c) * d;
-      }
-      return p.localeCompare(y, i, {
-        sensitivity: "base"
-      }) * d;
-    }), a.append(...m);
-  }, [i]);
-  return /* @__PURE__ */ _("table", { className: q.table, onClick: k, ref: l, ...g, "data-component": "table", children: C });
+  }, E = T((u) => {
+    var C, x;
+    const c = s.current;
+    if (!c) return;
+    const o = (C = u.target) == null ? void 0 : C.closest("th");
+    if (!o) return;
+    const p = c.tHead;
+    if (!p || !p.contains(o)) return;
+    const a = o.cellIndex;
+    if (a < 0) return;
+    const d = (x = c.tBodies) == null ? void 0 : x[0];
+    if (!d) return;
+    const b = o.getAttribute("data-type");
+    if (!b) return;
+    const N = o.dataset.dir === "asc" ? "desc" : "asc";
+    l(p, o, N);
+    const S = N === "asc" ? 1 : -1, y = Array.from(d.rows);
+    y.sort((z, F) => {
+      var A, g;
+      const k = (((A = z.cells[a]) == null ? void 0 : A.textContent) ?? "").trim(), D = (((g = F.cells[a]) == null ? void 0 : g.textContent) ?? "").trim();
+      return G(k, D, b, e, S);
+    }), d.append(...y);
+  }, [e]);
+  return /* @__PURE__ */ _("table", { className: h.table, onClick: E, ref: s, ...t, "data-component": "table", children: i });
 };
 export {
-  E as Table
+  M as Table
 };
 //# sourceMappingURL=index.js.map

package/dist/components/table/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/table/index.tsx"],"sourcesContent":["import { useCallback, useRef } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type TableProps = React.TableHTMLAttributes<HTMLTableElement> & {\n  children?: React.ReactNode;\n  locale?: string | string[];\n};\n\n/**\n * Sortable columns must provide data-type (number or text) in the `th` element.\n */\n\nexport const Table = ({ children, locale, ...props }: TableProps) => {\n  const ref = useRef<HTMLTableElement | null>(null);\n\n  const setSortState = (\n    thead: HTMLTableSectionElement,\n    active: HTMLTableCellElement,\n    dir: 'asc' | 'desc'\n  ) => {\n    const ths = thead.querySelectorAll<HTMLTableCellElement>('th[data-type]');\n\n    ths.forEach((th) => {\n      if (th === active) {\n        th.dataset.dir = dir;\n        th.setAttribute('aria-sort', dir === 'asc' ? 'ascending' : 'descending');\n      } else {\n        delete th.dataset.dir;\n        th.setAttribute('aria-sort', 'none');\n      }\n    });\n  };\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLTableElement>) => {\n      const table = ref.current;\n      if (!table) return;\n\n      const th = (e.target as HTMLElement | null)?.closest('th');\n      if (!th) return;\n\n      const thead = table.tHead;\n      if (!thead || !thead.contains(th)) return;\n\n      const col = th.cellIndex;\n      if (col < 0) return;\n\n      const tbody = table.tBodies?.[0];\n      if (!tbody) return;\n\n      const type = th.getAttribute('data-type');\n      if (!type) return;\n\n      const dir = th.dataset.dir === 'asc' ? 'desc' : 'asc';\n      setSortState(thead, th, dir);\n      const mult = dir === 'asc' ? 1 : -1;\n\n      const rows = Array.from(tbody.rows);\n\n      rows.sort((a, b) => {\n        const av = (a.cells[col]?.textContent ?? '').trim();\n        const bv = (b.cells[col]?.textContent ?? '').trim();\n\n        if (type === 'number') {\n          const an = Number.parseFloat(av);\n          const bn = Number.parseFloat(bv);\n\n          if (Number.isNaN(an) && Number.isNaN(bn)) return 0;\n          if (Number.isNaN(an)) return 1;\n          if (Number.isNaN(bn)) return -1;\n          return (an - bn) * mult;\n        }\n\n        return av.localeCompare(bv, locale, { sensitivity: 'base' }) * mult;\n      });\n\n      tbody.append(...rows);\n    },\n    [locale]\n  );\n\n  return (\n    <table\n      className={styles.table}\n      onClick={onClick}\n      ref={ref}\n      {...props}\n    >\n      {children}\n    </table>\n  );\n};\n"],"names":["Table","children","locale","props","ref","useRef","setSortState","thead","active","dir","ths","querySelectorAll","forEach","th","dataset","setAttribute","onClick","useCallback","e","table","current","target","closest","tHead","contains","col","cellIndex","tbody","tBodies","type","getAttribute","mult","rows","Array","from","sort","a","b","av","cells","textContent","trim","bv","an","Number","parseFloat","bn","isNaN","localeCompare","sensitivity","append","jsx","styles"],"mappings":";;;;GAaaA,IAAQA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,QAAAA;AAAAA,EAAQ,GAAGC;AAAkB,MAAM;AACnE,QAAMC,IAAMC,EAAgC,IAAI,GAE1CC,IAAeA,CACnBC,GACAC,GACAC,MACG;AAGHC,IAFYH,EAAMI,iBAAuC,eAAe,EAEpEC,QAASC,CAAAA,MAAO;AAClB,MAAIA,MAAOL,KACTK,EAAGC,QAAQL,MAAMA,GACjBI,EAAGE,aAAa,aAAaN,MAAQ,QAAQ,cAAc,YAAY,MAEvE,OAAOI,EAAGC,QAAQL,KAClBI,EAAGE,aAAa,aAAa,MAAM;AAAA,IAEvC,CAAC;AAAA,EACH,GAEMC,IAAUC,EACd,CAACC,MAA0C;;AACzC,UAAMC,IAAQf,EAAIgB;AAClB,QAAI,CAACD,EAAO;AAEZ,UAAMN,KAAMK,IAAAA,EAAEG,WAAFH,gBAAAA,EAAiCI,QAAQ;AACrD,QAAI,CAACT,EAAI;AAET,UAAMN,IAAQY,EAAMI;AACpB,QAAI,CAAChB,KAAS,CAACA,EAAMiB,SAASX,CAAE,EAAG;AAEnC,UAAMY,IAAMZ,EAAGa;AACf,QAAID,IAAM,EAAG;AAEb,UAAME,KAAQR,IAAAA,EAAMS,YAANT,gBAAAA,EAAgB;AAC9B,QAAI,CAACQ,EAAO;AAEZ,UAAME,IAAOhB,EAAGiB,aAAa,WAAW;AACxC,QAAI,CAACD,EAAM;AAEX,UAAMpB,IAAMI,EAAGC,QAAQL,QAAQ,QAAQ,SAAS;AAChDH,IAAAA,EAAaC,GAAOM,GAAIJ,CAAG;AAC3B,UAAMsB,IAAOtB,MAAQ,QAAQ,IAAI,IAE3BuB,IAAOC,MAAMC,KAAKP,EAAMK,IAAI;AAElCA,IAAAA,EAAKG,KAAK,CAACC,GAAGC,MAAM;;AAClB,YAAMC,OAAMF,IAAAA,EAAEG,MAAMd,CAAG,MAAXW,gBAAAA,EAAcI,gBAAe,IAAIC,KAAAA,GACvCC,OAAML,IAAAA,EAAEE,MAAMd,CAAG,MAAXY,gBAAAA,EAAcG,gBAAe,IAAIC,KAAAA;AAE7C,UAAIZ,MAAS,UAAU;AACrB,cAAMc,IAAKC,OAAOC,WAAWP,CAAE,GACzBQ,IAAKF,OAAOC,WAAWH,CAAE;AAE/B,eAAIE,OAAOG,MAAMJ,CAAE,KAAKC,OAAOG,MAAMD,CAAE,IAAU,IAC7CF,OAAOG,MAAMJ,CAAE,IAAU,IACzBC,OAAOG,MAAMD,CAAE,IAAU,MACrBH,IAAKG,KAAMf;AAAAA,MACrB;AAEA,aAAOO,EAAGU,cAAcN,GAAIxC,GAAQ;AAAA,QAAE+C,aAAa;AAAA,MAAA,CAAQ,IAAIlB;AAAAA,IACjE,CAAC,GAEDJ,EAAMuB,OAAO,GAAGlB,CAAI;AAAA,EACtB,GACA,CAAC9B,CAAM,CACT;AAEA,SACE,gBAAAiD,EAAC,SAAA,EACC,WAAWC,EAAOjC,OAClB,SAAAH,GACA,KAAAZ,GACA,GAAID,GAAM,kBAAA,SAETF,UAAAA,EAAAA,CACH;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/table/index.tsx"],"sourcesContent":["import { Children, cloneElement, isValidElement, useCallback, useRef } from 'react';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type TableProps = React.TableHTMLAttributes<HTMLTableElement> & {\n  children?: React.ReactNode;\n  locale?: string | string[];\n};\n\ntype SortType = 'date' | 'number' | 'text';\n\ntype TableChildProps = {\n  children?: React.ReactNode;\n  colSpan?: number;\n  'data-span'?: string;\n  'data-type'?: SortType;\n};\n\nconst isTableElement = (child: React.ReactNode): child is React.ReactElement<TableChildProps> =>\n  isValidElement<TableChildProps>(child);\n\nconst countCells = (children: React.ReactNode): number =>\n  Children.toArray(children).reduce<number>((count, child) => {\n    if (!isTableElement(child)) return count;\n    return (\n      count + (child.type === 'td' || child.type === 'th' ? 1 : countCells(child.props.children))\n    );\n  }, 0);\n\nconst getFirstRowCellCount = (children: React.ReactNode): number | null => {\n  for (const child of Children.toArray(children)) {\n    if (!isTableElement(child)) continue;\n\n    if (child.type === 'tr') return countCells(child.props.children);\n\n    const nestedCount = getFirstRowCellCount(child.props.children);\n    if (nestedCount !== null) return nestedCount;\n  }\n\n  return null;\n};\n\nconst normalizeChildren = (children: React.ReactNode, columnCount: number): React.ReactNode =>\n  Children.map(children, (child) => {\n    if (!isTableElement(child)) return child;\n\n    let nextChildren =\n      child.props.children === undefined\n        ? child.props.children\n        : normalizeChildren(child.props.children, columnCount);\n    let nextProps: Partial<TableChildProps> | undefined;\n\n    if (child.type === 'td' && child.props['data-span'] === 'all') {\n      nextProps = { colSpan: columnCount };\n    }\n\n    if (child.type === 'th' && child.props['data-type']) {\n      nextChildren = (\n        <span className={styles.sortable}>\n          {nextChildren}\n          <Icon\n            aria-hidden='true'\n            name='updown'\n            size='small'\n            variant='primary'\n          />\n        </span>\n      );\n    }\n\n    return nextProps || nextChildren !== child.props.children\n      ? cloneElement(child, nextProps, nextChildren)\n      : child;\n  });\n\n/**\n * Sortable columns must provide data-type (text, number, or date) in the `th` element.\n */\n\nconst compare = (a: string, b: string, type: SortType, locale?: string | string[], dir = 1) => {\n  if (type === 'text') {\n    return a.localeCompare(b, locale, { sensitivity: 'base' }) * dir;\n  }\n\n  const left = type === 'date' ? Date.parse(a) : Number.parseFloat(a);\n  const right = type === 'date' ? Date.parse(b) : Number.parseFloat(b);\n\n  if (Number.isNaN(left) && Number.isNaN(right)) return 0;\n  if (Number.isNaN(left)) return 1;\n  if (Number.isNaN(right)) return -1;\n  return (left - right) * dir;\n};\n\nexport const Table = ({ children, locale, ...props }: TableProps) => {\n  const ref = useRef<HTMLTableElement | null>(null);\n  const columnCount = getFirstRowCellCount(children);\n  const normalizedChildren =\n    columnCount && columnCount > 0 ? normalizeChildren(children, columnCount) : children;\n\n  const setSortState = (\n    thead: HTMLTableSectionElement,\n    active: HTMLTableCellElement,\n    dir: 'asc' | 'desc'\n  ) => {\n    const ths = thead.querySelectorAll<HTMLTableCellElement>('th[data-type]');\n\n    ths.forEach((th) => {\n      if (th === active) {\n        th.dataset.dir = dir;\n        th.setAttribute('aria-sort', dir === 'asc' ? 'ascending' : 'descending');\n      } else {\n        delete th.dataset.dir;\n        th.setAttribute('aria-sort', 'none');\n      }\n    });\n  };\n\n  const onClick = useCallback(\n    (e: React.MouseEvent<HTMLTableElement>) => {\n      const table = ref.current;\n      if (!table) return;\n\n      const th = (e.target as HTMLElement | null)?.closest('th');\n      if (!th) return;\n\n      const thead = table.tHead;\n      if (!thead || !thead.contains(th)) return;\n\n      const col = th.cellIndex;\n      if (col < 0) return;\n\n      const tbody = table.tBodies?.[0];\n      if (!tbody) return;\n\n      const type = th.getAttribute('data-type') as SortType | null;\n      if (!type) return;\n\n      const direction = th.dataset.dir === 'asc' ? 'desc' : 'asc';\n      setSortState(thead, th, direction);\n      const dir = direction === 'asc' ? 1 : -1;\n\n      const rows = Array.from(tbody.rows);\n\n      rows.sort((a, b) => {\n        const av = (a.cells[col]?.textContent ?? '').trim();\n        const bv = (b.cells[col]?.textContent ?? '').trim();\n        return compare(av, bv, type, locale, dir);\n      });\n\n      tbody.append(...rows);\n    },\n    [locale]\n  );\n\n  return (\n    <table\n      className={styles.table}\n      onClick={onClick}\n      ref={ref}\n      {...props}\n    >\n      {normalizedChildren}\n    </table>\n  );\n};\n"],"names":["isTableElement","child","isValidElement","countCells","children","Children","toArray","reduce","count","type","props","getFirstRowCellCount","nestedCount","normalizeChildren","columnCount","map","nextChildren","undefined","nextProps","colSpan","jsxs","styles","sortable","jsx","Icon","cloneElement","compare","a","b","locale","dir","localeCompare","sensitivity","left","Date","parse","Number","parseFloat","right","isNaN","Table","ref","useRef","normalizedChildren","setSortState","thead","active","ths","querySelectorAll","forEach","th","dataset","setAttribute","onClick","useCallback","e","table","current","target","closest","tHead","contains","col","cellIndex","tbody","tBodies","getAttribute","direction","rows","Array","from","sort","av","cells","textContent","trim","bv","append"],"mappings":";;;;;;GAmBMA,IAAiBA,CAACC,MACtBC,EAAgCD,CAAK,GAEjCE,IAAaA,CAACC,MAClBC,EAASC,QAAQF,CAAQ,EAAEG,OAAe,CAACC,GAAOP,MAC3CD,EAAeC,CAAK,IAEvBO,KAASP,EAAMQ,SAAS,QAAQR,EAAMQ,SAAS,OAAO,IAAIN,EAAWF,EAAMS,MAAMN,QAAQ,KAFxDI,GAIlC,CAAC,GAEAG,IAAuBA,CAACP,MAA6C;AACzE,aAAWH,KAASI,EAASC,QAAQF,CAAQ,GAAG;AAC9C,QAAI,CAACJ,EAAeC,CAAK,EAAG;AAE5B,QAAIA,EAAMQ,SAAS,aAAaN,EAAWF,EAAMS,MAAMN,QAAQ;AAE/D,UAAMQ,IAAcD,EAAqBV,EAAMS,MAAMN,QAAQ;AAC7D,QAAIQ,MAAgB,KAAM,QAAOA;AAAAA,EACnC;AAEA,SAAO;AACT,GAEMC,IAAoBA,CAACT,GAA2BU,MACpDT,EAASU,IAAIX,GAAWH,CAAAA,MAAU;AAChC,MAAI,CAACD,EAAeC,CAAK,EAAG,QAAOA;AAEnC,MAAIe,IACFf,EAAMS,MAAMN,aAAaa,SACrBhB,EAAMS,MAAMN,WACZS,EAAkBZ,EAAMS,MAAMN,UAAUU,CAAW,GACrDI;AAEJ,SAAIjB,EAAMQ,SAAS,QAAQR,EAAMS,MAAM,WAAW,MAAM,UACtDQ,IAAY;AAAA,IAAEC,SAASL;AAAAA,EAAAA,IAGrBb,EAAMQ,SAAS,QAAQR,EAAMS,MAAM,WAAW,MAChDM,IACE,gBAAAI,EAAC,QAAA,EAAK,WAAWC,EAAOC,UACrBN,UAAAA;AAAAA,IAAAA;AAAAA,IACD,gBAAAO,EAACC,KACC,eAAY,QACZ,MAAK,UACL,MAAK,SACL,SAAQ,UAAA,CAAS;AAAA,EAAA,GAErB,IAIGN,KAAaF,MAAiBf,EAAMS,MAAMN,WAC7CqB,EAAaxB,GAAOiB,GAAWF,CAAY,IAC3Cf;AACN,CAAC,GAMGyB,IAAUA,CAACC,GAAWC,GAAWnB,GAAgBoB,GAA4BC,IAAM,MAAM;AAC7F,MAAIrB,MAAS;AACX,WAAOkB,EAAEI,cAAcH,GAAGC,GAAQ;AAAA,MAAEG,aAAa;AAAA,IAAA,CAAQ,IAAIF;AAG/D,QAAMG,IAAOxB,MAAS,SAASyB,KAAKC,MAAMR,CAAC,IAAIS,OAAOC,WAAWV,CAAC,GAC5DW,IAAQ7B,MAAS,SAASyB,KAAKC,MAAMP,CAAC,IAAIQ,OAAOC,WAAWT,CAAC;AAEnE,SAAIQ,OAAOG,MAAMN,CAAI,KAAKG,OAAOG,MAAMD,CAAK,IAAU,IAClDF,OAAOG,MAAMN,CAAI,IAAU,IAC3BG,OAAOG,MAAMD,CAAK,IAAU,MACxBL,IAAOK,KAASR;AAC1B,GAEaU,IAAQA,CAAC;AAAA,EAAEpC,UAAAA;AAAAA,EAAUyB,QAAAA;AAAAA,EAAQ,GAAGnB;AAAkB,MAAM;AACnE,QAAM+B,IAAMC,EAAgC,IAAI,GAC1C5B,IAAcH,EAAqBP,CAAQ,GAC3CuC,IACJ7B,KAAeA,IAAc,IAAID,EAAkBT,GAAUU,CAAW,IAAIV,GAExEwC,IAAeA,CACnBC,GACAC,GACAhB,MACG;AAGHiB,IAFYF,EAAMG,iBAAuC,eAAe,EAEpEC,QAASC,CAAAA,MAAO;AAClB,MAAIA,MAAOJ,KACTI,EAAGC,QAAQrB,MAAMA,GACjBoB,EAAGE,aAAa,aAAatB,MAAQ,QAAQ,cAAc,YAAY,MAEvE,OAAOoB,EAAGC,QAAQrB,KAClBoB,EAAGE,aAAa,aAAa,MAAM;AAAA,IAEvC,CAAC;AAAA,EACH,GAEMC,IAAUC,EACd,CAACC,MAA0C;;AACzC,UAAMC,IAAQf,EAAIgB;AAClB,QAAI,CAACD,EAAO;AAEZ,UAAMN,KAAMK,IAAAA,EAAEG,WAAFH,gBAAAA,EAAiCI,QAAQ;AACrD,QAAI,CAACT,EAAI;AAET,UAAML,IAAQW,EAAMI;AACpB,QAAI,CAACf,KAAS,CAACA,EAAMgB,SAASX,CAAE,EAAG;AAEnC,UAAMY,IAAMZ,EAAGa;AACf,QAAID,IAAM,EAAG;AAEb,UAAME,KAAQR,IAAAA,EAAMS,YAANT,gBAAAA,EAAgB;AAC9B,QAAI,CAACQ,EAAO;AAEZ,UAAMvD,IAAOyC,EAAGgB,aAAa,WAAW;AACxC,QAAI,CAACzD,EAAM;AAEX,UAAM0D,IAAYjB,EAAGC,QAAQrB,QAAQ,QAAQ,SAAS;AACtDc,IAAAA,EAAaC,GAAOK,GAAIiB,CAAS;AACjC,UAAMrC,IAAMqC,MAAc,QAAQ,IAAI,IAEhCC,IAAOC,MAAMC,KAAKN,EAAMI,IAAI;AAElCA,IAAAA,EAAKG,KAAK,CAAC5C,GAAGC,MAAM;;AAClB,YAAM4C,OAAM7C,IAAAA,EAAE8C,MAAMX,CAAG,MAAXnC,gBAAAA,EAAc+C,gBAAe,IAAIC,KAAAA,GACvCC,OAAMhD,IAAAA,EAAE6C,MAAMX,CAAG,MAAXlC,gBAAAA,EAAc8C,gBAAe,IAAIC,KAAAA;AAC7C,aAAOjD,EAAQ8C,GAAII,GAAInE,GAAMoB,GAAQC,CAAG;AAAA,IAC1C,CAAC,GAEDkC,EAAMa,OAAO,GAAGT,CAAI;AAAA,EACtB,GACA,CAACvC,CAAM,CACT;AAEA,SACE,gBAAAN,EAAC,SAAA,EACC,WAAWF,EAAOmC,OAClB,SAAAH,GACA,KAAAZ,GACA,GAAI/B,GAAM,kBAAA,SAETiC,UAAAA,EAAAA,CACH;AAEJ;"}

package/dist/components/toggle/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const e=require("react/jsx-runtime"),g=require("../loading/index.cjs"),r="_toggle_1rg2x_1",l="_thumb_1rg2x_15",i="_track_1rg2x_25",t={toggle:r,thumb:l,track:i},u=({checked:o,disabled:c,isLoading:s,label:n,onChange:a})=>e.jsxs("label",{className:t.toggle,"data-component":"toggle",children:[e.jsx("input",{checked:o,disabled:c||s,onChange:a,type:"checkbox"}),e.jsx("span",{"aria-hidden":"true",className:t.track,children:s?e.jsx(g.Loading,{size:24}):e.jsx("span",{className:t.thumb})}),n&&e.jsx("span",{className:"toggle",children:n})]});exports.Toggle=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index2.css');const e=require("react/jsx-runtime"),r=require("../loading/index.cjs"),l="_toggle_1rg2x_1",i="_thumb_1rg2x_15",u="_track_1rg2x_25",t={toggle:l,thumb:i,track:u},d=({checked:n,disabled:a,isLoading:s,label:o,onChange:c})=>e.jsxs("label",{className:t.toggle,onClick:g=>g.stopPropagation(),"data-component":"toggle",children:[e.jsx("input",{checked:n,disabled:a||s,onChange:c,type:"checkbox"}),e.jsx("span",{"aria-hidden":"true",className:t.track,children:s?e.jsx(r.Loading,{size:24}):e.jsx("span",{className:t.thumb})}),o&&e.jsx("span",{className:"toggle",children:o})]});exports.Toggle=d;
 //# sourceMappingURL=index.cjs.map

package/dist/components/toggle/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => {\n  return (\n    <label className={styles.toggle}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        {isLoading ? <Loading size={24} /> : <span className={styles.thumb} />}\n      </span>\n      {label && <span className='toggle'>{label}</span>}\n    </label>\n  );\n};\n"],"names":["Toggle","checked","disabled","isLoading","label","onChange","styles","toggle","jsx","track","Loading","thumb"],"mappings":"gPAWaA,EAASA,CAAC,CAAEC,QAAAA,EAASC,SAAAA,EAAUC,UAAAA,EAAWC,MAAAA,EAAOC,SAAAA,CAAsB,WAE/E,QAAA,CAAM,UAAWC,EAAOC,OAAO,iBAAA,SAC9B,SAAA,CAAAC,MAAC,SACC,QAAAP,EACA,SAAUC,GAAYC,EACtB,SAAAE,EACA,KAAK,WAAU,QAEhB,OAAA,CACC,cAAY,OACZ,UAAWC,EAAOG,MAEjBN,SAAAA,EAAYK,EAAAA,IAACE,UAAA,CAAQ,KAAM,KAASF,MAAC,QAAK,UAAWF,EAAOK,MAAM,EACrE,EACCP,GAASI,EAAAA,IAAC,OAAA,CAAK,UAAU,SAAUJ,SAAAA,CAAAA,CAAM,CAAA,EAC5C"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => {\n  return (\n    <label\n      className={styles.toggle}\n      onClick={(e) => e.stopPropagation()}\n    >\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        {isLoading ? <Loading size={24} /> : <span className={styles.thumb} />}\n      </span>\n      {label && <span className='toggle'>{label}</span>}\n    </label>\n  );\n};\n"],"names":["Toggle","checked","disabled","isLoading","label","onChange","jsxs","styles","toggle","e","stopPropagation","jsx","track","Loading","thumb"],"mappings":"gPAWaA,EAASA,CAAC,CAAEC,QAAAA,EAASC,SAAAA,EAAUC,UAAAA,EAAWC,MAAAA,EAAOC,SAAAA,CAAsB,IAEhFC,EAAAA,KAAC,QAAA,CACC,UAAWC,EAAOC,OAClB,QAAUC,GAAMA,EAAEC,gBAAAA,EAAkB,iBAAA,SAEpC,SAAA,CAAAC,MAAC,SACC,QAAAV,EACA,SAAUC,GAAYC,EACtB,SAAAE,EACA,KAAK,WAAU,QAEhB,OAAA,CACC,cAAY,OACZ,UAAWE,EAAOK,MAEjBT,SAAAA,EAAYQ,EAAAA,IAACE,UAAA,CAAQ,KAAM,KAASF,MAAC,QAAK,UAAWJ,EAAOO,MAAM,EACrE,EACCV,GAASO,EAAAA,IAAC,OAAA,CAAK,UAAU,SAAUP,SAAAA,CAAAA,CAAM,CAAA,EAC5C"}

package/dist/components/toggle/index.js

@@ -1,21 +1,21 @@
-import { jsxs as g, jsx as t } from "react/jsx-runtime";
+import { jsxs as n, jsx as t } from "react/jsx-runtime";
 import { Loading as l } from "../loading/index.js";
-import '../../assets/index2.css';const n = "_toggle_1rg2x_1", m = "_thumb_1rg2x_15", h = "_track_1rg2x_25", e = {
-  toggle: n,
-  thumb: m,
-  track: h
-}, _ = ({
-  checked: o,
+import '../../assets/index2.css';const m = "_toggle_1rg2x_1", i = "_thumb_1rg2x_15", p = "_track_1rg2x_25", e = {
+  toggle: m,
+  thumb: i,
+  track: p
+}, d = ({
+  checked: a,
   disabled: c,
-  isLoading: s,
-  label: a,
+  isLoading: o,
+  label: s,
   onChange: r
-}) => /* @__PURE__ */ g("label", { className: e.toggle, "data-component": "toggle", children: [
-  /* @__PURE__ */ t("input", { checked: o, disabled: c || s, onChange: r, type: "checkbox" }),
-  /* @__PURE__ */ t("span", { "aria-hidden": "true", className: e.track, children: s ? /* @__PURE__ */ t(l, { size: 24 }) : /* @__PURE__ */ t("span", { className: e.thumb }) }),
-  a && /* @__PURE__ */ t("span", { className: "toggle", children: a })
+}) => /* @__PURE__ */ n("label", { className: e.toggle, onClick: (g) => g.stopPropagation(), "data-component": "toggle", children: [
+  /* @__PURE__ */ t("input", { checked: a, disabled: c || o, onChange: r, type: "checkbox" }),
+  /* @__PURE__ */ t("span", { "aria-hidden": "true", className: e.track, children: o ? /* @__PURE__ */ t(l, { size: 24 }) : /* @__PURE__ */ t("span", { className: e.thumb }) }),
+  s && /* @__PURE__ */ t("span", { className: "toggle", children: s })
 ] });
 export {
-  _ as Toggle
+  d as Toggle
 };
 //# sourceMappingURL=index.js.map

package/dist/components/toggle/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => {\n  return (\n    <label className={styles.toggle}>\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        {isLoading ? <Loading size={24} /> : <span className={styles.thumb} />}\n      </span>\n      {label && <span className='toggle'>{label}</span>}\n    </label>\n  );\n};\n"],"names":["Toggle","checked","disabled","isLoading","label","onChange","styles","toggle","jsx","track","Loading","thumb"],"mappings":";;;;;;GAWaA,IAASA,CAAC;AAAA,EAAEC,SAAAA;AAAAA,EAASC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,OAAAA;AAAAA,EAAOC,UAAAA;AAAsB,wBAE/E,SAAA,EAAM,WAAWC,EAAOC,QAAO,kBAAA,UAC9B,UAAA;AAAA,EAAA,gBAAAC,EAAC,WACC,SAAAP,GACA,UAAUC,KAAYC,GACtB,UAAAE,GACA,MAAK,YAAU;AAAA,oBAEhB,QAAA,EACC,eAAY,QACZ,WAAWC,EAAOG,OAEjBN,UAAAA,IAAY,gBAAAK,EAACE,GAAA,EAAQ,MAAM,QAAS,gBAAAF,EAAC,UAAK,WAAWF,EAAOK,OAAM,GACrE;AAAA,EACCP,KAAS,gBAAAI,EAAC,QAAA,EAAK,WAAU,UAAUJ,UAAAA,EAAAA,CAAM;AAAA,GAC5C;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/toggle/index.tsx"],"sourcesContent":["import { Loading } from '../loading';\nimport styles from './styles.module.css';\n\nexport type ToggleProps = {\n  checked?: boolean;\n  disabled?: boolean;\n  isLoading?: boolean;\n  label?: string;\n  onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;\n};\n\nexport const Toggle = ({ checked, disabled, isLoading, label, onChange }: ToggleProps) => {\n  return (\n    <label\n      className={styles.toggle}\n      onClick={(e) => e.stopPropagation()}\n    >\n      <input\n        checked={checked}\n        disabled={disabled || isLoading}\n        onChange={onChange}\n        type='checkbox'\n      />\n      <span\n        aria-hidden='true'\n        className={styles.track}\n      >\n        {isLoading ? <Loading size={24} /> : <span className={styles.thumb} />}\n      </span>\n      {label && <span className='toggle'>{label}</span>}\n    </label>\n  );\n};\n"],"names":["Toggle","checked","disabled","isLoading","label","onChange","jsxs","styles","toggle","e","stopPropagation","jsx","track","Loading","thumb"],"mappings":";;;;;;GAWaA,IAASA,CAAC;AAAA,EAAEC,SAAAA;AAAAA,EAASC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,OAAAA;AAAAA,EAAOC,UAAAA;AAAsB,MAEhF,gBAAAC,EAAC,SAAA,EACC,WAAWC,EAAOC,QAClB,SAAUC,CAAAA,MAAMA,EAAEC,gBAAAA,GAAkB,kBAAA,UAEpC,UAAA;AAAA,EAAA,gBAAAC,EAAC,WACC,SAAAV,GACA,UAAUC,KAAYC,GACtB,UAAAE,GACA,MAAK,YAAU;AAAA,oBAEhB,QAAA,EACC,eAAY,QACZ,WAAWE,EAAOK,OAEjBT,UAAAA,IAAY,gBAAAQ,EAACE,GAAA,EAAQ,MAAM,QAAS,gBAAAF,EAAC,UAAK,WAAWJ,EAAOO,OAAM,GACrE;AAAA,EACCV,KAAS,gBAAAO,EAAC,QAAA,EAAK,WAAU,UAAUP,UAAAA,EAAAA,CAAM;AAAA,GAC5C;"}

package/dist/index.d.ts

@@ -8,13 +8,14 @@ import { JSX } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 import { RefAttributes } from 'react';
 
-export declare const Accordion: ({ children, icon, label, open }: AccordionProps) => JSX.Element;
+export declare const Accordion: ({ children, icon, label, open, summary }: AccordionProps) => JSX.Element;
 
 declare type AccordionProps = {
     children: React.ReactNode;
     icon?: IconName;
     label?: string;
     open?: boolean;
+    summary?: React.ReactNode;
 };
 
 export declare const AppLink: ({ label, type }: AppLinkProps) => JSX.Element;
@@ -405,9 +406,6 @@ declare type SortItem = {
     weight: number;
 };
 
-/**
- * Sortable columns must provide data-type (number or text) in the `th` element.
- */
 export declare const Table: ({ children, locale, ...props }: TableProps) => JSX.Element;
 
 declare type TableProps = React.TableHTMLAttributes<HTMLTableElement> & {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solibo/solibo-ui",
-  "version": "0.3.30",
+  "version": "0.3.33",
   "type": "module",
   "scripts": {
     "dev": "vite build --watch",