@solibo/solibo-ui 0.3.14 → 0.3.17

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_ud2ah_1",r="_horizontal_ud2ah_7",c="_tabs_ud2ah_17",u="_pills_ud2ah_38",a={nav:i,horizontal:r,tabs:c,pills:u},_={default:a.default,pills:a.pills,tabs:a.tabs},d=({animation:t,children:l,horizontal:s=!1,variant:n="default"})=>o.jsx("nav",{className:e.t(t&&t,s&&a.horizontal,a.nav,_[n]),"data-orientation":s?"horizontal":"vertical","data-cy":"Nav",children:l});exports.Nav=d;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index23.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,21 +1,21 @@
-import { jsx as n } from "react/jsx-runtime";
+import { jsx as o } from "react/jsx-runtime";
 import { t as r } from "../../classix-DG18itHa.js";
-import '../../assets/index20.css';const i = "_nav_ud2ah_1", _ = "_horizontal_ud2ah_7", c = "_tabs_ud2ah_17", e = "_pills_ud2ah_38", a = {
+import '../../assets/index23.css';const i = "_nav_8nmuv_1", v = "_horizontal_8nmuv_7", _ = "_tabs_8nmuv_17", c = "_pills_8nmuv_38", t = {
   nav: i,
-  horizontal: _,
-  tabs: c,
-  pills: e
-}, d = {
-  default: a.default,
-  pills: a.pills,
-  tabs: a.tabs
-}, p = ({
-  animation: t,
-  children: l,
+  horizontal: v,
+  tabs: _,
+  pills: c
+}, e = {
+  default: t.default,
+  pills: t.pills,
+  tabs: t.tabs
+}, u = ({
+  animation: a,
+  children: n,
   horizontal: s = !1,
-  variant: o = "default"
-}) => /* @__PURE__ */ n("nav", { className: r(t && t, s && a.horizontal, a.nav, d[o]), "data-orientation": s ? "horizontal" : "vertical", "data-cy": "Nav", children: l });
+  variant: l = "default"
+}) => /* @__PURE__ */ o("nav", { className: r(a && a, s && t.horizontal, t.nav, e[l]), "data-orientation": s ? "horizontal" : "vertical", "data-cy": "Nav", children: n });
 export {
-  p as Nav
+  u as Nav
 };
 //# sourceMappingURL=index.js.map

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 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=_;
 //# sourceMappingURL=index.cjs.map

package/dist/components/sortable/index.js

@@ -1,7 +1,7 @@
 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 = {
+import '../../assets/index5.css';const T = "_sortable_z6sff_1", k = "_columns_z6sff_7", d = {
   sortable: T,
   columns: k
 };

package/dist/components/table/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index4.css');const R=require("react/jsx-runtime"),x=require("react"),_="_table_121xc_1",k={table:_},q=({children:h,...C})=>{const o=x.useRef(null),g=x.useCallback(v=>{var d,m;const e=o.current;if(!e)return;const t=(d=v.target)==null?void 0:d.closest("th");if(!t)return;const c=e.tHead;if(!c||!c.contains(t))return;const i=t.parentElement;if(!i)return;const r=Array.from(i.children).indexOf(t);if(r<0)return;const s=(m=e.tBodies)==null?void 0:m[0];if(!s)return;const T=t.getAttribute("data-type")??"text",l=t.dataset.dir==="asc"?"desc":"asc";t.dataset.dir=l;const u=l==="asc"?1:-1,b=Array.from(s.rows);b.sort((j,A)=>{var y,p;const f=(((y=j.cells[r])==null?void 0:y.textContent)??"").trim(),N=(((p=A.cells[r])==null?void 0:p.textContent)??"").trim();if(T==="number"){const n=Number.parseFloat(f),a=Number.parseFloat(N);return Number.isNaN(n)&&Number.isNaN(a)?0:Number.isNaN(n)?1:Number.isNaN(a)?-1:(n-a)*u}return f.localeCompare(N,"no",{sensitivity:"base"})*u}),s.append(...b)},[]);return R.jsx("table",{className:k.table,onClick:g,ref:o,...C,"data-cy":"Table",children:h})};exports.Table=q;
+//# 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};\n\nexport const Table = ({ children, ...props }: TableProps) => {\n  const ref = useRef<HTMLTableElement | null>(null);\n\n  const onClick = useCallback((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 tr = th.parentElement;\n    if (!tr) return;\n\n    const headers = Array.from(tr.children);\n    const col = headers.indexOf(th);\n    if (col < 0) return;\n\n    const tbody = table.tBodies?.[0];\n    if (!tbody) return;\n\n    const type = th.getAttribute('data-type') ?? 'text';\n\n    const dir = th.dataset.dir === 'asc' ? 'desc' : 'asc';\n    th.dataset.dir = 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, 'no', { sensitivity: 'base' }) * mult;\n    });\n\n    tbody.append(...rows);\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","props","ref","useRef","onClick","useCallback","e","table","current","th","target","closest","thead","tHead","contains","tr","parentElement","col","Array","from","indexOf","tbody","tBodies","type","getAttribute","dir","dataset","mult","rows","sort","a","b","av","cells","textContent","trim","bv","an","Number","parseFloat","bn","isNaN","localeCompare","sensitivity","append","jsx","styles"],"mappings":"uKAQaA,EAAQA,CAAC,CAAEC,SAAAA,EAAU,GAAGC,CAAkB,IAAM,CAC3D,MAAMC,EAAMC,EAAAA,OAAgC,IAAI,EAE1CC,EAAUC,cAAaC,GAA0C,SACrE,MAAMC,EAAQL,EAAIM,QAClB,GAAI,CAACD,EAAO,OAEZ,MAAME,GAAMH,EAAAA,EAAEI,SAAFJ,YAAAA,EAAiCK,QAAQ,MACrD,GAAI,CAACF,EAAI,OAET,MAAMG,EAAQL,EAAMM,MACpB,GAAI,CAACD,GAAS,CAACA,EAAME,SAASL,CAAE,EAAG,OAEnC,MAAMM,EAAKN,EAAGO,cACd,GAAI,CAACD,EAAI,OAGT,MAAME,EADUC,MAAMC,KAAKJ,EAAGf,QAAQ,EAClBoB,QAAQX,CAAE,EAC9B,GAAIQ,EAAM,EAAG,OAEb,MAAMI,GAAQd,EAAAA,EAAMe,UAANf,YAAAA,EAAgB,GAC9B,GAAI,CAACc,EAAO,OAEZ,MAAME,EAAOd,EAAGe,aAAa,WAAW,GAAK,OAEvCC,EAAMhB,EAAGiB,QAAQD,MAAQ,MAAQ,OAAS,MAChDhB,EAAGiB,QAAQD,IAAMA,EACjB,MAAME,EAAOF,IAAQ,MAAQ,EAAI,GAE3BG,EAAOV,MAAMC,KAAKE,EAAMO,IAAI,EAElCA,EAAKC,KAAK,CAACC,EAAGC,IAAM,SAClB,MAAMC,KAAMF,EAAAA,EAAEG,MAAMhB,CAAG,IAAXa,YAAAA,EAAcI,cAAe,IAAIC,KAAAA,EACvCC,KAAML,EAAAA,EAAEE,MAAMhB,CAAG,IAAXc,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,GAAMb,CACrB,CAEA,OAAOK,EAAGU,cAAcN,EAAI,KAAM,CAAEO,YAAa,MAAA,CAAQ,EAAIhB,CAC/D,CAAC,EAEDN,EAAMuB,OAAO,GAAGhB,CAAI,CACtB,EAAG,CAAA,CAAE,EAEL,OACEiB,EAAAA,IAAC,QAAA,CACC,UAAWC,EAAOvC,MAClB,QAAAH,EACA,IAAAF,EACA,GAAID,EAAM,UAAA,QAETD,SAAAA,CAAAA,CACH,CAEJ"}

package/dist/components/table/index.js

@@ -0,0 +1,43 @@
+import { jsx as k } from "react/jsx-runtime";
+import { useRef as w, useCallback as F } from "react";
+import '../../assets/index4.css';const T = "_table_121xc_1", j = {
+  table: T
+}, O = ({
+  children: x,
+  ...h
+}) => {
+  const o = w(null), C = F((v) => {
+    var m, d;
+    const e = o.current;
+    if (!e) return;
+    const t = (m = v.target) == null ? void 0 : m.closest("th");
+    if (!t) return;
+    const c = e.tHead;
+    if (!c || !c.contains(t)) return;
+    const i = t.parentElement;
+    if (!i) return;
+    const r = Array.from(i.children).indexOf(t);
+    if (r < 0) return;
+    const s = (d = e.tBodies) == null ? void 0 : d[0];
+    if (!s) return;
+    const A = t.getAttribute("data-type") ?? "text", l = t.dataset.dir === "asc" ? "desc" : "asc";
+    t.dataset.dir = l;
+    const u = l === "asc" ? 1 : -1, b = Array.from(s.rows);
+    b.sort((_, g) => {
+      var p, y;
+      const f = (((p = _.cells[r]) == null ? void 0 : p.textContent) ?? "").trim(), N = (((y = g.cells[r]) == null ? void 0 : y.textContent) ?? "").trim();
+      if (A === "number") {
+        const n = Number.parseFloat(f), a = Number.parseFloat(N);
+        return Number.isNaN(n) && Number.isNaN(a) ? 0 : Number.isNaN(n) ? 1 : Number.isNaN(a) ? -1 : (n - a) * u;
+      }
+      return f.localeCompare(N, "no", {
+        sensitivity: "base"
+      }) * u;
+    }), s.append(...b);
+  }, []);
+  return /* @__PURE__ */ k("table", { className: j.table, onClick: C, ref: o, ...h, "data-cy": "Table", children: x });
+};
+export {
+  O 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};\n\nexport const Table = ({ children, ...props }: TableProps) => {\n  const ref = useRef<HTMLTableElement | null>(null);\n\n  const onClick = useCallback((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 tr = th.parentElement;\n    if (!tr) return;\n\n    const headers = Array.from(tr.children);\n    const col = headers.indexOf(th);\n    if (col < 0) return;\n\n    const tbody = table.tBodies?.[0];\n    if (!tbody) return;\n\n    const type = th.getAttribute('data-type') ?? 'text';\n\n    const dir = th.dataset.dir === 'asc' ? 'desc' : 'asc';\n    th.dataset.dir = 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, 'no', { sensitivity: 'base' }) * mult;\n    });\n\n    tbody.append(...rows);\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","props","ref","useRef","onClick","useCallback","e","table","current","th","target","closest","thead","tHead","contains","tr","parentElement","col","Array","from","indexOf","tbody","tBodies","type","getAttribute","dir","dataset","mult","rows","sort","a","b","av","cells","textContent","trim","bv","an","Number","parseFloat","bn","isNaN","localeCompare","sensitivity","append","jsx","styles"],"mappings":";;;;GAQaA,IAAQA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAU,GAAGC;AAAkB,MAAM;AAC3D,QAAMC,IAAMC,EAAgC,IAAI,GAE1CC,IAAUC,EAAY,CAACC,MAA0C;;AACrE,UAAMC,IAAQL,EAAIM;AAClB,QAAI,CAACD,EAAO;AAEZ,UAAME,KAAMH,IAAAA,EAAEI,WAAFJ,gBAAAA,EAAiCK,QAAQ;AACrD,QAAI,CAACF,EAAI;AAET,UAAMG,IAAQL,EAAMM;AACpB,QAAI,CAACD,KAAS,CAACA,EAAME,SAASL,CAAE,EAAG;AAEnC,UAAMM,IAAKN,EAAGO;AACd,QAAI,CAACD,EAAI;AAGT,UAAME,IADUC,MAAMC,KAAKJ,EAAGf,QAAQ,EAClBoB,QAAQX,CAAE;AAC9B,QAAIQ,IAAM,EAAG;AAEb,UAAMI,KAAQd,IAAAA,EAAMe,YAANf,gBAAAA,EAAgB;AAC9B,QAAI,CAACc,EAAO;AAEZ,UAAME,IAAOd,EAAGe,aAAa,WAAW,KAAK,QAEvCC,IAAMhB,EAAGiB,QAAQD,QAAQ,QAAQ,SAAS;AAChDhB,IAAAA,EAAGiB,QAAQD,MAAMA;AACjB,UAAME,IAAOF,MAAQ,QAAQ,IAAI,IAE3BG,IAAOV,MAAMC,KAAKE,EAAMO,IAAI;AAElCA,IAAAA,EAAKC,KAAK,CAACC,GAAGC,MAAM;;AAClB,YAAMC,OAAMF,IAAAA,EAAEG,MAAMhB,CAAG,MAAXa,gBAAAA,EAAcI,gBAAe,IAAIC,KAAAA,GACvCC,OAAML,IAAAA,EAAEE,MAAMhB,CAAG,MAAXc,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,KAAMb;AAAAA,MACrB;AAEA,aAAOK,EAAGU,cAAcN,GAAI,MAAM;AAAA,QAAEO,aAAa;AAAA,MAAA,CAAQ,IAAIhB;AAAAA,IAC/D,CAAC,GAEDN,EAAMuB,OAAO,GAAGhB,CAAI;AAAA,EACtB,GAAG,CAAA,CAAE;AAEL,SACE,gBAAAiB,EAAC,SAAA,EACC,WAAWC,EAAOvC,OAClB,SAAAH,GACA,KAAAF,GACA,GAAID,GAAM,WAAA,SAETD,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 t=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),u=require("../../utils-D_TJ8wDc.cjs"),r=require("../../styles.module-Cr05rVxs.cjs"),o="_label_fnocb_1",i="_textarea_fnocb_5",l={label:o,textarea:i},x=({label:a,...e})=>{const{touched:c,onBlur:n}=u.useTouched(e.value==="");return t.jsxs("label",{"data-cy":"Textarea",children:[a&&t.jsx("span",{className:s.t(l.label,e.required&&r.inputStyles.required),children:a}),t.jsx("textarea",{className:s.t(r.inputStyles.input,l.textarea,c&&"touched"),onBlur:n,...e})]})};exports.Textarea=x;
+"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-BBfw-M3O.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';\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  placeholder?: string;\n};\n\nexport const Textarea = ({ label, ...props }: TextareaProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n\n  return (\n    <label>\n      {label && (\n        <span className={cx(styles.label, props.required && inputStyles.required)}>{label}</span>\n      )}\n      <textarea\n        className={cx(inputStyles.input, styles.textarea, touched && 'touched')}\n        onBlur={onBlur}\n        {...props}\n      ></textarea>\n    </label>\n  );\n};\n"],"names":["Textarea","label","props","touched","onBlur","useTouched","value","jsxs","jsx","cx","styles","required","inputStyles","input","textarea"],"mappings":"iTAaaA,EAAWA,CAAC,CAAEC,MAAAA,EAAO,GAAGC,CAAqB,IAAM,CAC9D,KAAM,CAAEC,QAAAA,EAASC,OAAAA,CAAAA,EAAWC,aAAWH,EAAMI,QAAU,EAAE,EAEzD,OACEC,EAAAA,KAAC,QAAA,CAAK,UAAA,WACHN,SAAAA,CAAAA,GACCO,EAAAA,IAAC,OAAA,CAAK,UAAWC,EAAAA,EAAGC,EAAOT,MAAOC,EAAMS,UAAYC,EAAAA,YAAYD,QAAQ,EAAIV,SAAAA,CAAAA,CAAM,EAEpFO,EAAAA,IAAC,WAAA,CACC,UAAWC,EAAAA,EAAGG,EAAAA,YAAYC,MAAOH,EAAOI,SAAUX,GAAW,SAAS,EACtE,OAAAC,EACA,GAAIF,CAAAA,CACL,CAAA,EACH,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,24 +1,31 @@
-import { jsxs as n, jsx as a } from "react/jsx-runtime";
-import { t as r } from "../../classix-DG18itHa.js";
+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 o } from "../../styles.module-Dep_cSM2.js";
-import '../../assets/index3.css';const i = "_label_fnocb_1", m = "_textarea_fnocb_5", s = {
-  label: i,
-  textarea: m
-}, _ = ({
+import { i as r } from "../../styles.module-BUHdj3im.js";
+import '../../assets/index3.css';const d = "_label_33pzt_1", _ = "_textarea_33pzt_5", s = {
+  label: d,
+  textarea: _
+}, T = ({
   label: t,
-  ...e
+  maxRows: o = 12,
+  minRows: l = 3,
+  required: c,
+  value: n,
+  ...m
 }) => {
   const {
-    touched: l,
-    onBlur: c
-  } = u(e.value === "");
-  return /* @__PURE__ */ n("label", { "data-cy": "Textarea", children: [
-    t && /* @__PURE__ */ a("span", { className: r(s.label, e.required && o.required), children: t }),
-    /* @__PURE__ */ a("textarea", { className: r(o.input, s.textarea, l && "touched"), onBlur: c, ...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 {
-  _ 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';\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  placeholder?: string;\n};\n\nexport const Textarea = ({ label, ...props }: TextareaProps) => {\n  const { touched, onBlur } = useTouched(props.value === '');\n\n  return (\n    <label>\n      {label && (\n        <span className={cx(styles.label, props.required && inputStyles.required)}>{label}</span>\n      )}\n      <textarea\n        className={cx(inputStyles.input, styles.textarea, touched && 'touched')}\n        onBlur={onBlur}\n        {...props}\n      ></textarea>\n    </label>\n  );\n};\n"],"names":["Textarea","label","props","touched","onBlur","useTouched","value","jsxs","jsx","cx","styles","required","inputStyles","input","textarea"],"mappings":";;;;;;;GAaaA,IAAWA,CAAC;AAAA,EAAEC,OAAAA;AAAAA,EAAO,GAAGC;AAAqB,MAAM;AAC9D,QAAM;AAAA,IAAEC,SAAAA;AAAAA,IAASC,QAAAA;AAAAA,EAAAA,IAAWC,EAAWH,EAAMI,UAAU,EAAE;AAEzD,SACE,gBAAAC,EAAC,SAAA,EAAK,WAAA,YACHN,UAAAA;AAAAA,IAAAA,KACC,gBAAAO,EAAC,QAAA,EAAK,WAAWC,EAAGC,EAAOT,OAAOC,EAAMS,YAAYC,EAAYD,QAAQ,GAAIV,UAAAA,EAAAA,CAAM;AAAA,IAEpF,gBAAAO,EAAC,YAAA,EACC,WAAWC,EAAGG,EAAYC,OAAOH,EAAOI,UAAUX,KAAW,SAAS,GACtE,QAAAC,GACA,GAAIF,EAAAA,CACL;AAAA,EAAA,GACH;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/index21.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/index21.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

package/dist/index.d.ts

@@ -42,6 +42,13 @@ declare type AvatarProps = {
     link?: string;
 };
 
+export declare const Badge: ({ children, variant }: BadgeProps) => JSX.Element;
+
+declare type BadgeProps = {
+    children?: React.ReactNode;
+    variant?: keyof typeof variants_2;
+};
+
 export declare const Banner: ({ button, message, onClick, onDismiss, visible }: BannerProps) => JSX.Element;
 
 declare type BannerProps = {
@@ -57,7 +64,7 @@ export declare const Branding: ({ name, size, variant }: BrandingProps) => JSX.E
 declare type BrandingProps = {
     name: keyof typeof brandingSVG;
     size?: number | string;
-    variant?: keyof typeof variants_2;
+    variant?: keyof typeof variants_3;
 };
 
 declare const brandingSVG: {
@@ -71,7 +78,7 @@ declare type ButtonProps = React.ButtonHTMLAttributes<HTMLButtonElement> & {
     className?: string;
     disabled?: boolean;
     onClick?: React.MouseEventHandler<HTMLButtonElement>;
-    variant?: keyof typeof variants_3;
+    variant?: keyof typeof variants_4;
 };
 
 export declare const Card: ({ children, draft, image, onClick, scheduled }: CardProps) => JSX.Element;
@@ -102,6 +109,26 @@ declare type CollapsibleProps = {
     summary: default_2.ReactNode;
 };
 
+export declare const Croppable: ({ children, fill, height, onCroppableChange, onFileChange, onTransformChange, transform, }: CroppableProps) => JSX.Element;
+
+declare type CroppableProps = {
+    children?: default_2.ReactNode;
+    fill?: 'width' | 'height' | 'none';
+    height?: number;
+    onCroppableChange?: (rect: DOMRect) => void;
+    onFileChange?: (file: File | null) => void;
+    onTransformChange?: (transform: CroppableTransform) => void;
+    transform?: CroppableTransform;
+};
+
+declare type CroppableTransform = {
+    offset: {
+        x: number;
+        y: number;
+    };
+    zoom: number;
+};
+
 export declare const Dialog: ({ children, setOpen, ...props }: DialogProps) => JSX.Element;
 
 declare type DialogProps = default_2.DialogHTMLAttributes<HTMLDialogElement> & {
@@ -109,13 +136,14 @@ declare type DialogProps = default_2.DialogHTMLAttributes<HTMLDialogElement> & {
     setOpen?: default_2.Dispatch<default_2.SetStateAction<boolean>>;
 };
 
-export declare const Dropzone: ({ accepts, label, multiple, onChange, ...props }: DropzoneProps) => JSX.Element;
+export declare const Dropzone: ({ accepts, label, multiple, onChange, variant, ...props }: DropzoneProps) => JSX.Element;
 
 declare type DropzoneProps = {
     accepts?: string;
     label: string;
     multiple?: boolean;
     onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    variant?: 'default' | 'minimal';
 };
 
 export declare const Editor: ({ autofocus, autolink, content, inline, onChange, }: EditorProps) => JSX.Element;
@@ -136,14 +164,14 @@ declare type FigureProps = {
     offset?: 'left' | 'right';
 };
 
-declare const File_2: ({ name, onClick, url, variant }: FileProps) => JSX.Element;
+declare const File_2: ({ name, onClick, onDelete, url }: FileProps) => JSX.Element;
 export { File_2 as File }
 
 declare type FileProps = {
     name: string;
     onClick?: () => void;
+    onDelete?: () => void;
     url?: string;
-    variant?: 'primary' | 'danger';
 };
 
 export declare const Form: ({ animation, children, inline, ...props }: FormProps) => JSX.Element;
@@ -166,7 +194,7 @@ export declare const Header: ({ children, variant }: HeaderProps) => JSX.Element
 
 declare type HeaderProps = {
     children: React.ReactNode;
-    variant?: keyof typeof variants_4;
+    variant?: keyof typeof variants_5;
 };
 
 export declare const Icon: ({ gap, name, size, variant }: IconProps) => JSX.Element;
@@ -177,11 +205,13 @@ declare const iconPaths: {
     bold: string;
     buildings: string;
     card: string;
+    check: string;
     chevron: string;
     clipboard: string;
     document: string;
     error: string;
     gear: string;
+    goTo: string;
     home: string;
     image: string;
     info: string;
@@ -193,10 +223,12 @@ declare const iconPaths: {
     pencil: string;
     people: string;
     phone: string;
+    plane: string;
     plus: string;
     search: string;
     success: string;
     trash: string;
+    updown: string;
     upload: string;
     user: string;
     x: string;
@@ -206,7 +238,7 @@ declare type IconProps = {
     gap?: 'left' | 'none' | 'right';
     name: IconName;
     size?: keyof typeof sizes;
-    variant?: keyof typeof variants_5;
+    variant?: keyof typeof variants_6;
     loading?: boolean;
 };
 
@@ -230,7 +262,7 @@ export declare const Layout: ({ children, isLoading, feature, ...props }: Layout
 
 declare type LayoutProps = {
     children: React.ReactNode;
-    feature: 'home';
+    feature: 'dashboard' | 'home';
     isLoading?: boolean;
 };
 
@@ -240,25 +272,24 @@ declare type LinkProps = React.AnchorHTMLAttributes<HTMLAnchorElement> & {
     children: React.ReactNode;
     className?: string;
     to?: string;
-    variant?: 'primary' | 'danger';
+    variant?: 'danger' | 'minimal' | 'primary';
 };
 
-export declare const List: ({ children, className, twoColumns }: ListProps) => JSX.Element;
+export declare function List({ children, className, columns, style, ...props }: ListProps): JSX.Element;
 
-declare type ListProps = {
-    children?: default_2.ReactNode;
-    className?: string;
-    twoColumns?: boolean;
+declare type ListProps = default_2.ComponentPropsWithoutRef<'ul'> & {
+    columns?: number;
 };
 
-export declare const Message: ({ content, id, type }: MessageOptions) => JSX.Element;
+export declare const Message: ({ content, id, preview, type }: MessageOptions) => JSX.Element;
 
 declare type MessageItem = MessageOptions;
 
 export declare type MessageOptions = {
     content: React.ReactNode;
     id: string;
-    type?: 'default' | 'system' | 'user';
+    preview?: boolean;
+    type?: 'default' | 'minimal' | 'system' | 'user';
 };
 
 export declare const Messages: ({ messages }: MessagesProps) => JSX.Element | null;
@@ -273,14 +304,15 @@ declare type NavProps = {
     animation?: AnimationName;
     children?: React.ReactNode;
     horizontal?: boolean;
-    variant?: keyof typeof variants_6;
+    variant?: keyof typeof variants_7;
 };
 
-export declare const Portal: ({ children, portals }: PortalProps) => JSX.Element;
+export declare const Portal: ({ children, portals, open }: PortalProps) => JSX.Element;
 
 declare type PortalProps = {
     children?: React.ReactNode;
     portals?: React.ReactNode;
+    open?: boolean;
 };
 
 export declare const Select: ({ children, label, placeholder, ...props }: SelectProps) => JSX.Element;
@@ -313,12 +345,18 @@ declare type SortItem = {
     weight: number;
 };
 
-export declare const Textarea: ({ label, ...props }: TextareaProps) => JSX.Element;
+export declare const Table: ({ children, ...props }: TableProps) => JSX.Element;
+
+declare type TableProps = React.TableHTMLAttributes<HTMLTableElement> & {
+    children?: React.ReactNode;
+};
+
+export declare const Textarea: ({ label, maxRows, minRows, required, value, ...props }: TextareaProps) => JSX.Element;
 
 declare type TextareaProps = React.ComponentPropsWithoutRef<'textarea'> & {
-    disabled?: boolean;
     label?: string;
-    placeholder?: string;
+    maxRows?: number;
+    minRows?: number;
 };
 
 export declare const Toast: ({ label, type, onClick, onExitComplete, open, }: ToastProps) => JSX.Element;
@@ -364,32 +402,44 @@ declare const variants: {
 
 declare const variants_2: {
     default: string;
-    white: string;
+    primary: string;
+    info: string;
 };
 
 declare const variants_3: {
+    default: string;
+    white: string;
+};
+
+declare const variants_4: {
     danger: string;
     default: string;
     minimal: string;
     primary: string;
 };
 
-declare const variants_4: {
+declare const variants_5: {
     default: string;
     jumbo: string;
 };
 
-declare const variants_5: {
+declare const variants_6: {
     danger: string;
     default: string;
     primary: string;
     white: string;
 };
 
-declare const variants_6: {
+declare const variants_7: {
     default: string;
     pills: string;
     tabs: string;
 };
 
+export declare const Widget: ({ children }: WidgetProps) => JSX.Element;
+
+declare type WidgetProps = {
+    children: React.ReactNode;
+};
+
 export { }