@solibo/solibo-ui 0.4.10 → 0.5.3

package/dist/components/input/index.js

@@ -1,55 +1,56 @@
-import { jsxs as C, Fragment as T, jsx as a } from "react/jsx-runtime";
-import { t as s } from "../../classix-DG18itHa.js";
-import { useState as j, useEffect as S } from "react";
-import { i as V } from "../../icons-DfmpRbxE.js";
-import { u as w } from "../../utils--n2yqjCy.js";
-import { i as o } from "../../styles.module-DZXAP_eP.js";
-function y({
-  className: q,
+import { jsxs as N, Fragment as w, jsx as o } from "react/jsx-runtime";
+import { t as j } from "../../classix-DG18itHa.js";
+import { useState as S, useEffect as I } from "react";
+import { i as B } from "../../icons-DfmpRbxE.js";
+import { u as E } from "../../utils--n2yqjCy.js";
+import { i as a } from "../../styles.module-BOTEBJ0C.js";
+function A({
+  className: L,
   defaultCountryCode: c = "+47",
   disabled: u = !1,
   icon: i,
   label: m,
   placeholder: h,
-  ref: d,
-  type: e = "text",
-  ...t
+  ref: v,
+  required: l,
+  type: t = "text",
+  ...e
 }) {
-  const [l, v] = j(""), [r, g] = j(""), {
-    onChange: I,
+  const [s, d] = S(""), [r, g] = S(""), {
+    onChange: P,
     value: f,
-    ...L
-  } = t, {
+    ...T
+  } = e, {
     touched: p,
     onBlur: x
-  } = w(f === ""), N = i && e !== "radio" && e !== "datetime-local" ? {
-    "--icon-svg": V(i, !0)
+  } = E(f === ""), C = i && t !== "radio" && t !== "datetime-local" ? {
+    "--icon-svg": B(i, !0)
   } : void 0;
-  S(() => {
-    if (typeof t.onChange == "function" && e === "tel") {
+  I(() => {
+    if (typeof e.onChange == "function" && t === "tel") {
       const n = {
-        name: t.name,
-        value: r ? (l || c).split(" ").join("") + r.split(" ").join("") : void 0
+        name: e.name,
+        value: r ? (s || c).split(" ").join("") + r.split(" ").join("") : void 0
       };
-      t.onChange({
+      e.onChange({
         target: n,
         currentTarget: n
       });
     }
-  }, [l, r]), S(() => {
-    e === "tel" && !t.value && (g(""), v(""));
-  }, [t.value, e]);
-  const P = /* @__PURE__ */ C(T, { children: [
-    /* @__PURE__ */ a("input", { disabled: u, hidden: !0, onChange: I, pattern: void 0, placeholder: h, ref: d, type: e, value: f }),
-    /* @__PURE__ */ a("input", { type: "text", className: o.input, disabled: u, maxLength: 5, onChange: (n) => v(n.target.value), placeholder: c, value: l }),
-    /* @__PURE__ */ a("input", { type: "tel", className: s(o.input, p && "touched"), "data-icon": i ? "true" : void 0, disabled: u, maxLength: 14, name: void 0, onChange: (n) => g(n.target.value), onBlur: x, pattern: t.pattern, style: N, value: r, ...L })
+  }, [s, r]), I(() => {
+    t === "tel" && !e.value && (g(""), d(""));
+  }, [e.value, t]);
+  const V = /* @__PURE__ */ N(w, { children: [
+    /* @__PURE__ */ o("input", { disabled: u, hidden: !0, onChange: P, pattern: void 0, placeholder: h, ref: v, type: t, value: f }),
+    /* @__PURE__ */ o("input", { type: "text", className: a.input, disabled: u, maxLength: 5, onChange: (n) => d(n.target.value), placeholder: c, value: s }),
+    /* @__PURE__ */ o("input", { type: "tel", className: j(a.input, p && a.touched), "data-icon": i ? "true" : void 0, disabled: u, maxLength: 14, name: void 0, onChange: (n) => g(n.target.value), onBlur: x, pattern: e.pattern, required: l, style: C, value: r, ...T })
   ] });
-  return /* @__PURE__ */ C("label", { className: o.label, "data-component": "input", children: [
-    m && /* @__PURE__ */ a("span", { className: s(t.required && o.required), children: m }),
-    e === "tel" ? P : /* @__PURE__ */ a("input", { ref: d, className: s(o.input, q, p && "touched"), "data-icon": i ? "true" : void 0, disabled: u, onBlur: x, placeholder: h, style: N, type: e, ...t })
+  return /* @__PURE__ */ N("label", { className: a.label, "data-component": "input", children: [
+    m && /* @__PURE__ */ o("span", { "data-required": l || void 0, children: m }),
+    t === "tel" ? V : /* @__PURE__ */ o("input", { ref: v, className: j(a.input, L, p && a.touched), "data-icon": i ? "true" : void 0, disabled: u, onBlur: x, placeholder: h, required: l, style: C, type: t, ...e })
   ] });
 }
 export {
-  y as Input
+  A as Input
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useEffect, useState } from 'react';\n\nimport { IconName, iconSVG } from '@/components/icon/icons.ts';\nimport { useTouched } from '@/utils.ts';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  label?: string;\n  onClick?: React.MouseEventHandler<HTMLInputElement>;\n  placeholder?: string;\n  type?:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'radio'\n    | 'search'\n    | 'tel'\n    | 'text';\n};\n\nexport function Input({\n  className,\n  defaultCountryCode = '+47',\n  disabled = false,\n  icon,\n  label,\n  placeholder,\n  ref,\n  type = 'text',\n  ...props\n}: InputProps) {\n  const [countryCode, setCountryCode] = useState('');\n  const [phoneNumber, setPhoneNumber] = useState('');\n  const { onChange, value, ...restProps } = props;\n  const { touched, onBlur } = useTouched(value === '');\n\n  type withVars =\n    | (React.CSSProperties & {\n        '--icon-svg'?: string;\n      })\n    | undefined;\n\n  const withVars: withVars =\n    icon && type !== 'radio' && type !== 'datetime-local'\n      ? {\n          '--icon-svg': iconSVG(icon, true),\n        }\n      : undefined;\n\n  useEffect(() => {\n    if (typeof props.onChange === 'function' && type === 'tel') {\n      const target = {\n        name: props.name,\n        value: phoneNumber\n          ? (countryCode || defaultCountryCode).split(' ').join('') +\n            phoneNumber.split(' ').join('')\n          : undefined,\n      } as unknown as HTMLInputElement;\n      // eslint-disable-next-line\n      (props.onChange as any)({ target, currentTarget: target });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [countryCode, phoneNumber]);\n\n  useEffect(() => {\n    if (type === 'tel' && !props.value) {\n      setPhoneNumber('');\n      setCountryCode('');\n    }\n  }, [props.value, type]);\n\n  const telephoneInput = (\n    <>\n      <input\n        disabled={disabled}\n        hidden\n        onChange={onChange}\n        pattern={undefined}\n        placeholder={placeholder}\n        ref={ref}\n        type={type}\n        value={value}\n      />\n      <input\n        type='text'\n        className={styles.input}\n        disabled={disabled}\n        maxLength={5}\n        onChange={(e) => setCountryCode(e.target.value)}\n        placeholder={defaultCountryCode}\n        value={countryCode}\n      />\n      <input\n        type='tel'\n        className={cx(styles.input, touched && 'touched')}\n        data-icon={icon ? 'true' : undefined}\n        disabled={disabled}\n        maxLength={14}\n        name={undefined}\n        onChange={(e) => setPhoneNumber(e.target.value)}\n        onBlur={onBlur}\n        pattern={props.pattern}\n        style={withVars}\n        value={phoneNumber}\n        {...restProps}\n      />\n    </>\n  );\n\n  return (\n    <label className={styles.label}>\n      {label && <span className={cx(props.required && styles.required)}>{label}</span>}\n      {type === 'tel' ? (\n        telephoneInput\n      ) : (\n        <input\n          ref={ref}\n          className={cx(styles.input, className, touched && 'touched')}\n          data-icon={icon ? 'true' : undefined}\n          disabled={disabled}\n          onBlur={onBlur}\n          placeholder={placeholder}\n          style={withVars}\n          type={type}\n          {...props}\n        />\n      )}\n    </label>\n  );\n}\n"],"names":["Input","className","defaultCountryCode","disabled","icon","label","placeholder","ref","type","props","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","onChange","value","restProps","touched","onBlur","useTouched","withVars","iconSVG","undefined","useEffect","target","name","split","join","currentTarget","telephoneInput","jsxs","Fragment","jsx","styles","input","e","cx","pattern","required"],"mappings":";;;;;;AA2BO,SAASA,EAAM;AAAA,EACpBC,WAAAA;AAAAA,EACAC,oBAAAA,IAAqB;AAAA,EACrBC,UAAAA,IAAW;AAAA,EACXC,MAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACAC,aAAAA;AAAAA,EACAC,KAAAA;AAAAA,EACAC,MAAAA,IAAO;AAAA,EACP,GAAGC;AACO,GAAG;AACb,QAAM,CAACC,GAAaC,CAAc,IAAIC,EAAS,EAAE,GAC3C,CAACC,GAAaC,CAAc,IAAIF,EAAS,EAAE,GAC3C;AAAA,IAAEG,UAAAA;AAAAA,IAAUC,OAAAA;AAAAA,IAAO,GAAGC;AAAAA,EAAAA,IAAcR,GACpC;AAAA,IAAES,SAAAA;AAAAA,IAASC,QAAAA;AAAAA,EAAAA,IAAWC,EAAWJ,MAAU,EAAE,GAQ7CK,IACJjB,KAAQI,MAAS,WAAWA,MAAS,mBACjC;AAAA,IACE,cAAcc,EAAQlB,GAAM,EAAI;AAAA,EAAA,IAElCmB;AAENC,EAAAA,EAAU,MAAM;AACd,QAAI,OAAOf,EAAMM,YAAa,cAAcP,MAAS,OAAO;AAC1D,YAAMiB,IAAS;AAAA,QACbC,MAAMjB,EAAMiB;AAAAA,QACZV,OAAOH,KACFH,KAAeR,GAAoByB,MAAM,GAAG,EAAEC,KAAK,EAAE,IACtDf,EAAYc,MAAM,GAAG,EAAEC,KAAK,EAAE,IAC9BL;AAAAA,MAAAA;AAGLd,MAAAA,EAAMM,SAAiB;AAAA,QAAEU,QAAAA;AAAAA,QAAQI,eAAeJ;AAAAA,MAAAA,CAAQ;AAAA,IAC3D;AAAA,EAEF,GAAG,CAACf,GAAaG,CAAW,CAAC,GAE7BW,EAAU,MAAM;AACd,IAAIhB,MAAS,SAAS,CAACC,EAAMO,UAC3BF,EAAe,EAAE,GACjBH,EAAe,EAAE;AAAA,EAErB,GAAG,CAACF,EAAMO,OAAOR,CAAI,CAAC;AAEtB,QAAMsB,IACJ,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAAC,SAAA,EACC,UAAA9B,GACA,QAAM,IACN,UAAAY,GACA,SAASQ,QACT,aAAAjB,GACA,KAAAC,GACA,MAAAC,GACA,OAAAQ,EAAA,CAAa;AAAA,IAEf,gBAAAiB,EAAC,WACC,MAAK,QACL,WAAWC,EAAOC,OAClB,UAAAhC,GACA,WAAW,GACX,UAAWiC,CAAAA,MAAMzB,EAAeyB,EAAEX,OAAOT,KAAK,GAC9C,aAAad,GACb,OAAOQ,GAAY;AAAA,sBAEpB,SAAA,EACC,MAAK,OACL,WAAW2B,EAAGH,EAAOC,OAAOjB,KAAW,SAAS,GAChD,aAAWd,IAAO,SAASmB,QAC3B,UAAApB,GACA,WAAW,IACX,MAAMoB,QACN,UAAWa,CAAAA,MAAMtB,EAAesB,EAAEX,OAAOT,KAAK,GAC9C,QAAAG,GACA,SAASV,EAAM6B,SACf,OAAOjB,GACP,OAAOR,GACP,GAAII,EAAAA,CAAU;AAAA,EAAA,GAElB;AAGF,2BACG,SAAA,EAAM,WAAWiB,EAAO7B,OAAM,kBAAA,SAC5BA,UAAAA;AAAAA,IAAAA,KAAS,gBAAA4B,EAAC,UAAK,WAAWI,EAAG5B,EAAM8B,YAAYL,EAAOK,QAAQ,GAAIlC,UAAAA,EAAAA,CAAM;AAAA,IACxEG,MAAS,QACRsB,IAEA,gBAAAG,EAAC,SAAA,EACC,KAAA1B,GACA,WAAW8B,EAAGH,EAAOC,OAAOlC,GAAWiB,KAAW,SAAS,GAC3D,aAAWd,IAAO,SAASmB,QAC3B,UAAApB,GACA,QAAAgB,GACA,aAAAb,GACA,OAAOe,GACP,MAAAb,GACA,GAAIC,EAAAA,CAAM;AAAA,EAAA,GAGhB;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/input/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useEffect, useState } from 'react';\n\nimport { IconName, iconSVG } from '@/components/icon/icons.ts';\nimport { useTouched } from '@/utils.ts';\n\nimport styles from './styles.module.css';\n\nexport type InputProps = React.ComponentPropsWithRef<'input'> & {\n  defaultCountryCode?: string;\n  disabled?: boolean;\n  icon?: IconName;\n  label?: string;\n  onClick?: React.MouseEventHandler<HTMLInputElement>;\n  placeholder?: string;\n  type?:\n    | 'date'\n    | 'datetime-local'\n    | 'email'\n    | 'number'\n    | 'password'\n    | 'radio'\n    | 'search'\n    | 'tel'\n    | 'text';\n};\n\nexport function Input({\n  className,\n  defaultCountryCode = '+47',\n  disabled = false,\n  icon,\n  label,\n  placeholder,\n  ref,\n  required,\n  type = 'text',\n  ...props\n}: InputProps) {\n  const [countryCode, setCountryCode] = useState('');\n  const [phoneNumber, setPhoneNumber] = useState('');\n  const { onChange, value, ...restProps } = props;\n  const { touched, onBlur } = useTouched(value === '');\n\n  type withVars =\n    | (React.CSSProperties & {\n        '--icon-svg'?: string;\n      })\n    | undefined;\n\n  const withVars: withVars =\n    icon && type !== 'radio' && type !== 'datetime-local'\n      ? {\n          '--icon-svg': iconSVG(icon, true),\n        }\n      : undefined;\n\n  useEffect(() => {\n    if (typeof props.onChange === 'function' && type === 'tel') {\n      const target = {\n        name: props.name,\n        value: phoneNumber\n          ? (countryCode || defaultCountryCode).split(' ').join('') +\n            phoneNumber.split(' ').join('')\n          : undefined,\n      } as unknown as HTMLInputElement;\n      // eslint-disable-next-line\n      (props.onChange as any)({ target, currentTarget: target });\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [countryCode, phoneNumber]);\n\n  useEffect(() => {\n    if (type === 'tel' && !props.value) {\n      setPhoneNumber('');\n      setCountryCode('');\n    }\n  }, [props.value, type]);\n\n  const telephoneInput = (\n    <>\n      <input\n        disabled={disabled}\n        hidden\n        onChange={onChange}\n        pattern={undefined}\n        placeholder={placeholder}\n        ref={ref}\n        type={type}\n        value={value}\n      />\n      <input\n        type='text'\n        className={styles.input}\n        disabled={disabled}\n        maxLength={5}\n        onChange={(e) => setCountryCode(e.target.value)}\n        placeholder={defaultCountryCode}\n        value={countryCode}\n      />\n      <input\n        type='tel'\n        className={cx(styles.input, touched && styles.touched)}\n        data-icon={icon ? 'true' : undefined}\n        disabled={disabled}\n        maxLength={14}\n        name={undefined}\n        onChange={(e) => setPhoneNumber(e.target.value)}\n        onBlur={onBlur}\n        pattern={props.pattern}\n        required={required}\n        style={withVars}\n        value={phoneNumber}\n        {...restProps}\n      />\n    </>\n  );\n\n  return (\n    <label className={styles.label}>\n      {label && <span data-required={required || undefined}>{label}</span>}\n      {type === 'tel' ? (\n        telephoneInput\n      ) : (\n        <input\n          ref={ref}\n          className={cx(styles.input, className, touched && styles.touched)}\n          data-icon={icon ? 'true' : undefined}\n          disabled={disabled}\n          onBlur={onBlur}\n          placeholder={placeholder}\n          required={required}\n          style={withVars}\n          type={type}\n          {...props}\n        />\n      )}\n    </label>\n  );\n}\n"],"names":["Input","className","defaultCountryCode","disabled","icon","label","placeholder","ref","required","type","props","countryCode","setCountryCode","useState","phoneNumber","setPhoneNumber","onChange","value","restProps","touched","onBlur","useTouched","withVars","iconSVG","undefined","useEffect","target","name","split","join","currentTarget","telephoneInput","jsxs","Fragment","jsx","styles","input","e","cx","pattern"],"mappings":"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"}

package/dist/components/link/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index37.css');const l=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),m="_link_8fl9a_1",o="_primary_8fl9a_7",c="_danger_8fl9a_13",_="_minimal_8fl9a_21",n={link:m,primary:o,danger:c,minimal:_},k=({children:i,className:a,to:r="#",variant:e="primary",...t})=>l.jsx("a",{className:s.t(a,n.link,n[e]),href:r,...t,"data-component":"link",children:i});exports.Link=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index37.css');const s=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),m="_link_xhd9q_1",o="_primary_xhd9q_7",c="_danger_xhd9q_13",_="_minimal_xhd9q_21",n={link:m,primary:o,danger:c,minimal:_},d=({children:i,className:r,to:e="#",variant:t="primary",...a})=>s.jsx("a",{className:l.t(r,n.link,n[t]),href:e,...a,"data-component":"link",children:i});exports.Link=d;
 //# sourceMappingURL=index.cjs.map

package/dist/components/link/index.js

@@ -1,17 +1,17 @@
-import { jsx as t } from "react/jsx-runtime";
-import { t as o } from "../../classix-DG18itHa.js";
-import '../../assets/index37.css';const _ = "_link_8fl9a_1", s = "_primary_8fl9a_7", e = "_danger_8fl9a_13", c = "_minimal_8fl9a_21", n = {
-  link: _,
-  primary: s,
+import { jsx as o } from "react/jsx-runtime";
+import { t as _ } from "../../classix-DG18itHa.js";
+import '../../assets/index37.css';const s = "_link_xhd9q_1", l = "_primary_xhd9q_7", e = "_danger_xhd9q_13", c = "_minimal_xhd9q_21", n = {
+  link: s,
+  primary: l,
   danger: e,
   minimal: c
 }, k = ({
-  children: a,
-  className: r,
-  to: i = "#",
-  variant: m = "primary",
-  ...l
-}) => /* @__PURE__ */ t("a", { className: o(r, n.link, n[m]), href: i, ...l, "data-component": "link", children: a });
+  children: r,
+  className: i,
+  to: m = "#",
+  variant: a = "primary",
+  ...t
+}) => /* @__PURE__ */ o("a", { className: _(i, n.link, n[a]), href: m, ...t, "data-component": "link", children: r });
 export {
   k as Link
 };

package/dist/components/list/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const a=require("react/jsx-runtime"),_=require("../../classix-5H4IWnMA.cjs"),c=require("../../helpers-BD5fFZi-.cjs"),d="_horizontal_ham8z_1",z="_list_ham8z_12",x="_columns_ham8z_51",s={horizontal:d,list:z,columns:x};function y({children:t,className:r,columns:o=1,horizontal:m,ordered:u,style:h,...l}){const n=Number.isFinite(o)?Math.max(1,Math.floor(o)):1,e=_.t(r,s.list,n>1&&s.columns,m&&s.horizontal),i={...h,"--list-columns":n};return u?a.jsx("ol",{className:e,style:i,...l,"data-component":"list",children:c.wrapChildren(t)}):a.jsx("ul",{className:e,style:i,...l,"data-component":"list",children:c.wrapChildren(t)})}exports.List=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const c=require("react/jsx-runtime"),_=require("../../classix-5H4IWnMA.cjs"),r=require("../../helpers-BD5fFZi-.cjs"),d="_horizontal_1w5i6_1",w="_list_1w5i6_12",x="_columns_1w5i6_53",s={horizontal:d,list:w,columns:x};function y({children:t,className:a,columns:o=1,horizontal:u,ordered:m,style:h,...l}){const i=Number.isFinite(o)?Math.max(1,Math.floor(o)):1,n=_.t(a,s.list,i>1&&s.columns,u&&s.horizontal),e={...h,"--list-columns":i};return m?c.jsx("ol",{className:n,style:e,...l,"data-component":"list",children:r.wrapChildren(t)}):c.jsx("ul",{className:n,style:e,...l,"data-component":"list",children:r.wrapChildren(t)})}exports.List=y;
 //# sourceMappingURL=index.cjs.map

package/dist/components/list/index.js

@@ -1,25 +1,25 @@
 import { jsx as c } from "react/jsx-runtime";
 import { t as u } from "../../classix-DG18itHa.js";
-import { w as m } from "../../helpers-D56OHkFI.js";
-import '../../assets/index38.css';const z = "_horizontal_ham8z_1", f = "_list_ham8z_12", p = "_columns_ham8z_51", t = {
-  horizontal: z,
+import { w as r } from "../../helpers-D56OHkFI.js";
+import '../../assets/index38.css';const w = "_horizontal_1w5i6_1", f = "_list_1w5i6_12", p = "_columns_1w5i6_53", t = {
+  horizontal: w,
   list: f,
   columns: p
 };
 function y({
   children: o,
-  className: r,
+  className: m,
   columns: s = 1,
   horizontal: e,
   ordered: h,
   style: _,
   ...l
 }) {
-  const n = Number.isFinite(s) ? Math.max(1, Math.floor(s)) : 1, a = u(r, t.list, n > 1 && t.columns, e && t.horizontal), i = {
+  const i = Number.isFinite(s) ? Math.max(1, Math.floor(s)) : 1, n = u(m, t.list, i > 1 && t.columns, e && t.horizontal), a = {
     ..._,
-    "--list-columns": n
+    "--list-columns": i
   };
-  return h ? /* @__PURE__ */ c("ol", { className: a, style: i, ...l, "data-component": "list", children: m(o) }) : /* @__PURE__ */ c("ul", { className: a, style: i, ...l, "data-component": "list", children: m(o) });
+  return h ? /* @__PURE__ */ c("ol", { className: n, style: a, ...l, "data-component": "list", children: r(o) }) : /* @__PURE__ */ c("ul", { className: n, style: a, ...l, "data-component": "list", children: r(o) });
 }
 export {
   y as List

package/dist/components/loading/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index14.css');const n=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),c="_loading_1ytlq_23",d="_spin_1ytlq_1",_="_ping_1ytlq_39",r="_sticky_1ytlq_65",s={loading:c,default:"_default_1ytlq_28",spin:d,ping:_,sticky:r},g=({variant:o="default",size:t,sticky:l=!1,...a})=>{const e={"--border-size":t?t/8+"px":void 0,"--size":t?t+"px":void 0};return n.jsx("div",{className:i.t(s.loading,l&&s.sticky),"data-component":"loading",children:n.jsx("span",{className:i.t(s.loading,s[o]),style:e,...a})})};exports.Loading=g;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index14.css');const t=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),c="_loading_1nndz_23",l="_spin_1nndz_1",_="_ping_1nndz_39",r="_sticky_1nndz_65",s={loading:c,default:"_default_1nndz_28",spin:l,ping:_,sticky:r},g=({variant:o="default",size:n,sticky:d=!1,...a})=>{const e={"--border-size":n?n/8+"px":void 0,"--size":n?n+"px":void 0};return t.jsx("div",{className:i.t(s.loading,d&&s.sticky),"data-component":"loading",children:t.jsx("span",{className:i.t(s.loading,s[o]),style:e,...a})})};exports.Loading=g;
 //# sourceMappingURL=index.cjs.map

package/dist/components/loading/index.js

@@ -1,24 +1,24 @@
-import { jsx as o } from "react/jsx-runtime";
-import { t as s } from "../../classix-DG18itHa.js";
-import '../../assets/index14.css';const c = "_loading_1ytlq_23", _ = "_spin_1ytlq_1", p = "_ping_1ytlq_39", e = "_sticky_1ytlq_65", n = {
-  loading: c,
-  default: "_default_1ytlq_28",
+import { jsx as s } from "react/jsx-runtime";
+import { t } from "../../classix-DG18itHa.js";
+import '../../assets/index14.css';const l = "_loading_1nndz_23", _ = "_spin_1nndz_1", p = "_ping_1nndz_39", e = "_sticky_1nndz_65", o = {
+  loading: l,
+  default: "_default_1nndz_28",
   spin: _,
   ping: p,
   sticky: e
-}, g = ({
+}, m = ({
   variant: i = "default",
-  size: t,
-  sticky: l = !1,
+  size: n,
+  sticky: d = !1,
   ...a
 }) => {
-  const d = {
-    "--border-size": t ? t / 8 + "px" : void 0,
-    "--size": t ? t + "px" : void 0
+  const c = {
+    "--border-size": n ? n / 8 + "px" : void 0,
+    "--size": n ? n + "px" : void 0
   };
-  return /* @__PURE__ */ o("div", { className: s(n.loading, l && n.sticky), "data-component": "loading", children: /* @__PURE__ */ o("span", { className: s(n.loading, n[i]), style: d, ...a }) });
+  return /* @__PURE__ */ s("div", { className: t(o.loading, d && o.sticky), "data-component": "loading", children: /* @__PURE__ */ s("span", { className: t(o.loading, o[i]), style: c, ...a }) });
 };
 export {
-  g as Loading
+  m as Loading
 };
 //# sourceMappingURL=index.js.map

package/dist/components/message/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index39.css');const s=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),o=require("../icon/index.cjs"),r="_message_1cg9n_1",g="_preview_1cg9n_38",t={message:r,preview:g},m=({content:n,id:a,preview:i,type:e="default"})=>s.jsxs("div",{className:c.t(t.message,i&&t.preview),"data-id":a,"data-type":e,"data-component":"message",children:[e=="system"&&s.jsx(o.Icon,{gap:"right",name:"info"}),n]});exports.Message=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index39.css');const s=require("react/jsx-runtime"),o=require("../../classix-5H4IWnMA.cjs"),r=require("../icon/index.cjs"),c="_message_k0j8z_1",m="_preview_k0j8z_40",t={message:c,preview:m},g=({content:a,id:n,preview:i,type:e="default"})=>s.jsxs("div",{className:o.t(t.message,i&&t.preview),"data-id":n,"data-type":e,"data-component":"message",children:[e=="system"&&s.jsx(r.Icon,{gap:"right",name:"info"}),a]});exports.Message=g;
 //# sourceMappingURL=index.cjs.map

package/dist/components/message/index.js

@@ -1,16 +1,16 @@
 import { jsxs as o, jsx as r } from "react/jsx-runtime";
-import { t as n } from "../../classix-DG18itHa.js";
-import { Icon as i } from "../icon/index.js";
-import '../../assets/index39.css';const c = "_message_1cg9n_1", g = "_preview_1cg9n_38", s = {
-  message: c,
-  preview: g
+import { t as i } from "../../classix-DG18itHa.js";
+import { Icon as n } from "../icon/index.js";
+import '../../assets/index39.css';const p = "_message_k0j8z_1", c = "_preview_k0j8z_40", s = {
+  message: p,
+  preview: c
 }, f = ({
   content: t,
   id: a,
   preview: m,
   type: e = "default"
-}) => /* @__PURE__ */ o("div", { className: n(s.message, m && s.preview), "data-id": a, "data-type": e, "data-component": "message", children: [
-  e == "system" && /* @__PURE__ */ r(i, { gap: "right", name: "info" }),
+}) => /* @__PURE__ */ o("div", { className: i(s.message, m && s.preview), "data-id": a, "data-type": e, "data-component": "message", children: [
+  e == "system" && /* @__PURE__ */ r(n, { gap: "right", name: "info" }),
   t
 ] });
 export {

package/dist/components/nav/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index40.css');const p=require("react/jsx-runtime"),_=require("../../classix-5H4IWnMA.cjs"),f=require("react"),v=require("../../icons-C_cX1FYp.cjs"),h="_nav_joer2_1",b="_horizontal_joer2_7",j="_tabs_joer2_17",g="_pills_joer2_38",t={nav:h,horizontal:b,tabs:j,pills:g},m={default:t.default,pills:t.pills,tabs:t.tabs},w=({animation:o,children:i,className:r,horizontal:s=!1,variant:e="default",...l})=>{const[c,a]=f.useState(!1),u={"--icon-svg":v.iconSVG("chevron")};return p.jsx("nav",{className:_.t(r,s&&t.horizontal,t.nav,m[e]),"data-animation":o,"data-open":c?"true":"false","data-orientation":s?"horizontal":"vertical",onBlurCapture:n=>{if(e!=="pills"||window.innerWidth>960)return;const d=n.relatedTarget;n.currentTarget.contains(d)||a(!1)},onClick:()=>{e!=="pills"||window.innerWidth>960||a(n=>!n)},style:u,...l,"data-component":"nav",children:i})};exports.Nav=w;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index40.css');const p=require("react/jsx-runtime"),_=require("../../classix-5H4IWnMA.cjs"),f=require("react"),v=require("../../icons-C_cX1FYp.cjs"),h="_nav_2unxd_1",x="_horizontal_2unxd_7",b="_tabs_2unxd_17",g="_pills_2unxd_38",t={nav:h,horizontal:x,tabs:b,pills:g},m={default:t.default,pills:t.pills,tabs:t.tabs},w=({animation:o,children:i,className:l,horizontal:s=!1,variant:e="default",...r})=>{const[c,a]=f.useState(!1),u={"--icon-svg":v.iconSVG("chevron")};return p.jsx("nav",{className:_.t(l,s&&t.horizontal,t.nav,m[e]),"data-animation":o,"data-open":c?"true":"false","data-orientation":s?"horizontal":"vertical",onBlurCapture:n=>{if(e!=="pills"||window.innerWidth>960)return;const d=n.relatedTarget;n.currentTarget.contains(d)||a(!1)},onClick:()=>{e!=="pills"||window.innerWidth>960||a(n=>!n)},style:u,...r,"data-component":"nav",children:i})};exports.Nav=w;
 //# sourceMappingURL=index.cjs.map

package/dist/components/nav/index.js

@@ -1,36 +1,36 @@
-import { jsx as d } from "react/jsx-runtime";
-import { t as _ } from "../../classix-DG18itHa.js";
-import { useState as m } from "react";
-import { i as u } from "../../icons-DfmpRbxE.js";
-import '../../assets/index40.css';const v = "_nav_joer2_1", h = "_horizontal_joer2_7", b = "_tabs_joer2_17", j = "_pills_joer2_38", t = {
+import { jsx as u } from "react/jsx-runtime";
+import { t as f } from "../../classix-DG18itHa.js";
+import { useState as _ } from "react";
+import { i as m } from "../../icons-DfmpRbxE.js";
+import '../../assets/index40.css';const v = "_nav_2unxd_1", h = "_horizontal_2unxd_7", x = "_tabs_2unxd_17", b = "_pills_2unxd_38", t = {
   nav: v,
   horizontal: h,
-  tabs: b,
-  pills: j
+  tabs: x,
+  pills: b
 }, w = {
   default: t.default,
   pills: t.pills,
   tabs: t.tabs
-}, C = ({
-  animation: e,
-  children: r,
-  className: i,
-  horizontal: a = !1,
-  variant: o = "default",
-  ...l
+}, N = ({
+  animation: i,
+  children: e,
+  className: l,
+  horizontal: o = !1,
+  variant: a = "default",
+  ...r
 }) => {
-  const [c, s] = m(!1), p = {
-    "--icon-svg": u("chevron")
+  const [c, s] = _(!1), p = {
+    "--icon-svg": m("chevron")
   };
-  return /* @__PURE__ */ d("nav", { className: _(i, a && t.horizontal, t.nav, w[o]), "data-animation": e, "data-open": c ? "true" : "false", "data-orientation": a ? "horizontal" : "vertical", onBlurCapture: (n) => {
-    if (o !== "pills" || window.innerWidth > 960) return;
-    const f = n.relatedTarget;
-    n.currentTarget.contains(f) || s(!1);
+  return /* @__PURE__ */ u("nav", { className: f(l, o && t.horizontal, t.nav, w[a]), "data-animation": i, "data-open": c ? "true" : "false", "data-orientation": o ? "horizontal" : "vertical", onBlurCapture: (n) => {
+    if (a !== "pills" || window.innerWidth > 960) return;
+    const d = n.relatedTarget;
+    n.currentTarget.contains(d) || s(!1);
   }, onClick: () => {
-    o !== "pills" || window.innerWidth > 960 || s((n) => !n);
-  }, style: p, ...l, "data-component": "nav", children: r });
+    a !== "pills" || window.innerWidth > 960 || s((n) => !n);
+  }, style: p, ...r, "data-component": "nav", children: e });
 };
 export {
-  C as Nav
+  N as Nav
 };
 //# sourceMappingURL=index.js.map

package/dist/components/object/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const e=require("react/jsx-runtime"),n="_object_1esdj_1",s={object:n},a=({accessibleLabel:c,url:t,...o})=>e.jsx("object",{"aria-label":c,className:s.object,data:t,type:"application/pdf",...o,"data-component":"objectcomponent",children:t&&e.jsxs(e.Fragment,{children:["We cannot show this file. You can try accessing it directly:",e.jsx("br",{}),e.jsx("a",{href:t,children:t})]})});exports.Object=a;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/object/index.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type ObjectProps = Omit<ComponentPropsWithoutRef<'object'>, 'data' | 'type'> & {\n  accessibleLabel: string;\n  url: string;\n};\n\nconst ObjectComponent = ({ accessibleLabel, url, ...props }: ObjectProps) => {\n  return (\n    <object\n      aria-label={accessibleLabel}\n      className={styles.object}\n      data={url}\n      type={`application/pdf`}\n      {...props}\n    >\n      {url && (\n        <>\n          We cannot show this file. You can try accessing it directly:\n          <br />\n          <a href={url}>{url}</a>\n        </>\n      )}\n    </object>\n  );\n};\n\nexport { ObjectComponent as Object };\n"],"names":["ObjectComponent","accessibleLabel","url","props","styles","object","jsxs","Fragment","jsx"],"mappings":"sJASMA,EAAkBA,CAAC,CAAEC,gBAAAA,EAAiBC,IAAAA,EAAK,GAAGC,CAAmB,UAElE,SAAA,CACC,aAAYF,EACZ,UAAWG,EAAOC,OAClB,KAAMH,EACN,KAAM,kBACN,GAAIC,EAAM,iBAAA,kBAETD,YACCI,EAAAA,KAAAC,WAAA,CAAA,SAAA,CAAA,qEAEG,KAAA,EAAE,EACHC,EAAAA,IAAC,IAAA,CAAE,KAAMN,EAAMA,SAAAA,CAAAA,CAAI,CAAA,CAAA,CACrB,CAAA,CAEJ"}

package/dist/components/object/index.js

@@ -0,0 +1,16 @@
+import { jsx as e, jsxs as n, Fragment as a } from "react/jsx-runtime";
+import '../../assets/index4.css';const s = "_object_1esdj_1", i = {
+  object: s
+}, r = ({
+  accessibleLabel: c,
+  url: t,
+  ...o
+}) => /* @__PURE__ */ e("object", { "aria-label": c, className: i.object, data: t, type: "application/pdf", ...o, "data-component": "objectcomponent", children: t && /* @__PURE__ */ n(a, { children: [
+  "We cannot show this file. You can try accessing it directly:",
+  /* @__PURE__ */ e("br", {}),
+  /* @__PURE__ */ e("a", { href: t, children: t })
+] }) });
+export {
+  r as Object
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/object/index.tsx"],"sourcesContent":["import type { ComponentPropsWithoutRef } from 'react';\n\nimport styles from './styles.module.css';\n\nexport type ObjectProps = Omit<ComponentPropsWithoutRef<'object'>, 'data' | 'type'> & {\n  accessibleLabel: string;\n  url: string;\n};\n\nconst ObjectComponent = ({ accessibleLabel, url, ...props }: ObjectProps) => {\n  return (\n    <object\n      aria-label={accessibleLabel}\n      className={styles.object}\n      data={url}\n      type={`application/pdf`}\n      {...props}\n    >\n      {url && (\n        <>\n          We cannot show this file. You can try accessing it directly:\n          <br />\n          <a href={url}>{url}</a>\n        </>\n      )}\n    </object>\n  );\n};\n\nexport { ObjectComponent as Object };\n"],"names":["ObjectComponent","accessibleLabel","url","props","styles","object","jsxs","Fragment","jsx"],"mappings":";;;GASMA,IAAkBA,CAAC;AAAA,EAAEC,iBAAAA;AAAAA,EAAiBC,KAAAA;AAAAA,EAAK,GAAGC;AAAmB,wBAElE,UAAA,EACC,cAAYF,GACZ,WAAWG,EAAOC,QAClB,MAAMH,GACN,MAAM,mBACN,GAAIC,GAAM,kBAAA,mBAETD,eACC,gBAAAI,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAA;AAAA,oBAEG,MAAA,EAAE;AAAA,EACH,gBAAAC,EAAC,KAAA,EAAE,MAAMN,GAAMA,UAAAA,EAAAA,CAAI;AAAA,EAAA,CACrB,EAAA,CAEJ;"}

package/dist/components/select/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../classix-5H4IWnMA.cjs");require("../../icons-C_cX1FYp.cjs");require("../../utils-DBzf7CFq.cjs");const e=require("../../index-BpUboRfJ.cjs");exports.Select=e.Select;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../classix-5H4IWnMA.cjs");require("../../icons-C_cX1FYp.cjs");require("../../utils-DBzf7CFq.cjs");const e=require("../../index-ClrKYsAQ.cjs");exports.Select=e.Select;
 //# sourceMappingURL=index.cjs.map

package/dist/components/select/index.js

@@ -2,7 +2,7 @@ import "react/jsx-runtime";
 import "../../classix-DG18itHa.js";
 import "../../icons-DfmpRbxE.js";
 import "../../utils--n2yqjCy.js";
-import { S as e } from "../../index-ChKhFyp8.js";
+import { S as e } from "../../index-CiEbbnD6.js";
 export {
   e as Select
 };

package/dist/components/table/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const f=require("react/jsx-runtime"),i=require("react"),k=require("../icon/index.cjs"),z="_table_18uji_1",D="_sortable_18uji_27",j={table:z,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(k.Icon,{"aria-hidden":"true",name:"updown",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(),F=(((h=R.cells[a])==null?void 0:h.textContent)??"").trim();return I(T,F,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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const f=require("react/jsx-runtime"),i=require("react"),k=require("../icon/index.cjs"),z="_table_1egqd_1",D="_sortable_1egqd_27",h={table:z,sortable:D},m=r=>i.isValidElement(r),q=r=>i.Children.toArray(r).reduce((e,t)=>m(t)?e+(t.type==="td"||t.type==="th"?1:q(t.props.children)):e,0),v=r=>{for(const e of i.Children.toArray(r)){if(!m(e))continue;if(e.type==="tr")return q(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:h.sortable,children:[s,f.jsx(k.Icon,{name:"updown",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"))})},j=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 _,A;const T=(((_=E.cells[a])==null?void 0:_.textContent)??"").trim(),F=(((A=R.cells[a])==null?void 0:A.textContent)??"").trim();return I(T,F,y,e,w)}),b.append(...C)},[e]);return f.jsx("table",{className:h.table,onClick:j,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 { 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            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","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","jsx"],"mappings":"wOAmBMA,EAAkBC,GACtBC,EAAAA,eAAgCD,CAAK,EAEjCE,EAAcC,GAClBC,EAAAA,SAASC,QAAQF,CAAQ,EAAEG,OAAe,CAACC,EAAOP,IAC3CD,EAAeC,CAAK,EAEvBO,GAASP,EAAMQ,OAAS,MAAQR,EAAMQ,OAAS,KAAO,EAAIN,EAAWF,EAAMS,MAAMN,QAAQ,GAFxDI,EAIlC,CAAC,EAEAG,EAAwBP,GAA6C,CACzE,UAAWH,KAASI,EAAAA,SAASC,QAAQF,CAAQ,EAAG,CAC9C,GAAI,CAACJ,EAAeC,CAAK,EAAG,SAE5B,GAAIA,EAAMQ,OAAS,YAAaN,EAAWF,EAAMS,MAAMN,QAAQ,EAE/D,MAAMQ,EAAcD,EAAqBV,EAAMS,MAAMN,QAAQ,EAC7D,GAAIQ,IAAgB,KAAM,OAAOA,CACnC,CAEA,OAAO,IACT,EAEMC,EAAoBA,CAACT,EAA2BU,IACpDT,EAAAA,SAASU,IAAIX,EAAWH,GAAU,CAChC,GAAI,CAACD,EAAeC,CAAK,EAAG,OAAOA,EAEnC,IAAIe,EACFf,EAAMS,MAAMN,WAAaa,OACrBhB,EAAMS,MAAMN,SACZS,EAAkBZ,EAAMS,MAAMN,SAAUU,CAAW,EACrDI,EAEJ,OAAIjB,EAAMQ,OAAS,MAAQR,EAAMS,MAAM,WAAW,IAAM,QACtDQ,EAAY,CAAEC,QAASL,CAAAA,GAGrBb,EAAMQ,OAAS,MAAQR,EAAMS,MAAM,WAAW,IAChDM,EACEI,EAAAA,KAAC,OAAA,CAAK,UAAWC,EAAOC,SACrBN,SAAAA,CAAAA,QACAO,EAAAA,KAAA,CACC,cAAY,OACZ,KAAK,SACL,QAAQ,SAAA,CAAS,CAAA,EAErB,GAIGL,GAAaF,IAAiBf,EAAMS,MAAMN,SAC7CoB,EAAAA,aAAavB,EAAOiB,EAAWF,CAAY,EAC3Cf,CACN,CAAC,EAMGwB,EAAUA,CAACC,EAAWC,EAAWlB,EAAgBmB,EAA4BC,EAAM,IAAM,CAC7F,GAAIpB,IAAS,OACX,OAAOiB,EAAEI,cAAcH,EAAGC,EAAQ,CAAEG,YAAa,MAAA,CAAQ,EAAIF,EAG/D,MAAMG,EAAOvB,IAAS,OAASwB,KAAKC,MAAMR,CAAC,EAAIS,OAAOC,WAAWV,CAAC,EAC5DW,EAAQ5B,IAAS,OAASwB,KAAKC,MAAMP,CAAC,EAAIQ,OAAOC,WAAWT,CAAC,EAEnE,OAAIQ,OAAOG,MAAMN,CAAI,GAAKG,OAAOG,MAAMD,CAAK,EAAU,EAClDF,OAAOG,MAAMN,CAAI,EAAU,EAC3BG,OAAOG,MAAMD,CAAK,EAAU,IACxBL,EAAOK,GAASR,CAC1B,EAEaU,EAAQA,CAAC,CAAEnC,SAAAA,EAAUwB,OAAAA,EAAQ,GAAGlB,CAAkB,IAAM,CACnE,MAAM8B,EAAMC,EAAAA,OAAgC,IAAI,EAC1C3B,EAAcH,EAAqBP,CAAQ,EAC3CsC,EACJ5B,GAAeA,EAAc,EAAID,EAAkBT,EAAUU,CAAW,EAAIV,EAExEuC,EAAeA,CACnBC,EACAC,EACAhB,IACG,CACSe,EAAME,iBAAuC,eAAe,EAEpEC,QAASC,GAAO,CACdA,IAAOH,GACTG,EAAGC,QAAQpB,IAAMA,EACjBmB,EAAGE,aAAa,YAAarB,IAAQ,MAAQ,YAAc,YAAY,IAEvE,OAAOmB,EAAGC,QAAQpB,IAClBmB,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,MAAMJ,EAAQU,EAAMI,MACpB,GAAI,CAACd,GAAS,CAACA,EAAMe,SAASX,CAAE,EAAG,OAEnC,MAAMY,EAAMZ,EAAGa,UACf,GAAID,EAAM,EAAG,OAEb,MAAME,GAAQR,EAAAA,EAAMS,UAANT,YAAAA,EAAgB,GAC9B,GAAI,CAACQ,EAAO,OAEZ,MAAMrD,EAAOuC,EAAGgB,aAAa,WAAW,EACxC,GAAI,CAACvD,EAAM,OAEX,MAAMwD,EAAYjB,EAAGC,QAAQpB,MAAQ,MAAQ,OAAS,MACtDc,EAAaC,EAAOI,EAAIiB,CAAS,EACjC,MAAMpC,EAAMoC,IAAc,MAAQ,EAAI,GAEhCC,EAAOC,MAAMC,KAAKN,EAAMI,IAAI,EAElCA,EAAKG,KAAK,CAAC3C,EAAGC,IAAM,SAClB,MAAM2C,KAAM5C,EAAAA,EAAE6C,MAAMX,CAAG,IAAXlC,YAAAA,EAAc8C,cAAe,IAAIC,KAAAA,EACvCC,KAAM/C,EAAAA,EAAE4C,MAAMX,CAAG,IAAXjC,YAAAA,EAAc6C,cAAe,IAAIC,KAAAA,EAC7C,OAAOhD,EAAQ6C,EAAII,EAAIjE,EAAMmB,EAAQC,CAAG,CAC1C,CAAC,EAEDiC,EAAMa,OAAO,GAAGT,CAAI,CACtB,EACA,CAACtC,CAAM,CACT,EAEA,OACEgD,EAAAA,IAAC,QAAA,CACC,UAAWvD,EAAOiC,MAClB,QAAAH,EACA,IAAAX,EACA,GAAI9B,EAAM,iBAAA,QAETgC,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            name='updown'\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,43 +1,43 @@
-import { jsx as _, jsxs as I } from "react/jsx-runtime";
-import { useRef as R, useCallback as T, Children as f, cloneElement as q, isValidElement as B } from "react";
+import { jsx as _, jsxs as D } from "react/jsx-runtime";
+import { useRef as I, useCallback as R, Children as f, cloneElement as T, 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 = {
+import '../../assets/index3.css';const P = "_table_1egqd_1", V = "_sortable_1egqd_27", v = {
   table: P,
   sortable: V
-}, m = (r) => B(r), v = (r) => f.toArray(r).reduce((e, t) => m(t) ? e + (t.type === "td" || t.type === "th" ? 1 : v(t.props.children)) : e, 0), j = (r) => {
+}, m = (r) => B(r), h = (r) => f.toArray(r).reduce((e, t) => m(t) ? e + (t.type === "td" || t.type === "th" ? 1 : h(t.props.children)) : e, 0), w = (r) => {
   for (const e of f.toArray(r)) {
     if (!m(e)) continue;
-    if (e.type === "tr") return v(e.props.children);
-    const t = j(e.props.children);
+    if (e.type === "tr") return h(e.props.children);
+    const t = w(e.props.children);
     if (t !== null) return t;
   }
   return null;
-}, w = (r, e) => f.map(r, (t) => {
+}, E = (r, e) => f.map(r, (t) => {
   if (!m(t)) return t;
-  let s = t.props.children === void 0 ? t.props.children : w(t.props.children, e), n;
+  let s = t.props.children === void 0 ? t.props.children : E(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: [
+  }), t.type === "th" && t.props["data-type"] && (s = /* @__PURE__ */ D("span", { className: v.sortable, children: [
     s,
-    /* @__PURE__ */ _(H, { "aria-hidden": "true", name: "updown", variant: "primary" })
-  ] })), n || s !== t.props.children ? q(t, n, s) : t;
+    /* @__PURE__ */ _(H, { name: "updown", variant: "primary" })
+  ] })), n || s !== t.props.children ? T(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;
+  const l = t === "date" ? Date.parse(r) : Number.parseFloat(r), i = t === "date" ? Date.parse(e) : Number.parseFloat(e);
+  return Number.isNaN(l) && Number.isNaN(i) ? 0 : Number.isNaN(l) ? 1 : Number.isNaN(i) ? -1 : (l - i) * n;
 }, M = ({
   children: r,
   locale: e,
   ...t
 }) => {
-  const s = R(null), n = j(r), i = n && n > 0 ? w(r, n) : r, l = (u, c, o) => {
+  const s = I(null), n = w(r), l = n && n > 0 ? E(r, n) : r, i = (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"));
     });
-  }, E = T((u) => {
+  }, S = R((u) => {
     var C, x;
     const c = s.current;
     if (!c) return;
@@ -52,15 +52,15 @@ import '../../assets/index3.css';const P = "_table_18uji_1", V = "_sortable_18uj
     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((F, k) => {
-      var A, g;
-      const z = (((A = F.cells[a]) == null ? void 0 : A.textContent) ?? "").trim(), D = (((g = k.cells[a]) == null ? void 0 : g.textContent) ?? "").trim();
-      return G(z, D, b, e, S);
+    i(p, o, N);
+    const q = N === "asc" ? 1 : -1, y = Array.from(d.rows);
+    y.sort((F, j) => {
+      var g, A;
+      const k = (((g = F.cells[a]) == null ? void 0 : g.textContent) ?? "").trim(), z = (((A = j.cells[a]) == null ? void 0 : A.textContent) ?? "").trim();
+      return G(k, z, b, e, q);
     }), d.append(...y);
   }, [e]);
-  return /* @__PURE__ */ _("table", { className: h.table, onClick: E, ref: s, ...t, "data-component": "table", children: i });
+  return /* @__PURE__ */ _("table", { className: v.table, onClick: S, ref: s, ...t, "data-component": "table", children: l });
 };
 export {
   M as Table