@solibo/solibo-ui 1.1.6 → 1.2.0

package/dist/components/empty-state/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index40.css');const e=require("react/jsx-runtime"),r="_header_tqnjq_13",t={"empty-state":"_empty-state_tqnjq_3",header:r},c=({button:s,content:a,header:n})=>e.jsxs("div",{className:t["empty-state"],"data-component":"emptystate",children:[e.jsx("p",{className:t.header,children:n}),e.jsx("p",{children:a}),s]});exports.EmptyState=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index43.css');const e=require("react/jsx-runtime"),r="_header_tqnjq_13",t={"empty-state":"_empty-state_tqnjq_3",header:r},c=({button:s,content:a,header:n})=>e.jsxs("div",{className:t["empty-state"],"data-component":"emptystate",children:[e.jsx("p",{className:t.header,children:n}),e.jsx("p",{children:a}),s]});exports.EmptyState=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/empty-state/index.js

@@ -1,5 +1,5 @@
 import { jsxs as n, jsx as e } from "react/jsx-runtime";
-import '../../assets/index40.css';const m = "_header_tqnjq_13", t = {
+import '../../assets/index43.css';const m = "_header_tqnjq_13", t = {
   "empty-state": "_empty-state_tqnjq_3",
   header: m
 }, c = ({

package/dist/components/fieldset/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index41.css');const s=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),l="_fieldset_f5vpp_1",d={fieldset:l},o=({className:e,...t})=>s.jsx("fieldset",{className:i.t(d.fieldset,e),...t,"data-component":"fieldset"});exports.Fieldset=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index44.css');const s=require("react/jsx-runtime"),i=require("../../classix-5H4IWnMA.cjs"),l="_fieldset_f5vpp_1",d={fieldset:l},o=({className:e,...t})=>s.jsx("fieldset",{className:i.t(d.fieldset,e),...t,"data-component":"fieldset"});exports.Fieldset=o;
 //# sourceMappingURL=index.cjs.map

package/dist/components/fieldset/index.js

@@ -1,6 +1,6 @@
 import { jsx as s } from "react/jsx-runtime";
 import { t as o } from "../../classix-DG18itHa.js";
-import '../../assets/index41.css';const f = "_fieldset_f5vpp_1", i = {
+import '../../assets/index44.css';const f = "_fieldset_f5vpp_1", i = {
   fieldset: f
 }, m = ({
   className: e,

package/dist/components/figure/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index42.css');const r=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),n="_figure_spygr_1",u={figure:n},c=({accessibleLabel:e,children:t,className:i})=>r.jsxs("figure",{className:s.t(u.figure,i),"data-component":"figure",children:[t,e&&r.jsx("figcaption",{"data-content":"screen-reader",children:e})]});exports.Figure=c;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index45.css');const r=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),n="_figure_spygr_1",u={figure:n},c=({accessibleLabel:e,children:t,className:i})=>r.jsxs("figure",{className:s.t(u.figure,i),"data-component":"figure",children:[t,e&&r.jsx("figcaption",{"data-content":"screen-reader",children:e})]});exports.Figure=c;
 //# sourceMappingURL=index.cjs.map

package/dist/components/figure/index.js

@@ -1,6 +1,6 @@
 import { jsxs as i, jsx as o } from "react/jsx-runtime";
 import { t as n } from "../../classix-DG18itHa.js";
-import '../../assets/index42.css';const s = "_figure_spygr_1", f = {
+import '../../assets/index45.css';const s = "_figure_spygr_1", f = {
   figure: s
 }, u = ({
   accessibleLabel: r,

package/dist/components/file/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index43.css');const e=require("react/jsx-runtime"),j=require("../figure/index.cjs"),_=require("../icon/index.cjs"),f=require("../button/index.cjs"),N="_file_1427u_1",F="_action_1427u_14",b="_details_1427u_62",g="_name_1427u_69",I="_extension_1427u_81",P="_subtitle_1427u_91",t={file:N,action:F,delete:"_delete_1427u_15",details:b,"name-line":"_name-line_1427u_69",name:g,extension:I,subtitle:P},y={".doc":"FileDoc",".docx":"FileDoc",".pdf":"FilePdf",".ppt":"FilePpt",".pptx":"FilePpt",".xls":"FileXls",".xlsx":"FileXls"},q=({deleteAccessibleLabel:u,name:s,onClick:n,onDelete:a,ref:m,subtitle:r,url:d})=>{const i=s.lastIndexOf("."),x=i>0&&i<s.length-1,p=x?s.slice(0,i):s,c=x?s.slice(i):"",h=y[c.toLowerCase()]??"FileText",o=e.jsxs(e.Fragment,{children:[e.jsx(j.Figure,{children:e.jsx(_.Icon,{name:h})}),e.jsxs("span",{className:t.details,children:[e.jsxs("span",{className:t["name-line"],children:[e.jsx("span",{className:t.name,children:p}),c&&e.jsx("span",{className:t.extension,children:c})]}),r&&e.jsx("span",{className:t.subtitle,children:r})]})]});return e.jsxs("div",{className:t.file,ref:m,"data-component":"file",children:[d?e.jsx("a",{className:t.action,href:d,onClick:l=>{l.stopPropagation(),n&&(l.preventDefault(),n())},title:s,children:o}):n?e.jsx("button",{"aria-label":s,className:t.action,"data-actionable":"true",onClick:l=>{l.stopPropagation(),n()},title:s,type:"button",children:o}):e.jsx("div",{className:t.action,title:s,children:o}),a&&e.jsx(f.Button,{"aria-label":u??`Delete ${s}`,className:t.delete,onClick:()=>a(),variant:"tertiary",children:e.jsx(_.Icon,{name:"Trash",size:"small"})})]})};exports.File=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index46.css');const e=require("react/jsx-runtime"),j=require("../figure/index.cjs"),_=require("../icon/index.cjs"),f=require("../button/index.cjs"),N="_file_1427u_1",F="_action_1427u_14",b="_details_1427u_62",g="_name_1427u_69",I="_extension_1427u_81",P="_subtitle_1427u_91",t={file:N,action:F,delete:"_delete_1427u_15",details:b,"name-line":"_name-line_1427u_69",name:g,extension:I,subtitle:P},y={".doc":"FileDoc",".docx":"FileDoc",".pdf":"FilePdf",".ppt":"FilePpt",".pptx":"FilePpt",".xls":"FileXls",".xlsx":"FileXls"},q=({deleteAccessibleLabel:u,name:s,onClick:n,onDelete:a,ref:m,subtitle:r,url:d})=>{const i=s.lastIndexOf("."),x=i>0&&i<s.length-1,p=x?s.slice(0,i):s,c=x?s.slice(i):"",h=y[c.toLowerCase()]??"FileText",o=e.jsxs(e.Fragment,{children:[e.jsx(j.Figure,{children:e.jsx(_.Icon,{name:h})}),e.jsxs("span",{className:t.details,children:[e.jsxs("span",{className:t["name-line"],children:[e.jsx("span",{className:t.name,children:p}),c&&e.jsx("span",{className:t.extension,children:c})]}),r&&e.jsx("span",{className:t.subtitle,children:r})]})]});return e.jsxs("div",{className:t.file,ref:m,"data-component":"file",children:[d?e.jsx("a",{className:t.action,href:d,onClick:l=>{l.stopPropagation(),n&&(l.preventDefault(),n())},title:s,children:o}):n?e.jsx("button",{"aria-label":s,className:t.action,"data-actionable":"true",onClick:l=>{l.stopPropagation(),n()},title:s,type:"button",children:o}):e.jsx("div",{className:t.action,title:s,children:o}),a&&e.jsx(f.Button,{"aria-label":u??`Delete ${s}`,className:t.delete,onClick:()=>a(),variant:"tertiary",children:e.jsx(_.Icon,{name:"Trash",size:"small"})})]})};exports.File=q;
 //# sourceMappingURL=index.cjs.map

package/dist/components/file/index.js

@@ -2,7 +2,7 @@ import { jsxs as a, jsx as t, Fragment as N } from "react/jsx-runtime";
 import { Figure as F } from "../figure/index.js";
 import { Icon as _ } from "../icon/index.js";
 import { Button as b } from "../button/index.js";
-import '../../assets/index43.css';const g = "_file_1427u_1", I = "_action_1427u_14", P = "_details_1427u_62", v = "_name_1427u_69", y = "_extension_1427u_81", D = "_subtitle_1427u_91", n = {
+import '../../assets/index46.css';const g = "_file_1427u_1", I = "_action_1427u_14", P = "_details_1427u_62", v = "_name_1427u_69", y = "_extension_1427u_81", D = "_subtitle_1427u_91", n = {
   file: g,
   action: I,
   delete: "_delete_1427u_15",

package/dist/components/footer/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index22.css');const r=require("react/jsx-runtime"),n="_footer_c518c_1",s={footer:n},a=({animation:t,children:o,...e})=>r.jsx("footer",{className:s.footer,"data-animation":t,...e,"data-component":"footer",children:o&&o});exports.Footer=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index23.css');const r=require("react/jsx-runtime"),n="_footer_c518c_1",s={footer:n},a=({animation:t,children:o,...e})=>r.jsx("footer",{className:s.footer,"data-animation":t,...e,"data-component":"footer",children:o&&o});exports.Footer=a;
 //# sourceMappingURL=index.cjs.map

package/dist/components/footer/index.js

@@ -1,5 +1,5 @@
 import { jsx as r } from "react/jsx-runtime";
-import '../../assets/index22.css';const a = "_footer_c518c_1", n = {
+import '../../assets/index23.css';const a = "_footer_c518c_1", n = {
   footer: a
 }, c = ({
   animation: t,

package/dist/components/form/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index21.css');const l=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),i="_form_13ccq_1",m="_fill_13ccq_45",t={form:i,fill:m},a=({animation:r,children:o,className:e,fill:s=!1,...c})=>l.jsx("form",{className:n.t(e,s&&t.fill,t.form),"data-animation":r,...c,"data-component":"form",children:o&&o});exports.Form=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index22.css');const l=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),i="_form_13ccq_1",m="_fill_13ccq_45",t={form:i,fill:m},a=({animation:r,children:o,className:e,fill:s=!1,...c})=>l.jsx("form",{className:n.t(e,s&&t.fill,t.form),"data-animation":r,...c,"data-component":"form",children:o&&o});exports.Form=a;
 //# sourceMappingURL=index.cjs.map

package/dist/components/form/index.js

@@ -1,6 +1,6 @@
 import { jsx as c } from "react/jsx-runtime";
 import { t as s } from "../../classix-DG18itHa.js";
-import '../../assets/index21.css';const a = "_form_13ccq_1", n = "_fill_13ccq_45", m = {
+import '../../assets/index22.css';const a = "_form_13ccq_1", n = "_fill_13ccq_45", m = {
   form: a,
   fill: n
 }, _ = ({

package/dist/components/graph/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index20.css');const a=require("react/jsx-runtime"),x=require("../../classix-5H4IWnMA.cjs"),j=require("../loading/index.cjs"),w="_graph_1web1_11",v="_plot_1web1_20",N="_item_1web1_34",y="_column_1web1_40",f="_value_1web1_48",k="_track_1web1_58",M="_bar_1web1_65",V="_label_1web1_87",e={graph:w,plot:v,item:N,column:y,value:f,track:k,bar:M,label:V,"is-loading":"_is-loading_1web1_96"},i=l=>Number.isFinite(l)?Math.max(0,l):0,S=({accessibleLabel:l,className:h,height:r,items:n=[],style:u,valueFormatter:_=t=>t.toLocaleString(),...p})=>{const t=n.reduce((s,c)=>Math.max(s,i(c.value)),0),b={...u,"--graph-columns":Math.max(n.length,1),"--graph-height":r||"calc(var(--utils-tokens-unit) * 16)"};return a.jsxs("figure",{className:x.t(e.graph,h),style:b,...p,"data-component":"graph",children:[l&&a.jsx("figcaption",{"data-content":"screen-reader",children:l}),n.length>0?a.jsx("ul",{className:e.plot,children:n.map((s,c)=>{const o=i(s.value),d=t>0?o/t*100:0,m=o>0?Math.max(d,6):0,g={"--bar-color":s.color,"--bar-delay":c*50+"ms","--bar-height":m+"%"};return a.jsxs("li",{className:e.item,"data-component":"graph",children:[a.jsxs("div",{className:e.column,children:[a.jsx("span",{className:e.value,children:_(s.value)}),a.jsx("span",{className:e.track,children:a.jsx("span",{className:e.bar,style:g})})]}),a.jsx("span",{className:e.label,title:s.label,children:s.label})]},s.label+c)})}):a.jsx("div",{className:e["is-loading"],children:a.jsx(j.Loading,{})})]})};exports.Graph=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index21.css');const a=require("react/jsx-runtime"),x=require("../../classix-5H4IWnMA.cjs"),j=require("../loading/index.cjs"),w="_graph_1web1_11",v="_plot_1web1_20",N="_item_1web1_34",y="_column_1web1_40",f="_value_1web1_48",k="_track_1web1_58",M="_bar_1web1_65",V="_label_1web1_87",e={graph:w,plot:v,item:N,column:y,value:f,track:k,bar:M,label:V,"is-loading":"_is-loading_1web1_96"},i=l=>Number.isFinite(l)?Math.max(0,l):0,S=({accessibleLabel:l,className:h,height:r,items:n=[],style:u,valueFormatter:_=t=>t.toLocaleString(),...p})=>{const t=n.reduce((s,c)=>Math.max(s,i(c.value)),0),b={...u,"--graph-columns":Math.max(n.length,1),"--graph-height":r||"calc(var(--utils-tokens-unit) * 16)"};return a.jsxs("figure",{className:x.t(e.graph,h),style:b,...p,"data-component":"graph",children:[l&&a.jsx("figcaption",{"data-content":"screen-reader",children:l}),n.length>0?a.jsx("ul",{className:e.plot,children:n.map((s,c)=>{const o=i(s.value),d=t>0?o/t*100:0,m=o>0?Math.max(d,6):0,g={"--bar-color":s.color,"--bar-delay":c*50+"ms","--bar-height":m+"%"};return a.jsxs("li",{className:e.item,"data-component":"graph",children:[a.jsxs("div",{className:e.column,children:[a.jsx("span",{className:e.value,children:_(s.value)}),a.jsx("span",{className:e.track,children:a.jsx("span",{className:e.bar,style:g})})]}),a.jsx("span",{className:e.label,title:s.label,children:s.label})]},s.label+c)})}):a.jsx("div",{className:e["is-loading"],children:a.jsx(j.Loading,{})})]})};exports.Graph=S;
 //# sourceMappingURL=index.cjs.map

package/dist/components/graph/index.js

@@ -1,7 +1,7 @@
 import { jsxs as s, jsx as l } from "react/jsx-runtime";
 import { t as N } from "../../classix-DG18itHa.js";
 import { Loading as v } from "../loading/index.js";
-import '../../assets/index20.css';const f = "_graph_1web1_11", x = "_plot_1web1_20", k = "_item_1web1_34", V = "_column_1web1_40", y = "_value_1web1_48", M = "_track_1web1_58", j = "_bar_1web1_65", S = "_label_1web1_87", a = {
+import '../../assets/index21.css';const f = "_graph_1web1_11", x = "_plot_1web1_20", k = "_item_1web1_34", V = "_column_1web1_40", y = "_value_1web1_48", M = "_track_1web1_58", j = "_bar_1web1_65", S = "_label_1web1_87", a = {
   graph: f,
   plot: x,
   item: k,

package/dist/components/group/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const s=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),a="_group_1j6jh_1",n={group:a},p=({animation:t,children:r,className:o,...e})=>s.jsx("div",{className:u.t(o,n.group),"data-animation":t,"data-wrapper":!0,...e,"data-component":"group",children:r});exports.Group=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index20.css');const s=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),a="_group_1j6jh_1",n={group:a},p=({animation:t,children:r,className:o,...e})=>s.jsx("div",{className:u.t(o,n.group),"data-animation":t,"data-wrapper":!0,...e,"data-component":"group",children:r});exports.Group=p;
 //# sourceMappingURL=index.cjs.map

package/dist/components/group/index.js

@@ -1,6 +1,6 @@
 import { jsx as a } from "react/jsx-runtime";
 import { t as n } from "../../classix-DG18itHa.js";
-import '../../assets/index19.css';const s = "_group_1j6jh_1", u = {
+import '../../assets/index20.css';const s = "_group_1j6jh_1", u = {
   group: s
 }, c = ({
   animation: o,

package/dist/components/header/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const t=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),_="_header_ex2by_1",m="_controls_ex2by_68",b="_cta_ex2by_95",j="_jumbo_ex2by_145",e={header:_,controls:m,cta:b,"header-content":"_header-content_ex2by_107",jumbo:j},x={default:e.default,jumbo:e.jumbo},y=({backButton:o,capitalize:r=!1,children:d,controls:s,cta:a,header:l,subHeader:i,variant:h="default"})=>{const c=t.jsxs("div",{className:e["header-content"],children:[o,l,i]}),n=s?t.jsxs("div",{className:e.controls,children:[c,s]}):c;return t.jsxs("header",{className:u.t(e.header,x[h],r&&e.capitalize),"data-component":"header",children:[a?t.jsxs("div",{className:e.cta,children:[n,a]}):n,d]})};exports.Header=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index19.css');const t=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),_="_header_ex2by_1",m="_controls_ex2by_68",b="_cta_ex2by_95",j="_jumbo_ex2by_145",e={header:_,controls:m,cta:b,"header-content":"_header-content_ex2by_107",jumbo:j},x={default:e.default,jumbo:e.jumbo},y=({backButton:o,capitalize:r=!1,children:d,controls:s,cta:a,header:l,subHeader:i,variant:h="default"})=>{const c=t.jsxs("div",{className:e["header-content"],children:[o,l,i]}),n=s?t.jsxs("div",{className:e.controls,children:[c,s]}):c;return t.jsxs("header",{className:u.t(e.header,x[h],r&&e.capitalize),"data-component":"header",children:[a?t.jsxs("div",{className:e.cta,children:[n,a]}):n,d]})};exports.Header=y;
 //# sourceMappingURL=index.cjs.map

package/dist/components/header/index.js

@@ -1,6 +1,6 @@
 import { jsxs as t } from "react/jsx-runtime";
 import { t as _ } from "../../classix-DG18itHa.js";
-import '../../assets/index18.css';const i = "_header_ex2by_1", b = "_controls_ex2by_68", u = "_cta_ex2by_95", x = "_jumbo_ex2by_145", e = {
+import '../../assets/index19.css';const i = "_header_ex2by_1", b = "_controls_ex2by_68", u = "_cta_ex2by_95", x = "_jumbo_ex2by_145", e = {
   header: i,
   controls: b,
   cta: u,

package/dist/components/icon/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index44.css');const i=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),r=require("../../icons-Dv_p0bUF.cjs"),l="_icon_1dkgk_1",d="_small_1dkgk_10",m="_medium_1dkgk_15",_="_large_1dkgk_20",k="_danger_1dkgk_25",e={icon:l,small:d,medium:m,large:_,danger:k,"gap-right":"_gap-right_1dkgk_29","gap-left":"_gap-left_1dkgk_33"},u={large:e.large,medium:e.medium,small:e.small},p={danger:e.danger},y=({gap:n="none",name:o,size:t="medium",variant:s,weight:a})=>{const c={maskImage:r.iconSVG(o,void 0,a)};return i.jsx("span",{"aria-hidden":"true",className:g.t(n!=="none"&&e[`gap-${n}`],u[t],e.icon,s&&p[s]),style:c,"data-component":"icon"})};exports.Icon=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index47.css');const i=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),r=require("../../icons-Dv_p0bUF.cjs"),l="_icon_1dkgk_1",d="_small_1dkgk_10",m="_medium_1dkgk_15",_="_large_1dkgk_20",k="_danger_1dkgk_25",e={icon:l,small:d,medium:m,large:_,danger:k,"gap-right":"_gap-right_1dkgk_29","gap-left":"_gap-left_1dkgk_33"},u={large:e.large,medium:e.medium,small:e.small},p={danger:e.danger},y=({gap:n="none",name:o,size:t="medium",variant:s,weight:a})=>{const c={maskImage:r.iconSVG(o,void 0,a)};return i.jsx("span",{"aria-hidden":"true",className:g.t(n!=="none"&&e[`gap-${n}`],u[t],e.icon,s&&p[s]),style:c,"data-component":"icon"})};exports.Icon=y;
 //# sourceMappingURL=index.cjs.map

package/dist/components/icon/index.js

@@ -1,7 +1,7 @@
 import { jsx as g } from "react/jsx-runtime";
 import { t as i } from "../../classix-DG18itHa.js";
 import { i as r } from "../../icons-dUP7sKyt.js";
-import '../../assets/index44.css';const d = "_icon_1dkgk_1", l = "_small_1dkgk_10", _ = "_medium_1dkgk_15", c = "_large_1dkgk_20", k = "_danger_1dkgk_25", n = {
+import '../../assets/index47.css';const d = "_icon_1dkgk_1", l = "_small_1dkgk_10", _ = "_medium_1dkgk_15", c = "_large_1dkgk_20", k = "_danger_1dkgk_25", n = {
   icon: d,
   small: l,
   medium: _,

package/dist/components/iframe/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index17.css');const r=require("react/jsx-runtime"),S=require("../../classix-5H4IWnMA.cjs"),s=require("react"),A=require("../button/index.cjs"),N=require("../controls/index.cjs"),z=require("../dialog/index.cjs"),G=require("../header/index.cjs"),R="_wrapper_29z62_1",V="_toolbar_29z62_6",$="_iframe_29z62_12",a={wrapper:R,toolbar:V,iframe:$,"fullscreen-iframe":"_fullscreen-iframe_29z62_18"},d=120,L=12e3,X=8,J=({accessibleLabel:f,autoResize:l=!1,className:v,closeFullscreenLabel:F="Close fullscreen",fullscreenLabel:I="View in fullscreen",hasFullscreenView:O=!0,loading:b="lazy",onLoad:h,referrerPolicy:H="no-referrer",sandbox:y="",srcDoc:w,style:E,...j})=>{const _=s.useRef(null),c=s.useRef(null),i=s.useRef(null),[k,M]=s.useState(d),[T,p]=s.useState(!1),g=s.useCallback(()=>{c.current!==null&&(window.cancelAnimationFrame(c.current),c.current=null),i.current!==null&&(window.clearTimeout(i.current),i.current=null)},[]),x=s.useCallback(()=>{if(!l)return;const t=_.current,e=t==null?void 0:t.contentDocument;if(!t||!e)return;const m=t.style.height;try{t.style.height=`${d}px`;const o=e.querySelector("[data-iframe-content]")??e.body,u=o.getBoundingClientRect(),{body:q,documentElement:C}=e,B=Math.min(Math.max(Math.ceil(Math.max(o.scrollHeight,o.offsetHeight,u.height,q.scrollHeight,q.offsetHeight,C.scrollHeight,C.offsetHeight)+X),d),L);M(B)}catch{}finally{t.style.height=m}},[l]),n=s.useCallback(()=>{!l||c.current!==null||(c.current=window.requestAnimationFrame(()=>{c.current=null,x(),i.current!==null&&window.clearTimeout(i.current),i.current=window.setTimeout(()=>{i.current=null,x()},250)}))},[l,x]),U=t=>{var m,o;n();const e=(m=_.current)==null?void 0:m.contentDocument;Array.from((e==null?void 0:e.images)??[]).forEach(u=>{u.complete||(u.addEventListener("load",n,{once:!0}),u.addEventListener("error",n,{once:!0}))}),(o=e==null?void 0:e.fonts)==null||o.ready.then(n).catch(()=>{}),h==null||h(t)};return s.useEffect(()=>{if(l)return g(),M(d),n(),g},[l,g,n,w]),s.useEffect(()=>{var t;if(l)return window.addEventListener("resize",n),(t=window.visualViewport)==null||t.addEventListener("resize",n),()=>{var e;window.removeEventListener("resize",n),(e=window.visualViewport)==null||e.removeEventListener("resize",n)}},[l,n]),r.jsxs("div",{className:a.wrapper,"data-component":"iframe",children:[O&&r.jsx("div",{className:a.toolbar,children:r.jsx(A.Button,{"aria-expanded":T,"aria-haspopup":"dialog",onClick:()=>p(!0),variant:"tertiary",children:I})}),r.jsx("iframe",{...j,className:S.t(a.iframe,v),loading:b,onLoad:U,ref:_,referrerPolicy:H,sandbox:y,srcDoc:w,style:l?{...E,height:k,minHeight:d}:E,title:f}),T&&r.jsx(z.Dialog,{"aria-label":`${f} fullscreen`,controls:r.jsx(N.Controls,{children:r.jsx(A.Button,{onClick:()=>p(!1),children:F})}),fullscreen:!0,header:r.jsx(G.Header,{children:r.jsx("h2",{children:f})}),open:!0,setOpen:p,children:r.jsx("iframe",{...j,className:S.t(a.iframe,a["fullscreen-iframe"],v),loading:"eager",referrerPolicy:H,sandbox:y,srcDoc:w,title:`${f} fullscreen`})})]})};exports.Iframe=J;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index18.css');const r=require("react/jsx-runtime"),S=require("../../classix-5H4IWnMA.cjs"),s=require("react"),A=require("../button/index.cjs"),N=require("../controls/index.cjs"),z=require("../dialog/index.cjs"),G=require("../header/index.cjs"),R="_wrapper_29z62_1",V="_toolbar_29z62_6",$="_iframe_29z62_12",a={wrapper:R,toolbar:V,iframe:$,"fullscreen-iframe":"_fullscreen-iframe_29z62_18"},d=120,L=12e3,X=8,J=({accessibleLabel:f,autoResize:l=!1,className:v,closeFullscreenLabel:F="Close fullscreen",fullscreenLabel:I="View in fullscreen",hasFullscreenView:O=!0,loading:b="lazy",onLoad:h,referrerPolicy:H="no-referrer",sandbox:y="",srcDoc:w,style:E,...j})=>{const _=s.useRef(null),c=s.useRef(null),i=s.useRef(null),[k,M]=s.useState(d),[T,p]=s.useState(!1),g=s.useCallback(()=>{c.current!==null&&(window.cancelAnimationFrame(c.current),c.current=null),i.current!==null&&(window.clearTimeout(i.current),i.current=null)},[]),x=s.useCallback(()=>{if(!l)return;const t=_.current,e=t==null?void 0:t.contentDocument;if(!t||!e)return;const m=t.style.height;try{t.style.height=`${d}px`;const o=e.querySelector("[data-iframe-content]")??e.body,u=o.getBoundingClientRect(),{body:q,documentElement:C}=e,B=Math.min(Math.max(Math.ceil(Math.max(o.scrollHeight,o.offsetHeight,u.height,q.scrollHeight,q.offsetHeight,C.scrollHeight,C.offsetHeight)+X),d),L);M(B)}catch{}finally{t.style.height=m}},[l]),n=s.useCallback(()=>{!l||c.current!==null||(c.current=window.requestAnimationFrame(()=>{c.current=null,x(),i.current!==null&&window.clearTimeout(i.current),i.current=window.setTimeout(()=>{i.current=null,x()},250)}))},[l,x]),U=t=>{var m,o;n();const e=(m=_.current)==null?void 0:m.contentDocument;Array.from((e==null?void 0:e.images)??[]).forEach(u=>{u.complete||(u.addEventListener("load",n,{once:!0}),u.addEventListener("error",n,{once:!0}))}),(o=e==null?void 0:e.fonts)==null||o.ready.then(n).catch(()=>{}),h==null||h(t)};return s.useEffect(()=>{if(l)return g(),M(d),n(),g},[l,g,n,w]),s.useEffect(()=>{var t;if(l)return window.addEventListener("resize",n),(t=window.visualViewport)==null||t.addEventListener("resize",n),()=>{var e;window.removeEventListener("resize",n),(e=window.visualViewport)==null||e.removeEventListener("resize",n)}},[l,n]),r.jsxs("div",{className:a.wrapper,"data-component":"iframe",children:[O&&r.jsx("div",{className:a.toolbar,children:r.jsx(A.Button,{"aria-expanded":T,"aria-haspopup":"dialog",onClick:()=>p(!0),variant:"tertiary",children:I})}),r.jsx("iframe",{...j,className:S.t(a.iframe,v),loading:b,onLoad:U,ref:_,referrerPolicy:H,sandbox:y,srcDoc:w,style:l?{...E,height:k,minHeight:d}:E,title:f}),T&&r.jsx(z.Dialog,{"aria-label":`${f} fullscreen`,controls:r.jsx(N.Controls,{children:r.jsx(A.Button,{onClick:()=>p(!1),children:F})}),fullscreen:!0,header:r.jsx(G.Header,{children:r.jsx("h2",{children:f})}),open:!0,setOpen:p,children:r.jsx("iframe",{...j,className:S.t(a.iframe,a["fullscreen-iframe"],v),loading:"eager",referrerPolicy:H,sandbox:y,srcDoc:w,title:`${f} fullscreen`})})]})};exports.Iframe=J;
 //# sourceMappingURL=index.cjs.map

package/dist/components/iframe/index.js

@@ -5,7 +5,7 @@ import { Button as N } from "../button/index.js";
 import { Controls as b } from "../controls/index.js";
 import { Dialog as L } from "../dialog/index.js";
 import { Header as X } from "../header/index.js";
-import '../../assets/index17.css';const J = "_wrapper_29z62_1", K = "_toolbar_29z62_6", Q = "_iframe_29z62_12", a = {
+import '../../assets/index18.css';const J = "_wrapper_29z62_1", K = "_toolbar_29z62_6", Q = "_iframe_29z62_12", a = {
   wrapper: J,
   toolbar: K,
   iframe: Q,

package/dist/components/image/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const d=require("react/jsx-runtime"),c=require("react"),o="_image_14j8z_1",y={image:o};function S({fadeDurationMs:n=250,showOnError:r=!0,onLoad:a,onError:i,style:l,...t}){const u=c.useRef(null),[m,s]=c.useState(!1);c.useEffect(()=>{s(!1)},[t.src,t.srcSet]),c.useEffect(()=>{const e=u.current;e&&e.complete&&e.naturalWidth>0&&s(!0)},[t.src,t.srcSet]);const f=e=>{s(!0),a==null||a(e)},g=e=>{r&&s(!0),i==null||i(e)};return d.jsx("img",{...t,className:y.image,onLoad:f,onError:g,ref:u,style:{...l,opacity:m?1:0,"--duration-override":`${n}ms`},"data-component":"image"})}exports.Image=S;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index17.css');const d=require("react/jsx-runtime"),c=require("react"),o="_image_14j8z_1",y={image:o};function S({fadeDurationMs:n=250,showOnError:r=!0,onLoad:a,onError:i,style:l,...t}){const u=c.useRef(null),[m,s]=c.useState(!1);c.useEffect(()=>{s(!1)},[t.src,t.srcSet]),c.useEffect(()=>{const e=u.current;e&&e.complete&&e.naturalWidth>0&&s(!0)},[t.src,t.srcSet]);const f=e=>{s(!0),a==null||a(e)},g=e=>{r&&s(!0),i==null||i(e)};return d.jsx("img",{...t,className:y.image,onLoad:f,onError:g,ref:u,style:{...l,opacity:m?1:0,"--duration-override":`${n}ms`},"data-component":"image"})}exports.Image=S;
 //# sourceMappingURL=index.cjs.map

package/dist/components/image/index.js

@@ -1,6 +1,6 @@
 import { jsx as g } from "react/jsx-runtime";
 import { useRef as o, useState as h, useEffect as m } from "react";
-import '../../assets/index16.css';const y = "_image_14j8z_1", S = {
+import '../../assets/index17.css';const y = "_image_14j8z_1", S = {
   image: y
 };
 function x({

package/dist/components/input/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../classix-5H4IWnMA.cjs");require("react");require("../../icons-Dv_p0bUF.cjs");require("../../use-touched-Bq5Gjbpz.cjs");const e=require("../../index-5yOssOic.cjs");exports.Input=e.Input;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require("react/jsx-runtime");require("../../classix-5H4IWnMA.cjs");require("react");require("../../icons-Dv_p0bUF.cjs");require("../../use-touched-Bq5Gjbpz.cjs");const e=require("../../index-CQlMdqOp.cjs");exports.Input=e.Input;
 //# sourceMappingURL=index.cjs.map

package/dist/components/input/index.js

@@ -3,7 +3,7 @@ import "../../classix-DG18itHa.js";
 import "react";
 import "../../icons-dUP7sKyt.js";
 import "../../use-touched-B999bBr8.js";
-import { I as a } from "../../index-Cv6TtBnd.js";
+import { I as a } from "../../index-CbJ2-IPc.js";
 export {
   a as Input
 };

package/dist/components/link/index.cjs

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

package/dist/components/link/index.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { t as _ } from "../../classix-DG18itHa.js";
-import '../../assets/index46.css';const s = "_link_xhd9q_1", l = "_primary_xhd9q_7", e = "_danger_xhd9q_13", c = "_minimal_xhd9q_21", n = {
+import '../../assets/index49.css';const s = "_link_xhd9q_1", l = "_primary_xhd9q_7", e = "_danger_xhd9q_13", c = "_minimal_xhd9q_21", n = {
   link: s,
   primary: l,
   danger: e,

package/dist/components/list/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index47.css');const i=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),n=require("react");function d(t){return n.isValidElement(t)&&t.type===n.Fragment}function E(t,s=[]){return n.Children.forEach(t,e=>{d(e)?E(e.props.children,s):s.push(e)}),s}function x(t,{wrapper:s="li"}={}){return E(t).filter(l=>l!==null).map((l,r)=>{if(n.isValidElement(l)&&l.type===s)return l;const c=n.isValidElement(l)&&l.key!=null?l.key:r;return n.createElement(s,{key:c},l)})}const z="_controls_1i7ll_1",F="_horizontal_1i7ll_6",V="_list_1i7ll_17",b="_columns_1i7ll_57",k="_compact_1i7ll_74",o={controls:z,horizontal:F,list:V,columns:b,compact:k},j=(t,s)=>{typeof t=="function"?t(s):t&&(t.current=s)};function q({children:t,className:s,columns:e=1,compact:u=!1,controls:l,horizontal:r,ordered:c,ref:m,style:N,...f}){const _=Number.isFinite(e)?Math.max(1,Math.floor(e)):1,y=g.t(s,o.list,_>1&&o.columns,r&&o.horizontal,u&&o.compact),p={...N,"--list-columns":_},h=c?i.jsx("ol",{className:y,ref:a=>j(m,a),style:p,...f,children:x(t)}):i.jsx("ul",{className:y,ref:a=>j(m,a),style:p,...f,children:x(t)});return l==null?h:i.jsxs(i.Fragment,{children:[i.jsx("div",{className:o.controls,children:l}),h]})}exports.List=q;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index50.css');const i=require("react/jsx-runtime"),g=require("../../classix-5H4IWnMA.cjs"),n=require("react");function d(t){return n.isValidElement(t)&&t.type===n.Fragment}function E(t,s=[]){return n.Children.forEach(t,e=>{d(e)?E(e.props.children,s):s.push(e)}),s}function x(t,{wrapper:s="li"}={}){return E(t).filter(l=>l!==null).map((l,r)=>{if(n.isValidElement(l)&&l.type===s)return l;const c=n.isValidElement(l)&&l.key!=null?l.key:r;return n.createElement(s,{key:c},l)})}const z="_controls_1i7ll_1",F="_horizontal_1i7ll_6",V="_list_1i7ll_17",b="_columns_1i7ll_57",k="_compact_1i7ll_74",o={controls:z,horizontal:F,list:V,columns:b,compact:k},j=(t,s)=>{typeof t=="function"?t(s):t&&(t.current=s)};function q({children:t,className:s,columns:e=1,compact:u=!1,controls:l,horizontal:r,ordered:c,ref:m,style:N,...f}){const _=Number.isFinite(e)?Math.max(1,Math.floor(e)):1,y=g.t(s,o.list,_>1&&o.columns,r&&o.horizontal,u&&o.compact),p={...N,"--list-columns":_},h=c?i.jsx("ol",{className:y,ref:a=>j(m,a),style:p,...f,children:x(t)}):i.jsx("ul",{className:y,ref:a=>j(m,a),style:p,...f,children:x(t)});return l==null?h:i.jsxs(i.Fragment,{children:[i.jsx("div",{className:o.controls,children:l}),h]})}exports.List=q;
 //# sourceMappingURL=index.cjs.map

package/dist/components/list/index.js

@@ -1,7 +1,7 @@
 import { jsx as a, jsxs as F, Fragment as V } from "react/jsx-runtime";
 import { t as d } from "../../classix-DG18itHa.js";
 import e from "react";
-import '../../assets/index47.css';function g(t) {
+import '../../assets/index50.css';function g(t) {
   return e.isValidElement(t) && t.type === e.Fragment;
 }
 function x(t, n = []) {

package/dist/components/loading/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index48.css');const l=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),o="_loading_107mr_23",m="_spin_107mr_1",r="_small_107mr_40",c="_large_107mr_46",_="_ping_107mr_52",d="_sticky_107mr_78",s={loading:o,default:"_default_107mr_29",spin:m,small:r,large:c,ping:_,sticky:d},g={large:s.large,medium:s.medium,small:s.small},u=({variant:a="default",size:e="medium",sticky:i=!1,...t})=>l.jsx("div",{className:n.t(s.loading,i&&s.sticky),"data-component":"loading",children:l.jsx("span",{className:n.t(s.loading,s[a],g[e]),...t})});exports.Loading=u;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index51.css');const l=require("react/jsx-runtime"),n=require("../../classix-5H4IWnMA.cjs"),o="_loading_107mr_23",m="_spin_107mr_1",r="_small_107mr_40",c="_large_107mr_46",_="_ping_107mr_52",d="_sticky_107mr_78",s={loading:o,default:"_default_107mr_29",spin:m,small:r,large:c,ping:_,sticky:d},g={large:s.large,medium:s.medium,small:s.small},u=({variant:a="default",size:e="medium",sticky:i=!1,...t})=>l.jsx("div",{className:n.t(s.loading,i&&s.sticky),"data-component":"loading",children:l.jsx("span",{className:n.t(s.loading,s[a],g[e]),...t})});exports.Loading=u;
 //# sourceMappingURL=index.cjs.map

package/dist/components/loading/index.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
 import { t as a } from "../../classix-DG18itHa.js";
-import '../../assets/index48.css';const o = "_loading_107mr_23", _ = "_spin_107mr_1", e = "_small_107mr_40", r = "_large_107mr_46", c = "_ping_107mr_52", d = "_sticky_107mr_78", s = {
+import '../../assets/index51.css';const o = "_loading_107mr_23", _ = "_spin_107mr_1", e = "_small_107mr_40", r = "_large_107mr_46", c = "_ping_107mr_52", d = "_sticky_107mr_78", s = {
   loading: o,
   default: "_default_107mr_29",
   spin: _,

package/dist/components/message/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index15.css');const e=require("react/jsx-runtime"),j=require("../../classix-5H4IWnMA.cjs"),h=require("../avatar/index.cjs"),w=require("../icon/index.cjs"),S="_attachments_sg3ov_1",b="_message_sg3ov_11",f="_timestamp_sg3ov_144",q="_preview_sg3ov_149",a={attachments:S,"message-group":"_message-group_sg3ov_11",message:b,timestamp:f,preview:q},y=({appearance:c="default",attachments:m,author:t,authorColor:r,authorImageUrl:g,authorLink:l,authorRole:d,content:_,iconName:p="Info",id:v,preview:u,timestamp:o,timestampText:x,type:s="default"})=>{const n=o?new Date(o):void 0,i=n?e.jsx("time",{className:a.timestamp,dateTime:n.toISOString(),children:x??n.toLocaleString()}):null;return e.jsxs("div",{className:a["message-group"],"data-message-type":s,"data-component":"message",children:[t&&e.jsx(h.Avatar,{accessibleLabel:t,color:r,imageUrl:g,link:l,name:t,role:d}),s==="system"&&i,e.jsxs("div",{className:j.t(a.message,u&&a.preview),"data-appearance":c,"data-id":v,"data-type":s,children:[s=="system"&&e.jsx(w.Icon,{gap:"right",name:p}),_]}),m&&e.jsx("div",{className:a.attachments,children:m}),s!=="system"&&i]})};exports.Message=y;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index16.css');const e=require("react/jsx-runtime"),j=require("../../classix-5H4IWnMA.cjs"),h=require("../avatar/index.cjs"),w=require("../icon/index.cjs"),S="_attachments_sg3ov_1",b="_message_sg3ov_11",f="_timestamp_sg3ov_144",q="_preview_sg3ov_149",a={attachments:S,"message-group":"_message-group_sg3ov_11",message:b,timestamp:f,preview:q},y=({appearance:c="default",attachments:m,author:t,authorColor:r,authorImageUrl:g,authorLink:l,authorRole:d,content:_,iconName:p="Info",id:v,preview:u,timestamp:o,timestampText:x,type:s="default"})=>{const n=o?new Date(o):void 0,i=n?e.jsx("time",{className:a.timestamp,dateTime:n.toISOString(),children:x??n.toLocaleString()}):null;return e.jsxs("div",{className:a["message-group"],"data-message-type":s,"data-component":"message",children:[t&&e.jsx(h.Avatar,{accessibleLabel:t,color:r,imageUrl:g,link:l,name:t,role:d}),s==="system"&&i,e.jsxs("div",{className:j.t(a.message,u&&a.preview),"data-appearance":c,"data-id":v,"data-type":s,children:[s=="system"&&e.jsx(w.Icon,{gap:"right",name:p}),_]}),m&&e.jsx("div",{className:a.attachments,children:m}),s!=="system"&&i]})};exports.Message=y;
 //# sourceMappingURL=index.cjs.map

package/dist/components/message/index.js

@@ -2,7 +2,7 @@ import { jsx as a, jsxs as r } from "react/jsx-runtime";
 import { t as w } from "../../classix-DG18itHa.js";
 import { Avatar as N } from "../avatar/index.js";
 import { Icon as x } from "../icon/index.js";
-import '../../assets/index15.css';const I = "_attachments_sg3ov_1", S = "_message_sg3ov_11", b = "_timestamp_sg3ov_144", j = "_preview_sg3ov_149", s = {
+import '../../assets/index16.css';const I = "_attachments_sg3ov_1", S = "_message_sg3ov_11", b = "_timestamp_sg3ov_144", j = "_preview_sg3ov_149", s = {
   attachments: I,
   "message-group": "_message-group_sg3ov_11",
   message: S,

package/dist/components/messages/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const r=require("react/jsx-runtime"),D=require("../../classix-5H4IWnMA.cjs"),n=require("react"),G=require("../editor/index.cjs"),I=require("../list/index.cjs"),J=require("../tooltip/index.cjs"),K=require("../message/index.cjs"),Q="_messages_pqp89_1",V="_fill_pqp89_20",j={messages:Q,fill:V},X=({fill:M=!1,files:u,handleUpload:y,inlineImages:c,maxEditorRows:Y=5,message:d="",messages:l,minEditorRows:b=1,onChange:H,onFilesChange:a,onInlineImagesChange:B,onSubmit:N,placeholder:O,sending:m,submitLabel:P="Send message",tooltipLabel:f})=>{var L;const v=n.useRef(null),o=n.useRef(!0),h=n.useRef(!1),[U,W]=n.useState([]),p=u??U,g=(L=l[l.length-1])==null?void 0:L.id,k=d.replace(/<[^>]*>/g,"").replace(/&nbsp;/g," ").trim()==="";return n.useLayoutEffect(()=>{var R;const e=(R=v.current)==null?void 0:R.querySelector("[data-message-list]");if(!e||g===void 0)return;const z=e.scrollHeight-e.scrollTop-e.clientHeight<450,_=!h.current||z;o.current=_,h.current=!0;const A=window.setTimeout(()=>{o.current=!1},5e3),E=()=>{e.scrollTop=e.scrollHeight};_&&E();const T=t=>{o.current&&t.target instanceof HTMLImageElement&&E()},q=t=>{t.deltaY<0&&(o.current=!1)};let i;const x=t=>{var s;i=(s=t.touches[0])==null?void 0:s.clientY},w=t=>{var S;const s=(S=t.touches[0])==null?void 0:S.clientY;s!==void 0&&i!==void 0&&s>i&&(o.current=!1),i=s};return e.addEventListener("load",T,!0),e.addEventListener("wheel",q,{passive:!0}),e.addEventListener("touchstart",x,{passive:!0}),e.addEventListener("touchmove",w,{passive:!0}),()=>{window.clearTimeout(A),e.removeEventListener("load",T,!0),e.removeEventListener("wheel",q),e.removeEventListener("touchstart",x),e.removeEventListener("touchmove",w)}},[g]),r.jsxs("div",{className:D.t(j.messages,M&&j.fill),"data-component":"messages",ref:v,children:[r.jsx(I.List,{"data-message-list":!0,children:l.map(e=>r.jsx(K.Message,{...e},e.id))}),f&&r.jsx(J.Tooltip,{variant:"static",children:f}),r.jsx(G.Editor,{autofocus:!0,content:d,disabled:m||k&&p.length===0&&!(c!=null&&c.length),files:p,inlineImages:c,isSubmitting:m,maxRows:Y,minRows:b,onChange:H,onFilesChange:e=>{u===void 0&&W(e),a==null||a(e)},onInlineImagesChange:B,onSubmit:N,onUpload:y,placeholder:O,submitLabel:P})]})};exports.Messages=X;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index14.css');const r=require("react/jsx-runtime"),D=require("../../classix-5H4IWnMA.cjs"),n=require("react"),G=require("../editor/index.cjs"),I=require("../list/index.cjs"),J=require("../tooltip/index.cjs"),K=require("../message/index.cjs"),Q="_messages_pqp89_1",V="_fill_pqp89_20",j={messages:Q,fill:V},X=({fill:M=!1,files:u,handleUpload:y,inlineImages:c,maxEditorRows:Y=5,message:d="",messages:l,minEditorRows:b=1,onChange:H,onFilesChange:a,onInlineImagesChange:B,onSubmit:N,placeholder:O,sending:m,submitLabel:P="Send message",tooltipLabel:f})=>{var L;const v=n.useRef(null),o=n.useRef(!0),h=n.useRef(!1),[U,W]=n.useState([]),p=u??U,g=(L=l[l.length-1])==null?void 0:L.id,k=d.replace(/<[^>]*>/g,"").replace(/&nbsp;/g," ").trim()==="";return n.useLayoutEffect(()=>{var R;const e=(R=v.current)==null?void 0:R.querySelector("[data-message-list]");if(!e||g===void 0)return;const z=e.scrollHeight-e.scrollTop-e.clientHeight<450,_=!h.current||z;o.current=_,h.current=!0;const A=window.setTimeout(()=>{o.current=!1},5e3),E=()=>{e.scrollTop=e.scrollHeight};_&&E();const T=t=>{o.current&&t.target instanceof HTMLImageElement&&E()},q=t=>{t.deltaY<0&&(o.current=!1)};let i;const x=t=>{var s;i=(s=t.touches[0])==null?void 0:s.clientY},w=t=>{var S;const s=(S=t.touches[0])==null?void 0:S.clientY;s!==void 0&&i!==void 0&&s>i&&(o.current=!1),i=s};return e.addEventListener("load",T,!0),e.addEventListener("wheel",q,{passive:!0}),e.addEventListener("touchstart",x,{passive:!0}),e.addEventListener("touchmove",w,{passive:!0}),()=>{window.clearTimeout(A),e.removeEventListener("load",T,!0),e.removeEventListener("wheel",q),e.removeEventListener("touchstart",x),e.removeEventListener("touchmove",w)}},[g]),r.jsxs("div",{className:D.t(j.messages,M&&j.fill),"data-component":"messages",ref:v,children:[r.jsx(I.List,{"data-message-list":!0,children:l.map(e=>r.jsx(K.Message,{...e},e.id))}),f&&r.jsx(J.Tooltip,{variant:"static",children:f}),r.jsx(G.Editor,{autofocus:!0,content:d,disabled:m||k&&p.length===0&&!(c!=null&&c.length),files:p,inlineImages:c,isSubmitting:m,maxRows:Y,minRows:b,onChange:H,onFilesChange:e=>{u===void 0&&W(e),a==null||a(e)},onInlineImagesChange:B,onSubmit:N,onUpload:y,placeholder:O,submitLabel:P})]})};exports.Messages=X;
 //# sourceMappingURL=index.cjs.map

package/dist/components/messages/index.js

@@ -5,7 +5,7 @@ import { Editor as P } from "../editor/index.js";
 import { List as Q } from "../list/index.js";
 import { Tooltip as V } from "../tooltip/index.js";
 import { Message as X } from "../message/index.js";
-import '../../assets/index13.css';const Z = "_messages_pqp89_1", $ = "_fill_pqp89_20", q = {
+import '../../assets/index14.css';const Z = "_messages_pqp89_1", $ = "_fill_pqp89_20", q = {
   messages: Z,
   fill: $
 }, ne = ({

package/dist/components/nav/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index12.css');const o=require("react/jsx-runtime"),r=require("../../classix-5H4IWnMA.cjs"),p=require("react"),h=require("../../icons-Dv_p0bUF.cjs"),v="_nav_1hgi7_3",f="_label_1hgi7_9",g="_horizontal_1hgi7_17",m="_sidebar_1hgi7_27",w="_tabs_1hgi7_66",N="_pills_1hgi7_86",t={nav:v,label:f,horizontal:g,sidebar:m,tabs:w,pills:N},x={default:t.default,pills:t.pills,sidebar:t.sidebar,tabs:t.tabs},j=({className:e,...n})=>o.jsx("span",{className:r.t(e,t.label),...n,"data-component":"navlabel"}),q=({animation:e,children:n,className:c,horizontal:i=!1,variant:s="default",...d})=>{const[b,l]=p.useState(!1),u={"--icon-svg":h.iconSVG("CaretDown")};return o.jsx("nav",{className:r.t(c,i&&t.horizontal,t.nav,x[s]),"data-animation":e,"data-open":b?"true":"false","data-orientation":i?"horizontal":"vertical",onBlurCapture:a=>{if(s!=="pills"||window.innerWidth>960)return;const _=a.relatedTarget;a.currentTarget.contains(_)||l(!1)},onClick:()=>{s!=="pills"||window.innerWidth>960||l(a=>!a)},style:u,...d,"data-component":"nav",children:n})};exports.Nav=q;exports.NavLabel=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index13.css');const l=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),b=require("react"),m=require("../../icons-Dv_p0bUF.cjs"),v="_nav_1h1i0_3",p="_label_1h1i0_9",g="_item_1h1i0_17",f="_actions_1h1i0_36",N="_highlighted_1h1i0_48",x="_horizontal_1h1i0_52",j="_sidebar_1h1i0_62",w="_tabs_1h1i0_101",q="_pills_1h1i0_121",t={nav:v,label:p,item:g,actions:f,highlighted:N,horizontal:x,sidebar:j,tabs:w,pills:q},y={default:t.default,pills:t.pills,sidebar:t.sidebar,tabs:t.tabs},z=({className:a,...e})=>l.jsx("span",{className:c.t(a,t.label),...e,"data-component":"navlabel"}),S=({actions:a,children:e,className:o,highlighted:n=!1,...s})=>l.jsxs("div",{className:c.t(t.item,n&&t.highlighted,o),"data-nav-item":!0,...s,"data-component":"navitem",children:[e,a&&l.jsx("span",{className:t.actions,children:a})]}),C=({animation:a,children:e,className:o,horizontal:n=!1,variant:s="default",...h})=>{const[d,r]=b.useState(!1),_={"--icon-svg":m.iconSVG("CaretDown")};return l.jsx("nav",{className:c.t(o,n&&t.horizontal,t.nav,y[s]),"data-animation":a,"data-open":d?"true":"false","data-orientation":n?"horizontal":"vertical",onBlurCapture:i=>{if(s!=="pills"||window.innerWidth>960)return;const u=i.relatedTarget;i.currentTarget.contains(u)||r(!1)},onClick:()=>{s!=="pills"||window.innerWidth>960||r(i=>!i)},style:_,...h,"data-component":"nav",children:e})};exports.Nav=C;exports.NavItem=S;exports.NavLabel=z;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useState } from 'react';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  pills: styles.pills,\n  sidebar: styles.sidebar,\n  tabs: styles.tabs,\n};\n\nexport type NavProps = React.HTMLAttributes<HTMLElement> & {\n  animation?: string;\n  children?: React.ReactNode;\n  className?: string;\n  horizontal?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport type NavLabelProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const NavLabel = ({ className, ...props }: NavLabelProps) => (\n  <span\n    className={cx(className, styles.label)}\n    {...props}\n  />\n);\n\nexport const Nav = ({\n  animation,\n  children,\n  className,\n  horizontal = false,\n  variant = 'default',\n  ...props\n}: NavProps) => {\n  const [open, setOpen] = useState(false);\n\n  type withVars = React.CSSProperties & {\n    '--icon-svg'?: string;\n  };\n  const withVars: withVars = {\n    '--icon-svg': iconSVG('CaretDown'),\n  };\n\n  return (\n    <nav\n      className={cx(className, horizontal && styles.horizontal, styles.nav, variants[variant])}\n      data-animation={animation}\n      data-open={open ? 'true' : 'false'}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n      onBlurCapture={(e) => {\n        if (variant !== 'pills' || window.innerWidth > 960) return;\n\n        const next = e.relatedTarget as Node | null;\n        if (!e.currentTarget.contains(next)) {\n          setOpen(false);\n        }\n      }}\n      onClick={() => {\n        if (variant !== 'pills' || window.innerWidth > 960) return;\n\n        setOpen((v) => !v);\n      }}\n      style={withVars}\n      {...props}\n    >\n      {children}\n    </nav>\n  );\n};\n"],"names":["variants","default","styles","pills","sidebar","tabs","NavLabel","className","props","jsx","cx","label","Nav","animation","children","horizontal","variant","open","setOpen","useState","withVars","iconSVG","nav","e","window","innerWidth","next","relatedTarget","currentTarget","contains","v"],"mappings":"wYAOMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,MACdC,QAASF,EAAOE,QAChBC,KAAMH,EAAOG,IACf,EAYaC,EAAWA,CAAC,CAAEC,UAAAA,EAAW,GAAGC,CAAqB,IAC5DC,MAAC,OAAA,CACC,UAAWC,EAAAA,EAAGH,EAAWL,EAAOS,KAAK,EACrC,GAAIH,EAAM,iBAAA,UAAA,CAAA,EAIDI,EAAMA,CAAC,CAClBC,UAAAA,EACAC,SAAAA,EACAP,UAAAA,EACAQ,WAAAA,EAAa,GACbC,QAAAA,EAAU,UACV,GAAGR,CACK,IAAM,CACd,KAAM,CAACS,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAKhCC,EAAqB,CACzB,aAAcC,EAAAA,QAAQ,WAAW,CAAA,EAGnC,OACEZ,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,EAAGH,EAAWQ,GAAcb,EAAOa,WAAYb,EAAOoB,IAAKtB,EAASgB,CAAO,CAAC,EACvF,iBAAgBH,EAChB,YAAWI,EAAO,OAAS,QAC3B,mBAAkBF,EAAa,aAAe,WAC9C,cAAgBQ,GAAM,CACpB,GAAIP,IAAY,SAAWQ,OAAOC,WAAa,IAAK,OAEpD,MAAMC,EAAOH,EAAEI,cACVJ,EAAEK,cAAcC,SAASH,CAAI,GAChCR,EAAQ,EAAK,CAEjB,EACA,QAAS,IAAM,CACTF,IAAY,SAAWQ,OAAOC,WAAa,KAE/CP,EAASY,GAAM,CAACA,CAAC,CACnB,EACA,MAAOV,EACP,GAAIZ,EAAM,iBAAA,MAETM,SAAAA,EACH,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useState } from 'react';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  pills: styles.pills,\n  sidebar: styles.sidebar,\n  tabs: styles.tabs,\n};\n\nexport type NavProps = React.HTMLAttributes<HTMLElement> & {\n  animation?: string;\n  children?: React.ReactNode;\n  className?: string;\n  horizontal?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport type NavLabelProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport type NavItemProps = React.HTMLAttributes<HTMLDivElement> & {\n  actions?: React.ReactNode;\n  highlighted?: boolean;\n};\n\nexport const NavLabel = ({ className, ...props }: NavLabelProps) => (\n  <span\n    className={cx(className, styles.label)}\n    {...props}\n  />\n);\n\nexport const NavItem = ({\n  actions,\n  children,\n  className,\n  highlighted = false,\n  ...props\n}: NavItemProps) => (\n  <div\n    className={cx(styles.item, highlighted && styles.highlighted, className)}\n    data-nav-item\n    {...props}\n  >\n    {children}\n    {actions && <span className={styles.actions}>{actions}</span>}\n  </div>\n);\n\nexport const Nav = ({\n  animation,\n  children,\n  className,\n  horizontal = false,\n  variant = 'default',\n  ...props\n}: NavProps) => {\n  const [open, setOpen] = useState(false);\n\n  type withVars = React.CSSProperties & {\n    '--icon-svg'?: string;\n  };\n  const withVars: withVars = {\n    '--icon-svg': iconSVG('CaretDown'),\n  };\n\n  return (\n    <nav\n      className={cx(className, horizontal && styles.horizontal, styles.nav, variants[variant])}\n      data-animation={animation}\n      data-open={open ? 'true' : 'false'}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n      onBlurCapture={(e) => {\n        if (variant !== 'pills' || window.innerWidth > 960) return;\n\n        const next = e.relatedTarget as Node | null;\n        if (!e.currentTarget.contains(next)) {\n          setOpen(false);\n        }\n      }}\n      onClick={() => {\n        if (variant !== 'pills' || window.innerWidth > 960) return;\n\n        setOpen((v) => !v);\n      }}\n      style={withVars}\n      {...props}\n    >\n      {children}\n    </nav>\n  );\n};\n"],"names":["variants","default","styles","pills","sidebar","tabs","NavLabel","className","props","jsx","cx","label","NavItem","actions","children","highlighted","item","Nav","animation","horizontal","variant","open","setOpen","useState","withVars","iconSVG","nav","e","window","innerWidth","next","relatedTarget","currentTarget","contains","v"],"mappings":"4eAOMA,EAAW,CACfC,QAASC,EAAOD,QAChBE,MAAOD,EAAOC,MACdC,QAASF,EAAOE,QAChBC,KAAMH,EAAOG,IACf,EAiBaC,EAAWA,CAAC,CAAEC,UAAAA,EAAW,GAAGC,CAAqB,IAC5DC,MAAC,OAAA,CACC,UAAWC,EAAAA,EAAGH,EAAWL,EAAOS,KAAK,EACrC,GAAIH,EAAM,iBAAA,UAAA,CAAA,EAIDI,EAAUA,CAAC,CACtBC,QAAAA,EACAC,SAAAA,EACAP,UAAAA,EACAQ,YAAAA,EAAc,GACd,GAAGP,CACS,WACX,MAAA,CACC,UAAWE,EAAAA,EAAGR,EAAOc,KAAMD,GAAeb,EAAOa,YAAaR,CAAS,EACvE,gBAAa,GACb,GAAIC,EAAM,iBAAA,UAETM,SAAAA,CAAAA,EACAD,GAAWJ,EAAAA,IAAC,OAAA,CAAK,UAAWP,EAAOW,QAAUA,SAAAA,CAAAA,CAAQ,CAAA,CAAA,CACxD,EAGWI,EAAMA,CAAC,CAClBC,UAAAA,EACAJ,SAAAA,EACAP,UAAAA,EACAY,WAAAA,EAAa,GACbC,QAAAA,EAAU,UACV,GAAGZ,CACK,IAAM,CACd,KAAM,CAACa,EAAMC,CAAO,EAAIC,EAAAA,SAAS,EAAK,EAKhCC,EAAqB,CACzB,aAAcC,EAAAA,QAAQ,WAAW,CAAA,EAGnC,OACEhB,EAAAA,IAAC,MAAA,CACC,UAAWC,EAAAA,EAAGH,EAAWY,GAAcjB,EAAOiB,WAAYjB,EAAOwB,IAAK1B,EAASoB,CAAO,CAAC,EACvF,iBAAgBF,EAChB,YAAWG,EAAO,OAAS,QAC3B,mBAAkBF,EAAa,aAAe,WAC9C,cAAgBQ,GAAM,CACpB,GAAIP,IAAY,SAAWQ,OAAOC,WAAa,IAAK,OAEpD,MAAMC,EAAOH,EAAEI,cACVJ,EAAEK,cAAcC,SAASH,CAAI,GAChCR,EAAQ,EAAK,CAEjB,EACA,QAAS,IAAM,CACTF,IAAY,SAAWQ,OAAOC,WAAa,KAE/CP,EAASY,GAAM,CAACA,CAAC,CACnB,EACA,MAAOV,EACP,GAAIhB,EAAM,iBAAA,MAETM,SAAAA,EACH,CAEJ"}

package/dist/components/nav/index.js

@@ -1,43 +1,56 @@
-import { jsx as l } from "react/jsx-runtime";
+import { jsx as l, jsxs as p } from "react/jsx-runtime";
 import { t as r } from "../../classix-DG18itHa.js";
-import { useState as f } from "react";
-import { i as h } from "../../icons-dUP7sKyt.js";
-import '../../assets/index12.css';const m = "_nav_1hgi7_3", u = "_label_1hgi7_9", v = "_horizontal_1hgi7_17", g = "_sidebar_1hgi7_27", w = "_tabs_1hgi7_66", z = "_pills_1hgi7_86", a = {
-  nav: m,
+import { useState as b } from "react";
+import { i as f } from "../../icons-dUP7sKyt.js";
+import '../../assets/index13.css';const v = "_nav_1h1i0_3", u = "_label_1h1i0_9", g = "_item_1h1i0_17", N = "_actions_1h1i0_36", w = "_highlighted_1h1i0_48", x = "_horizontal_1h1i0_52", z = "_sidebar_1h1i0_62", C = "_tabs_1h1i0_101", j = "_pills_1h1i0_121", t = {
+  nav: v,
   label: u,
-  horizontal: v,
-  sidebar: g,
-  tabs: w,
-  pills: z
-}, N = {
-  default: a.default,
-  pills: a.pills,
-  sidebar: a.sidebar,
-  tabs: a.tabs
-}, T = ({
-  className: n,
-  ...s
-}) => /* @__PURE__ */ l("span", { className: r(n, a.label), ...s, "data-component": "navlabel" }), V = ({
-  animation: n,
-  children: s,
-  className: c,
-  horizontal: e = !1,
-  variant: o = "default",
-  ...p
+  item: g,
+  actions: N,
+  highlighted: w,
+  horizontal: x,
+  sidebar: z,
+  tabs: C,
+  pills: j
+}, y = {
+  default: t.default,
+  pills: t.pills,
+  sidebar: t.sidebar,
+  tabs: t.tabs
+}, k = ({
+  className: a,
+  ...i
+}) => /* @__PURE__ */ l("span", { className: r(a, t.label), ...i, "data-component": "navlabel" }), B = ({
+  actions: a,
+  children: i,
+  className: o,
+  highlighted: s = !1,
+  ...n
+}) => /* @__PURE__ */ p("div", { className: r(t.item, s && t.highlighted, o), "data-nav-item": !0, ...n, "data-component": "navitem", children: [
+  i,
+  a && /* @__PURE__ */ l("span", { className: t.actions, children: a })
+] }), D = ({
+  animation: a,
+  children: i,
+  className: o,
+  horizontal: s = !1,
+  variant: n = "default",
+  ...h
 }) => {
-  const [d, i] = f(!1), _ = {
-    "--icon-svg": h("CaretDown")
+  const [d, c] = b(!1), _ = {
+    "--icon-svg": f("CaretDown")
   };
-  return /* @__PURE__ */ l("nav", { className: r(c, e && a.horizontal, a.nav, N[o]), "data-animation": n, "data-open": d ? "true" : "false", "data-orientation": e ? "horizontal" : "vertical", onBlurCapture: (t) => {
-    if (o !== "pills" || window.innerWidth > 960) return;
-    const b = t.relatedTarget;
-    t.currentTarget.contains(b) || i(!1);
+  return /* @__PURE__ */ l("nav", { className: r(o, s && t.horizontal, t.nav, y[n]), "data-animation": a, "data-open": d ? "true" : "false", "data-orientation": s ? "horizontal" : "vertical", onBlurCapture: (e) => {
+    if (n !== "pills" || window.innerWidth > 960) return;
+    const m = e.relatedTarget;
+    e.currentTarget.contains(m) || c(!1);
   }, onClick: () => {
-    o !== "pills" || window.innerWidth > 960 || i((t) => !t);
-  }, style: _, ...p, "data-component": "nav", children: s });
+    n !== "pills" || window.innerWidth > 960 || c((e) => !e);
+  }, style: _, ...h, "data-component": "nav", children: i });
 };
 export {
-  V as Nav,
-  T as NavLabel
+  D as Nav,
+  B as NavItem,
+  k as NavLabel
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useState } from 'react';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  pills: styles.pills,\n  sidebar: styles.sidebar,\n  tabs: styles.tabs,\n};\n\nexport type NavProps = React.HTMLAttributes<HTMLElement> & {\n  animation?: string;\n  children?: React.ReactNode;\n  className?: string;\n  horizontal?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport type NavLabelProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport const NavLabel = ({ className, ...props }: NavLabelProps) => (\n  <span\n    className={cx(className, styles.label)}\n    {...props}\n  />\n);\n\nexport const Nav = ({\n  animation,\n  children,\n  className,\n  horizontal = false,\n  variant = 'default',\n  ...props\n}: NavProps) => {\n  const [open, setOpen] = useState(false);\n\n  type withVars = React.CSSProperties & {\n    '--icon-svg'?: string;\n  };\n  const withVars: withVars = {\n    '--icon-svg': iconSVG('CaretDown'),\n  };\n\n  return (\n    <nav\n      className={cx(className, horizontal && styles.horizontal, styles.nav, variants[variant])}\n      data-animation={animation}\n      data-open={open ? 'true' : 'false'}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n      onBlurCapture={(e) => {\n        if (variant !== 'pills' || window.innerWidth > 960) return;\n\n        const next = e.relatedTarget as Node | null;\n        if (!e.currentTarget.contains(next)) {\n          setOpen(false);\n        }\n      }}\n      onClick={() => {\n        if (variant !== 'pills' || window.innerWidth > 960) return;\n\n        setOpen((v) => !v);\n      }}\n      style={withVars}\n      {...props}\n    >\n      {children}\n    </nav>\n  );\n};\n"],"names":["variants","default","styles","pills","sidebar","tabs","NavLabel","className","props","jsx","cx","label","Nav","animation","children","horizontal","variant","open","setOpen","useState","withVars","iconSVG","nav","e","window","innerWidth","next","relatedTarget","currentTarget","contains","v"],"mappings":";;;;;;;;;;;GAOMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAAAA,EACdC,SAASF,EAAOE;AAAAA,EAChBC,MAAMH,EAAOG;AACf,GAYaC,IAAWA,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAW,GAAGC;AAAqB,MAC5D,gBAAAC,EAAC,QAAA,EACC,WAAWC,EAAGH,GAAWL,EAAOS,KAAK,GACrC,GAAIH,GAAM,kBAAA,WAAA,CAAA,GAIDI,IAAMA,CAAC;AAAA,EAClBC,WAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAP,WAAAA;AAAAA,EACAQ,YAAAA,IAAa;AAAA,EACbC,SAAAA,IAAU;AAAA,EACV,GAAGR;AACK,MAAM;AACd,QAAM,CAACS,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAKhCC,IAAqB;AAAA,IACzB,cAAcC,EAAQ,WAAW;AAAA,EAAA;AAGnC,SACE,gBAAAZ,EAAC,OAAA,EACC,WAAWC,EAAGH,GAAWQ,KAAcb,EAAOa,YAAYb,EAAOoB,KAAKtB,EAASgB,CAAO,CAAC,GACvF,kBAAgBH,GAChB,aAAWI,IAAO,SAAS,SAC3B,oBAAkBF,IAAa,eAAe,YAC9C,eAAgBQ,CAAAA,MAAM;AACpB,QAAIP,MAAY,WAAWQ,OAAOC,aAAa,IAAK;AAEpD,UAAMC,IAAOH,EAAEI;AACf,IAAKJ,EAAEK,cAAcC,SAASH,CAAI,KAChCR,EAAQ,EAAK;AAAA,EAEjB,GACA,SAAS,MAAM;AACb,IAAIF,MAAY,WAAWQ,OAAOC,aAAa,OAE/CP,EAASY,CAAAA,MAAM,CAACA,CAAC;AAAA,EACnB,GACA,OAAOV,GACP,GAAIZ,GAAM,kBAAA,OAETM,UAAAA,GACH;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/nav/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport { useState } from 'react';\n\nimport { iconSVG } from '@/components/icon/icons.ts';\n\nimport styles from './styles.module.css';\n\nconst variants = {\n  default: styles.default,\n  pills: styles.pills,\n  sidebar: styles.sidebar,\n  tabs: styles.tabs,\n};\n\nexport type NavProps = React.HTMLAttributes<HTMLElement> & {\n  animation?: string;\n  children?: React.ReactNode;\n  className?: string;\n  horizontal?: boolean;\n  variant?: keyof typeof variants;\n};\n\nexport type NavLabelProps = React.HTMLAttributes<HTMLSpanElement>;\n\nexport type NavItemProps = React.HTMLAttributes<HTMLDivElement> & {\n  actions?: React.ReactNode;\n  highlighted?: boolean;\n};\n\nexport const NavLabel = ({ className, ...props }: NavLabelProps) => (\n  <span\n    className={cx(className, styles.label)}\n    {...props}\n  />\n);\n\nexport const NavItem = ({\n  actions,\n  children,\n  className,\n  highlighted = false,\n  ...props\n}: NavItemProps) => (\n  <div\n    className={cx(styles.item, highlighted && styles.highlighted, className)}\n    data-nav-item\n    {...props}\n  >\n    {children}\n    {actions && <span className={styles.actions}>{actions}</span>}\n  </div>\n);\n\nexport const Nav = ({\n  animation,\n  children,\n  className,\n  horizontal = false,\n  variant = 'default',\n  ...props\n}: NavProps) => {\n  const [open, setOpen] = useState(false);\n\n  type withVars = React.CSSProperties & {\n    '--icon-svg'?: string;\n  };\n  const withVars: withVars = {\n    '--icon-svg': iconSVG('CaretDown'),\n  };\n\n  return (\n    <nav\n      className={cx(className, horizontal && styles.horizontal, styles.nav, variants[variant])}\n      data-animation={animation}\n      data-open={open ? 'true' : 'false'}\n      data-orientation={horizontal ? 'horizontal' : 'vertical'}\n      onBlurCapture={(e) => {\n        if (variant !== 'pills' || window.innerWidth > 960) return;\n\n        const next = e.relatedTarget as Node | null;\n        if (!e.currentTarget.contains(next)) {\n          setOpen(false);\n        }\n      }}\n      onClick={() => {\n        if (variant !== 'pills' || window.innerWidth > 960) return;\n\n        setOpen((v) => !v);\n      }}\n      style={withVars}\n      {...props}\n    >\n      {children}\n    </nav>\n  );\n};\n"],"names":["variants","default","styles","pills","sidebar","tabs","NavLabel","className","props","jsx","cx","label","NavItem","actions","children","highlighted","item","Nav","animation","horizontal","variant","open","setOpen","useState","withVars","iconSVG","nav","e","window","innerWidth","next","relatedTarget","currentTarget","contains","v"],"mappings":";;;;;;;;;;;;;;GAOMA,IAAW;AAAA,EACfC,SAASC,EAAOD;AAAAA,EAChBE,OAAOD,EAAOC;AAAAA,EACdC,SAASF,EAAOE;AAAAA,EAChBC,MAAMH,EAAOG;AACf,GAiBaC,IAAWA,CAAC;AAAA,EAAEC,WAAAA;AAAAA,EAAW,GAAGC;AAAqB,MAC5D,gBAAAC,EAAC,QAAA,EACC,WAAWC,EAAGH,GAAWL,EAAOS,KAAK,GACrC,GAAIH,GAAM,kBAAA,WAAA,CAAA,GAIDI,IAAUA,CAAC;AAAA,EACtBC,SAAAA;AAAAA,EACAC,UAAAA;AAAAA,EACAP,WAAAA;AAAAA,EACAQ,aAAAA,IAAc;AAAA,EACd,GAAGP;AACS,wBACX,OAAA,EACC,WAAWE,EAAGR,EAAOc,MAAMD,KAAeb,EAAOa,aAAaR,CAAS,GACvE,iBAAa,IACb,GAAIC,GAAM,kBAAA,WAETM,UAAAA;AAAAA,EAAAA;AAAAA,EACAD,KAAW,gBAAAJ,EAAC,QAAA,EAAK,WAAWP,EAAOW,SAAUA,UAAAA,EAAAA,CAAQ;AAAA,EAAA,CACxD,GAGWI,IAAMA,CAAC;AAAA,EAClBC,WAAAA;AAAAA,EACAJ,UAAAA;AAAAA,EACAP,WAAAA;AAAAA,EACAY,YAAAA,IAAa;AAAA,EACbC,SAAAA,IAAU;AAAA,EACV,GAAGZ;AACK,MAAM;AACd,QAAM,CAACa,GAAMC,CAAO,IAAIC,EAAS,EAAK,GAKhCC,IAAqB;AAAA,IACzB,cAAcC,EAAQ,WAAW;AAAA,EAAA;AAGnC,SACE,gBAAAhB,EAAC,OAAA,EACC,WAAWC,EAAGH,GAAWY,KAAcjB,EAAOiB,YAAYjB,EAAOwB,KAAK1B,EAASoB,CAAO,CAAC,GACvF,kBAAgBF,GAChB,aAAWG,IAAO,SAAS,SAC3B,oBAAkBF,IAAa,eAAe,YAC9C,eAAgBQ,CAAAA,MAAM;AACpB,QAAIP,MAAY,WAAWQ,OAAOC,aAAa,IAAK;AAEpD,UAAMC,IAAOH,EAAEI;AACf,IAAKJ,EAAEK,cAAcC,SAASH,CAAI,KAChCR,EAAQ,EAAK;AAAA,EAEjB,GACA,SAAS,MAAM;AACb,IAAIF,MAAY,WAAWQ,OAAOC,aAAa,OAE/CP,EAASY,CAAAA,MAAM,CAACA,CAAC;AAAA,EACnB,GACA,OAAOV,GACP,GAAIhB,GAAM,kBAAA,OAETM,UAAAA,GACH;AAEJ;"}

package/dist/components/object/index.cjs

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

package/dist/components/object/index.js

@@ -1,5 +1,5 @@
 import { jsx as e, jsxs as n, Fragment as a } from "react/jsx-runtime";
-import '../../assets/index11.css';const s = "_object_xxgm1_1", i = {
+import '../../assets/index12.css';const s = "_object_xxgm1_1", i = {
   object: s
 }, b = ({
   accessibleLabel: c,

package/dist/components/page-layout/index.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index11.css');const n=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),u="_layout_1clzr_1",y="_loading_1clzr_26",a={layout:u,"with-sidebar":"_with-sidebar_1clzr_10","fill-viewport":"_fill-viewport_1clzr_20",loading:y},_=({"aria-busy":o,children:e,className:i,fillViewport:s=!1,loading:t=!1,sidebar:l,...r})=>n.jsxs("main",{"aria-busy":o??(t||void 0),className:c.t(a.layout,!!l&&a["with-sidebar"],s&&a["fill-viewport"],t&&a.loading,i),...r,"data-component":"pagelayout",children:[l,e]});exports.PageLayout=_;
+//# sourceMappingURL=index.cjs.map

package/dist/components/page-layout/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../../../src/components/page-layout/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type PageLayoutProps = React.ComponentPropsWithoutRef<'main'> & {\n  fillViewport?: boolean;\n  loading?: boolean;\n  sidebar?: React.ReactNode;\n};\n\nexport const PageLayout = ({\n  'aria-busy': ariaBusy,\n  children,\n  className,\n  fillViewport = false,\n  loading = false,\n  sidebar,\n  ...props\n}: PageLayoutProps) => (\n  <main\n    aria-busy={ariaBusy ?? (loading || undefined)}\n    className={cx(\n      styles.layout,\n      Boolean(sidebar) && styles['with-sidebar'],\n      fillViewport && styles['fill-viewport'],\n      loading && styles.loading,\n      className\n    )}\n    {...props}\n  >\n    {sidebar}\n    {children}\n  </main>\n);\n"],"names":["PageLayout","ariaBusy","children","className","fillViewport","loading","sidebar","props","jsxs","undefined","cx","styles","layout","Boolean"],"mappings":"gTAUaA,EAAaA,CAAC,CACzB,YAAaC,EACbC,SAAAA,EACAC,UAAAA,EACAC,aAAAA,EAAe,GACfC,QAAAA,EAAU,GACVC,QAAAA,EACA,GAAGC,CACY,IACfC,EAAAA,KAAC,OAAA,CACC,YAAWP,IAAaI,GAAWI,QACnC,UAAWC,EAAAA,EACTC,EAAOC,OACPC,EAAQP,GAAYK,EAAO,cAAc,EACzCP,GAAgBO,EAAO,eAAe,EACtCN,GAAWM,EAAON,QAClBF,CACF,EACA,GAAII,EAAM,iBAAA,aAETD,SAAAA,CAAAA,EACAJ,CAAAA,CAAAA,CACH"}

package/dist/components/page-layout/index.js

@@ -0,0 +1,23 @@
+import { jsxs as n } from "react/jsx-runtime";
+import { t as _ } from "../../classix-DG18itHa.js";
+import '../../assets/index11.css';const c = "_layout_1clzr_1", y = "_loading_1clzr_26", o = {
+  layout: c,
+  "with-sidebar": "_with-sidebar_1clzr_10",
+  "fill-viewport": "_fill-viewport_1clzr_20",
+  loading: y
+}, u = ({
+  "aria-busy": t,
+  children: i,
+  className: r,
+  fillViewport: s = !1,
+  loading: a = !1,
+  sidebar: l,
+  ...e
+}) => /* @__PURE__ */ n("main", { "aria-busy": t ?? (a || void 0), className: _(o.layout, !!l && o["with-sidebar"], s && o["fill-viewport"], a && o.loading, r), ...e, "data-component": "pagelayout", children: [
+  l,
+  i
+] });
+export {
+  u as PageLayout
+};
+//# sourceMappingURL=index.js.map

package/dist/components/page-layout/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/page-layout/index.tsx"],"sourcesContent":["import cx from 'classix';\n\nimport styles from './styles.module.css';\n\nexport type PageLayoutProps = React.ComponentPropsWithoutRef<'main'> & {\n  fillViewport?: boolean;\n  loading?: boolean;\n  sidebar?: React.ReactNode;\n};\n\nexport const PageLayout = ({\n  'aria-busy': ariaBusy,\n  children,\n  className,\n  fillViewport = false,\n  loading = false,\n  sidebar,\n  ...props\n}: PageLayoutProps) => (\n  <main\n    aria-busy={ariaBusy ?? (loading || undefined)}\n    className={cx(\n      styles.layout,\n      Boolean(sidebar) && styles['with-sidebar'],\n      fillViewport && styles['fill-viewport'],\n      loading && styles.loading,\n      className\n    )}\n    {...props}\n  >\n    {sidebar}\n    {children}\n  </main>\n);\n"],"names":["PageLayout","ariaBusy","children","className","fillViewport","loading","sidebar","props","jsxs","undefined","cx","styles","layout","Boolean"],"mappings":";;;;;;;GAUaA,IAAaA,CAAC;AAAA,EACzB,aAAaC;AAAAA,EACbC,UAAAA;AAAAA,EACAC,WAAAA;AAAAA,EACAC,cAAAA,IAAe;AAAA,EACfC,SAAAA,IAAU;AAAA,EACVC,SAAAA;AAAAA,EACA,GAAGC;AACY,MACf,gBAAAC,EAAC,QAAA,EACC,aAAWP,MAAaI,KAAWI,SACnC,WAAWC,EACTC,EAAOC,QACPC,EAAQP,KAAYK,EAAO,cAAc,GACzCP,KAAgBO,EAAO,eAAe,GACtCN,KAAWM,EAAON,SAClBF,CACF,GACA,GAAII,GAAM,kBAAA,cAETD,UAAAA;AAAAA,EAAAA;AAAAA,EACAJ;AAAAA,EAAAA,CACH;"}