@solibo/solibo-ui 0.3.15 → 0.3.18

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/list/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React from 'react';\n\nimport styles from './styles.module.css';\n\nexport type ListProps = {\n  children?: React.ReactNode;\n  className?: string;\n  twoColumns?: boolean;\n};\n\nexport const List = ({ children, className, twoColumns }: ListProps) => {\n  const items = React.Children.toArray(children);\n  const wrappedItems = items.map((child, index) => {\n    if (React.isValidElement(child) && child.type === 'li') {\n      return child;\n    }\n\n    const key = React.isValidElement(child) ? child.key : index;\n    return <li key={key ?? index}>{child}</li>;\n  });\n\n  return (\n    <ul className={cx(className, styles.list, twoColumns && styles.columns)}>{wrappedItems}</ul>\n  );\n};\n"],"names":["List","children","className","twoColumns","wrappedItems","React","Children","toArray","map","child","index","isValidElement","type","key","jsx","cx","styles","list","columns"],"mappings":";;;;;;GAWaA,IAAOA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,YAAAA;AAAsB,MAAM;AAEtE,QAAMC,IADQC,EAAMC,SAASC,QAAQN,CAAQ,EAClBO,IAAI,CAACC,GAAOC,MAAU;AAC/C,QAAIL,EAAMM,eAAeF,CAAK,KAAKA,EAAMG,SAAS;AAChD,aAAOH;AAGT,UAAMI,IAAMR,EAAMM,eAAeF,CAAK,IAAIA,EAAMI,MAAMH;AACtD,6BAAQ,MAAA,qBAAuBD,UAAAA,EAAAA,GAAfI,KAAOH,CAAc;AAAA,EACvC,CAAC;AAED,SACE,gBAAAI,EAAC,MAAA,EAAG,WAAWC,EAAGb,GAAWc,EAAOC,MAAMd,KAAca,EAAOE,OAAO,GAAE,WAAA,QAAEd,UAAAA,GAAa;AAE3F;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/list/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React from 'react';\n\nimport styles from './styles.module.css';\n\nexport type ListProps = React.ComponentPropsWithoutRef<'ul'> & {\n  columns?: number;\n};\n\nexport function List({ children, className, columns = 1, style, ...props }: ListProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n\n  const content = React.Children.map(children, (child, i) =>\n    React.isValidElement(child) && child.type === 'li' ? child : <li key={i}>{child}</li>\n  );\n\n  type withVars = React.CSSProperties & {\n    '--list-columns'?: number;\n  };\n\n  const withVars: withVars = {\n    ...style,\n    '--list-columns': cols,\n  };\n\n  return (\n    <ul\n      className={cx(className, styles.list, cols > 1 && styles.columns)}\n      style={withVars}\n      {...props}\n    >\n      {content}\n    </ul>\n  );\n}\n"],"names":["List","children","className","columns","style","props","cols","Number","isFinite","Math","max","floor","content","React","Children","map","child","i","isValidElement","type","withVars","cx","styles","list"],"mappings":";;;;;;;AASO,SAASA,EAAK;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,WAAAA;AAAAA,EAAWC,SAAAA,IAAU;AAAA,EAAGC,OAAAA;AAAAA,EAAO,GAAGC;AAAiB,GAAG;AACrF,QAAMC,IAAOC,OAAOC,SAASL,CAAO,IAAIM,KAAKC,IAAI,GAAGD,KAAKE,MAAMR,CAAO,CAAC,IAAI,GAErES,IAAUC,EAAMC,SAASC,IAAId,GAAU,CAACe,GAAOC,MACnDJ,EAAMK,eAAeF,CAAK,KAAKA,EAAMG,SAAS,OAAOH,sBAAS,MAAA,EAAYA,UAAAA,KAAJC,CAAU,CAClF,GAMMG,IAAqB;AAAA,IACzB,GAAGhB;AAAAA,IACH,kBAAkBE;AAAAA,EAAAA;AAGpB,2BACG,MAAA,EACC,WAAWe,EAAGnB,GAAWoB,EAAOC,MAAMjB,IAAO,KAAKgB,EAAOnB,OAAO,GAChE,OAAOiB,GACP,GAAIf,GAAM,WAAA,QAETO,UAAAA,GACH;AAEJ;"}

package/dist/components/message/index.cjs

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

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/message/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type MessageOptions = {\n  content: React.ReactNode;\n  id: string;\n  type?: 'default' | 'system' | 'user';\n};\n\nexport const Message = ({ content, id, type = 'default' }: MessageOptions) => {\n  return (\n    <div\n      className={styles.message}\n      data-id={id}\n      data-type={type}\n    >\n      {type == 'system' && <Icon name='info' />}\n      {content}\n    </div>\n  );\n};\n"],"names":["Message","content","id","type","jsxs","styles","message","jsx","Icon"],"mappings":"uLASaA,EAAUA,CAAC,CAAEC,QAAAA,EAASC,GAAAA,EAAIC,KAAAA,EAAO,SAA0B,IAEpEC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAOC,QAClB,UAASJ,EACT,YAAWC,EAAK,UAAA,UAEfA,SAAAA,CAAAA,GAAQ,UAAYI,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAK,OAAM,EACrCP,CAAAA,EACH"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/message/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type MessageOptions = {\n  content: React.ReactNode;\n  id: string;\n  preview?: boolean;\n  type?: 'default' | 'minimal' | 'system' | 'user';\n};\n\nexport const Message = ({ content, id, preview, type = 'default' }: MessageOptions) => {\n  return (\n    <div\n      className={cx(styles.message, preview && styles.preview)}\n      data-id={id}\n      data-type={type}\n    >\n      {type == 'system' && <Icon name='info' />}\n      {content}\n    </div>\n  );\n};\n"],"names":["Message","content","id","preview","type","jsxs","cx","styles","message","jsx","Icon"],"mappings":"+PAYaA,EAAUA,CAAC,CAAEC,QAAAA,EAASC,GAAAA,EAAIC,QAAAA,EAASC,KAAAA,EAAO,SAA0B,IAE7EC,EAAAA,KAAC,MAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,QAASL,GAAWI,EAAOJ,OAAO,EACvD,UAASD,EACT,YAAWE,EAAK,UAAA,UAEfA,SAAAA,CAAAA,GAAQ,UAAYK,EAAAA,IAACC,EAAAA,KAAA,CAAK,KAAK,OAAM,EACrCT,CAAAA,EACH"}

package/dist/components/message/index.js

@@ -1,16 +1,19 @@
-import { jsxs as t, jsx as m } from "react/jsx-runtime";
-import { Icon as o } from "../icon/index.js";
-import '../../assets/index24.css';const n = "_message_bo202_1", r = {
-  message: n
-}, g = ({
-  content: e,
+import { jsxs as m, jsx as o } from "react/jsx-runtime";
+import { t as i } from "../../classix-DG18itHa.js";
+import { Icon as n } from "../icon/index.js";
+import '../../assets/index38.css';const c = "_message_1t3q5_1", p = "_preview_1t3q5_37", s = {
+  message: c,
+  preview: p
+}, f = ({
+  content: t,
   id: a,
-  type: s = "default"
-}) => /* @__PURE__ */ t("div", { className: r.message, "data-id": a, "data-type": s, "data-cy": "Message", children: [
-  s == "system" && /* @__PURE__ */ m(o, { name: "info" }),
-  e
+  preview: r,
+  type: e = "default"
+}) => /* @__PURE__ */ m("div", { className: i(s.message, r && s.preview), "data-id": a, "data-type": e, "data-cy": "Message", children: [
+  e == "system" && /* @__PURE__ */ o(n, { name: "info" }),
+  t
 ] });
 export {
-  g as Message
+  f as Message
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/message/index.tsx"],"sourcesContent":["import { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type MessageOptions = {\n  content: React.ReactNode;\n  id: string;\n  type?: 'default' | 'system' | 'user';\n};\n\nexport const Message = ({ content, id, type = 'default' }: MessageOptions) => {\n  return (\n    <div\n      className={styles.message}\n      data-id={id}\n      data-type={type}\n    >\n      {type == 'system' && <Icon name='info' />}\n      {content}\n    </div>\n  );\n};\n"],"names":["Message","content","id","type","jsxs","styles","message","jsx","Icon"],"mappings":";;;;GASaA,IAAUA,CAAC;AAAA,EAAEC,SAAAA;AAAAA,EAASC,IAAAA;AAAAA,EAAIC,MAAAA,IAAO;AAA0B,MAEpE,gBAAAC,EAAC,OAAA,EACC,WAAWC,EAAOC,SAClB,WAASJ,GACT,aAAWC,GAAK,WAAA,WAEfA,UAAAA;AAAAA,EAAAA,KAAQ,YAAY,gBAAAI,EAACC,GAAA,EAAK,MAAK,QAAM;AAAA,EACrCP;AAAAA,GACH;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/message/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { Icon } from '../icon';\nimport styles from './styles.module.css';\n\nexport type MessageOptions = {\n  content: React.ReactNode;\n  id: string;\n  preview?: boolean;\n  type?: 'default' | 'minimal' | 'system' | 'user';\n};\n\nexport const Message = ({ content, id, preview, type = 'default' }: MessageOptions) => {\n  return (\n    <div\n      className={cx(styles.message, preview && styles.preview)}\n      data-id={id}\n      data-type={type}\n    >\n      {type == 'system' && <Icon name='info' />}\n      {content}\n    </div>\n  );\n};\n"],"names":["Message","content","id","preview","type","jsxs","cx","styles","message","jsx","Icon"],"mappings":";;;;;;GAYaA,IAAUA,CAAC;AAAA,EAAEC,SAAAA;AAAAA,EAASC,IAAAA;AAAAA,EAAIC,SAAAA;AAAAA,EAASC,MAAAA,IAAO;AAA0B,MAE7E,gBAAAC,EAAC,OAAA,EACC,WAAWC,EAAGC,EAAOC,SAASL,KAAWI,EAAOJ,OAAO,GACvD,WAASD,GACT,aAAWE,GAAK,WAAA,WAEfA,UAAAA;AAAAA,EAAAA,KAAQ,YAAY,gBAAAK,EAACC,GAAA,EAAK,MAAK,QAAM;AAAA,EACrCT;AAAAA,GACH;"}

package/dist/components/nav/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index20.css');const o=require("react/jsx-runtime"),e=require("../../classix-5H4IWnMA.cjs"),i="_nav_8nmuv_1",r="_horizontal_8nmuv_7",c="_tabs_8nmuv_17",v="_pills_8nmuv_38",t={nav:i,horizontal:r,tabs:c,pills:v},u={default:t.default,pills:t.pills,tabs:t.tabs},_=({animation:a,children:n,horizontal:s=!1,variant:l="default"})=>o.jsx("nav",{className:e.t(a&&a,s&&t.horizontal,t.nav,u[l]),"data-orientation":s?"horizontal":"vertical","data-cy":"Nav",children:n});exports.Nav=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index24.css');const o=require("react/jsx-runtime"),e=require("../../classix-5H4IWnMA.cjs"),i="_nav_8nmuv_1",r="_horizontal_8nmuv_7",c="_tabs_8nmuv_17",v="_pills_8nmuv_38",t={nav:i,horizontal:r,tabs:c,pills:v},u={default:t.default,pills:t.pills,tabs:t.tabs},_=({animation:a,children:n,horizontal:s=!1,variant:l="default"})=>o.jsx("nav",{className:e.t(a&&a,s&&t.horizontal,t.nav,u[l]),"data-orientation":s?"horizontal":"vertical","data-cy":"Nav",children:n});exports.Nav=_;
 //# sourceMappingURL=index.cjs.map

package/dist/components/nav/index.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { t as r } from "../../classix-DG18itHa.js";
-import '../../assets/index20.css';const i = "_nav_8nmuv_1", v = "_horizontal_8nmuv_7", _ = "_tabs_8nmuv_17", c = "_pills_8nmuv_38", t = {
+import '../../assets/index24.css';const i = "_nav_8nmuv_1", v = "_horizontal_8nmuv_7", _ = "_tabs_8nmuv_17", c = "_pills_8nmuv_38", t = {
   nav: i,
   horizontal: v,
   tabs: _,

package/dist/components/select/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const e=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),d=require("../../utils-D_TJ8wDc.cjs"),a="_select_kvjzq_1",q="_label_kvjzq_21",j="_required_kvjzq_25",s={select:a,label:q,required:j},_=({children:u,label:c,placeholder:l,...t})=>{const{touched:i,onBlur:o}=d.useTouched(t.value===""),r=e.jsxs("select",{className:n.t(s.select,i&&"touched"),onBlur:o,...t,children:[l&&e.jsx("option",{value:"",hidden:!0,children:l}),u]});return c?e.jsxs("label",{"data-cy":"Select",children:[e.jsx("span",{className:n.t(s.label,t.required&&s.required),children:c}),r]}):r};exports.Select=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index6.css');const e=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),d=require("../../utils-D_TJ8wDc.cjs"),a="_select_kvjzq_1",q="_label_kvjzq_21",j="_required_kvjzq_25",s={select:a,label:q,required:j},_=({children:u,label:c,placeholder:l,...t})=>{const{touched:i,onBlur:o}=d.useTouched(t.value===""),r=e.jsxs("select",{className:n.t(s.select,i&&"touched"),onBlur:o,...t,children:[l&&e.jsx("option",{value:"",hidden:!0,children:l}),u]});return c?e.jsxs("label",{"data-cy":"Select",children:[e.jsx("span",{className:n.t(s.label,t.required&&s.required),children:c}),r]}):r};exports.Select=_;
 //# sourceMappingURL=index.cjs.map

package/dist/components/select/index.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as n } from "react/jsx-runtime";
 import { t as o } from "../../classix-DG18itHa.js";
 import { u as a } from "../../utils-DXIJVVzz.js";
-import '../../assets/index5.css';const m = "_select_kvjzq_1", _ = "_label_kvjzq_21", q = "_required_kvjzq_25", t = {
+import '../../assets/index6.css';const m = "_select_kvjzq_1", _ = "_label_kvjzq_21", q = "_required_kvjzq_25", t = {
   select: m,
   label: _,
   required: q

package/dist/components/sortable/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const d=require("react/jsx-runtime"),D=require("../../classix-5H4IWnMA.cjs"),e=require("react"),v="_sortable_z6sff_1",x="_columns_z6sff_7",p={sortable:v,columns:x};function _({children:i,onChangeOrder:n,twoColumns:b}){const o=e.useMemo(()=>e.Children.toArray(i),[i]),[S,f]=e.useState(o),s=e.useRef(-1);return e.useEffect(()=>f(o),[o]),d.jsx("ol",{className:D.t(p.sortable,b&&p.columns),"data-cy":"Sortable",children:S.map((l,a)=>{const y=e.isValidElement(l)?l.key:null;return d.jsx("li",{draggable:!0,onDragStart:t=>{s.current=a,t.dataTransfer.setData("text/plain",""),t.dataTransfer.effectAllowed="move"},onDragOver:t=>{t.preventDefault(),t.dataTransfer.dropEffect="move"},onDrop:t=>{t.preventDefault();const c=s.current;c<0||c===a||(f(g=>{const r=g.slice();return r.splice(a,0,r.splice(c,1)[0]),n==null||n(r.map((m,u)=>({id:String(e.isValidElement(m)?m.props["data-id"]??`idx-${u}`:`idx-${u}`),weight:r.length-1-u}))),r}),s.current=-1)},onDragEnd:()=>{s.current=-1},"data-cy":"Sortable",children:l},y??a)})})}exports.Sortable=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index5.css');const p=require("react/jsx-runtime"),j=require("../../classix-5H4IWnMA.cjs"),e=require("react"),M="_sortable_t2bo2_1",T="_columns_t2bo2_7",y={sortable:M,columns:T};function q({children:i,className:S,columns:m=1,onChangeOrder:o,style:g,...x}){const f=Number.isFinite(m)?Math.max(1,Math.floor(m)):1,n=e.useMemo(()=>e.Children.toArray(i),[i]),[D,b]=e.useState(n),s=e.useRef(-1),v={...g,"--sortable-columns":f};return e.useEffect(()=>b(n),[n]),p.jsx("ol",{className:j.t(S,y.sortable,f>1&&y.columns),style:v,...x,"data-cy":"Sortable",children:D.map((l,a)=>{const _=e.isValidElement(l)?l.key:null;return p.jsx("li",{draggable:!0,onDragStart:t=>{s.current=a,t.dataTransfer.setData("text/plain",""),t.dataTransfer.effectAllowed="move"},onDragOver:t=>{t.preventDefault(),t.dataTransfer.dropEffect="move"},onDrop:t=>{t.preventDefault();const c=s.current;c<0||c===a||(b(E=>{const r=E.slice();return r.splice(a,0,r.splice(c,1)[0]),o==null||o(r.map((d,u)=>({id:String(e.isValidElement(d)?d.props["data-id"]??`idx-${u}`:`idx-${u}`),weight:r.length-1-u}))),r}),s.current=-1)},onDragEnd:()=>{s.current=-1},"data-cy":"Sortable",children:l},_??a)})})}exports.Sortable=q;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableProps = {\n  children?: React.ReactNode;\n  onChangeOrder?: (order: SortItem[]) => void;\n  twoColumns?: boolean;\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({ children, onChangeOrder, twoColumns }: SortableProps) {\n  const arr = useMemo(() => React.Children.toArray(children), [children]);\n  const [items, setItems] = useState<React.ReactNode[]>(arr);\n  const drag = useRef(-1);\n\n  useEffect(() => setItems(arr), [arr]);\n\n  return (\n    <ol className={cx(styles.sortable, twoColumns && styles.columns)}>\n      {items.map((child, i) => {\n        const key = React.isValidElement(child) ? child.key : null;\n\n        return (\n          <li\n            key={key ?? i}\n            draggable\n            onDragStart={(e) => {\n              drag.current = i;\n              e.dataTransfer.setData('text/plain', '');\n              e.dataTransfer.effectAllowed = 'move';\n            }}\n            onDragOver={(e) => {\n              e.preventDefault();\n              e.dataTransfer.dropEffect = 'move';\n            }}\n            onDrop={(e) => {\n              e.preventDefault();\n              const from = drag.current;\n              if (from < 0 || from === i) return;\n\n              setItems((prev) => {\n                const next = prev.slice();\n                next.splice(i, 0, next.splice(from, 1)[0]);\n\n                onChangeOrder?.(\n                  next.map((c, idx) => ({\n                    id: String(\n                      React.isValidElement(c)\n                        ? ((c.props as { 'data-id'?: string })['data-id'] ?? `idx-${idx}`)\n                        : `idx-${idx}`\n                    ),\n                    weight: next.length - 1 - idx,\n                  }))\n                );\n\n                return next;\n              });\n\n              drag.current = -1;\n            }}\n            onDragEnd={() => {\n              drag.current = -1;\n            }}\n          >\n            {child}\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["Sortable","children","onChangeOrder","twoColumns","arr","useMemo","React","Children","toArray","items","setItems","useState","drag","useRef","useEffect","cx","styles","sortable","columns","map","child","i","key","isValidElement","jsx","e","current","dataTransfer","setData","effectAllowed","preventDefault","dropEffect","from","prev","next","slice","splice","c","idx","id","String","props","weight","length"],"mappings":"oPAiBO,SAASA,EAAS,CAAEC,SAAAA,EAAUC,cAAAA,EAAeC,WAAAA,CAA0B,EAAG,CAC/E,MAAMC,EAAMC,UAAQ,IAAMC,EAAMC,SAASC,QAAQP,CAAQ,EAAG,CAACA,CAAQ,CAAC,EAChE,CAACQ,EAAOC,CAAQ,EAAIC,EAAAA,SAA4BP,CAAG,EACnDQ,EAAOC,EAAAA,OAAO,EAAE,EAEtBC,OAAAA,EAAAA,UAAU,IAAMJ,EAASN,CAAG,EAAG,CAACA,CAAG,CAAC,QAGjC,KAAA,CAAG,UAAWW,EAAAA,EAAGC,EAAOC,SAAUd,GAAca,EAAOE,OAAO,EAAE,UAAA,WAC9DT,SAAAA,EAAMU,IAAI,CAACC,EAAOC,IAAM,CACvB,MAAMC,EAAMhB,EAAMiB,eAAeH,CAAK,EAAIA,EAAME,IAAM,KAEtD,OACEE,EAAAA,IAAC,KAAA,CAEC,UAAS,GACT,YAAcC,GAAM,CAClBb,EAAKc,QAAUL,EACfI,EAAEE,aAAaC,QAAQ,aAAc,EAAE,EACvCH,EAAEE,aAAaE,cAAgB,MACjC,EACA,WAAaJ,GAAM,CACjBA,EAAEK,eAAAA,EACFL,EAAEE,aAAaI,WAAa,MAC9B,EACA,OAASN,GAAM,CACbA,EAAEK,eAAAA,EACF,MAAME,EAAOpB,EAAKc,QACdM,EAAO,GAAKA,IAASX,IAEzBX,EAAUuB,GAAS,CACjB,MAAMC,EAAOD,EAAKE,MAAAA,EAClBD,OAAAA,EAAKE,OAAOf,EAAG,EAAGa,EAAKE,OAAOJ,EAAM,CAAC,EAAE,CAAC,CAAC,EAEzC9B,GAAAA,MAAAA,EACEgC,EAAKf,IAAI,CAACkB,EAAGC,KAAS,CACpBC,GAAIC,OACFlC,EAAMiB,eAAec,CAAC,EAChBA,EAAEI,MAAiC,SAAS,GAAK,OAAOH,CAAG,GAC7D,OAAOA,CAAG,EAChB,EACAI,OAAQR,EAAKS,OAAS,EAAIL,CAAAA,EAC1B,GAGGJ,CACT,CAAC,EAEDtB,EAAKc,QAAU,GACjB,EACA,UAAW,IAAM,CACfd,EAAKc,QAAU,EACjB,EAAE,UAAA,WAEDN,SAAAA,CAAAA,EAxCIE,GAAOD,CAyCd,CAEJ,CAAC,CAAA,CACH,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableProps = React.ComponentPropsWithoutRef<'ol'> & {\n  columns?: number;\n  onChangeOrder?: (order: SortItem[]) => void;\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({\n  children,\n  className,\n  columns = 1,\n  onChangeOrder,\n  style,\n  ...props\n}: SortableProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n  const arr = useMemo(() => React.Children.toArray(children), [children]);\n  const [items, setItems] = useState<React.ReactNode[]>(arr);\n  const drag = useRef(-1);\n\n  type WithVars = React.CSSProperties & {\n    '--sortable-columns'?: number;\n  };\n\n  const withVars: WithVars = {\n    ...style,\n    '--sortable-columns': cols,\n  };\n\n  useEffect(() => setItems(arr), [arr]);\n\n  return (\n    <ol\n      className={cx(className, styles.sortable, cols > 1 && styles.columns)}\n      style={withVars}\n      {...props}\n    >\n      {items.map((child, i) => {\n        const key = React.isValidElement(child) ? child.key : null;\n\n        return (\n          <li\n            key={key ?? i}\n            draggable\n            onDragStart={(e) => {\n              drag.current = i;\n              e.dataTransfer.setData('text/plain', '');\n              e.dataTransfer.effectAllowed = 'move';\n            }}\n            onDragOver={(e) => {\n              e.preventDefault();\n              e.dataTransfer.dropEffect = 'move';\n            }}\n            onDrop={(e) => {\n              e.preventDefault();\n              const from = drag.current;\n              if (from < 0 || from === i) return;\n\n              setItems((prev) => {\n                const next = prev.slice();\n                next.splice(i, 0, next.splice(from, 1)[0]);\n\n                onChangeOrder?.(\n                  next.map((c, idx) => ({\n                    id: String(\n                      React.isValidElement(c)\n                        ? ((c.props as { 'data-id'?: string })['data-id'] ?? `idx-${idx}`)\n                        : `idx-${idx}`\n                    ),\n                    weight: next.length - 1 - idx,\n                  }))\n                );\n\n                return next;\n              });\n\n              drag.current = -1;\n            }}\n            onDragEnd={() => {\n              drag.current = -1;\n            }}\n          >\n            {child}\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["Sortable","children","className","columns","onChangeOrder","style","props","cols","Number","isFinite","Math","max","floor","arr","useMemo","React","Children","toArray","items","setItems","useState","drag","useRef","withVars","useEffect","jsx","cx","styles","sortable","map","child","i","key","isValidElement","e","current","dataTransfer","setData","effectAllowed","preventDefault","dropEffect","from","prev","next","slice","splice","c","idx","id","String","weight","length"],"mappings":"oPAgBO,SAASA,EAAS,CACvBC,SAAAA,EACAC,UAAAA,EACAC,QAAAA,EAAU,EACVC,cAAAA,EACAC,MAAAA,EACA,GAAGC,CACU,EAAG,CAChB,MAAMC,EAAOC,OAAOC,SAASN,CAAO,EAAIO,KAAKC,IAAI,EAAGD,KAAKE,MAAMT,CAAO,CAAC,EAAI,EACrEU,EAAMC,UAAQ,IAAMC,EAAMC,SAASC,QAAQhB,CAAQ,EAAG,CAACA,CAAQ,CAAC,EAChE,CAACiB,EAAOC,CAAQ,EAAIC,EAAAA,SAA4BP,CAAG,EACnDQ,EAAOC,EAAAA,OAAO,EAAE,EAMhBC,EAAqB,CACzB,GAAGlB,EACH,qBAAsBE,CAAAA,EAGxBiB,OAAAA,EAAAA,UAAU,IAAML,EAASN,CAAG,EAAG,CAACA,CAAG,CAAC,EAGlCY,MAAC,MACC,UAAWC,EAAAA,EAAGxB,EAAWyB,EAAOC,SAAUrB,EAAO,GAAKoB,EAAOxB,OAAO,EACpE,MAAOoB,EACP,GAAIjB,EAAM,UAAA,WAETY,SAAAA,EAAMW,IAAI,CAACC,EAAOC,IAAM,CACvB,MAAMC,EAAMjB,EAAMkB,eAAeH,CAAK,EAAIA,EAAME,IAAM,KAEtD,OACEP,EAAAA,IAAC,KAAA,CAEC,UAAS,GACT,YAAcS,GAAM,CAClBb,EAAKc,QAAUJ,EACfG,EAAEE,aAAaC,QAAQ,aAAc,EAAE,EACvCH,EAAEE,aAAaE,cAAgB,MACjC,EACA,WAAaJ,GAAM,CACjBA,EAAEK,eAAAA,EACFL,EAAEE,aAAaI,WAAa,MAC9B,EACA,OAASN,GAAM,CACbA,EAAEK,eAAAA,EACF,MAAME,EAAOpB,EAAKc,QACdM,EAAO,GAAKA,IAASV,IAEzBZ,EAAUuB,GAAS,CACjB,MAAMC,EAAOD,EAAKE,MAAAA,EAClBD,OAAAA,EAAKE,OAAOd,EAAG,EAAGY,EAAKE,OAAOJ,EAAM,CAAC,EAAE,CAAC,CAAC,EAEzCrC,GAAAA,MAAAA,EACEuC,EAAKd,IAAI,CAACiB,EAAGC,KAAS,CACpBC,GAAIC,OACFlC,EAAMkB,eAAea,CAAC,EAChBA,EAAExC,MAAiC,SAAS,GAAK,OAAOyC,CAAG,GAC7D,OAAOA,CAAG,EAChB,EACAG,OAAQP,EAAKQ,OAAS,EAAIJ,CAAAA,EAC1B,GAGGJ,CACT,CAAC,EAEDtB,EAAKc,QAAU,GACjB,EACA,UAAW,IAAM,CACfd,EAAKc,QAAU,EACjB,EAAE,UAAA,WAEDL,SAAAA,CAAAA,EAxCIE,GAAOD,CAyCd,CAEJ,CAAC,CAAA,CACH,CAEJ"}

package/dist/components/sortable/index.js

@@ -1,38 +1,44 @@
-import { jsx as p } from "react/jsx-runtime";
-import { t as S } from "../../classix-DG18itHa.js";
-import f, { useMemo as g, useState as v, useRef as E, useEffect as x } from "react";
-import '../../assets/index4.css';const T = "_sortable_z6sff_1", k = "_columns_z6sff_7", d = {
-  sortable: T,
-  columns: k
+import { jsx as d } from "react/jsx-runtime";
+import { t as w } from "../../classix-DG18itHa.js";
+import m, { useMemo as M, useState as T, useRef as V, useEffect as k } from "react";
+import '../../assets/index5.css';const A = "_sortable_t2bo2_1", N = "_columns_t2bo2_7", _ = {
+  sortable: A,
+  columns: N
 };
-function R({
+function j({
   children: u,
-  onChangeOrder: s,
-  twoColumns: b
+  className: y,
+  columns: f = 1,
+  onChangeOrder: o,
+  style: D,
+  ...S
 }) {
-  const o = g(() => f.Children.toArray(u), [u]), [_, m] = v(o), r = E(-1);
-  return x(() => m(o), [o]), /* @__PURE__ */ p("ol", { className: S(d.sortable, b && d.columns), "data-cy": "Sortable", children: _.map((n, a) => {
-    const D = f.isValidElement(n) ? n.key : null;
-    return /* @__PURE__ */ p("li", { draggable: !0, onDragStart: (t) => {
+  const i = Number.isFinite(f) ? Math.max(1, Math.floor(f)) : 1, s = M(() => m.Children.toArray(u), [u]), [g, p] = T(s), r = V(-1), v = {
+    ...D,
+    "--sortable-columns": i
+  };
+  return k(() => p(s), [s]), /* @__PURE__ */ d("ol", { className: w(y, _.sortable, i > 1 && _.columns), style: v, ...S, "data-cy": "Sortable", children: g.map((n, a) => {
+    const x = m.isValidElement(n) ? n.key : null;
+    return /* @__PURE__ */ d("li", { draggable: !0, onDragStart: (t) => {
       r.current = a, t.dataTransfer.setData("text/plain", ""), t.dataTransfer.effectAllowed = "move";
     }, onDragOver: (t) => {
       t.preventDefault(), t.dataTransfer.dropEffect = "move";
     }, onDrop: (t) => {
       t.preventDefault();
       const l = r.current;
-      l < 0 || l === a || (m((y) => {
-        const e = y.slice();
-        return e.splice(a, 0, e.splice(l, 1)[0]), s == null || s(e.map((i, c) => ({
-          id: String(f.isValidElement(i) ? i.props["data-id"] ?? `idx-${c}` : `idx-${c}`),
+      l < 0 || l === a || (p((E) => {
+        const e = E.slice();
+        return e.splice(a, 0, e.splice(l, 1)[0]), o == null || o(e.map((b, c) => ({
+          id: String(m.isValidElement(b) ? b.props["data-id"] ?? `idx-${c}` : `idx-${c}`),
           weight: e.length - 1 - c
         }))), e;
       }), r.current = -1);
     }, onDragEnd: () => {
       r.current = -1;
-    }, "data-cy": "Sortable", children: n }, D ?? a);
+    }, "data-cy": "Sortable", children: n }, x ?? a);
   }) });
 }
 export {
-  R as Sortable
+  j as Sortable
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableProps = {\n  children?: React.ReactNode;\n  onChangeOrder?: (order: SortItem[]) => void;\n  twoColumns?: boolean;\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({ children, onChangeOrder, twoColumns }: SortableProps) {\n  const arr = useMemo(() => React.Children.toArray(children), [children]);\n  const [items, setItems] = useState<React.ReactNode[]>(arr);\n  const drag = useRef(-1);\n\n  useEffect(() => setItems(arr), [arr]);\n\n  return (\n    <ol className={cx(styles.sortable, twoColumns && styles.columns)}>\n      {items.map((child, i) => {\n        const key = React.isValidElement(child) ? child.key : null;\n\n        return (\n          <li\n            key={key ?? i}\n            draggable\n            onDragStart={(e) => {\n              drag.current = i;\n              e.dataTransfer.setData('text/plain', '');\n              e.dataTransfer.effectAllowed = 'move';\n            }}\n            onDragOver={(e) => {\n              e.preventDefault();\n              e.dataTransfer.dropEffect = 'move';\n            }}\n            onDrop={(e) => {\n              e.preventDefault();\n              const from = drag.current;\n              if (from < 0 || from === i) return;\n\n              setItems((prev) => {\n                const next = prev.slice();\n                next.splice(i, 0, next.splice(from, 1)[0]);\n\n                onChangeOrder?.(\n                  next.map((c, idx) => ({\n                    id: String(\n                      React.isValidElement(c)\n                        ? ((c.props as { 'data-id'?: string })['data-id'] ?? `idx-${idx}`)\n                        : `idx-${idx}`\n                    ),\n                    weight: next.length - 1 - idx,\n                  }))\n                );\n\n                return next;\n              });\n\n              drag.current = -1;\n            }}\n            onDragEnd={() => {\n              drag.current = -1;\n            }}\n          >\n            {child}\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["Sortable","children","onChangeOrder","twoColumns","arr","useMemo","React","Children","toArray","items","setItems","useState","drag","useRef","useEffect","cx","styles","sortable","columns","map","child","i","key","isValidElement","jsx","e","current","dataTransfer","setData","effectAllowed","preventDefault","dropEffect","from","prev","next","slice","splice","c","idx","id","String","props","weight","length"],"mappings":";;;;;;;AAiBO,SAASA,EAAS;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,eAAAA;AAAAA,EAAeC,YAAAA;AAA0B,GAAG;AAC/E,QAAMC,IAAMC,EAAQ,MAAMC,EAAMC,SAASC,QAAQP,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAChE,CAACQ,GAAOC,CAAQ,IAAIC,EAA4BP,CAAG,GACnDQ,IAAOC,EAAO,EAAE;AAEtBC,SAAAA,EAAU,MAAMJ,EAASN,CAAG,GAAG,CAACA,CAAG,CAAC,qBAGjC,MAAA,EAAG,WAAWW,EAAGC,EAAOC,UAAUd,KAAca,EAAOE,OAAO,GAAE,WAAA,YAC9DT,UAAAA,EAAMU,IAAI,CAACC,GAAOC,MAAM;AACvB,UAAMC,IAAMhB,EAAMiB,eAAeH,CAAK,IAAIA,EAAME,MAAM;AAEtD,WACE,gBAAAE,EAAC,MAAA,EAEC,WAAS,IACT,aAAcC,CAAAA,MAAM;AAClBb,MAAAA,EAAKc,UAAUL,GACfI,EAAEE,aAAaC,QAAQ,cAAc,EAAE,GACvCH,EAAEE,aAAaE,gBAAgB;AAAA,IACjC,GACA,YAAaJ,CAAAA,MAAM;AACjBA,MAAAA,EAAEK,eAAAA,GACFL,EAAEE,aAAaI,aAAa;AAAA,IAC9B,GACA,QAASN,CAAAA,MAAM;AACbA,MAAAA,EAAEK,eAAAA;AACF,YAAME,IAAOpB,EAAKc;AAClB,MAAIM,IAAO,KAAKA,MAASX,MAEzBX,EAAUuB,CAAAA,MAAS;AACjB,cAAMC,IAAOD,EAAKE,MAAAA;AAClBD,eAAAA,EAAKE,OAAOf,GAAG,GAAGa,EAAKE,OAAOJ,GAAM,CAAC,EAAE,CAAC,CAAC,GAEzC9B,KAAAA,QAAAA,EACEgC,EAAKf,IAAI,CAACkB,GAAGC,OAAS;AAAA,UACpBC,IAAIC,OACFlC,EAAMiB,eAAec,CAAC,IAChBA,EAAEI,MAAiC,SAAS,KAAK,OAAOH,CAAG,KAC7D,OAAOA,CAAG,EAChB;AAAA,UACAI,QAAQR,EAAKS,SAAS,IAAIL;AAAAA,QAAAA,EAC1B,IAGGJ;AAAAA,MACT,CAAC,GAEDtB,EAAKc,UAAU;AAAA,IACjB,GACA,WAAW,MAAM;AACfd,MAAAA,EAAKc,UAAU;AAAA,IACjB,GAAE,WAAA,YAEDN,UAAAA,EAAAA,GAxCIE,KAAOD,CAyCd;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/sortable/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport React, { useEffect, useMemo, useRef, useState } from 'react';\n\nimport styles from './styles.module.css';\n\ntype SortItem = { id: string; weight: number };\n\ntype SortableProps = React.ComponentPropsWithoutRef<'ol'> & {\n  columns?: number;\n  onChangeOrder?: (order: SortItem[]) => void;\n};\n\n/**\n * Children must provide a stable `data-id` for emits `{ id, weight }` and `key` (reconciliation).\n */\n\nexport function Sortable({\n  children,\n  className,\n  columns = 1,\n  onChangeOrder,\n  style,\n  ...props\n}: SortableProps) {\n  const cols = Number.isFinite(columns) ? Math.max(1, Math.floor(columns)) : 1;\n  const arr = useMemo(() => React.Children.toArray(children), [children]);\n  const [items, setItems] = useState<React.ReactNode[]>(arr);\n  const drag = useRef(-1);\n\n  type WithVars = React.CSSProperties & {\n    '--sortable-columns'?: number;\n  };\n\n  const withVars: WithVars = {\n    ...style,\n    '--sortable-columns': cols,\n  };\n\n  useEffect(() => setItems(arr), [arr]);\n\n  return (\n    <ol\n      className={cx(className, styles.sortable, cols > 1 && styles.columns)}\n      style={withVars}\n      {...props}\n    >\n      {items.map((child, i) => {\n        const key = React.isValidElement(child) ? child.key : null;\n\n        return (\n          <li\n            key={key ?? i}\n            draggable\n            onDragStart={(e) => {\n              drag.current = i;\n              e.dataTransfer.setData('text/plain', '');\n              e.dataTransfer.effectAllowed = 'move';\n            }}\n            onDragOver={(e) => {\n              e.preventDefault();\n              e.dataTransfer.dropEffect = 'move';\n            }}\n            onDrop={(e) => {\n              e.preventDefault();\n              const from = drag.current;\n              if (from < 0 || from === i) return;\n\n              setItems((prev) => {\n                const next = prev.slice();\n                next.splice(i, 0, next.splice(from, 1)[0]);\n\n                onChangeOrder?.(\n                  next.map((c, idx) => ({\n                    id: String(\n                      React.isValidElement(c)\n                        ? ((c.props as { 'data-id'?: string })['data-id'] ?? `idx-${idx}`)\n                        : `idx-${idx}`\n                    ),\n                    weight: next.length - 1 - idx,\n                  }))\n                );\n\n                return next;\n              });\n\n              drag.current = -1;\n            }}\n            onDragEnd={() => {\n              drag.current = -1;\n            }}\n          >\n            {child}\n          </li>\n        );\n      })}\n    </ol>\n  );\n}\n"],"names":["Sortable","children","className","columns","onChangeOrder","style","props","cols","Number","isFinite","Math","max","floor","arr","useMemo","React","Children","toArray","items","setItems","useState","drag","useRef","withVars","useEffect","jsx","cx","styles","sortable","map","child","i","key","isValidElement","e","current","dataTransfer","setData","effectAllowed","preventDefault","dropEffect","from","prev","next","slice","splice","c","idx","id","String","weight","length"],"mappings":";;;;;;;AAgBO,SAASA,EAAS;AAAA,EACvBC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,eAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACA,GAAGC;AACU,GAAG;AAChB,QAAMC,IAAOC,OAAOC,SAASN,CAAO,IAAIO,KAAKC,IAAI,GAAGD,KAAKE,MAAMT,CAAO,CAAC,IAAI,GACrEU,IAAMC,EAAQ,MAAMC,EAAMC,SAASC,QAAQhB,CAAQ,GAAG,CAACA,CAAQ,CAAC,GAChE,CAACiB,GAAOC,CAAQ,IAAIC,EAA4BP,CAAG,GACnDQ,IAAOC,EAAO,EAAE,GAMhBC,IAAqB;AAAA,IACzB,GAAGlB;AAAAA,IACH,sBAAsBE;AAAAA,EAAAA;AAGxBiB,SAAAA,EAAU,MAAML,EAASN,CAAG,GAAG,CAACA,CAAG,CAAC,GAGlC,gBAAAY,EAAC,QACC,WAAWC,EAAGxB,GAAWyB,EAAOC,UAAUrB,IAAO,KAAKoB,EAAOxB,OAAO,GACpE,OAAOoB,GACP,GAAIjB,GAAM,WAAA,YAETY,UAAAA,EAAMW,IAAI,CAACC,GAAOC,MAAM;AACvB,UAAMC,IAAMjB,EAAMkB,eAAeH,CAAK,IAAIA,EAAME,MAAM;AAEtD,WACE,gBAAAP,EAAC,MAAA,EAEC,WAAS,IACT,aAAcS,CAAAA,MAAM;AAClBb,MAAAA,EAAKc,UAAUJ,GACfG,EAAEE,aAAaC,QAAQ,cAAc,EAAE,GACvCH,EAAEE,aAAaE,gBAAgB;AAAA,IACjC,GACA,YAAaJ,CAAAA,MAAM;AACjBA,MAAAA,EAAEK,eAAAA,GACFL,EAAEE,aAAaI,aAAa;AAAA,IAC9B,GACA,QAASN,CAAAA,MAAM;AACbA,MAAAA,EAAEK,eAAAA;AACF,YAAME,IAAOpB,EAAKc;AAClB,MAAIM,IAAO,KAAKA,MAASV,MAEzBZ,EAAUuB,CAAAA,MAAS;AACjB,cAAMC,IAAOD,EAAKE,MAAAA;AAClBD,eAAAA,EAAKE,OAAOd,GAAG,GAAGY,EAAKE,OAAOJ,GAAM,CAAC,EAAE,CAAC,CAAC,GAEzCrC,KAAAA,QAAAA,EACEuC,EAAKd,IAAI,CAACiB,GAAGC,OAAS;AAAA,UACpBC,IAAIC,OACFlC,EAAMkB,eAAea,CAAC,IAChBA,EAAExC,MAAiC,SAAS,KAAK,OAAOyC,CAAG,KAC7D,OAAOA,CAAG,EAChB;AAAA,UACAG,QAAQP,EAAKQ,SAAS,IAAIJ;AAAAA,QAAAA,EAC1B,IAGGJ;AAAAA,MACT,CAAC,GAEDtB,EAAKc,UAAU;AAAA,IACjB,GACA,WAAW,MAAM;AACfd,MAAAA,EAAKc,UAAU;AAAA,IACjB,GAAE,WAAA,YAEDL,UAAAA,EAAAA,GAxCIE,KAAOD,CAyCd;AAAA,EAEJ,CAAC,EAAA,CACH;AAEJ;"}

package/dist/components/table/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const q=require("react/jsx-runtime"),A=require("react"),R="_table_6lb77_1",_={table:R},k=({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"))})},T=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((h,j)=>{var g,x;const y=(((g=h.cells[e])==null?void 0:g.textContent)??"").trim(),p=(((x=j.cells[e])==null?void 0:x.textContent)??"").trim();if(u==="number"){const o=Number.parseFloat(y),c=Number.parseFloat(p);return Number.isNaN(o)&&Number.isNaN(c)?0:Number.isNaN(o)?1:Number.isNaN(c)?-1:(o-c)*d}return y.localeCompare(p,i,{sensitivity:"base"})*d}),a.append(...f)},[i]);return q.jsx("table",{className:_.table,onClick:T,ref:l,...S,"data-cy":"Table",children:C})};exports.Table=k;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +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,UAAA,QAETF,SAAAA,CAAAA,CACH,CAEJ"}

package/dist/components/table/index.js

@@ -0,0 +1,48 @@
+import { jsx as k } from "react/jsx-runtime";
+import { useRef as w, useCallback as F } from "react";
+import '../../assets/index4.css';const T = "_table_6lb77_1", j = {
+  table: T
+}, E = ({
+  children: C,
+  locale: i,
+  ...g
+}) => {
+  const l = w(null), h = (a, r, t) => {
+    a.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"));
+    });
+  }, v = F((a) => {
+    var m, N;
+    const r = l.current;
+    if (!r) return;
+    const t = (m = a.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 n = (N = r.tBodies) == null ? void 0 : N[0];
+    if (!n) 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, f = Array.from(n.rows);
+    f.sort((S, _) => {
+      var x, A;
+      const p = (((x = S.cells[e]) == null ? void 0 : x.textContent) ?? "").trim(), y = (((A = _.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;
+    }), n.append(...f);
+  }, [i]);
+  return /* @__PURE__ */ k("table", { className: j.table, onClick: v, ref: l, ...g, "data-cy": "Table", children: C });
+};
+export {
+  E as Table
+};
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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,WAAA,SAETF,UAAAA,EAAAA,CACH;AAEJ;"}

package/dist/components/textarea/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const l=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),s=require("react"),y=require("../../utils-D_TJ8wDc.cjs"),i=require("../../styles.module-BBfw-M3O.cjs"),j="_label_jvcm8_1",m="_textarea_jvcm8_9",o={label:j,textarea:m},v=({label:r,maxHeight:x="calc(15 * var(--unit))",...e})=>{const{touched:h,onBlur:d}=y.useTouched(e.value===""),n=s.useRef(null),[g,a]=s.useState("auto");s.useEffect(()=>{var t;e.value===""?a("auto"):a(`${(t=n.current)==null?void 0:t.scrollHeight}px`)},[e.value]);const f=t=>{var u;t.target.value?a(`${(u=n.current)==null?void 0:u.scrollHeight}px`):a("auto"),e.onChange&&e.onChange(t)};return l.jsxs("label",{"data-cy":"Textarea",children:[r&&l.jsx("span",{className:c.t(o.label,e.required&&i.inputStyles.required),children:r}),l.jsx("div",{style:{maxHeight:x},children:l.jsx("textarea",{className:c.t(i.inputStyles.input,o.textarea,h&&"touched"),onBlur:d,onChange:f,ref:n,style:{minHeight:g},...e})})]})};exports.Textarea=v;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index3.css');const e=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),d=require("../../utils-D_TJ8wDc.cjs"),a=require("../../styles.module--qoz6wR5.cjs"),y="_label_33pzt_1",m="_textarea_33pzt_5",r={label:y,textarea:m},p=({label:t,maxRows:l=12,minRows:n=3,required:c,value:o,...u})=>{const{touched:i,onBlur:x}=d.useTouched(o==="");return e.jsxs("label",{"data-cy":"Textarea",children:[t&&e.jsx("span",{className:s.t(r.label,c&&a.inputStyles.required),children:t}),e.jsx("textarea",{className:s.t(a.inputStyles.input,r.textarea,i&&"touched"),onBlur:x,...u,style:{"--min-rows":n,"--max-rows":l}})]})};exports.Textarea=p;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/textarea/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { ChangeEvent, useEffect, useRef, useState } from 'react';\n\nimport { useTouched } from '@/utils.ts';\n\nimport inputStyles from '../input/styles.module.css';\nimport styles from './styles.module.css';\n\nexport type TextareaProps = React.ComponentPropsWithoutRef<'textarea'> & {\n  disabled?: boolean;\n  label?: string;\n  maxHeight?: string;\n  placeholder?: string;\n};\n\nexport const Textarea = ({\n  label,\n  maxHeight = 'calc(15 * var(--unit))',\n  ...props\n}: TextareaProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [parentHeight, setParentHeight] = useState('auto');\n\n  useEffect(() => {\n    if (props.value === '') {\n      setParentHeight('auto');\n    } else {\n      setParentHeight(`${textAreaRef.current?.scrollHeight}px`);\n    }\n  }, [props.value]);\n\n  const onChangeHandler = (event: ChangeEvent<HTMLTextAreaElement>) => {\n    if (event.target.value) {\n      setParentHeight(`${textAreaRef.current?.scrollHeight}px`);\n    } else {\n      setParentHeight('auto');\n    }\n\n    if (props.onChange) {\n      props.onChange(event);\n    }\n  };\n\n  return (\n    <label>\n      {label && (\n        <span className={cx(styles.label, props.required && inputStyles.required)}>{label}</span>\n      )}\n      <div\n        style={{\n          maxHeight: maxHeight,\n        }}\n      >\n        <textarea\n          className={cx(inputStyles.input, styles.textarea, touched && 'touched')}\n          onBlur={onBlur}\n          onChange={onChangeHandler}\n          ref={textAreaRef}\n          style={{\n            minHeight: parentHeight,\n          }}\n          {...props}\n        ></textarea>\n      </div>\n    </label>\n  );\n};\n"],"names":["Textarea","label","maxHeight","props","touched","onBlur","useTouched","value","textAreaRef","useRef","parentHeight","setParentHeight","useState","useEffect","current","scrollHeight","onChangeHandler","event","target","onChange","jsxs","jsx","cx","styles","required","inputStyles","input","textarea","minHeight"],"mappings":"oUAeaA,EAAWA,CAAC,CACvBC,MAAAA,EACAC,UAAAA,EAAY,yBACZ,GAAGC,CACU,IAAM,CACnB,KAAM,CAAEC,QAAAA,EAASC,OAAAA,CAAAA,EAAWC,aAAWH,EAAMI,QAAU,EAAE,EACnDC,EAAcC,EAAAA,OAA4B,IAAI,EAC9C,CAACC,EAAcC,CAAe,EAAIC,EAAAA,SAAS,MAAM,EAEvDC,EAAAA,UAAU,IAAM,OACVV,EAAMI,QAAU,GAClBI,EAAgB,MAAM,EAEtBA,EAAgB,IAAGH,EAAAA,EAAYM,UAAZN,YAAAA,EAAqBO,YAAY,IAAI,CAE5D,EAAG,CAACZ,EAAMI,KAAK,CAAC,EAEhB,MAAMS,EAAmBC,GAA4C,OAC/DA,EAAMC,OAAOX,MACfI,EAAgB,IAAGH,EAAAA,EAAYM,UAAZN,YAAAA,EAAqBO,YAAY,IAAI,EAExDJ,EAAgB,MAAM,EAGpBR,EAAMgB,UACRhB,EAAMgB,SAASF,CAAK,CAExB,EAEA,OACEG,EAAAA,KAAC,QAAA,CAAK,UAAA,WACHnB,SAAAA,CAAAA,GACCoB,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,EAAGC,EAAOtB,MAAOE,EAAMqB,UAAYC,EAAAA,YAAYD,QAAQ,EAAIvB,SAAAA,CAAAA,CAAM,EAEpFoB,MAAC,OACC,MAAO,CACLnB,UAAAA,CAAAA,EAGF,SAAAmB,EAAAA,IAAC,WAAA,CACC,UAAWC,IAAGG,EAAAA,YAAYC,MAAOH,EAAOI,SAAUvB,GAAW,SAAS,EACtE,OAAAC,EACA,SAAUW,EACV,IAAKR,EACL,MAAO,CACLoB,UAAWlB,CAAAA,EAEb,GAAIP,CAAAA,CACL,CAAA,CACH,CAAA,EACF,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/textarea/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { useTouched } from '@/utils.ts';\n\nimport inputStyles from '../input/styles.module.css';\nimport styles from './styles.module.css';\n\nexport type TextareaProps = React.ComponentPropsWithoutRef<'textarea'> & {\n  label?: string;\n  maxRows?: number;\n  minRows?: number;\n};\n\nexport const Textarea = ({\n  label,\n  maxRows = 12,\n  minRows = 3,\n  required,\n  value,\n  ...props\n}: TextareaProps) => {\n  const { touched, onBlur } = useTouched(value === '');\n\n  return (\n    <label>\n      {label && <span className={cx(styles.label, required && inputStyles.required)}>{label}</span>}\n      <textarea\n        className={cx(inputStyles.input, styles.textarea, touched && 'touched')}\n        onBlur={onBlur}\n        {...props}\n        style={\n          {\n            '--min-rows': minRows,\n            '--max-rows': maxRows,\n          } as React.CSSProperties\n        }\n      ></textarea>\n    </label>\n  );\n};\n"],"names":["Textarea","label","maxRows","minRows","required","value","props","touched","onBlur","useTouched","jsxs","jsx","cx","styles","inputStyles","input","textarea"],"mappings":"iTAaaA,EAAWA,CAAC,CACvBC,MAAAA,EACAC,QAAAA,EAAU,GACVC,QAAAA,EAAU,EACVC,SAAAA,EACAC,MAAAA,EACA,GAAGC,CACU,IAAM,CACnB,KAAM,CAAEC,QAAAA,EAASC,OAAAA,CAAAA,EAAWC,EAAAA,WAAWJ,IAAU,EAAE,EAEnD,OACEK,EAAAA,KAAC,QAAA,CAAK,UAAA,WACHT,SAAAA,CAAAA,GAASU,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,EAAGC,EAAOZ,MAAOG,GAAYU,EAAAA,YAAYV,QAAQ,EAAIH,SAAAA,CAAAA,CAAM,EACtFU,EAAAA,IAAC,WAAA,CACC,UAAWC,EAAAA,EAAGE,EAAAA,YAAYC,MAAOF,EAAOG,SAAUT,GAAW,SAAS,EACtE,OAAAC,KACIF,EACJ,MACE,CACE,aAAcH,EACd,aAAcD,CAAAA,CAChB,CAEH,CAAA,EACH,CAEJ"}

package/dist/components/textarea/index.js

@@ -1,38 +1,31 @@
-import { jsxs as d, jsx as l } from "react/jsx-runtime";
-import { t as o } from "../../classix-DG18itHa.js";
-import { useRef as g, useState as v, useEffect as H } from "react";
-import { u as _ } from "../../utils-DXIJVVzz.js";
-import { i as s } from "../../styles.module-BUHdj3im.js";
-import '../../assets/index3.css';const y = "_label_jvcm8_1", b = "_textarea_jvcm8_9", u = {
-  label: y,
-  textarea: b
-}, R = ({
-  label: n,
-  maxHeight: i = "calc(15 * var(--unit))",
-  ...e
+import { jsxs as p, jsx as e } from "react/jsx-runtime";
+import { t as a } from "../../classix-DG18itHa.js";
+import { u } from "../../utils-DXIJVVzz.js";
+import { i as r } from "../../styles.module-y5zmJBcz.js";
+import '../../assets/index3.css';const d = "_label_33pzt_1", _ = "_textarea_33pzt_5", s = {
+  label: d,
+  textarea: _
+}, T = ({
+  label: t,
+  maxRows: o = 12,
+  minRows: l = 3,
+  required: c,
+  value: n,
+  ...m
 }) => {
   const {
-    touched: h,
-    onBlur: m
-  } = _(e.value === ""), r = g(null), [f, a] = v("auto");
-  H(() => {
-    var t;
-    e.value === "" ? a("auto") : a(`${(t = r.current) == null ? void 0 : t.scrollHeight}px`);
-  }, [e.value]);
-  const x = (t) => {
-    var c;
-    t.target.value ? a(`${(c = r.current) == null ? void 0 : c.scrollHeight}px`) : a("auto"), e.onChange && e.onChange(t);
-  };
-  return /* @__PURE__ */ d("label", { "data-cy": "Textarea", children: [
-    n && /* @__PURE__ */ l("span", { className: o(u.label, e.required && s.required), children: n }),
-    /* @__PURE__ */ l("div", { style: {
-      maxHeight: i
-    }, children: /* @__PURE__ */ l("textarea", { className: o(s.input, u.textarea, h && "touched"), onBlur: m, onChange: x, ref: r, style: {
-      minHeight: f
-    }, ...e }) })
+    touched: i,
+    onBlur: x
+  } = u(n === "");
+  return /* @__PURE__ */ p("label", { "data-cy": "Textarea", children: [
+    t && /* @__PURE__ */ e("span", { className: a(s.label, c && r.required), children: t }),
+    /* @__PURE__ */ e("textarea", { className: a(r.input, s.textarea, i && "touched"), onBlur: x, ...m, style: {
+      "--min-rows": l,
+      "--max-rows": o
+    } })
   ] });
 };
 export {
-  R as Textarea
+  T as Textarea
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/textarea/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { ChangeEvent, useEffect, useRef, useState } from 'react';\n\nimport { useTouched } from '@/utils.ts';\n\nimport inputStyles from '../input/styles.module.css';\nimport styles from './styles.module.css';\n\nexport type TextareaProps = React.ComponentPropsWithoutRef<'textarea'> & {\n  disabled?: boolean;\n  label?: string;\n  maxHeight?: string;\n  placeholder?: string;\n};\n\nexport const Textarea = ({\n  label,\n  maxHeight = 'calc(15 * var(--unit))',\n  ...props\n}: TextareaProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n  const textAreaRef = useRef<HTMLTextAreaElement>(null);\n  const [parentHeight, setParentHeight] = useState('auto');\n\n  useEffect(() => {\n    if (props.value === '') {\n      setParentHeight('auto');\n    } else {\n      setParentHeight(`${textAreaRef.current?.scrollHeight}px`);\n    }\n  }, [props.value]);\n\n  const onChangeHandler = (event: ChangeEvent<HTMLTextAreaElement>) => {\n    if (event.target.value) {\n      setParentHeight(`${textAreaRef.current?.scrollHeight}px`);\n    } else {\n      setParentHeight('auto');\n    }\n\n    if (props.onChange) {\n      props.onChange(event);\n    }\n  };\n\n  return (\n    <label>\n      {label && (\n        <span className={cx(styles.label, props.required && inputStyles.required)}>{label}</span>\n      )}\n      <div\n        style={{\n          maxHeight: maxHeight,\n        }}\n      >\n        <textarea\n          className={cx(inputStyles.input, styles.textarea, touched && 'touched')}\n          onBlur={onBlur}\n          onChange={onChangeHandler}\n          ref={textAreaRef}\n          style={{\n            minHeight: parentHeight,\n          }}\n          {...props}\n        ></textarea>\n      </div>\n    </label>\n  );\n};\n"],"names":["Textarea","label","maxHeight","props","touched","onBlur","useTouched","value","textAreaRef","useRef","parentHeight","setParentHeight","useState","useEffect","current","scrollHeight","onChangeHandler","event","target","onChange","jsxs","jsx","cx","styles","required","inputStyles","input","textarea","minHeight"],"mappings":";;;;;;;;GAeaA,IAAWA,CAAC;AAAA,EACvBC,OAAAA;AAAAA,EACAC,WAAAA,IAAY;AAAA,EACZ,GAAGC;AACU,MAAM;AACnB,QAAM;AAAA,IAAEC,SAAAA;AAAAA,IAASC,QAAAA;AAAAA,EAAAA,IAAWC,EAAWH,EAAMI,UAAU,EAAE,GACnDC,IAAcC,EAA4B,IAAI,GAC9C,CAACC,GAAcC,CAAe,IAAIC,EAAS,MAAM;AAEvDC,EAAAA,EAAU,MAAM;;AACd,IAAIV,EAAMI,UAAU,KAClBI,EAAgB,MAAM,IAEtBA,EAAgB,IAAGH,IAAAA,EAAYM,YAAZN,gBAAAA,EAAqBO,YAAY,IAAI;AAAA,EAE5D,GAAG,CAACZ,EAAMI,KAAK,CAAC;AAEhB,QAAMS,IAAkBA,CAACC,MAA4C;;AACnE,IAAIA,EAAMC,OAAOX,QACfI,EAAgB,IAAGH,IAAAA,EAAYM,YAAZN,gBAAAA,EAAqBO,YAAY,IAAI,IAExDJ,EAAgB,MAAM,GAGpBR,EAAMgB,YACRhB,EAAMgB,SAASF,CAAK;AAAA,EAExB;AAEA,SACE,gBAAAG,EAAC,SAAA,EAAK,WAAA,YACHnB,UAAAA;AAAAA,IAAAA,KACC,gBAAAoB,EAAC,QAAA,EAAK,WAAWC,EAAGC,EAAOtB,OAAOE,EAAMqB,YAAYC,EAAYD,QAAQ,GAAIvB,UAAAA,EAAAA,CAAM;AAAA,IAEpF,gBAAAoB,EAAC,SACC,OAAO;AAAA,MACLnB,WAAAA;AAAAA,IAAAA,GAGF,UAAA,gBAAAmB,EAAC,YAAA,EACC,WAAWC,EAAGG,EAAYC,OAAOH,EAAOI,UAAUvB,KAAW,SAAS,GACtE,QAAAC,GACA,UAAUW,GACV,KAAKR,GACL,OAAO;AAAA,MACLoB,WAAWlB;AAAAA,IAAAA,GAEb,GAAIP,EAAAA,CACL,EAAA,CACH;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/textarea/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport { useTouched } from '@/utils.ts';\n\nimport inputStyles from '../input/styles.module.css';\nimport styles from './styles.module.css';\n\nexport type TextareaProps = React.ComponentPropsWithoutRef<'textarea'> & {\n  label?: string;\n  maxRows?: number;\n  minRows?: number;\n};\n\nexport const Textarea = ({\n  label,\n  maxRows = 12,\n  minRows = 3,\n  required,\n  value,\n  ...props\n}: TextareaProps) => {\n  const { touched, onBlur } = useTouched(value === '');\n\n  return (\n    <label>\n      {label && <span className={cx(styles.label, required && inputStyles.required)}>{label}</span>}\n      <textarea\n        className={cx(inputStyles.input, styles.textarea, touched && 'touched')}\n        onBlur={onBlur}\n        {...props}\n        style={\n          {\n            '--min-rows': minRows,\n            '--max-rows': maxRows,\n          } as React.CSSProperties\n        }\n      ></textarea>\n    </label>\n  );\n};\n"],"names":["Textarea","label","maxRows","minRows","required","value","props","touched","onBlur","useTouched","jsxs","jsx","cx","styles","inputStyles","input","textarea"],"mappings":";;;;;;;GAaaA,IAAWA,CAAC;AAAA,EACvBC,OAAAA;AAAAA,EACAC,SAAAA,IAAU;AAAA,EACVC,SAAAA,IAAU;AAAA,EACVC,UAAAA;AAAAA,EACAC,OAAAA;AAAAA,EACA,GAAGC;AACU,MAAM;AACnB,QAAM;AAAA,IAAEC,SAAAA;AAAAA,IAASC,QAAAA;AAAAA,EAAAA,IAAWC,EAAWJ,MAAU,EAAE;AAEnD,SACE,gBAAAK,EAAC,SAAA,EAAK,WAAA,YACHT,UAAAA;AAAAA,IAAAA,KAAS,gBAAAU,EAAC,QAAA,EAAK,WAAWC,EAAGC,EAAOZ,OAAOG,KAAYU,EAAYV,QAAQ,GAAIH,UAAAA,EAAAA,CAAM;AAAA,IACtF,gBAAAU,EAAC,YAAA,EACC,WAAWC,EAAGE,EAAYC,OAAOF,EAAOG,UAAUT,KAAW,SAAS,GACtE,QAAAC,MACIF,GACJ,OACE;AAAA,MACE,cAAcH;AAAAA,MACd,cAAcD;AAAAA,IAAAA,EAChB,CAEH;AAAA,EAAA,GACH;AAEJ;"}

package/dist/components/toast/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const a=require("react/jsx-runtime"),f=require("../../classix-5H4IWnMA.cjs"),n=require("react"),j=require("../icon/index.cjs"),h="_toast_h2jok_1",l="_active_h2jok_18",d="_error_h2jok_24",m="_info_h2jok_28",v="_success_h2jok_33",c={toast:h,active:l,error:d,info:m,success:v},T=({label:i,type:t="success",onClick:u,onExitComplete:e,open:r=!0})=>{const[_,o]=n.useState(!1);return n.useEffect(()=>{if(!r)return o(!1);const s=requestAnimationFrame(()=>o(!0));return()=>cancelAnimationFrame(s)},[r]),a.jsxs("div",{"aria-live":t==="error"?"assertive":"polite",className:f.t(c.toast,c[t],_&&c.active),onClick:u,onTransitionEnd:s=>{r||s.propertyName!=="opacity"||s.currentTarget!==s.target||e==null||e()},"data-cy":"Toast",children:[a.jsx(j.Icon,{name:t}),i]})};exports.Toast=T;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index22.css');const a=require("react/jsx-runtime"),f=require("../../classix-5H4IWnMA.cjs"),n=require("react"),j=require("../icon/index.cjs"),h="_toast_h2jok_1",l="_active_h2jok_18",d="_error_h2jok_24",m="_info_h2jok_28",v="_success_h2jok_33",c={toast:h,active:l,error:d,info:m,success:v},T=({label:i,type:t="success",onClick:u,onExitComplete:e,open:r=!0})=>{const[_,o]=n.useState(!1);return n.useEffect(()=>{if(!r)return o(!1);const s=requestAnimationFrame(()=>o(!0));return()=>cancelAnimationFrame(s)},[r]),a.jsxs("div",{"aria-live":t==="error"?"assertive":"polite",className:f.t(c.toast,c[t],_&&c.active),onClick:u,onTransitionEnd:s=>{r||s.propertyName!=="opacity"||s.currentTarget!==s.target||e==null||e()},"data-cy":"Toast",children:[a.jsx(j.Icon,{name:t}),i]})};exports.Toast=T;
 //# sourceMappingURL=index.cjs.map

package/dist/components/toast/index.js

@@ -2,7 +2,7 @@ import { jsxs as _, jsx as u } from "react/jsx-runtime";
 import { t as f } from "../../classix-DG18itHa.js";
 import { useState as m, useEffect as h } from "react";
 import { Icon as j } from "../icon/index.js";
-import '../../assets/index18.css';const k = "_toast_h2jok_1", v = "_active_h2jok_18", d = "_error_h2jok_24", l = "_info_h2jok_28", T = "_success_h2jok_33", a = {
+import '../../assets/index22.css';const k = "_toast_h2jok_1", v = "_active_h2jok_18", d = "_error_h2jok_24", l = "_info_h2jok_28", T = "_success_h2jok_33", a = {
   toast: k,
   active: v,
   error: d,

package/dist/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components/_avatar/index.cjs"),n=require("./components/_card/index.cjs"),o=require("./components/_collapsible/index.cjs"),t=require("./components/_dropzone/index.cjs"),r=require("./components/_editor/index.cjs"),i=require("./components/_messages/index.cjs"),s=require("./components/_portal/index.cjs"),c=require("./components/_toasts/index.cjs"),_=require("./components/accordion/index.cjs"),a=require("./components/app-link/index.cjs"),d=require("./components/aside/index.cjs"),p=require("./components/banner/index.cjs"),u=require("./components/branding/index.cjs"),m=require("./components/button/index.cjs"),x=require("./components/checkbox/index.cjs"),q=require("./components/dialog/index.cjs"),l=require("./components/figure/index.cjs"),g=require("./components/file/index.cjs"),b=require("./components/form/index.cjs"),k=require("./components/group/index.cjs"),L=require("./components/header/index.cjs"),T=require("./components/icon/index.cjs"),A=require("./components/image/index.cjs"),v=require("./components/input/index.cjs"),B=require("./components/layout/index.cjs"),C=require("./components/link/index.cjs"),F=require("./components/list/index.cjs"),I=require("./components/message/index.cjs"),S=require("./components/nav/index.cjs"),y=require("./components/select/index.cjs"),M=require("./components/sortable/index.cjs"),f=require("./components/textarea/index.cjs"),h=require("./components/toast/index.cjs"),D=require("./components/toggle/index.cjs");exports.Avatar=e.Avatar;exports.Card=n.Card;exports.Collapsible=o.Collapsible;exports.Dropzone=t.Dropzone;exports.Editor=r.Editor;exports.Messages=i.Messages;exports.Portal=s.Portal;exports.Toasts=c.Toasts;exports.Accordion=_.Accordion;exports.AppLink=a.AppLink;exports.Aside=d.Aside;exports.Banner=p.Banner;exports.Branding=u.Branding;exports.Button=m.Button;exports.Checkbox=x.Checkbox;exports.Dialog=q.Dialog;exports.Figure=l.Figure;exports.File=g.File;exports.Form=b.Form;exports.Group=k.Group;exports.Header=L.Header;exports.Icon=T.Icon;exports.Image=A.Image;exports.Input=v.Input;exports.Layout=B.Layout;exports.Link=C.Link;exports.List=F.List;exports.Message=I.Message;exports.Nav=S.Nav;exports.Select=y.Select;exports.Sortable=M.Sortable;exports.Textarea=f.Textarea;exports.Toast=h.Toast;exports.Toggle=D.Toggle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./assets/index.css');const e=require("./components/_avatar/index.cjs"),n=require("./components/_card/index.cjs"),o=require("./components/_collapsible/index.cjs"),t=require("./components/_croppable/index.cjs"),r=require("./components/_dropzone/index.cjs"),i=require("./components/_editor/index.cjs"),s=require("./components/_messages/index.cjs"),c=require("./components/_portal/index.cjs"),_=require("./components/_toasts/index.cjs"),a=require("./components/_widget/index.cjs"),d=require("./components/accordion/index.cjs"),p=require("./components/app-link/index.cjs"),u=require("./components/aside/index.cjs"),m=require("./components/badge/index.cjs"),x=require("./components/banner/index.cjs"),l=require("./components/branding/index.cjs"),q=require("./components/button/index.cjs"),g=require("./components/checkbox/index.cjs"),b=require("./components/dialog/index.cjs"),T=require("./components/figure/index.cjs"),k=require("./components/file/index.cjs"),L=require("./components/form/index.cjs"),A=require("./components/group/index.cjs"),B=require("./components/header/index.cjs"),C=require("./components/icon/index.cjs"),v=require("./components/image/index.cjs"),F=require("./components/input/index.cjs"),I=require("./components/layout/index.cjs"),S=require("./components/link/index.cjs"),y=require("./components/list/index.cjs"),M=require("./components/message/index.cjs"),f=require("./components/nav/index.cjs"),h=require("./components/select/index.cjs"),D=require("./components/sortable/index.cjs"),z=require("./components/table/index.cjs"),P=require("./components/textarea/index.cjs"),E=require("./components/toast/index.cjs"),G=require("./components/toggle/index.cjs");exports.Avatar=e.Avatar;exports.Card=n.Card;exports.Collapsible=o.Collapsible;exports.Croppable=t.Croppable;exports.Dropzone=r.Dropzone;exports.Editor=i.Editor;exports.Messages=s.Messages;exports.Portal=c.Portal;exports.Toasts=_.Toasts;exports.Widget=a.Widget;exports.Accordion=d.Accordion;exports.AppLink=p.AppLink;exports.Aside=u.Aside;exports.Badge=m.Badge;exports.Banner=x.Banner;exports.Branding=l.Branding;exports.Button=q.Button;exports.Checkbox=g.Checkbox;exports.Dialog=b.Dialog;exports.Figure=T.Figure;exports.File=k.File;exports.Form=L.Form;exports.Group=A.Group;exports.Header=B.Header;exports.Icon=C.Icon;exports.Image=v.Image;exports.Input=F.Input;exports.Layout=I.Layout;exports.Link=S.Link;exports.List=y.List;exports.Message=M.Message;exports.Nav=f.Nav;exports.Select=h.Select;exports.Sortable=D.Sortable;exports.Table=z.Table;exports.Textarea=P.Textarea;exports.Toast=E.Toast;exports.Toggle=G.Toggle;
 //# sourceMappingURL=index.cjs.map