@solibo/solibo-ui 1.0.14 → 1.0.16

package/dist/components/banner/index.js

@@ -1,22 +1,22 @@
-import { jsxs as o, jsx as c } from "react/jsx-runtime";
-import { t as i } from "../../classix-DG18itHa.js";
-import { Button as p } from "../button/index.js";
-import '../../assets/index29.css';const s = "_banner_3qfpn_13", v = "_visible_3qfpn_32", r = {
-  banner: s,
-  visible: v
+import { jsxs as l, jsx as o } from "react/jsx-runtime";
+import { t as c } from "../../classix-DG18itHa.js";
+import { Button as s } from "../button/index.js";
+import '../../assets/index27.css';const v = "_banner_1au2i_13", _ = "_visible_1au2i_32", a = {
+  banner: v,
+  visible: _
 }, m = ({
-  button: t,
-  message: a,
+  button: n,
+  message: t,
   onClick: e,
-  onDismiss: n,
+  onDismiss: r,
   visible: b = !1
 }) => {
-  const l = () => {
-    e == null || e(), n == null || n();
+  const i = () => {
+    e == null || e(), r == null || r();
   };
-  return /* @__PURE__ */ o("div", { "aria-live": "assertive", className: i(r.banner, b && r.visible), "data-component": "banner", children: [
-    a,
-    /* @__PURE__ */ c(p, { onClick: l, children: t })
+  return /* @__PURE__ */ l("div", { "aria-live": "assertive", className: c(a.banner, b && a.visible), "data-component": "banner", children: [
+    t,
+    /* @__PURE__ */ o(s, { onClick: i, children: n })
   ] });
 };
 export {

package/dist/components/branding/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const e=require("react/jsx-runtime"),h=require("../../classix-5H4IWnMA.cjs"),l="_branding_ganjz_1",v="_white_ganjz_11",c={branding:l,default:"_default_ganjz_7",white:v};function g(a){return`url("data:image/svg+xml, ${encodeURI(a)}")`}const i={logo:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="212.84 265.6 645.02 573.4"><g><path d="m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z" class="cls-1"/><path d="M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z"/></g></svg>'},r={default:c.default,white:c.white},o=({name:a="logo",size:s=128,variant:t="default"})=>{const n={height:s,maskImage:g(i[a].toString()),width:s};return e.jsx("span",{className:h.t(c.branding,r[t]),style:n,"data-component":"branding"})};exports.Branding=o;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index28.css');const e=require("react/jsx-runtime"),h=require("../../classix-5H4IWnMA.cjs"),l="_branding_ganjz_1",v="_white_ganjz_11",c={branding:l,default:"_default_ganjz_7",white:v};function g(a){return`url("data:image/svg+xml, ${encodeURI(a)}")`}const i={logo:'<svg xmlns="http://www.w3.org/2000/svg" viewBox="212.84 265.6 645.02 573.4"><g><path d="m212.84 681.26 8.86-19.64c9.5 6.92 23.67 11.75 37.19 11.75 15.46 0 21.74-5.15 21.74-12.07 0-21.1-65.54-6.6-65.54-48.47 0-19.16 15.46-35.11 47.51-35.11 14.17 0 28.66 3.39 39.13 10l-8.06 19.81c-10.46-6-21.25-8.86-31.24-8.86-15.45 0-21.41 5.8-21.41 12.88 0 20.77 65.54 6.44 65.54 47.82 0 18.84-15.62 34.95-47.83 34.95-17.87 0-35.91-5.32-45.89-13M317.33 636c0-33.5 26.09-58.3 61.68-58.3 35.42 0 61.67 24.64 61.67 58.3s-26.25 58.31-61.68 58.31c-35.59 0-61.68-24.8-61.68-58.29m96.94 0C414.27 614.6 399.14 600 379 600s-35.26 14.6-35.26 36 15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07m46.04-56.34h26.09v91.46h56.52v21.26h-82.61zm105.3 0h26.09v112.72h-26.09zm156.19 81.96c0 19.48-15.46 30.75-45.08 30.75h-58.3V579.65h55.08c28.18 0 42.67 11.76 42.67 29.31a27.1 27.1 0 0 1-15 24.8c12.56 4 20.61 13.69 20.61 27.86m-77.43-62.32v26.57h25.93c12.72 0 19.64-4.51 19.64-13.36S683 599.3 670.28 599.3Zm51.21 59.58c0-9.5-7.25-14-20.78-14h-30.43v27.86h30.43c13.53 0 20.78-4.19 20.78-13.85M734.51 636c0-33.5 26.09-58.3 61.68-58.3 35.43 0 61.67 24.64 61.67 58.3s-26.24 58.29-61.67 58.29c-35.59 0-61.68-24.8-61.68-58.29m96.94 0c0-21.42-15.13-36.07-35.26-36.07S760.92 614.6 760.92 636s15.14 36.07 35.27 36.07 35.26-14.66 35.26-36.07M535.93 406.9a30.06 30.06 0 1 0-30-30 30.05 30.05 0 0 0 30 30m41.29 72.66v-24.08a41.29 41.29 0 0 0-82.58 0v94.22l28.83-42.58h53.78Z" class="cls-1"/><path d="M675.26 507.22H519.83c-4.07 0 2.55-3.3 2.55-7.36l20-16.14a7.36 7.36 0 0 1 7.36-7.36h94.66a7.37 7.37 0 0 0 7.36-7.36V363.24a7.36 7.36 0 0 0-4-6.55L539 301.09a7.34 7.34 0 0 0-6.72 0L423.74 357a7.37 7.37 0 0 0-4 6.54V469a7.37 7.37 0 0 0 7.37 7.36h29.22v30.86h-60.09a7.37 7.37 0 0 1-7.36-7.36V344.68a7.38 7.38 0 0 1 4-6.55l139.35-71.72a7.37 7.37 0 0 1 6.72 0l139.67 71.4a7.37 7.37 0 0 1 4 6.56v155.5a7.37 7.37 0 0 1-7.36 7.36M380.2 789.7h-53.93v42.19c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59v-89.7c0-4.75 3.35-5.59 5-5.59s5 .84 5 5.59v38.29h53.93v-38.29c0-4.75 3.36-5.59 5-5.59s5 .84 5 5.59v89.7c0 4.76-3.35 5.59-5 5.59s-5-.83-5-5.59Zm82.58 49.3c-29.48 0-51.56-21.94-51.56-52s22.08-52 51.56-52 51.56 21.93 51.56 52-22.08 52-51.56 52m0-95.15c-25.43 0-40.94 20.12-40.94 43.17s15.51 43 40.94 43 40.94-20 40.94-43-15.51-43.15-40.94-43.15Zm165.01 93.63c-1.67 0-5-.83-5-5.59v-72.51h-.28l-32.27 73.77a6.53 6.53 0 0 1-12.3 0l-32.3-73.35h-.28v72.09c0 4.76-3.36 5.59-5 5.59s-5-.83-5-5.59v-88.44c0-5.73 4.05-6.85 6.14-6.85s4.75.7 6.85 5.45l35.91 82h.14l35.49-82c2.1-4.75 4.75-5.45 6.85-5.45s6.14 1.12 6.14 6.85v88.44c-.06 4.76-3.41 5.59-5.09 5.59m41.36-48.06v38.14h49c4.2 0 4.89 3.08 4.89 4.48s-.69 4.47-4.89 4.47H665.1c-4.05 0-6-2-6-6v-86.92c0-4.05 2-6 6-6h51.42c4.19 0 4.89 3.07 4.89 4.47s-.7 4.47-4.89 4.47h-47.37v34.1h44c4.2 0 4.89 3.07 4.89 4.33s-.69 4.47-4.89 4.47Z"/></g></svg>'},r={default:c.default,white:c.white},o=({name:a="logo",size:s=128,variant:t="default"})=>{const n={height:s,maskImage:g(i[a].toString()),width:s};return e.jsx("span",{className:h.t(c.branding,r[t]),style:n,"data-component":"branding"})};exports.Branding=o;
 //# sourceMappingURL=index.cjs.map

package/dist/components/branding/index.js

@@ -1,6 +1,6 @@
 import { jsx as h } from "react/jsx-runtime";
 import { t as v } from "../../classix-DG18itHa.js";
-import '../../assets/index30.css';const e = "_branding_ganjz_1", l = "_white_ganjz_11", c = {
+import '../../assets/index28.css';const e = "_branding_ganjz_1", l = "_white_ganjz_11", c = {
   branding: e,
   default: "_default_ganjz_7",
   white: l

package/dist/components/button/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const e=require("react/jsx-runtime"),y=require("../../classix-5H4IWnMA.cjs"),l=require("../badge/index.cjs"),m=require("../icon/index.cjs"),p="_button_15qef_1",g="_simple_15qef_29",b="_danger_15qef_38",f="_tertiary_15qef_47",q="_primary_15qef_54",x="_secondary_15qef_63",t={button:p,simple:g,danger:b,tertiary:f,primary:q,secondary:x},h={danger:t.danger,primary:t.primary,secondary:t.secondary,simple:t.simple,tertiary:t.tertiary};function j({badge:s,children:n,className:o,disabled:a=!1,icon:r,iconSize:i="small",onClick:c,ref:_,variant:d="secondary",...u}){return e.jsxs("button",{className:y.t(t.button,h[d],o),disabled:a,onClick:c,ref:_,type:"button",...u,"data-component":"button",children:[r&&e.jsx(m.Icon,{fill:!0,gap:n?"right":void 0,name:r,size:i}),n,e.jsx(l.Badge,{variant:"highlight",children:s})]})}exports.Button=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index29.css');const e=require("react/jsx-runtime"),u=require("../../classix-5H4IWnMA.cjs"),l=require("../badge/index.cjs"),m=require("../icon/index.cjs"),p="_button_y6cfv_1",g="_simple_y6cfv_29",b="_danger_y6cfv_38",f="_tertiary_y6cfv_47",v="_primary_y6cfv_54",x="_secondary_y6cfv_63",t={button:p,simple:g,danger:b,tertiary:f,primary:v,secondary:x},h={danger:t.danger,primary:t.primary,secondary:t.secondary,simple:t.simple,tertiary:t.tertiary};function j({badge:s,children:n,className:o,disabled:a=!1,icon:r,iconSize:i="small",onClick:c,ref:y,variant:_="secondary",...d}){return e.jsxs("button",{className:u.t(t.button,h[_],o),disabled:a,onClick:c,ref:y,type:"button",...d,"data-component":"button",children:[r&&e.jsx(m.Icon,{fill:!0,gap:n?"right":void 0,name:r,size:i}),n,e.jsx(l.Badge,{variant:"highlight",children:s})]})}exports.Button=j;
 //# sourceMappingURL=index.cjs.map

package/dist/components/button/index.js

@@ -1,40 +1,40 @@
-import { jsxs as _, jsx as n } from "react/jsx-runtime";
+import { jsxs as _, jsx as o } from "react/jsx-runtime";
 import { t as d } from "../../classix-DG18itHa.js";
 import { Badge as l } from "../badge/index.js";
 import { Icon as f } from "../icon/index.js";
-import '../../assets/index31.css';const u = "_button_15qef_1", g = "_simple_15qef_29", b = "_danger_15qef_38", q = "_tertiary_15qef_47", h = "_primary_15qef_54", v = "_secondary_15qef_63", t = {
+import '../../assets/index29.css';const u = "_button_y6cfv_1", g = "_simple_y6cfv_29", v = "_danger_y6cfv_38", b = "_tertiary_y6cfv_47", h = "_primary_y6cfv_54", x = "_secondary_y6cfv_63", t = {
   button: u,
   simple: g,
-  danger: b,
-  tertiary: q,
+  danger: v,
+  tertiary: b,
   primary: h,
-  secondary: v
-}, x = {
+  secondary: x
+}, j = {
   danger: t.danger,
   primary: t.primary,
   secondary: t.secondary,
   simple: t.simple,
   tertiary: t.tertiary
 };
-function N({
-  badge: o,
+function k({
+  badge: a,
   children: r,
-  className: a,
+  className: e,
   disabled: s = !1,
-  icon: e,
+  icon: n,
   iconSize: i = "small",
-  onClick: m,
-  ref: c,
-  variant: p = "secondary",
-  ...y
+  onClick: c,
+  ref: y,
+  variant: m = "secondary",
+  ...p
 }) {
-  return /* @__PURE__ */ _("button", { className: d(t.button, x[p], a), disabled: s, onClick: m, ref: c, type: "button", ...y, "data-component": "button", children: [
-    e && /* @__PURE__ */ n(f, { fill: !0, gap: r ? "right" : void 0, name: e, size: i }),
+  return /* @__PURE__ */ _("button", { className: d(t.button, j[m], e), disabled: s, onClick: c, ref: y, type: "button", ...p, "data-component": "button", children: [
+    n && /* @__PURE__ */ o(f, { fill: !0, gap: r ? "right" : void 0, name: n, size: i }),
     r,
-    /* @__PURE__ */ n(l, { variant: "highlight", children: o })
+    /* @__PURE__ */ o(l, { variant: "highlight", children: a })
   ] });
 }
 export {
-  N as Button
+  k as Button
 };
 //# sourceMappingURL=index.js.map

package/dist/components/card/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index32.css');const n=require("react/jsx-runtime"),l=require("../../classix-5H4IWnMA.cjs"),j=require("../badge/index.cjs"),f=require("../checkbox/index.cjs"),g=require("../figure/index.cjs"),v=require("../icon/index.cjs"),w="_card_1nm90_1",h="_head_1nm90_28",N="_center_1nm90_40",q="_content_1nm90_52",y="_preview_1nm90_58",b="_margin_1nm90_98",T="_clickable_1nm90_143",k="_muted_1nm90_158",D="_selected_1nm90_163",e={card:w,head:h,center:N,content:q,preview:y,"preview-leading":"_preview-leading_1nm90_69","preview-trailing":"_preview-trailing_1nm90_70","preview-content":"_preview-content_1nm90_90",margin:b,clickable:T,muted:k,selected:D,"image-top":"_image-top_1nm90_168","image-left":"_image-left_1nm90_179"},E=({actions:x,badge:_,checkbox:c,children:o,emphasis:u="default",header:d,icon:p,image:s,imagePosition:r="top",onClick:a,preview:m,variant:i="default"})=>n.jsxs("article",{className:l.t(e.card,u==="muted"&&e.muted,a&&e.clickable,(c==null?void 0:c.checked)&&e.selected),"data-emphasis":u,"data-minimal":i==="minimal",onClick:a,onKeyDown:t=>{a&&t.currentTarget===document.activeElement&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),t.currentTarget.click())},tabIndex:a?0:-1,"data-component":"card",children:[s&&i!=="minimal"&&r==="top"&&n.jsx(g.Figure,{className:e[`image-${r}`],children:s}),n.jsxs("section",{children:[n.jsxs("div",{className:l.t(e.head,i==="minimal"&&e.center),children:[c&&n.jsx("span",{onClick:t=>t.stopPropagation(),children:n.jsx(f.Checkbox,{...c})}),s&&i!=="minimal"&&r==="left"&&n.jsx(g.Figure,{className:e[`image-${r}`],children:s}),d,_&&n.jsx(j.Badge,{..._}),p&&n.jsx(v.Icon,{name:p,size:"medium"}),x]}),o&&i!=="minimal"&&n.jsx("div",{className:l.t(e.content,!!d&&e.margin),children:o}),m&&i!=="minimal"&&n.jsxs("div",{className:l.t(e.preview,!!d&&e.margin),children:[n.jsx("span",{className:e["preview-leading"],children:m.leading}),n.jsx("span",{className:e["preview-content"],children:m.children}),n.jsx("span",{className:e["preview-trailing"],children:m.trailing})]})]})]});exports.Card=E;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index30.css');const n=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),x=require("../badge/index.cjs"),j=require("../checkbox/index.cjs"),g=require("../figure/index.cjs"),f=require("../icon/index.cjs"),v="_card_133qp_1",w="_head_133qp_28",h="_center_133qp_40",N="_content_133qp_52",y="_preview_133qp_58",b="_margin_133qp_98",T="_clickable_133qp_143",k="_muted_133qp_158",D="_selected_133qp_163",e={card:v,head:w,center:h,content:N,preview:y,"preview-leading":"_preview-leading_133qp_69","preview-trailing":"_preview-trailing_133qp_70","preview-content":"_preview-content_133qp_90",margin:b,clickable:T,muted:k,selected:D,"image-top":"_image-top_133qp_168","image-left":"_image-left_133qp_179"},E=({actions:q,badge:m,checkbox:c,children:p,emphasis:o="default",header:_,icon:u,image:s,imagePosition:r="top",onClick:a,preview:l,variant:i="default"})=>n.jsxs("article",{className:d.t(e.card,o==="muted"&&e.muted,a&&e.clickable,(c==null?void 0:c.checked)&&e.selected),"data-emphasis":o,"data-minimal":i==="minimal",onClick:a,onKeyDown:t=>{a&&t.currentTarget===document.activeElement&&(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),t.currentTarget.click())},tabIndex:a?0:-1,"data-component":"card",children:[s&&i!=="minimal"&&r==="top"&&n.jsx(g.Figure,{className:e[`image-${r}`],children:s}),n.jsxs("section",{children:[n.jsxs("div",{className:d.t(e.head,i==="minimal"&&e.center),children:[c&&n.jsx("span",{onClick:t=>t.stopPropagation(),children:n.jsx(j.Checkbox,{...c})}),s&&i!=="minimal"&&r==="left"&&n.jsx(g.Figure,{className:e[`image-${r}`],children:s}),_,m&&n.jsx(x.Badge,{...m}),u&&n.jsx(f.Icon,{name:u,size:"medium"}),q]}),p&&i!=="minimal"&&n.jsx("div",{className:d.t(e.content,!!_&&e.margin),children:p}),l&&i!=="minimal"&&n.jsxs("div",{className:d.t(e.preview,!!_&&e.margin),children:[n.jsx("span",{className:e["preview-leading"],children:l.leading}),n.jsx("span",{className:e["preview-content"],children:l.children}),n.jsx("span",{className:e["preview-trailing"],children:l.trailing})]})]})]});exports.Card=E;
 //# sourceMappingURL=index.cjs.map

package/dist/components/card/index.js

@@ -1,55 +1,55 @@
-import { jsxs as d, jsx as n } from "react/jsx-runtime";
-import { t as s } from "../../classix-DG18itHa.js";
-import { Badge as v } from "../badge/index.js";
-import { Checkbox as N } from "../checkbox/index.js";
+import { jsxs as d, jsx as t } from "react/jsx-runtime";
+import { t as p } from "../../classix-DG18itHa.js";
+import { Badge as w } from "../badge/index.js";
+import { Checkbox as v } from "../checkbox/index.js";
 import { Figure as f } from "../figure/index.js";
-import { Icon as h } from "../icon/index.js";
-import '../../assets/index32.css';const y = "_card_1nm90_1", j = "_head_1nm90_28", D = "_center_1nm90_40", E = "_content_1nm90_52", I = "_preview_1nm90_58", T = "_margin_1nm90_98", $ = "_clickable_1nm90_143", k = "_muted_1nm90_158", z = "_selected_1nm90_163", e = {
-  card: y,
-  head: j,
-  center: D,
-  content: E,
-  preview: I,
-  "preview-leading": "_preview-leading_1nm90_69",
-  "preview-trailing": "_preview-trailing_1nm90_70",
-  "preview-content": "_preview-content_1nm90_90",
-  margin: T,
-  clickable: $,
-  muted: k,
-  selected: z,
-  "image-top": "_image-top_1nm90_168",
-  "image-left": "_image-left_1nm90_179"
+import { Icon as N } from "../icon/index.js";
+import '../../assets/index30.css';const h = "_card_133qp_1", y = "_head_133qp_28", j = "_center_133qp_40", D = "_content_133qp_52", E = "_preview_133qp_58", I = "_margin_133qp_98", T = "_clickable_133qp_143", $ = "_muted_133qp_158", k = "_selected_133qp_163", e = {
+  card: h,
+  head: y,
+  center: j,
+  content: D,
+  preview: E,
+  "preview-leading": "_preview-leading_133qp_69",
+  "preview-trailing": "_preview-trailing_133qp_70",
+  "preview-content": "_preview-content_133qp_90",
+  margin: I,
+  clickable: T,
+  muted: $,
+  selected: k,
+  "image-top": "_image-top_133qp_168",
+  "image-left": "_image-left_133qp_179"
 }, G = ({
-  actions: w,
-  badge: o,
-  checkbox: r,
-  children: p,
+  actions: q,
+  badge: _,
+  checkbox: a,
+  children: o,
   emphasis: g = "default",
-  header: _,
+  header: s,
   icon: u,
-  image: a,
-  imagePosition: i = "top",
-  onClick: c,
-  preview: l,
-  variant: m = "default"
-}) => /* @__PURE__ */ d("article", { className: s(e.card, g === "muted" && e.muted, c && e.clickable, (r == null ? void 0 : r.checked) && e.selected), "data-emphasis": g, "data-minimal": m === "minimal", onClick: c, onKeyDown: (t) => {
-  c && t.currentTarget === document.activeElement && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), t.currentTarget.click());
-}, tabIndex: c ? 0 : -1, "data-component": "card", children: [
-  a && m !== "minimal" && i === "top" && /* @__PURE__ */ n(f, { className: e[`image-${i}`], children: a }),
+  image: i,
+  imagePosition: c = "top",
+  onClick: l,
+  preview: m,
+  variant: r = "default"
+}) => /* @__PURE__ */ d("article", { className: p(e.card, g === "muted" && e.muted, l && e.clickable, (a == null ? void 0 : a.checked) && e.selected), "data-emphasis": g, "data-minimal": r === "minimal", onClick: l, onKeyDown: (n) => {
+  l && n.currentTarget === document.activeElement && (n.key === "Enter" || n.key === " ") && (n.preventDefault(), n.currentTarget.click());
+}, tabIndex: l ? 0 : -1, "data-component": "card", children: [
+  i && r !== "minimal" && c === "top" && /* @__PURE__ */ t(f, { className: e[`image-${c}`], children: i }),
   /* @__PURE__ */ d("section", { children: [
-    /* @__PURE__ */ d("div", { className: s(e.head, m === "minimal" && e.center), children: [
-      r && /* @__PURE__ */ n("span", { onClick: (t) => t.stopPropagation(), children: /* @__PURE__ */ n(N, { ...r }) }),
-      a && m !== "minimal" && i === "left" && /* @__PURE__ */ n(f, { className: e[`image-${i}`], children: a }),
-      _,
-      o && /* @__PURE__ */ n(v, { ...o }),
-      u && /* @__PURE__ */ n(h, { name: u, size: "medium" }),
-      w
+    /* @__PURE__ */ d("div", { className: p(e.head, r === "minimal" && e.center), children: [
+      a && /* @__PURE__ */ t("span", { onClick: (n) => n.stopPropagation(), children: /* @__PURE__ */ t(v, { ...a }) }),
+      i && r !== "minimal" && c === "left" && /* @__PURE__ */ t(f, { className: e[`image-${c}`], children: i }),
+      s,
+      _ && /* @__PURE__ */ t(w, { ..._ }),
+      u && /* @__PURE__ */ t(N, { name: u, size: "medium" }),
+      q
     ] }),
-    p && m !== "minimal" && /* @__PURE__ */ n("div", { className: s(e.content, !!_ && e.margin), children: p }),
-    l && m !== "minimal" && /* @__PURE__ */ d("div", { className: s(e.preview, !!_ && e.margin), children: [
-      /* @__PURE__ */ n("span", { className: e["preview-leading"], children: l.leading }),
-      /* @__PURE__ */ n("span", { className: e["preview-content"], children: l.children }),
-      /* @__PURE__ */ n("span", { className: e["preview-trailing"], children: l.trailing })
+    o && r !== "minimal" && /* @__PURE__ */ t("div", { className: p(e.content, !!s && e.margin), children: o }),
+    m && r !== "minimal" && /* @__PURE__ */ d("div", { className: p(e.preview, !!s && e.margin), children: [
+      /* @__PURE__ */ t("span", { className: e["preview-leading"], children: m.leading }),
+      /* @__PURE__ */ t("span", { className: e["preview-content"], children: m.children }),
+      /* @__PURE__ */ t("span", { className: e["preview-trailing"], children: m.trailing })
     ] })
   ] })
 ] });

package/dist/components/checkbox/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const e=require("react/jsx-runtime"),x=require("../../icons-ovA21Oao.cjs"),b=require("../loading/index.cjs"),h="_checkbox_1glqu_3",u={checkbox:h},k=({checked:s,disabled:t,isLoading:c,label:o,onChange:n,...i})=>{const r={"--icon-svg":x.iconSVG("check")};return e.jsxs("label",{className:u.checkbox,"data-component":"checkbox",children:[e.jsx("input",{checked:s,disabled:t||c,onChange:n,type:"checkbox",style:r,...i}),c&&e.jsx(b.Loading,{size:16,sticky:!0}),o&&o]})};exports.Checkbox=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index31.css');const e=require("react/jsx-runtime"),x=require("../../icons-DaZGJzI0.cjs"),b=require("../loading/index.cjs"),h="_checkbox_fv4yk_3",k={checkbox:h},u=({checked:s,disabled:t,isLoading:c,label:o,onChange:n,...i})=>{const r={"--icon-svg":x.iconSVG("check")};return e.jsxs("label",{className:k.checkbox,"data-component":"checkbox",children:[e.jsx("input",{checked:s,disabled:t||c,onChange:n,type:"checkbox",style:r,...i}),c&&e.jsx(b.Loading,{size:16,sticky:!0}),o&&o]})};exports.Checkbox=u;
 //# sourceMappingURL=index.cjs.map

package/dist/components/checkbox/index.js

@@ -1,9 +1,9 @@
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
-import { i as x } from "../../icons-Bq3diTRm.js";
-import { Loading as k } from "../loading/index.js";
-import '../../assets/index33.css';const b = "_checkbox_1glqu_3", m = {
+import { i as k } from "../../icons-Dj0vEOCB.js";
+import { Loading as x } from "../loading/index.js";
+import '../../assets/index31.css';const b = "_checkbox_fv4yk_3", m = {
   checkbox: b
-}, d = ({
+}, y = ({
   checked: t,
   disabled: s,
   isLoading: c,
@@ -12,15 +12,15 @@ import '../../assets/index33.css';const b = "_checkbox_1glqu_3", m = {
   ...i
 }) => {
   const n = {
-    "--icon-svg": x("check")
+    "--icon-svg": k("check")
   };
   return /* @__PURE__ */ h("label", { className: m.checkbox, "data-component": "checkbox", children: [
     /* @__PURE__ */ e("input", { checked: t, disabled: s || c, onChange: r, type: "checkbox", style: n, ...i }),
-    c && /* @__PURE__ */ e(k, { size: 16, sticky: !0 }),
+    c && /* @__PURE__ */ e(x, { size: 16, sticky: !0 }),
     o && o
   ] });
 };
 export {
-  d as Checkbox
+  y as Checkbox
 };
 //# sourceMappingURL=index.js.map

package/dist/components/chip/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.css');const e=require("react/jsx-runtime"),s=require("../../classix-5H4IWnMA.cjs"),r=require("../icon/index.cjs"),p=require("../button/index.cjs"),d=require("../link/index.cjs"),_="_chip_upnyk_3",k="_clickable_upnyk_23",u="_divider_upnyk_44",x="_link_upnyk_52",i={chip:_,clickable:k,delete:"_delete_upnyk_40",divider:u,link:x},m=({accessibleLabel:t,label:c,link:o,onDelete:a,...l})=>e.jsx(e.Fragment,{children:o?e.jsxs("span",{className:i.chip,...l,children:[e.jsx(d.Link,{className:s.t(i.link,i.clickable),onClick:n=>n.stopPropagation(),to:o,children:c}),e.jsx("span",{"aria-hidden":"true",className:i.divider}),e.jsx(p.Button,{"aria-label":t??`Delete ${c}`,className:s.t(i.delete,i.clickable),icon:"x",onClick:n=>{n.stopPropagation(),a()},variant:"simple"})]}):e.jsxs("a",{"aria-label":t??`Delete ${c}`,className:s.t(i.chip,i.clickable),onClick:n=>{n.stopPropagation(),a()},tabIndex:0,children:[c,e.jsx(r.Icon,{name:"x",size:"small"})]})});exports.Chip=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index32.css');const e=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),p=require("../icon/index.cjs"),d=require("../button/index.cjs"),_=require("../link/index.cjs"),u="_chip_1apyw_3",k="_clickable_1apyw_24",x="_divider_1apyw_45",m="_link_1apyw_53",i={chip:u,clickable:k,delete:"_delete_1apyw_41",divider:x,link:m},h=({accessibleLabel:s,className:o,label:t,link:a,onDelete:l,...r})=>e.jsx(e.Fragment,{children:a?e.jsxs("span",{className:c.t(i.chip,o),...r,children:[e.jsx(_.Link,{className:c.t(i.link,i.clickable),onClick:n=>n.stopPropagation(),to:a,children:t}),e.jsx("span",{"aria-hidden":"true",className:i.divider}),e.jsx(d.Button,{"aria-label":s??`Delete ${t}`,className:c.t(i.delete,i.clickable),icon:"x",onClick:n=>{n.stopPropagation(),l()},variant:"simple"})]}):e.jsxs("button",{...r,"aria-label":s??`Delete ${t}`,className:c.t(i.chip,i.clickable,o),onClick:n=>{n.stopPropagation(),l()},type:"button",children:[t,e.jsx(p.Icon,{name:"x",size:"small"})]})});exports.Chip=h;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\nexport type ChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {\n  accessibleLabel?: string;\n  label: string;\n  link?: string;\n  onDelete: () => void;\n};\n\nexport const Chip = ({ accessibleLabel, label, link, onDelete, ...props }: ChipProps) => {\n  return (\n    <>\n      {link ? (\n        <span\n          className={styles.chip}\n          {...props}\n        >\n          <Link\n            className={cx(styles.link, styles.clickable)}\n            onClick={(event) => event.stopPropagation()}\n            to={link}\n          >\n            {label}\n          </Link>\n          <span\n            aria-hidden='true'\n            className={styles.divider}\n          />\n          <Button\n            aria-label={accessibleLabel ?? `Delete ${label}`}\n            className={cx(styles.delete, styles.clickable)}\n            icon='x'\n            onClick={(event) => {\n              event.stopPropagation();\n              onDelete();\n            }}\n            variant='simple'\n          />\n        </span>\n      ) : (\n        <a\n          aria-label={accessibleLabel ?? `Delete ${label}`}\n          className={cx(styles.chip, styles.clickable)}\n          onClick={(event) => {\n            event.stopPropagation();\n            onDelete();\n          }}\n          tabIndex={0}\n        >\n          {label}\n          <Icon\n            name='x'\n            size='small'\n          />\n        </a>\n      )}\n    </>\n  );\n};\n"],"names":["Chip","accessibleLabel","label","link","onDelete","props","jsx","Fragment","jsxs","styles","chip","Link","cx","clickable","event","stopPropagation","divider","Button","delete","Icon"],"mappings":"iZAgBaA,EAAOA,CAAC,CAAEC,gBAAAA,EAAiBC,MAAAA,EAAOC,KAAAA,EAAMC,SAAAA,EAAU,GAAGC,CAAiB,IAE/EC,EAAAA,IAAAC,EAAAA,SAAA,CACGJ,WACCK,EAAAA,KAAC,OAAA,CACC,UAAWC,EAAOC,KAClB,GAAIL,EAEJ,SAAA,CAAAC,MAACK,EAAAA,KAAA,CACC,UAAWC,EAAAA,EAAGH,EAAON,KAAMM,EAAOI,SAAS,EAC3C,WAAoBC,EAAMC,gBAAAA,EAC1B,GAAIZ,EAEHD,SAAAA,EACH,QACC,OAAA,CACC,cAAY,OACZ,UAAWO,EAAOO,QAAQ,QAE3BC,EAAAA,OAAA,CACC,aAAYhB,GAAmB,UAAUC,CAAK,GAC9C,UAAWU,EAAAA,EAAGH,EAAOS,OAAQT,EAAOI,SAAS,EAC7C,KAAK,IACL,QAAUC,GAAU,CAClBA,EAAMC,gBAAAA,EACNX,EAAAA,CACF,EACA,QAAQ,QAAA,CAAQ,CAAA,EAEpB,EAEAI,EAAAA,KAAC,IAAA,CACC,aAAYP,GAAmB,UAAUC,CAAK,GAC9C,UAAWU,EAAAA,EAAGH,EAAOC,KAAMD,EAAOI,SAAS,EAC3C,QAAUC,GAAU,CAClBA,EAAMC,gBAAAA,EACNX,EAAAA,CACF,EACA,SAAU,EAETF,SAAAA,CAAAA,EACDI,EAAAA,IAACa,EAAAA,KAAA,CACC,KAAK,IACL,KAAK,OAAA,CAAO,CAAA,CAAA,CAEhB,CAAA,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\ntype ChipSharedProps = {\n  accessibleLabel?: string;\n  label: string;\n  onDelete: () => void;\n};\n\ntype LinkedChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> &\n  ChipSharedProps & {\n    link: string;\n  };\n\ntype UnlinkedChipAttributes = Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'>;\n\ntype UnlinkedChipProps = UnlinkedChipAttributes &\n  ChipSharedProps & {\n    link?: undefined;\n  };\n\nexport type ChipProps = LinkedChipProps | UnlinkedChipProps;\n\nexport const Chip = ({ accessibleLabel, className, label, link, onDelete, ...props }: ChipProps) => {\n  return (\n    <>\n      {link ? (\n        <span\n          className={cx(styles.chip, className)}\n          {...props}\n        >\n          <Link\n            className={cx(styles.link, styles.clickable)}\n            onClick={(event) => event.stopPropagation()}\n            to={link}\n          >\n            {label}\n          </Link>\n          <span\n            aria-hidden='true'\n            className={styles.divider}\n          />\n          <Button\n            aria-label={accessibleLabel ?? `Delete ${label}`}\n            className={cx(styles.delete, styles.clickable)}\n            icon='x'\n            onClick={(event) => {\n              event.stopPropagation();\n              onDelete();\n            }}\n            variant='simple'\n          />\n        </span>\n      ) : (\n        <button\n          {...(props as UnlinkedChipAttributes)}\n          aria-label={accessibleLabel ?? `Delete ${label}`}\n          className={cx(styles.chip, styles.clickable, className)}\n          onClick={(event) => {\n            event.stopPropagation();\n            onDelete();\n          }}\n          type='button'\n        >\n          {label}\n          <Icon\n            name='x'\n            size='small'\n          />\n        </button>\n      )}\n    </>\n  );\n};\n"],"names":["Chip","accessibleLabel","className","label","link","onDelete","props","jsx","Fragment","jsxs","cx","styles","chip","Link","clickable","event","stopPropagation","divider","Button","delete","Icon"],"mappings":"iZA6BaA,EAAOA,CAAC,CAAEC,gBAAAA,EAAiBC,UAAAA,EAAWC,MAAAA,EAAOC,KAAAA,EAAMC,SAAAA,EAAU,GAAGC,CAAiB,IAE1FC,EAAAA,IAAAC,EAAAA,SAAA,CACGJ,SAAAA,EACCK,EAAAA,KAAC,OAAA,CACC,UAAWC,EAAAA,EAAGC,EAAOC,KAAMV,CAAS,EACpC,GAAII,EAEJ,SAAA,CAAAC,MAACM,EAAAA,KAAA,CACC,UAAWH,EAAAA,EAAGC,EAAOP,KAAMO,EAAOG,SAAS,EAC3C,WAAoBC,EAAMC,gBAAAA,EAC1B,GAAIZ,EAEHD,SAAAA,EACH,QACC,OAAA,CACC,cAAY,OACZ,UAAWQ,EAAOM,QAAQ,QAE3BC,EAAAA,OAAA,CACC,aAAYjB,GAAmB,UAAUE,CAAK,GAC9C,UAAWO,EAAAA,EAAGC,EAAOQ,OAAQR,EAAOG,SAAS,EAC7C,KAAK,IACL,QAAUC,GAAU,CAClBA,EAAMC,gBAAAA,EACNX,EAAAA,CACF,EACA,QAAQ,QAAA,CAAQ,CAAA,EAEpB,EAEAI,OAAC,SAAA,IACMH,EACL,aAAYL,GAAmB,UAAUE,CAAK,GAC9C,UAAWO,EAAAA,EAAGC,EAAOC,KAAMD,EAAOG,UAAWZ,CAAS,EACtD,QAAUa,GAAU,CAClBA,EAAMC,gBAAAA,EACNX,EAAAA,CACF,EACA,KAAK,SAEJF,SAAAA,CAAAA,EACDI,EAAAA,IAACa,EAAAA,KAAA,CACC,KAAK,IACL,KAAK,OAAA,CAAO,CAAA,CAAA,CAEhB,CAAA,CAEJ"}

package/dist/components/chip/index.js

@@ -1,33 +1,34 @@
-import { jsx as c, Fragment as p, jsxs as r } from "react/jsx-runtime";
-import { t as a } from "../../classix-DG18itHa.js";
-import { Icon as m } from "../icon/index.js";
-import { Button as d } from "../button/index.js";
+import { jsx as t, Fragment as m, jsxs as s } from "react/jsx-runtime";
+import { t as c } from "../../classix-DG18itHa.js";
+import { Icon as d } from "../icon/index.js";
+import { Button as _ } from "../button/index.js";
 import { Link as k } from "../link/index.js";
-import '../../assets/index34.css';const _ = "_chip_upnyk_3", h = "_clickable_upnyk_23", u = "_divider_upnyk_44", x = "_link_upnyk_52", i = {
-  chip: _,
-  clickable: h,
-  delete: "_delete_upnyk_40",
-  divider: u,
-  link: x
-}, g = ({
+import '../../assets/index32.css';const h = "_chip_1apyw_3", y = "_clickable_1apyw_24", b = "_divider_1apyw_45", f = "_link_1apyw_53", i = {
+  chip: h,
+  clickable: y,
+  delete: "_delete_1apyw_41",
+  divider: b,
+  link: f
+}, C = ({
   accessibleLabel: o,
-  label: n,
-  link: t,
-  onDelete: l,
-  ...s
-}) => /* @__PURE__ */ c(p, { children: t ? /* @__PURE__ */ r("span", { className: i.chip, ...s, children: [
-  /* @__PURE__ */ c(k, { className: a(i.link, i.clickable), onClick: (e) => e.stopPropagation(), to: t, children: n }),
-  /* @__PURE__ */ c("span", { "aria-hidden": "true", className: i.divider }),
-  /* @__PURE__ */ c(d, { "aria-label": o ?? `Delete ${n}`, className: a(i.delete, i.clickable), icon: "x", onClick: (e) => {
-    e.stopPropagation(), l();
+  className: n,
+  label: a,
+  link: l,
+  onDelete: r,
+  ...p
+}) => /* @__PURE__ */ t(m, { children: l ? /* @__PURE__ */ s("span", { className: c(i.chip, n), ...p, children: [
+  /* @__PURE__ */ t(k, { className: c(i.link, i.clickable), onClick: (e) => e.stopPropagation(), to: l, children: a }),
+  /* @__PURE__ */ t("span", { "aria-hidden": "true", className: i.divider }),
+  /* @__PURE__ */ t(_, { "aria-label": o ?? `Delete ${a}`, className: c(i.delete, i.clickable), icon: "x", onClick: (e) => {
+    e.stopPropagation(), r();
   }, variant: "simple" })
-] }) : /* @__PURE__ */ r("a", { "aria-label": o ?? `Delete ${n}`, className: a(i.chip, i.clickable), onClick: (e) => {
-  e.stopPropagation(), l();
-}, tabIndex: 0, children: [
-  n,
-  /* @__PURE__ */ c(m, { name: "x", size: "small" })
+] }) : /* @__PURE__ */ s("button", { ...p, "aria-label": o ?? `Delete ${a}`, className: c(i.chip, i.clickable, n), onClick: (e) => {
+  e.stopPropagation(), r();
+}, type: "button", children: [
+  a,
+  /* @__PURE__ */ t(d, { name: "x", size: "small" })
 ] }) });
 export {
-  g as Chip
+  C as Chip
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\nexport type ChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> & {\n  accessibleLabel?: string;\n  label: string;\n  link?: string;\n  onDelete: () => void;\n};\n\nexport const Chip = ({ accessibleLabel, label, link, onDelete, ...props }: ChipProps) => {\n  return (\n    <>\n      {link ? (\n        <span\n          className={styles.chip}\n          {...props}\n        >\n          <Link\n            className={cx(styles.link, styles.clickable)}\n            onClick={(event) => event.stopPropagation()}\n            to={link}\n          >\n            {label}\n          </Link>\n          <span\n            aria-hidden='true'\n            className={styles.divider}\n          />\n          <Button\n            aria-label={accessibleLabel ?? `Delete ${label}`}\n            className={cx(styles.delete, styles.clickable)}\n            icon='x'\n            onClick={(event) => {\n              event.stopPropagation();\n              onDelete();\n            }}\n            variant='simple'\n          />\n        </span>\n      ) : (\n        <a\n          aria-label={accessibleLabel ?? `Delete ${label}`}\n          className={cx(styles.chip, styles.clickable)}\n          onClick={(event) => {\n            event.stopPropagation();\n            onDelete();\n          }}\n          tabIndex={0}\n        >\n          {label}\n          <Icon\n            name='x'\n            size='small'\n          />\n        </a>\n      )}\n    </>\n  );\n};\n"],"names":["Chip","accessibleLabel","label","link","onDelete","props","jsx","Fragment","jsxs","styles","chip","Link","cx","clickable","event","stopPropagation","divider","Button","delete","Icon"],"mappings":";;;;;;;;;;;GAgBaA,IAAOA,CAAC;AAAA,EAAEC,iBAAAA;AAAAA,EAAiBC,OAAAA;AAAAA,EAAOC,MAAAA;AAAAA,EAAMC,UAAAA;AAAAA,EAAU,GAAGC;AAAiB,MAE/E,gBAAAC,EAAAC,GAAA,EACGJ,cACC,gBAAAK,EAAC,QAAA,EACC,WAAWC,EAAOC,MAClB,GAAIL,GAEJ,UAAA;AAAA,EAAA,gBAAAC,EAACK,GAAA,EACC,WAAWC,EAAGH,EAAON,MAAMM,EAAOI,SAAS,GAC3C,SAAUC,OAAUA,EAAMC,gBAAAA,GAC1B,IAAIZ,GAEHD,UAAAA,GACH;AAAA,oBACC,QAAA,EACC,eAAY,QACZ,WAAWO,EAAOO,SAAQ;AAAA,oBAE3BC,GAAA,EACC,cAAYhB,KAAmB,UAAUC,CAAK,IAC9C,WAAWU,EAAGH,EAAOS,QAAQT,EAAOI,SAAS,GAC7C,MAAK,KACL,SAAUC,CAAAA,MAAU;AAClBA,IAAAA,EAAMC,gBAAAA,GACNX,EAAAA;AAAAA,EACF,GACA,SAAQ,SAAA,CAAQ;AAAA,GAEpB,IAEA,gBAAAI,EAAC,KAAA,EACC,cAAYP,KAAmB,UAAUC,CAAK,IAC9C,WAAWU,EAAGH,EAAOC,MAAMD,EAAOI,SAAS,GAC3C,SAAUC,CAAAA,MAAU;AAClBA,EAAAA,EAAMC,gBAAAA,GACNX,EAAAA;AACF,GACA,UAAU,GAETF,UAAAA;AAAAA,EAAAA;AAAAA,EACD,gBAAAI,EAACa,GAAA,EACC,MAAK,KACL,MAAK,QAAA,CAAO;AAAA,EAAA,CAEhB,EAAA,CAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/chip/index.tsx"],"sourcesContent":["import cx from 'classix';\nimport type { ComponentPropsWithoutRef } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport { Button } from '../button';\nimport { Link } from '../link';\nimport styles from './styles.module.css';\n\ntype ChipSharedProps = {\n  accessibleLabel?: string;\n  label: string;\n  onDelete: () => void;\n};\n\ntype LinkedChipProps = Omit<ComponentPropsWithoutRef<'span'>, 'children'> &\n  ChipSharedProps & {\n    link: string;\n  };\n\ntype UnlinkedChipAttributes = Omit<ComponentPropsWithoutRef<'button'>, 'children' | 'onClick'>;\n\ntype UnlinkedChipProps = UnlinkedChipAttributes &\n  ChipSharedProps & {\n    link?: undefined;\n  };\n\nexport type ChipProps = LinkedChipProps | UnlinkedChipProps;\n\nexport const Chip = ({ accessibleLabel, className, label, link, onDelete, ...props }: ChipProps) => {\n  return (\n    <>\n      {link ? (\n        <span\n          className={cx(styles.chip, className)}\n          {...props}\n        >\n          <Link\n            className={cx(styles.link, styles.clickable)}\n            onClick={(event) => event.stopPropagation()}\n            to={link}\n          >\n            {label}\n          </Link>\n          <span\n            aria-hidden='true'\n            className={styles.divider}\n          />\n          <Button\n            aria-label={accessibleLabel ?? `Delete ${label}`}\n            className={cx(styles.delete, styles.clickable)}\n            icon='x'\n            onClick={(event) => {\n              event.stopPropagation();\n              onDelete();\n            }}\n            variant='simple'\n          />\n        </span>\n      ) : (\n        <button\n          {...(props as UnlinkedChipAttributes)}\n          aria-label={accessibleLabel ?? `Delete ${label}`}\n          className={cx(styles.chip, styles.clickable, className)}\n          onClick={(event) => {\n            event.stopPropagation();\n            onDelete();\n          }}\n          type='button'\n        >\n          {label}\n          <Icon\n            name='x'\n            size='small'\n          />\n        </button>\n      )}\n    </>\n  );\n};\n"],"names":["Chip","accessibleLabel","className","label","link","onDelete","props","jsx","Fragment","jsxs","cx","styles","chip","Link","clickable","event","stopPropagation","divider","Button","delete","Icon"],"mappings":";;;;;;;;;;;GA6BaA,IAAOA,CAAC;AAAA,EAAEC,iBAAAA;AAAAA,EAAiBC,WAAAA;AAAAA,EAAWC,OAAAA;AAAAA,EAAOC,MAAAA;AAAAA,EAAMC,UAAAA;AAAAA,EAAU,GAAGC;AAAiB,MAE1F,gBAAAC,EAAAC,GAAA,EACGJ,UAAAA,IACC,gBAAAK,EAAC,QAAA,EACC,WAAWC,EAAGC,EAAOC,MAAMV,CAAS,GACpC,GAAII,GAEJ,UAAA;AAAA,EAAA,gBAAAC,EAACM,GAAA,EACC,WAAWH,EAAGC,EAAOP,MAAMO,EAAOG,SAAS,GAC3C,SAAUC,OAAUA,EAAMC,gBAAAA,GAC1B,IAAIZ,GAEHD,UAAAA,GACH;AAAA,oBACC,QAAA,EACC,eAAY,QACZ,WAAWQ,EAAOM,SAAQ;AAAA,oBAE3BC,GAAA,EACC,cAAYjB,KAAmB,UAAUE,CAAK,IAC9C,WAAWO,EAAGC,EAAOQ,QAAQR,EAAOG,SAAS,GAC7C,MAAK,KACL,SAAUC,CAAAA,MAAU;AAClBA,IAAAA,EAAMC,gBAAAA,GACNX,EAAAA;AAAAA,EACF,GACA,SAAQ,SAAA,CAAQ;AAAA,GAEpB,IAEA,gBAAAI,EAAC,UAAA,KACMH,GACL,cAAYL,KAAmB,UAAUE,CAAK,IAC9C,WAAWO,EAAGC,EAAOC,MAAMD,EAAOG,WAAWZ,CAAS,GACtD,SAAUa,CAAAA,MAAU;AAClBA,EAAAA,EAAMC,gBAAAA,GACNX,EAAAA;AACF,GACA,MAAK,UAEJF,UAAAA;AAAAA,EAAAA;AAAAA,EACD,gBAAAI,EAACa,GAAA,EACC,MAAK,KACL,MAAK,QAAA,CAAO;AAAA,EAAA,CAEhB,EAAA,CAEJ;"}

package/dist/components/collapsible/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index35.css');const t=require("react/jsx-runtime"),p=require("../icon/index.cjs"),u="_collapsible_471bm_6",b="_content_471bm_17",y="_indicator_471bm_21",s={collapsible:u,content:b,indicator:y};let e;const _=({children:c,disabled:i,open:r,summary:d})=>{const m=l=>{const n=l.currentTarget.closest("details");if(!n||!document.startViewTransition)return;l.preventDefault(),e==null||e.details.style.removeProperty("view-transition-name"),n.style.viewTransitionName="details-expand";const o=document.startViewTransition(()=>n.open=!n.open);e={details:n,transition:o},o.ready.catch(()=>{});const a=()=>{(e==null?void 0:e.transition)===o&&(n.style.removeProperty("view-transition-name"),e=void 0)};o.finished.then(a,a)};return t.jsxs("details",{className:s.collapsible,open:i||r||void 0,"data-component":"collapsible",children:[t.jsxs("summary",{onClick:m,children:[t.jsx("span",{className:s.content,"data-content":"collapsible-summary",children:d}),!i&&t.jsx("span",{className:s.indicator,"data-content":"collapsible-indicator",children:t.jsx(p.Icon,{name:"chevron",size:"small"})})]}),c]})};exports.Collapsible=_;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const e=require("react/jsx-runtime"),t=require("../icon/index.cjs"),i="_collapsible_vloyq_6",a="_content_vloyq_17",r="_indicator_vloyq_21",n={collapsible:i,content:a,indicator:r},d=({children:l,disabled:o,open:s,summary:c})=>e.jsxs("details",{className:n.collapsible,open:o||s||void 0,"data-component":"collapsible",children:[e.jsxs("summary",{children:[e.jsx("span",{className:n.content,"data-content":"collapsible-summary",children:c}),!o&&e.jsx("span",{className:n.indicator,"data-content":"collapsible-indicator",children:e.jsx(t.Icon,{name:"chevron",size:"medium"})})]}),l]});exports.Collapsible=d;
 //# sourceMappingURL=index.cjs.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","sources":["../../../src/components/collapsible/index.tsx"],"sourcesContent":["import type { MouseEventHandler, ReactNode } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type CollapsibleProps = {\n  children: ReactNode;\n  disabled?: boolean;\n  open?: boolean;\n  summary: ReactNode;\n};\n\nlet activeTransition:\n  | { details: HTMLDetailsElement; transition: ViewTransition }\n  | undefined;\n\nexport const Collapsible = ({ children, disabled, open, summary }: CollapsibleProps) => {\n  const handleSummaryClick: MouseEventHandler<HTMLElement> = (event) => {\n    const details = event.currentTarget.closest('details') as HTMLDetailsElement | null;\n    if (!details || !document.startViewTransition) return;\n\n    event.preventDefault();\n\n    activeTransition?.details.style.removeProperty('view-transition-name');\n    details.style.viewTransitionName = 'details-expand';\n\n    const transition = document.startViewTransition(() => (details.open = !details.open));\n    activeTransition = { details, transition };\n\n    void transition.ready.catch(() => undefined);\n    const cleanupTransition = () => {\n      if (activeTransition?.transition !== transition) return;\n\n      details.style.removeProperty('view-transition-name');\n      activeTransition = undefined;\n    };\n    void transition.finished.then(cleanupTransition, cleanupTransition);\n  };\n\n  return (\n    <details\n      className={styles.collapsible}\n      open={disabled || open || undefined}\n    >\n      <summary onClick={handleSummaryClick}>\n        <span\n          className={styles.content}\n          data-content='collapsible-summary'\n        >\n          {summary}\n        </span>\n        {!disabled && (\n          <span\n            className={styles.indicator}\n            data-content='collapsible-indicator'\n          >\n            <Icon\n              name='chevron'\n              size='small'\n            />\n          </span>\n        )}\n      </summary>\n\n      {children}\n    </details>\n  );\n};\n"],"names":["activeTransition","Collapsible","children","disabled","open","summary","handleSummaryClick","event","details","currentTarget","closest","document","startViewTransition","preventDefault","style","removeProperty","viewTransitionName","transition","ready","catch","cleanupTransition","undefined","finished","then","jsxs","styles","collapsible","jsx","content","indicator","Icon"],"mappings":"mQAaA,IAAIA,EAIG,MAAMC,EAAcA,CAAC,CAAEC,SAAAA,EAAUC,SAAAA,EAAUC,KAAAA,EAAMC,QAAAA,CAA0B,IAAM,CACtF,MAAMC,EAAsDC,GAAU,CACpE,MAAMC,EAAUD,EAAME,cAAcC,QAAQ,SAAS,EACrD,GAAI,CAACF,GAAW,CAACG,SAASC,oBAAqB,OAE/CL,EAAMM,eAAAA,EAENb,GAAAA,MAAAA,EAAkBQ,QAAQM,MAAMC,eAAe,wBAC/CP,EAAQM,MAAME,mBAAqB,iBAEnC,MAAMC,EAAaN,SAASC,oBAAoB,IAAOJ,EAAQJ,KAAO,CAACI,EAAQJ,IAAK,EACpFJ,EAAmB,CAAEQ,QAAAA,EAASS,WAAAA,CAAAA,EAEzBA,EAAWC,MAAMC,MAAM,IAAA,EAAe,EAC3C,MAAMC,EAAoBA,IAAM,EAC1BpB,GAAAA,YAAAA,EAAkBiB,cAAeA,IAErCT,EAAQM,MAAMC,eAAe,sBAAsB,EACnDf,EAAmBqB,OACrB,EACKJ,EAAWK,SAASC,KAAKH,EAAmBA,CAAiB,CACpE,EAEA,OACEI,EAAAA,KAAC,UAAA,CACC,UAAWC,EAAOC,YAClB,KAAMvB,GAAYC,GAAQiB,OAAU,iBAAA,cAEpC,SAAA,CAAAG,EAAAA,KAAC,UAAA,CAAQ,QAASlB,EAChB,SAAA,CAAAqB,MAAC,QACC,UAAWF,EAAOG,QAClB,eAAa,sBAEZvB,SAAAA,EACH,EACC,CAACF,GACAwB,EAAAA,IAAC,OAAA,CACC,UAAWF,EAAOI,UAClB,eAAa,wBAEb,eAACC,EAAAA,KAAA,CACC,KAAK,UACL,KAAK,QAAO,CAAA,CAEhB,CAAA,EAEJ,EAEC5B,CAAAA,EACH,CAEJ"}
+{"version":3,"file":"index.cjs","sources":["../../../src/components/collapsible/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type CollapsibleProps = {\n  children: ReactNode;\n  disabled?: boolean;\n  open?: boolean;\n  summary: ReactNode;\n};\n\nexport const Collapsible = ({ children, disabled, open, summary }: CollapsibleProps) => {\n  return (\n    <details\n      className={styles.collapsible}\n      open={disabled || open || undefined}\n    >\n      <summary>\n        <span\n          className={styles.content}\n          data-content='collapsible-summary'\n        >\n          {summary}\n        </span>\n        {!disabled && (\n          <span\n            className={styles.indicator}\n            data-content='collapsible-indicator'\n          >\n            <Icon\n              name='chevron'\n              size='medium'\n            />\n          </span>\n        )}\n      </summary>\n\n      {children}\n    </details>\n  );\n};\n"],"names":["Collapsible","children","disabled","open","summary","jsxs","styles","collapsible","undefined","jsx","content","indicator","Icon"],"mappings":"mQAaaA,EAAcA,CAAC,CAAEC,SAAAA,EAAUC,SAAAA,EAAUC,KAAAA,EAAMC,QAAAA,CAA0B,IAE9EC,EAAAA,KAAC,UAAA,CACC,UAAWC,EAAOC,YAClB,KAAML,GAAYC,GAAQK,OAAU,iBAAA,cAEpC,SAAA,CAAAH,OAAC,UAAA,CACC,SAAA,CAAAI,MAAC,QACC,UAAWH,EAAOI,QAClB,eAAa,sBAEZN,SAAAA,EACH,EACC,CAACF,GACAO,EAAAA,IAAC,OAAA,CACC,UAAWH,EAAOK,UAClB,eAAa,wBAEb,eAACC,EAAAA,KAAA,CACC,KAAK,UACL,KAAK,SAAQ,CAAA,CAEjB,CAAA,EAEJ,EAECX,CAAAA,EACH"}

package/dist/components/collapsible/index.js

@@ -1,41 +1,22 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
-import { Icon as u } from "../icon/index.js";
-import '../../assets/index35.css';const b = "_collapsible_471bm_6", y = "_content_471bm_17", h = "_indicator_471bm_21", i = {
-  collapsible: b,
-  content: y,
-  indicator: h
-};
-let t;
-const f = ({
-  children: r,
-  disabled: s,
-  open: d,
-  summary: m
-}) => {
-  const p = (a) => {
-    const e = a.currentTarget.closest("details");
-    if (!e || !document.startViewTransition) return;
-    a.preventDefault(), t == null || t.details.style.removeProperty("view-transition-name"), e.style.viewTransitionName = "details-expand";
-    const n = document.startViewTransition(() => e.open = !e.open);
-    t = {
-      details: e,
-      transition: n
-    }, n.ready.catch(() => {
-    });
-    const l = () => {
-      (t == null ? void 0 : t.transition) === n && (e.style.removeProperty("view-transition-name"), t = void 0);
-    };
-    n.finished.then(l, l);
-  };
-  return /* @__PURE__ */ c("details", { className: i.collapsible, open: s || d || void 0, "data-component": "collapsible", children: [
-    /* @__PURE__ */ c("summary", { onClick: p, children: [
-      /* @__PURE__ */ o("span", { className: i.content, "data-content": "collapsible-summary", children: m }),
-      !s && /* @__PURE__ */ o("span", { className: i.indicator, "data-content": "collapsible-indicator", children: /* @__PURE__ */ o(u, { name: "chevron", size: "small" }) })
-    ] }),
-    r
-  ] });
-};
+import { Icon as s } from "../icon/index.js";
+import '../../assets/index33.css';const i = "_collapsible_vloyq_6", r = "_content_vloyq_17", m = "_indicator_vloyq_21", l = {
+  collapsible: i,
+  content: r,
+  indicator: m
+}, _ = ({
+  children: t,
+  disabled: n,
+  open: a,
+  summary: e
+}) => /* @__PURE__ */ c("details", { className: l.collapsible, open: n || a || void 0, "data-component": "collapsible", children: [
+  /* @__PURE__ */ c("summary", { children: [
+    /* @__PURE__ */ o("span", { className: l.content, "data-content": "collapsible-summary", children: e }),
+    !n && /* @__PURE__ */ o("span", { className: l.indicator, "data-content": "collapsible-indicator", children: /* @__PURE__ */ o(s, { name: "chevron", size: "medium" }) })
+  ] }),
+  t
+] });
 export {
-  f as Collapsible
+  _ as Collapsible
 };
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../src/components/collapsible/index.tsx"],"sourcesContent":["import type { MouseEventHandler, ReactNode } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type CollapsibleProps = {\n  children: ReactNode;\n  disabled?: boolean;\n  open?: boolean;\n  summary: ReactNode;\n};\n\nlet activeTransition:\n  | { details: HTMLDetailsElement; transition: ViewTransition }\n  | undefined;\n\nexport const Collapsible = ({ children, disabled, open, summary }: CollapsibleProps) => {\n  const handleSummaryClick: MouseEventHandler<HTMLElement> = (event) => {\n    const details = event.currentTarget.closest('details') as HTMLDetailsElement | null;\n    if (!details || !document.startViewTransition) return;\n\n    event.preventDefault();\n\n    activeTransition?.details.style.removeProperty('view-transition-name');\n    details.style.viewTransitionName = 'details-expand';\n\n    const transition = document.startViewTransition(() => (details.open = !details.open));\n    activeTransition = { details, transition };\n\n    void transition.ready.catch(() => undefined);\n    const cleanupTransition = () => {\n      if (activeTransition?.transition !== transition) return;\n\n      details.style.removeProperty('view-transition-name');\n      activeTransition = undefined;\n    };\n    void transition.finished.then(cleanupTransition, cleanupTransition);\n  };\n\n  return (\n    <details\n      className={styles.collapsible}\n      open={disabled || open || undefined}\n    >\n      <summary onClick={handleSummaryClick}>\n        <span\n          className={styles.content}\n          data-content='collapsible-summary'\n        >\n          {summary}\n        </span>\n        {!disabled && (\n          <span\n            className={styles.indicator}\n            data-content='collapsible-indicator'\n          >\n            <Icon\n              name='chevron'\n              size='small'\n            />\n          </span>\n        )}\n      </summary>\n\n      {children}\n    </details>\n  );\n};\n"],"names":["activeTransition","Collapsible","children","disabled","open","summary","handleSummaryClick","event","details","currentTarget","closest","document","startViewTransition","preventDefault","style","removeProperty","viewTransitionName","transition","ready","catch","cleanupTransition","undefined","finished","then","jsxs","styles","collapsible","jsx","content","indicator","Icon"],"mappings":";;;;;;;AAaA,IAAIA;AAIG,MAAMC,IAAcA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,UAAAA;AAAAA,EAAUC,MAAAA;AAAAA,EAAMC,SAAAA;AAA0B,MAAM;AACtF,QAAMC,IAAsDC,CAAAA,MAAU;AACpE,UAAMC,IAAUD,EAAME,cAAcC,QAAQ,SAAS;AACrD,QAAI,CAACF,KAAW,CAACG,SAASC,oBAAqB;AAE/CL,IAAAA,EAAMM,eAAAA,GAENb,KAAAA,QAAAA,EAAkBQ,QAAQM,MAAMC,eAAe,yBAC/CP,EAAQM,MAAME,qBAAqB;AAEnC,UAAMC,IAAaN,SAASC,oBAAoB,MAAOJ,EAAQJ,OAAO,CAACI,EAAQJ,IAAK;AACpFJ,IAAAA,IAAmB;AAAA,MAAEQ,SAAAA;AAAAA,MAASS,YAAAA;AAAAA,IAAAA,GAEzBA,EAAWC,MAAMC,MAAM,MAAA;AAAA,KAAe;AAC3C,UAAMC,IAAoBA,MAAM;AAC9B,OAAIpB,KAAAA,gBAAAA,EAAkBiB,gBAAeA,MAErCT,EAAQM,MAAMC,eAAe,sBAAsB,GACnDf,IAAmBqB;AAAAA,IACrB;AACA,IAAKJ,EAAWK,SAASC,KAAKH,GAAmBA,CAAiB;AAAA,EACpE;AAEA,SACE,gBAAAI,EAAC,WAAA,EACC,WAAWC,EAAOC,aAClB,MAAMvB,KAAYC,KAAQiB,QAAU,kBAAA,eAEpC,UAAA;AAAA,IAAA,gBAAAG,EAAC,WAAA,EAAQ,SAASlB,GAChB,UAAA;AAAA,MAAA,gBAAAqB,EAAC,UACC,WAAWF,EAAOG,SAClB,gBAAa,uBAEZvB,UAAAA,GACH;AAAA,MACC,CAACF,KACA,gBAAAwB,EAAC,QAAA,EACC,WAAWF,EAAOI,WAClB,gBAAa,yBAEb,4BAACC,GAAA,EACC,MAAK,WACL,MAAK,SAAO,EAAA,CAEhB;AAAA,IAAA,GAEJ;AAAA,IAEC5B;AAAAA,EAAAA,GACH;AAEJ;"}
+{"version":3,"file":"index.js","sources":["../../../src/components/collapsible/index.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport { Icon } from '@/components/icon';\n\nimport styles from './styles.module.css';\n\nexport type CollapsibleProps = {\n  children: ReactNode;\n  disabled?: boolean;\n  open?: boolean;\n  summary: ReactNode;\n};\n\nexport const Collapsible = ({ children, disabled, open, summary }: CollapsibleProps) => {\n  return (\n    <details\n      className={styles.collapsible}\n      open={disabled || open || undefined}\n    >\n      <summary>\n        <span\n          className={styles.content}\n          data-content='collapsible-summary'\n        >\n          {summary}\n        </span>\n        {!disabled && (\n          <span\n            className={styles.indicator}\n            data-content='collapsible-indicator'\n          >\n            <Icon\n              name='chevron'\n              size='medium'\n            />\n          </span>\n        )}\n      </summary>\n\n      {children}\n    </details>\n  );\n};\n"],"names":["Collapsible","children","disabled","open","summary","jsxs","styles","collapsible","undefined","jsx","content","indicator","Icon"],"mappings":";;;;;;GAaaA,IAAcA,CAAC;AAAA,EAAEC,UAAAA;AAAAA,EAAUC,UAAAA;AAAAA,EAAUC,MAAAA;AAAAA,EAAMC,SAAAA;AAA0B,MAE9E,gBAAAC,EAAC,WAAA,EACC,WAAWC,EAAOC,aAClB,MAAML,KAAYC,KAAQK,QAAU,kBAAA,eAEpC,UAAA;AAAA,EAAA,gBAAAH,EAAC,WAAA,EACC,UAAA;AAAA,IAAA,gBAAAI,EAAC,UACC,WAAWH,EAAOI,SAClB,gBAAa,uBAEZN,UAAAA,GACH;AAAA,IACC,CAACF,KACA,gBAAAO,EAAC,QAAA,EACC,WAAWH,EAAOK,WAClB,gBAAa,yBAEb,4BAACC,GAAA,EACC,MAAK,WACL,MAAK,UAAQ,EAAA,CAEjB;AAAA,EAAA,GAEJ;AAAA,EAECX;AAAAA,GACH;"}

package/dist/components/controls/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const l=require("react/jsx-runtime"),p=require("../../classix-5H4IWnMA.cjs"),r=require("react"),_=require("../button/index.cjs"),x="_controls_j1dk0_13",y="_inline_j1dk0_35",m="_fixed_j1dk0_40",e={controls:x,default:"_default_j1dk0_20",inline:y,fixed:m},k={primary:3,danger:2,secondary:1,tertiary:0,simple:0},j={default:e.default,fixed:e.fixed,inline:e.inline},g=o=>k[o.props.variant??"secondary"],h=({children:o,className:d,variant:i="default",...u})=>{const a=r.Children.toArray(o),c=[],s=[];a.forEach(n=>{r.isValidElement(n)&&n.type===_.Button?c.push(n):s.push(n)});const f=c.map((n,t)=>({button:n,index:t,rank:g(n)})).sort((n,t)=>n.rank-t.rank||n.index-t.index).map(({button:n,index:t})=>r.cloneElement(n,{key:n.key??t}));return a.length===0?null:l.jsxs("div",{"data-dynamic-position":i==="fixed"?!0:void 0,className:p.t(e.controls,j[i],d),...u,"data-component":"controls",children:[s&&l.jsx("span",{children:s}),f]})};exports.Controls=h;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.css');const b=require("react/jsx-runtime"),U=require("../../classix-5H4IWnMA.cjs"),m=require("react"),X=require("../button/index.cjs"),S=require("../../menu-popover-D1ALaiV5.cjs"),Y="_controls_1bkuq_13",Z="_inline_1bkuq_43",ee="_embedded_1bkuq_48",te="_fixed_1bkuq_49",ne="_adaptive_1bkuq_60",ie="_measurement_1bkuq_65",h={controls:Y,default:"_default_1bkuq_28",inline:Z,embedded:ee,fixed:te,adaptive:ne,measurement:ie,"non-button-content":"_non-button-content_1bkuq_99","overflow-trigger":"_overflow-trigger_1bkuq_128"},re={primary:3,danger:2,secondary:1,tertiary:0,simple:0},oe={default:h.default,embedded:h.embedded,fixed:h.fixed,inline:h.inline},se=s=>re[s.props.variant??"secondary"];function de({buttons:s,menuAccessibleLabel:i,triggerAccessibleLabel:n}){const x=s.map(o=>({button:o,isDanger:o.props.variant==="danger",value:o}));return b.jsx(S.MenuPopover,{triggerAccessibleLabel:n,"data-component":"overflowmenu",children:({close:o,initialFocus:r})=>b.jsx(S.MenuActionList,{actions:x,initialFocus:r,menuAccessibleLabel:i,onSelect:()=>o(),usesMenuSemantics:!0})})}const g=(s,i)=>{const n=Number.parseFloat(String(s[i]));return Number.isFinite(n)?n:0},ce=s=>{if(!s.trim().endsWith("px"))return;const i=Number.parseFloat(s);return Number.isFinite(i)?i:void 0},le=(s,i)=>{const n=s.parentElement;if(!n)return;const x=n.getBoundingClientRect(),o=getComputedStyle(n),r=x.width||n.clientWidth,B=x.left+g(o,"borderLeftWidth")+g(o,"paddingLeft"),E=x.left+r-g(o,"borderRightWidth")-g(o,"paddingRight"),_=Array.from(n.children).slice(0,Array.from(n.children).indexOf(s)),R=_.reduce((f,a)=>Math.max(f,a.getBoundingClientRect().right),B),c=_.length>0?g(o,"columnGap"):0,l=Math.max(0,E-R-c),W=(i==null?void 0:i.parent)===n?Math.max(0,r-i.parentWidth):0;return{availableWidth:W>0?Math.max(l,((i==null?void 0:i.availableWidth)??0)+W):l,parent:n,parentWidth:r}},ae=({children:s,className:i,maxVisibleButtons:n,overflow:x,overflowAccessibleLabel:o="More actions",variant:r="default",...B})=>{const E=m.Children.toArray(s),_=[],R=[];E.forEach(e=>{m.isValidElement(e)&&e.type===X.Button?_.push(e):R.push(e)});const c=_.map((e,d)=>({button:e,index:d,rank:se(e)})).sort((e,d)=>e.rank-d.rank||e.index-d.index).map(({button:e,index:d})=>m.cloneElement(e,{key:e.key??d})),l=r==="embedded"||r==="fixed"&&x==="menu",W=typeof n=="number"&&Number.isFinite(n)?Math.floor(n):0,f=r==="embedded"&&W>0?Math.min(c.length,W):c.length,a=m.useRef(null),A=m.useRef(void 0),N=m.useRef(null),M=m.useRef(null),[j,C]=m.useState(f),p=m.useCallback(()=>{var L,I,T;if(!l){C(f);return}const e=a.current,d=N.current;if(!e||!d)return;const w=Array.from(d.querySelectorAll('[data-component="button"]')),y=w.at(-1);if(!y)return;const v=w.slice(0,c.length).map(t=>t.getBoundingClientRect().width);if(v.length!==c.length)return;const u=getComputedStyle(e),G=g(u,"paddingLeft")+g(u,"paddingRight")+g(u,"borderLeftWidth")+g(u,"borderRightWidth"),$=ce(u.maxWidth),k=r==="embedded"?le(e,A.current):void 0;k&&(A.current=k);const H=(k==null?void 0:k.availableWidth)??((L=e.parentElement)==null?void 0:L.clientWidth)??0,J=((I=window.visualViewport)==null?void 0:I.width)??document.documentElement.clientWidth,F=Math.min(...[$,H,J].filter(t=>typeof t=="number"&&Number.isFinite(t)&&t>0));if(!Number.isFinite(F))return;const O=Math.max(0,F-G),V=((T=M.current)==null?void 0:T.getBoundingClientRect().width)??0,K=v.reduce((t,Q)=>t+Q,0);if(f===c.length&&V+K<=O){C(t=>t===f?t:f);return}let P=V+y.getBoundingClientRect().width,q=0;for(let t=0;t<f&&!(P+v[t]>O);t+=1)P+=v[t],q=t+1;C(t=>t===q?t:q)},[l,c.length,r,f]);if(m.useLayoutEffect(()=>{var d,w,y,v;if(p(),!l)return;const e=typeof ResizeObserver>"u"?void 0:new ResizeObserver(p);return a.current&&(e==null||e.observe(a.current)),(d=a.current)!=null&&d.parentElement&&(e==null||e.observe(a.current.parentElement)),r==="embedded"&&((w=a.current)!=null&&w.parentElement)&&Array.from(a.current.parentElement.children).forEach(u=>{u!==a.current&&(e==null||e.observe(u))}),M.current&&(e==null||e.observe(M.current)),window.addEventListener("resize",p),(y=window.visualViewport)==null||y.addEventListener("resize",p),(v=document.fonts)==null||v.ready.then(p),()=>{var u;e==null||e.disconnect(),window.removeEventListener("resize",p),(u=window.visualViewport)==null||u.removeEventListener("resize",p)}},[l,s,p,r]),E.length===0)return null;const D=l?c.slice(0,j):c,z=l?c.slice(j):[];return b.jsxs("div",{"data-component":"controls","data-dynamic-position":r==="fixed"?!0:void 0,className:U.t(h.controls,oe[r],l&&h.adaptive,i),ref:a,...B,children:[l&&b.jsxs("div",{"aria-hidden":"true",className:h.measurement,ref:N,children:[c.map((e,d)=>m.cloneElement(e,{"aria-hidden":!0,id:void 0,key:`measure-${String(e.key??d)}`,onClick:void 0,ref:void 0,tabIndex:-1})),b.jsx(S.MenuPopover,{triggerAccessibleLabel:o,children:null})]}),r!=="embedded"&&R.length>0&&b.jsx("span",{className:h["non-button-content"],ref:M,children:R}),D,z.length>0&&b.jsx("span",{className:h["overflow-trigger"],children:b.jsx(de,{buttons:z,menuAccessibleLabel:o,triggerAccessibleLabel:o})})]})};exports.Controls=ae;
 //# sourceMappingURL=index.cjs.map