@solibo/solibo-ui 1.0.2 → 1.0.4

package/dist/components/button/index.js

@@ -1,14 +1,14 @@
 import { jsxs as d, jsx as a } from "react/jsx-runtime";
 import { t as _ } from "../../classix-DG18itHa.js";
 import { Badge as p } from "../badge/index.js";
-import { Icon as f } from "../icon/index.js";
-import '../../assets/index30.css';const u = "_button_54xfv_1", g = "_danger_54xfv_28", l = "_tertiary_54xfv_41", v = "_primary_54xfv_48", x = "_secondary_54xfv_57", t = {
-  button: u,
-  danger: g,
-  tertiary: l,
-  primary: v,
-  secondary: x
-}, b = {
+import { Icon as u } from "../icon/index.js";
+import '../../assets/index31.css';const g = "_button_15j52_1", l = "_danger_15j52_28", b = "_tertiary_15j52_37", f = "_primary_15j52_44", j = "_secondary_15j52_53", t = {
+  button: g,
+  danger: l,
+  tertiary: b,
+  primary: f,
+  secondary: j
+}, h = {
   danger: t.danger,
   primary: t.primary,
   secondary: t.secondary,
@@ -25,8 +25,8 @@ function I({
   variant: c = "secondary",
   ...m
 }) {
-  return /* @__PURE__ */ d("button", { className: _(t.button, b[c], e), disabled: s, onClick: i, ref: y, type: "button", ...m, "data-component": "button", children: [
-    n && /* @__PURE__ */ a(f, { fill: !0, gap: r ? "right" : void 0, name: n, size: "small" }),
+  return /* @__PURE__ */ d("button", { className: _(t.button, h[c], e), disabled: s, onClick: i, ref: y, type: "button", ...m, "data-component": "button", children: [
+    n && /* @__PURE__ */ a(u, { fill: !0, gap: r ? "right" : void 0, name: n, size: "small" }),
     r,
     /* @__PURE__ */ a(p, { variant: "highlight", children: o })
   ] });

package/dist/components/card/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"),d=require("../../classix-5H4IWnMA.cjs"),x=require("../badge/index.cjs"),j=require("../checkbox/index.cjs"),p=require("../figure/index.cjs"),f=require("../icon/index.cjs"),v="_card_tv1p7_1",q="_head_tv1p7_27",y="_center_tv1p7_39",h="_content_tv1p7_51",N="_margin_tv1p7_57",b="_clickable_tv1p7_93",T="_muted_tv1p7_108",k="_selected_tv1p7_113",t={card:v,head:q,center:y,content:h,margin:N,clickable:b,muted:T,selected:k,"image-top":"_image-top_tv1p7_118","image-left":"_image-left_tv1p7_129"},D=({actions:g,badge:l,checkbox:c,children:m,emphasis:_="default",header:o,icon:u,image:r,imagePosition:a="top",onClick:i,variant:s="default"})=>e.jsxs("article",{className:d.t(t.card,_==="muted"&&t.muted,i&&t.clickable,(c==null?void 0:c.checked)&&t.selected),"data-emphasis":_,"data-minimal":s==="minimal",onClick:i,onKeyDown:n=>{i&&n.currentTarget===document.activeElement&&(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),n.currentTarget.click())},tabIndex:i?0:-1,"data-component":"card",children:[r&&s!=="minimal"&&a==="top"&&e.jsx(p.Figure,{className:t[`image-${a}`],children:r}),e.jsxs("section",{children:[e.jsxs("div",{className:d.t(t.head,s==="minimal"&&t.center),children:[c&&e.jsx("span",{onClick:n=>n.stopPropagation(),children:e.jsx(j.Checkbox,{...c})}),r&&s!=="minimal"&&a==="left"&&e.jsx(p.Figure,{className:t[`image-${a}`],children:r}),o,l&&e.jsx(x.Badge,{...l}),u&&e.jsx(f.Icon,{name:u,size:"medium"}),g]}),m&&s!=="minimal"&&e.jsx("div",{className:d.t(t.content,!!o&&t.margin),children:m})]})]});exports.Card=D;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index32.css');const e=require("react/jsx-runtime"),d=require("../../classix-5H4IWnMA.cjs"),x=require("../badge/index.cjs"),j=require("../checkbox/index.cjs"),p=require("../figure/index.cjs"),f=require("../icon/index.cjs"),v="_card_tv1p7_1",q="_head_tv1p7_27",y="_center_tv1p7_39",h="_content_tv1p7_51",N="_margin_tv1p7_57",b="_clickable_tv1p7_93",T="_muted_tv1p7_108",k="_selected_tv1p7_113",t={card:v,head:q,center:y,content:h,margin:N,clickable:b,muted:T,selected:k,"image-top":"_image-top_tv1p7_118","image-left":"_image-left_tv1p7_129"},D=({actions:g,badge:l,checkbox:c,children:m,emphasis:_="default",header:o,icon:u,image:r,imagePosition:a="top",onClick:i,variant:s="default"})=>e.jsxs("article",{className:d.t(t.card,_==="muted"&&t.muted,i&&t.clickable,(c==null?void 0:c.checked)&&t.selected),"data-emphasis":_,"data-minimal":s==="minimal",onClick:i,onKeyDown:n=>{i&&n.currentTarget===document.activeElement&&(n.key==="Enter"||n.key===" ")&&(n.preventDefault(),n.currentTarget.click())},tabIndex:i?0:-1,"data-component":"card",children:[r&&s!=="minimal"&&a==="top"&&e.jsx(p.Figure,{className:t[`image-${a}`],children:r}),e.jsxs("section",{children:[e.jsxs("div",{className:d.t(t.head,s==="minimal"&&t.center),children:[c&&e.jsx("span",{onClick:n=>n.stopPropagation(),children:e.jsx(j.Checkbox,{...c})}),r&&s!=="minimal"&&a==="left"&&e.jsx(p.Figure,{className:t[`image-${a}`],children:r}),o,l&&e.jsx(x.Badge,{...l}),u&&e.jsx(f.Icon,{name:u,size:"medium"}),g]}),m&&s!=="minimal"&&e.jsx("div",{className:d.t(t.content,!!o&&t.margin),children:m})]})]});exports.Card=D;
 //# sourceMappingURL=index.cjs.map

package/dist/components/card/index.js

@@ -4,7 +4,7 @@ import { Badge as g } from "../badge/index.js";
 import { Checkbox as N } from "../checkbox/index.js";
 import { Figure as f } from "../figure/index.js";
 import { Icon as h } from "../icon/index.js";
-import '../../assets/index31.css';const y = "_card_tv1p7_1", j = "_head_tv1p7_27", D = "_center_tv1p7_39", E = "_content_tv1p7_51", I = "_margin_tv1p7_57", T = "_clickable_tv1p7_93", $ = "_muted_tv1p7_108", k = "_selected_tv1p7_113", t = {
+import '../../assets/index32.css';const y = "_card_tv1p7_1", j = "_head_tv1p7_27", D = "_center_tv1p7_39", E = "_content_tv1p7_51", I = "_margin_tv1p7_57", T = "_clickable_tv1p7_93", $ = "_muted_tv1p7_108", k = "_selected_tv1p7_113", t = {
   card: y,
   head: j,
   center: D,

package/dist/components/checkbox/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index32.css');const e=require("react/jsx-runtime"),x=require("../../icons-DYCSlAoX.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/index33.css');const e=require("react/jsx-runtime"),x=require("../../icons-DYCSlAoX.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;
 //# sourceMappingURL=index.cjs.map

package/dist/components/checkbox/index.js

@@ -1,7 +1,7 @@
 import { jsxs as h, jsx as e } from "react/jsx-runtime";
 import { i as x } from "../../icons-CKzd_L4D.js";
 import { Loading as k } from "../loading/index.js";
-import '../../assets/index32.css';const b = "_checkbox_1glqu_3", m = {
+import '../../assets/index33.css';const b = "_checkbox_1glqu_3", m = {
   checkbox: b
 }, d = ({
   checked: t,

package/dist/components/chip/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index33.css');const s=require("react/jsx-runtime"),a=require("../icon/index.cjs"),c="_chip_13ohh_3",r={chip:c},p=({accessibleLabel:n,label:i,onClick:e,...o})=>s.jsxs("a",{"aria-label":n,className:r.chip,onClick:t=>{t.stopPropagation(),e==null||e(t)},tabIndex:0,...o,"data-component":"chip",children:[i,s.jsx(a.Icon,{name:"x",size:"small"})]});exports.Chip=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.css');const s=require("react/jsx-runtime"),a=require("../icon/index.cjs"),c="_chip_13ohh_3",r={chip:c},p=({accessibleLabel:n,label:i,onClick:e,...o})=>s.jsxs("a",{"aria-label":n,className:r.chip,onClick:t=>{t.stopPropagation(),e==null||e(t)},tabIndex:0,...o,"data-component":"chip",children:[i,s.jsx(a.Icon,{name:"x",size:"small"})]});exports.Chip=p;
 //# sourceMappingURL=index.cjs.map

package/dist/components/chip/index.js

@@ -1,6 +1,6 @@
 import { jsxs as r, jsx as c } from "react/jsx-runtime";
 import { Icon as e } from "../icon/index.js";
-import '../../assets/index33.css';const h = "_chip_13ohh_3", i = {
+import '../../assets/index34.css';const h = "_chip_13ohh_3", i = {
   chip: h
 }, x = ({
   accessibleLabel: t,

package/dist/components/collapsible/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index34.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/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=_;
 //# sourceMappingURL=index.cjs.map

package/dist/components/collapsible/index.js

@@ -1,6 +1,6 @@
 import { jsxs as c, jsx as o } from "react/jsx-runtime";
 import { Icon as u } from "../icon/index.js";
-import '../../assets/index34.css';const b = "_collapsible_471bm_6", y = "_content_471bm_17", h = "_indicator_471bm_21", i = {
+import '../../assets/index35.css';const b = "_collapsible_471bm_6", y = "_content_471bm_17", h = "_indicator_471bm_21", i = {
   collapsible: b,
   content: y,
   indicator: h

package/dist/components/controls/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index35.css');const c=require("react/jsx-runtime"),f=require("../../classix-5H4IWnMA.cjs"),r=require("react"),_=require("../button/index.cjs"),x="_controls_nwzp9_13",y="_inline_nwzp9_34",m="_fixed_nwzp9_39",e={controls:x,default:"_default_nwzp9_20",inline:y,fixed:m},k={primary:3,danger:2,secondary:1,tertiary:0},g={default:e.default,fixed:e.fixed,inline:e.inline},h=o=>k[o.props.variant??"secondary"],j=({children:o,className:l,variant:d="default",...u})=>{const i=r.Children.toArray(o),a=[],s=[];i.forEach(n=>{r.isValidElement(n)&&n.type===_.Button?a.push(n):s.push(n)});const p=a.map((n,t)=>({button:n,index:t,rank:h(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 i.length===0?null:c.jsxs("div",{className:f.t(e.controls,g[d],l),...u,"data-component":"controls",children:[s&&c.jsx("span",{children:s}),p]})};exports.Controls=j;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const c=require("react/jsx-runtime"),f=require("../../classix-5H4IWnMA.cjs"),r=require("react"),_=require("../button/index.cjs"),x="_controls_nwzp9_13",y="_inline_nwzp9_34",m="_fixed_nwzp9_39",e={controls:x,default:"_default_nwzp9_20",inline:y,fixed:m},k={primary:3,danger:2,secondary:1,tertiary:0},g={default:e.default,fixed:e.fixed,inline:e.inline},h=o=>k[o.props.variant??"secondary"],j=({children:o,className:l,variant:d="default",...u})=>{const i=r.Children.toArray(o),a=[],s=[];i.forEach(n=>{r.isValidElement(n)&&n.type===_.Button?a.push(n):s.push(n)});const p=a.map((n,t)=>({button:n,index:t,rank:h(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 i.length===0?null:c.jsxs("div",{className:f.t(e.controls,g[d],l),...u,"data-component":"controls",children:[s&&c.jsx("span",{children:s}),p]})};exports.Controls=j;
 //# sourceMappingURL=index.cjs.map

package/dist/components/controls/index.js

@@ -2,7 +2,7 @@ import { jsxs as p, jsx as f } from "react/jsx-runtime";
 import { t as m } from "../../classix-DG18itHa.js";
 import { Children as u, isValidElement as _, cloneElement as x } from "react";
 import { Button as y } from "../button/index.js";
-import '../../assets/index35.css';const k = "_controls_nwzp9_13", h = "_inline_nwzp9_34", w = "_fixed_nwzp9_39", o = {
+import '../../assets/index36.css';const k = "_controls_nwzp9_13", h = "_inline_nwzp9_34", w = "_fixed_nwzp9_39", o = {
   controls: k,
   default: "_default_nwzp9_20",
   inline: h,

package/dist/components/croppable/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index36.css');const d=require("react/jsx-runtime"),tt=require("../../classix-5H4IWnMA.cjs"),c=require("react"),mt=require("../button/index.cjs"),pt=require("../figure/index.cjs"),gt=require("../icon/index.cjs"),S=10,W=.1,Ot=.92,m=(h,x,R)=>Math.min(R,Math.max(x,h)),St=h=>new Promise((x,R)=>{const f=URL.createObjectURL(h),a=new globalThis.Image;a.onload=()=>{URL.revokeObjectURL(f),x(a)},a.onerror=()=>{URL.revokeObjectURL(f),R(new Error("croppable-image-load-failed"))},a.src=f}),Ut=async({file:h,fill:x,transform:R,viewport:f})=>{const a=await St(h),U=f.width/a.naturalWidth,M=f.height/a.naturalHeight,y=Math.max(U,M),H=a.naturalWidth*y,E=a.naturalHeight*y,Q=x==="width"?Math.max(W,U/y):x==="height"?Math.max(W,M/y):W,j=m(R.zoom,Q,S),w=y*j,b=H*j,N=E*j,p=(f.width-b)/2+R.offset.x,L=(f.height-N)/2+R.offset.y,I=m(-p/w,0,a.naturalWidth),T=m(-L/w,0,a.naturalHeight),v=m(f.width/w,1,Math.max(1,a.naturalWidth-I)),s=m(f.height/w,1,Math.max(1,a.naturalHeight-T)),_=document.createElement("canvas"),u=_.getContext("2d");if(!u)throw new Error("croppable-image-context-missing");_.width=Math.max(1,Math.round(v)),_.height=Math.max(1,Math.round(s)),u.drawImage(a,I,T,v,s,0,0,_.width,_.height);const P=h.type.startsWith("image/")?h.type:"image/jpeg",Y=await new Promise(q=>{_.toBlob(q,P,Ot)});if(!Y)throw new Error("croppable-image-export-failed");return new globalThis.File([Y],h.name,{lastModified:Date.now(),type:Y.type||P})},It="_croppable_1rdsr_1",Pt="_empty_1rdsr_14",Yt="_media_1rdsr_22",Xt="_overlay_1rdsr_33",At="_viewport_1rdsr_41",Dt="_draggable_1rdsr_53",Wt="_dragging_1rdsr_57",Ht="_inner_1rdsr_61",Zt="_standalone_1rdsr_77",z={croppable:It,empty:Pt,media:Yt,overlay:Xt,viewport:At,draggable:Dt,dragging:Wt,inner:Ht,standalone:Zt},kt=192,B={offset:{x:0,y:0},zoom:1},xt="Select image",Bt=({children:h,fill:x="none",height:R,image:f,label:a,onCroppableChange:U,onFileChange:M,onImageChange:y,onTransformChange:H,transform:E,standalone:Q})=>{const j=c.useRef(null),w=c.useRef(null),b=c.useRef(null),N=c.useRef(null),p=c.useRef(y),L=c.useRef(null),I=c.useRef(null),T=c.useRef(null),v=c.useRef(new Map),s=c.useRef(B),_=c.useRef(null),[u,P]=c.useState(null),[Y,q]=c.useState(null),[et,V]=c.useState(!1),[wt,nt]=c.useState(B),[F,rt]=c.useState(null),[g,yt]=c.useState({width:0,height:0}),Z=(()=>{const t=g.width,n=g.height;if(!t||!n)return{width:0,height:0,minZoom:W};if(!u)return{width:t,height:n,minZoom:W};const r=t/u.width,e=n/u.height,o=Math.max(r,e),i=x==="width"?r/o:x==="height"?e/o:0;return{width:u.width*o,height:u.height*o,minZoom:Math.max(W,i)}})(),X=Z.minZoom,k=E??wt,A=m(k.zoom,X,S),$=Y??f??null,ot=!h&&!!f&&!Y&&!F,G=!ot,ct=h??($?d.jsx("img",{alt:"",draggable:!1,onLoad:t=>{const n=t.currentTarget;n.naturalWidth&&n.naturalHeight&&P({width:n.naturalWidth,height:n.naturalHeight})},src:$}):null),D=ct==null,J=(t,n)=>{const{maxX:r,maxY:e}=it(n);return{x:m(t.x,-r,r),y:m(t.y,-e,e)}},st=(t,n)=>{const r=_.current;if(!r)return null;const e=r.getBoundingClientRect(),o=t-e.left-e.width/2,i=n-e.top-e.height/2;return{x:o,y:i}},bt=(t,n,r,e)=>{const o=m(n,X,S),i=m(r,X,S);if(o===0)return t;const l=i/o;return{x:(1-l)*e.x+l*t.x,y:(1-l)*e.y+l*t.y}},_t=(t,n,r)=>{const e=s.current.zoom,o=m(t,X,S),i=s.current.offset,l=r?bt(i,e,o,r):n,O=J(l,o);s.current={zoom:o,offset:O},E||nt({zoom:o,offset:O}),H==null||H({zoom:o,offset:O})},K=(t,n,r)=>{I.current={zoom:t,offset:n,anchor:r??null},w.current==null&&(w.current=window.requestAnimationFrame(()=>{w.current=null;const e=I.current;I.current=null;const o=(e==null?void 0:e.zoom)??s.current.zoom,i=(e==null?void 0:e.offset)??s.current.offset,l=(e==null?void 0:e.anchor)??null;_t(o,i,l)}))},zt=t=>{if(D||!G)return;const n=t.ctrlKey?.001:25e-5,r=s.current.zoom*Math.exp(-t.deltaY*n),e=st(t.clientX,t.clientY);K(r,s.current.offset,e)},it=t=>{const n=g.width,r=g.height;if(!n||!r)return{maxX:0,maxY:0};const e=m(t,X,S),o=Z.width*e,i=Z.height*e,l=Math.max(0,(o-n)/2),O=Math.max(0,(i-r)/2);return{maxX:l,maxY:O}},Rt=t=>{var o;const n=t.target,r=((o=n.files)==null?void 0:o[0])??null;if(L.current&&(URL.revokeObjectURL(L.current),L.current=null),!r){q(null),rt(null),M==null||M(null),n.value="";return}const e=URL.createObjectURL(r);L.current=e,q(e),P(null),rt(r),K(B.zoom,B.offset),s.current=B,M==null||M(r),n.value=""},Mt=t=>{if(!(D||!G||t.pointerType==="mouse"&&t.button!==0)){if(t.currentTarget.setPointerCapture(t.pointerId),t.pointerType==="touch"){const n=v.current;if(n.set(t.pointerId,{x:t.clientX,y:t.clientY}),n.size===2){b.current=null,j.current=null,V(!1);const[r,e]=Array.from(n.values());T.current=Math.hypot(r.x-e.x,r.y-e.y);return}}j.current=t.pointerId,b.current={x:t.clientX,y:t.clientY,originX:s.current.offset.x,originY:s.current.offset.y}}},Et=t=>{if(D||!G)return;if(t.pointerType==="touch"){const o=v.current;if(!o.has(t.pointerId))return;if(o.set(t.pointerId,{x:t.clientX,y:t.clientY}),o.size===2){const[i,l]=Array.from(o.values()),O=i.x-l.x,jt=i.y-l.y,ht=Math.hypot(O,jt),ft={x:(i.x+l.x)/2,y:(i.y+l.y)/2};if(T.current){const Lt=ht/T.current,Tt=s.current.zoom*Lt,vt=st(ft.x,ft.y);K(Tt,s.current.offset,vt)}T.current=ht;return}}if(j.current!==t.pointerId||!b.current||!C)return;const n=t.clientX-b.current.x,r=t.clientY-b.current.y,e=Math.abs(n)+Math.abs(r);!et&&e>2&&V(!0),!(e<=1)&&K(s.current.zoom,{x:b.current.originX+n,y:b.current.originY+r})},at=t=>{t.pointerType==="touch"&&(v.current.delete(t.pointerId),v.current.size<2&&(T.current=null)),j.current===t.pointerId&&(j.current=null,b.current=null,V(!1))};c.useEffect(()=>{if(!E)return;const t=m(E.zoom,X,S);s.current={zoom:t,offset:J(E.offset,t)}},[E,g.width,g.height,u==null?void 0:u.width,u==null?void 0:u.height]),c.useEffect(()=>()=>{L.current&&URL.revokeObjectURL(L.current)},[]),c.useEffect(()=>{const t=_.current;if(!t)return;const n=()=>{const o=t.getBoundingClientRect();yt(i=>i.width===o.width&&i.height===o.height?i:{width:o.width,height:o.height}),U&&U(o)};n();const r=()=>n();if(window.addEventListener("scroll",r,!0),typeof ResizeObserver>"u"){const o=()=>n();return window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o),window.removeEventListener("scroll",r,!0)}}const e=new ResizeObserver(()=>n());return e.observe(t),()=>{e.disconnect(),window.removeEventListener("scroll",r,!0)}},[U]),c.useEffect(()=>{if(E)return;const t=s.current.offset,n=J(t,A);t.x===n.x&&t.y===n.y||(s.current={zoom:s.current.zoom,offset:n},nt(r=>({...r,offset:n})))},[A,u,g.width,g.height]),c.useEffect(()=>{$||P(null)},[$]),c.useEffect(()=>{p.current=y},[y]),c.useEffect(()=>{var r;if(!y)return;if(!F||!g.width||!g.height||h){(r=p.current)==null||r.call(p,null);return}let t=!0;const n=window.setTimeout(()=>{Ut({file:F,fill:x,transform:{zoom:A,offset:k.offset},viewport:g}).then(e=>{var o;t&&((o=p.current)==null||o.call(p,e))}).catch(()=>{var e;t&&((e=p.current)==null||e.call(p,null))})},75);return()=>{t=!1,window.clearTimeout(n)}},[h,A,k.offset,x,F,g]),c.useEffect(()=>()=>{w.current!=null&&(window.cancelAnimationFrame(w.current),w.current=null)},[]);const ut=it(A),C=!D&&G&&(ut.maxX>0||ut.maxY>0),lt=()=>{var t;return(t=N.current)==null?void 0:t.click()},dt=t=>{t.preventDefault(),t.stopPropagation(),lt()};return d.jsxs("div",{className:tt.t(z.croppable,Q&&z.standalone),onClick:()=>{D&&lt()},"data-component":"croppable",children:[d.jsx("input",{accept:"image/*",onChange:Rt,ref:N,type:"file"}),d.jsx("div",{className:z.viewport,ref:_,onDragStart:t=>t.preventDefault(),onPointerDown:Mt,onPointerMove:Et,onPointerUp:at,onPointerCancel:at,onWheel:zt,style:{"--croppable-height":`${R??kt}px`,"--croppable-zoom":A,"--croppable-x":`${k.offset.x}px`,"--croppable-y":`${k.offset.y}px`,...u?{"--croppable-image-width":`${Z.width}px`,"--croppable-image-height":`${Z.height}px`}:null},children:D?d.jsxs("div",{className:z.empty,children:[d.jsx(pt.Figure,{children:d.jsx(gt.Icon,{name:"image",size:"large"})}),d.jsx(mt.Button,{onClick:dt,children:a??xt})]}):d.jsxs("div",{className:tt.t(z.media,C&&z.draggable,C&&et&&z.dragging),children:[d.jsx("div",{className:tt.t(z.inner),children:ct}),ot&&d.jsx("div",{className:z.overlay,children:d.jsxs("div",{className:z.empty,children:[d.jsx(pt.Figure,{children:d.jsx(gt.Icon,{name:"image",size:"large"})}),d.jsx(mt.Button,{onClick:dt,children:a??xt})]})})]})})]})};exports.Croppable=Bt;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index37.css');const d=require("react/jsx-runtime"),tt=require("../../classix-5H4IWnMA.cjs"),c=require("react"),mt=require("../button/index.cjs"),pt=require("../figure/index.cjs"),gt=require("../icon/index.cjs"),S=10,W=.1,Ot=.92,m=(h,x,R)=>Math.min(R,Math.max(x,h)),St=h=>new Promise((x,R)=>{const f=URL.createObjectURL(h),a=new globalThis.Image;a.onload=()=>{URL.revokeObjectURL(f),x(a)},a.onerror=()=>{URL.revokeObjectURL(f),R(new Error("croppable-image-load-failed"))},a.src=f}),Ut=async({file:h,fill:x,transform:R,viewport:f})=>{const a=await St(h),U=f.width/a.naturalWidth,M=f.height/a.naturalHeight,y=Math.max(U,M),H=a.naturalWidth*y,E=a.naturalHeight*y,Q=x==="width"?Math.max(W,U/y):x==="height"?Math.max(W,M/y):W,j=m(R.zoom,Q,S),w=y*j,b=H*j,N=E*j,p=(f.width-b)/2+R.offset.x,L=(f.height-N)/2+R.offset.y,I=m(-p/w,0,a.naturalWidth),T=m(-L/w,0,a.naturalHeight),v=m(f.width/w,1,Math.max(1,a.naturalWidth-I)),s=m(f.height/w,1,Math.max(1,a.naturalHeight-T)),_=document.createElement("canvas"),u=_.getContext("2d");if(!u)throw new Error("croppable-image-context-missing");_.width=Math.max(1,Math.round(v)),_.height=Math.max(1,Math.round(s)),u.drawImage(a,I,T,v,s,0,0,_.width,_.height);const P=h.type.startsWith("image/")?h.type:"image/jpeg",Y=await new Promise(q=>{_.toBlob(q,P,Ot)});if(!Y)throw new Error("croppable-image-export-failed");return new globalThis.File([Y],h.name,{lastModified:Date.now(),type:Y.type||P})},It="_croppable_1rdsr_1",Pt="_empty_1rdsr_14",Yt="_media_1rdsr_22",Xt="_overlay_1rdsr_33",At="_viewport_1rdsr_41",Dt="_draggable_1rdsr_53",Wt="_dragging_1rdsr_57",Ht="_inner_1rdsr_61",Zt="_standalone_1rdsr_77",z={croppable:It,empty:Pt,media:Yt,overlay:Xt,viewport:At,draggable:Dt,dragging:Wt,inner:Ht,standalone:Zt},kt=192,B={offset:{x:0,y:0},zoom:1},xt="Select image",Bt=({children:h,fill:x="none",height:R,image:f,label:a,onCroppableChange:U,onFileChange:M,onImageChange:y,onTransformChange:H,transform:E,standalone:Q})=>{const j=c.useRef(null),w=c.useRef(null),b=c.useRef(null),N=c.useRef(null),p=c.useRef(y),L=c.useRef(null),I=c.useRef(null),T=c.useRef(null),v=c.useRef(new Map),s=c.useRef(B),_=c.useRef(null),[u,P]=c.useState(null),[Y,q]=c.useState(null),[et,V]=c.useState(!1),[wt,nt]=c.useState(B),[F,rt]=c.useState(null),[g,yt]=c.useState({width:0,height:0}),Z=(()=>{const t=g.width,n=g.height;if(!t||!n)return{width:0,height:0,minZoom:W};if(!u)return{width:t,height:n,minZoom:W};const r=t/u.width,e=n/u.height,o=Math.max(r,e),i=x==="width"?r/o:x==="height"?e/o:0;return{width:u.width*o,height:u.height*o,minZoom:Math.max(W,i)}})(),X=Z.minZoom,k=E??wt,A=m(k.zoom,X,S),$=Y??f??null,ot=!h&&!!f&&!Y&&!F,G=!ot,ct=h??($?d.jsx("img",{alt:"",draggable:!1,onLoad:t=>{const n=t.currentTarget;n.naturalWidth&&n.naturalHeight&&P({width:n.naturalWidth,height:n.naturalHeight})},src:$}):null),D=ct==null,J=(t,n)=>{const{maxX:r,maxY:e}=it(n);return{x:m(t.x,-r,r),y:m(t.y,-e,e)}},st=(t,n)=>{const r=_.current;if(!r)return null;const e=r.getBoundingClientRect(),o=t-e.left-e.width/2,i=n-e.top-e.height/2;return{x:o,y:i}},bt=(t,n,r,e)=>{const o=m(n,X,S),i=m(r,X,S);if(o===0)return t;const l=i/o;return{x:(1-l)*e.x+l*t.x,y:(1-l)*e.y+l*t.y}},_t=(t,n,r)=>{const e=s.current.zoom,o=m(t,X,S),i=s.current.offset,l=r?bt(i,e,o,r):n,O=J(l,o);s.current={zoom:o,offset:O},E||nt({zoom:o,offset:O}),H==null||H({zoom:o,offset:O})},K=(t,n,r)=>{I.current={zoom:t,offset:n,anchor:r??null},w.current==null&&(w.current=window.requestAnimationFrame(()=>{w.current=null;const e=I.current;I.current=null;const o=(e==null?void 0:e.zoom)??s.current.zoom,i=(e==null?void 0:e.offset)??s.current.offset,l=(e==null?void 0:e.anchor)??null;_t(o,i,l)}))},zt=t=>{if(D||!G)return;const n=t.ctrlKey?.001:25e-5,r=s.current.zoom*Math.exp(-t.deltaY*n),e=st(t.clientX,t.clientY);K(r,s.current.offset,e)},it=t=>{const n=g.width,r=g.height;if(!n||!r)return{maxX:0,maxY:0};const e=m(t,X,S),o=Z.width*e,i=Z.height*e,l=Math.max(0,(o-n)/2),O=Math.max(0,(i-r)/2);return{maxX:l,maxY:O}},Rt=t=>{var o;const n=t.target,r=((o=n.files)==null?void 0:o[0])??null;if(L.current&&(URL.revokeObjectURL(L.current),L.current=null),!r){q(null),rt(null),M==null||M(null),n.value="";return}const e=URL.createObjectURL(r);L.current=e,q(e),P(null),rt(r),K(B.zoom,B.offset),s.current=B,M==null||M(r),n.value=""},Mt=t=>{if(!(D||!G||t.pointerType==="mouse"&&t.button!==0)){if(t.currentTarget.setPointerCapture(t.pointerId),t.pointerType==="touch"){const n=v.current;if(n.set(t.pointerId,{x:t.clientX,y:t.clientY}),n.size===2){b.current=null,j.current=null,V(!1);const[r,e]=Array.from(n.values());T.current=Math.hypot(r.x-e.x,r.y-e.y);return}}j.current=t.pointerId,b.current={x:t.clientX,y:t.clientY,originX:s.current.offset.x,originY:s.current.offset.y}}},Et=t=>{if(D||!G)return;if(t.pointerType==="touch"){const o=v.current;if(!o.has(t.pointerId))return;if(o.set(t.pointerId,{x:t.clientX,y:t.clientY}),o.size===2){const[i,l]=Array.from(o.values()),O=i.x-l.x,jt=i.y-l.y,ht=Math.hypot(O,jt),ft={x:(i.x+l.x)/2,y:(i.y+l.y)/2};if(T.current){const Lt=ht/T.current,Tt=s.current.zoom*Lt,vt=st(ft.x,ft.y);K(Tt,s.current.offset,vt)}T.current=ht;return}}if(j.current!==t.pointerId||!b.current||!C)return;const n=t.clientX-b.current.x,r=t.clientY-b.current.y,e=Math.abs(n)+Math.abs(r);!et&&e>2&&V(!0),!(e<=1)&&K(s.current.zoom,{x:b.current.originX+n,y:b.current.originY+r})},at=t=>{t.pointerType==="touch"&&(v.current.delete(t.pointerId),v.current.size<2&&(T.current=null)),j.current===t.pointerId&&(j.current=null,b.current=null,V(!1))};c.useEffect(()=>{if(!E)return;const t=m(E.zoom,X,S);s.current={zoom:t,offset:J(E.offset,t)}},[E,g.width,g.height,u==null?void 0:u.width,u==null?void 0:u.height]),c.useEffect(()=>()=>{L.current&&URL.revokeObjectURL(L.current)},[]),c.useEffect(()=>{const t=_.current;if(!t)return;const n=()=>{const o=t.getBoundingClientRect();yt(i=>i.width===o.width&&i.height===o.height?i:{width:o.width,height:o.height}),U&&U(o)};n();const r=()=>n();if(window.addEventListener("scroll",r,!0),typeof ResizeObserver>"u"){const o=()=>n();return window.addEventListener("resize",o),()=>{window.removeEventListener("resize",o),window.removeEventListener("scroll",r,!0)}}const e=new ResizeObserver(()=>n());return e.observe(t),()=>{e.disconnect(),window.removeEventListener("scroll",r,!0)}},[U]),c.useEffect(()=>{if(E)return;const t=s.current.offset,n=J(t,A);t.x===n.x&&t.y===n.y||(s.current={zoom:s.current.zoom,offset:n},nt(r=>({...r,offset:n})))},[A,u,g.width,g.height]),c.useEffect(()=>{$||P(null)},[$]),c.useEffect(()=>{p.current=y},[y]),c.useEffect(()=>{var r;if(!y)return;if(!F||!g.width||!g.height||h){(r=p.current)==null||r.call(p,null);return}let t=!0;const n=window.setTimeout(()=>{Ut({file:F,fill:x,transform:{zoom:A,offset:k.offset},viewport:g}).then(e=>{var o;t&&((o=p.current)==null||o.call(p,e))}).catch(()=>{var e;t&&((e=p.current)==null||e.call(p,null))})},75);return()=>{t=!1,window.clearTimeout(n)}},[h,A,k.offset,x,F,g]),c.useEffect(()=>()=>{w.current!=null&&(window.cancelAnimationFrame(w.current),w.current=null)},[]);const ut=it(A),C=!D&&G&&(ut.maxX>0||ut.maxY>0),lt=()=>{var t;return(t=N.current)==null?void 0:t.click()},dt=t=>{t.preventDefault(),t.stopPropagation(),lt()};return d.jsxs("div",{className:tt.t(z.croppable,Q&&z.standalone),onClick:()=>{D&&lt()},"data-component":"croppable",children:[d.jsx("input",{accept:"image/*",onChange:Rt,ref:N,type:"file"}),d.jsx("div",{className:z.viewport,ref:_,onDragStart:t=>t.preventDefault(),onPointerDown:Mt,onPointerMove:Et,onPointerUp:at,onPointerCancel:at,onWheel:zt,style:{"--croppable-height":`${R??kt}px`,"--croppable-zoom":A,"--croppable-x":`${k.offset.x}px`,"--croppable-y":`${k.offset.y}px`,...u?{"--croppable-image-width":`${Z.width}px`,"--croppable-image-height":`${Z.height}px`}:null},children:D?d.jsxs("div",{className:z.empty,children:[d.jsx(pt.Figure,{children:d.jsx(gt.Icon,{name:"image",size:"large"})}),d.jsx(mt.Button,{onClick:dt,children:a??xt})]}):d.jsxs("div",{className:tt.t(z.media,C&&z.draggable,C&&et&&z.dragging),children:[d.jsx("div",{className:tt.t(z.inner),children:ct}),ot&&d.jsx("div",{className:z.overlay,children:d.jsxs("div",{className:z.empty,children:[d.jsx(pt.Figure,{children:d.jsx(gt.Icon,{name:"image",size:"large"})}),d.jsx(mt.Button,{onClick:dt,children:a??xt})]})})]})})]})};exports.Croppable=Bt;
 //# sourceMappingURL=index.cjs.map

package/dist/components/croppable/index.js

@@ -4,7 +4,7 @@ import { useRef as x, useState as Z, useEffect as U } from "react";
 import { Button as wt } from "../button/index.js";
 import { Figure as xt } from "../figure/index.js";
 import { Icon as yt } from "../icon/index.js";
-import '../../assets/index36.css';const P = 10, j = 0.1, Yt = 0.92, h = (u, p, _) => Math.min(_, Math.max(p, u)), Xt = (u) => new Promise((p, _) => {
+import '../../assets/index37.css';const P = 10, j = 0.1, Yt = 0.92, h = (u, p, _) => Math.min(_, Math.max(p, u)), Xt = (u) => new Promise((p, _) => {
   const d = URL.createObjectURL(u), i = new globalThis.Image();
   i.onload = () => {
     URL.revokeObjectURL(d), p(i);

package/dist/components/dialog/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index37.css');const a=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),s=require("react"),d=require("../button/index.cjs"),u=require("../icon/index.cjs"),g="_dialog_mvo05_1",w="_wrapper_mvo05_38",i={dialog:g,wrapper:w},m=({children:n,className:t,setOpen:o,...l})=>(s.useEffect(()=>{if(!o)return;const e=r=>{r.key==="Escape"&&(r.preventDefault(),o(!1))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[o]),a.jsx("div",{className:i.wrapper,"data-wrapper":!0,onClick:()=>o==null?void 0:o(!1),"data-component":"dialog",children:a.jsxs("dialog",{className:c.t(i.dialog,t),onClick:e=>e.stopPropagation(),...l,children:[o&&a.jsx(d.Button,{"aria-label":"Close dialog","data-tag":"close-dialog",onClick:()=>o(!1),variant:"tertiary",children:a.jsx(u.Icon,{name:"x"})}),n]})}));exports.Dialog=m;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const a=require("react/jsx-runtime"),c=require("../../classix-5H4IWnMA.cjs"),s=require("react"),d=require("../button/index.cjs"),u=require("../icon/index.cjs"),g="_dialog_mvo05_1",w="_wrapper_mvo05_38",i={dialog:g,wrapper:w},m=({children:n,className:t,setOpen:o,...l})=>(s.useEffect(()=>{if(!o)return;const e=r=>{r.key==="Escape"&&(r.preventDefault(),o(!1))};return window.addEventListener("keydown",e),()=>window.removeEventListener("keydown",e)},[o]),a.jsx("div",{className:i.wrapper,"data-wrapper":!0,onClick:()=>o==null?void 0:o(!1),"data-component":"dialog",children:a.jsxs("dialog",{className:c.t(i.dialog,t),onClick:e=>e.stopPropagation(),...l,children:[o&&a.jsx(d.Button,{"aria-label":"Close dialog","data-tag":"close-dialog",onClick:()=>o(!1),variant:"tertiary",children:a.jsx(u.Icon,{name:"x"})}),n]})}));exports.Dialog=m;
 //# sourceMappingURL=index.cjs.map

package/dist/components/dialog/index.js

@@ -3,7 +3,7 @@ import { t as c } from "../../classix-DG18itHa.js";
 import { useEffect as m } from "react";
 import { Button as s } from "../button/index.js";
 import { Icon as f } from "../icon/index.js";
-import '../../assets/index37.css';const p = "_dialog_mvo05_1", w = "_wrapper_mvo05_38", l = {
+import '../../assets/index38.css';const p = "_dialog_mvo05_1", w = "_wrapper_mvo05_38", l = {
   dialog: p,
   wrapper: w
 }, _ = ({

package/dist/components/dropdown/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index38.css');const r=require("react/jsx-runtime"),E=require("../../classix-5H4IWnMA.cjs"),a=require("react"),F=require("../button/index.cjs"),ce=require("../../icons-DYCSlAoX.cjs"),X=require("../../index-iItPktfX.cjs"),ue=require("../list/index.cjs"),N=require("../../index-BOkkyMbX.cjs");function V(t){return typeof t=="string"||typeof t=="number"?String(t):Array.isArray(t)?t.map(V).join(" "):a.isValidElement(t)?V(t.props.children):""}function de(t){return a.isValidElement(t)&&t.type==="option"}function pe(t){return a.isValidElement(t)&&t.type==="optgroup"}function fe(t){return a.isValidElement(t)&&t.type===a.Fragment}function me(t){return a.isValidElement(t)&&t.type===N.Select}function W(t,i,l=!1){const s=[];return a.Children.forEach(t,n=>{if(fe(n))s.push(...W(n.props.children,i,l));else if(de(n)){const c=V(n.props.children).trim(),f=n.props.value!=null?String(n.props.value):c;s.push({disabled:l||!!n.props.disabled,groupLabel:i,hidden:!!n.props.hidden,isPlaceholder:!!(n.props.hidden&&f===""),label:n.props.children,selected:!!n.props.selected,text:c,value:f})}else pe(n)&&s.push(...W(n.props.children,n.props.label,l||!!n.props.disabled))}),s}function _e(t){const i=t.trim();if(!i)return null;const s=[.../[*?]/.test(i)?i:`*${i}*`].map(n=>n==="*"?".*":n==="?"?".":n.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${s}$`,"i")}function he(t,i){const l=_e(i),s=t.filter(n=>!n.hidden&&!n.isPlaceholder);return l?s.filter(n=>l.test([n.groupLabel,n.text,n.value].filter(Boolean).join(" "))):s}function ye(t,i){return t.find(l=>l.value===i)??t.find(l=>l.isPlaceholder)??t[0]}function xe(t,i,l){var s,n;return i!=null?String(i):l!=null?String(l):((s=t.find(c=>c.selected))==null?void 0:s.value)??((n=t[0])==null?void 0:n.value)??""}function be(t){if(me(t)){const{children:i,placeholder:l,...s}=t.props;return{children:r.jsxs(r.Fragment,{children:[l&&r.jsx("option",{hidden:!0,value:"",children:l}),i]}),props:s}}return{children:t.props.children,props:t.props}}const ge="_combobox_qsl6y_3",ve="_dropdown_qsl6y_27",je="_empty_qsl6y_30",qe="_group_qsl6y_31",we="_placeholder_qsl6y_32",Se="_filter_qsl6y_40",Ce="_native_qsl6y_52",Ee="_option_qsl6y_62",Ne="_options_qsl6y_84",Ve="_panel_qsl6y_108",Le="_selected_qsl6y_131",Re="_text_qsl6y_135",$e="_trigger_qsl6y_145",Be="_minimal_qsl6y_164",Ie="_inline_qsl6y_221",De="_label_qsl6y_253",o={combobox:ge,"combobox-input":"_combobox-input_qsl6y_12",dropdown:ve,empty:je,group:qe,placeholder:we,filter:Se,native:Ce,option:Ee,options:Ne,panel:Ve,selected:Le,text:Re,trigger:$e,minimal:Be,inline:Ie,label:De,"inline-field":"_inline-field_qsl6y_259"};function Y(t,i){return{"--icon-svg":ce.iconSVG(t).replace("currentColor",i)}}const Pe=({children:t,className:i,combobox:l=!1,createOption:s,emptyLabel:n="No matches found",label:c,renderOption:f,searchPlaceholder:L="Filter",selectedItems:Z,variant:y="default",...ee})=>{const R=be(t),{defaultValue:te,onChange:$,value:B,...ne}=R.props,g=N.sanitizeSelectProps(ne),M=a.useRef(null),Q=a.useRef(null),v=a.useId(),z=a.useRef(null),m=a.useRef(null),x=W(R.children),b=B!=null,I=xe(x,B,te),[D,P]=a.useState(()=>I),[u,p]=a.useState(!1),[j,q]=a.useState(""),w=b?String(B):D,O={default:N.resolveColor("--colors-semantic-content-secondary"),white:N.resolveColor("--color-white","white")},T=y==="minimal"?O.white:O.default,S=ye(x,w),le=Y("chevron",T),se=Y("search",T),A=he(x,j),_=j.trim(),C=!!(l&&s&&_&&s.isValid(_)),re=c&&y==="inline"?X.formatInlineLabel(c):c,G=e=>e?(f==null?void 0:f({groupLabel:e.groupLabel,isSelected:e.value===w,label:e.label,text:e.text,value:e.value}))??e.label:"Select an option";a.useEffect(()=>{!b&&!x.some(e=>e.value===D)&&P(I)},[I,D,b,x]),a.useEffect(()=>{var e;if(!u){q("");return}(e=m.current)==null||e.focus()},[u]),a.useEffect(()=>{if(!u)return;const e=d=>{var h;(h=Q.current)!=null&&h.contains(d.target)||p(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[u]);const oe=e=>{b||P(e.target.value),$==null||$(e)},k=()=>{var e;p(!1),l||(e=M.current)==null||e.focus()},K=()=>{var e;q(""),p(!0),(e=m.current)==null||e.focus()},H=()=>{!s||!C||(s.onCreate(_),K())},ie=e=>{var U;b||P(e);const d=z.current;if(!d){k();return}const h=(U=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:U.set;h==null||h.call(d,e),d.dispatchEvent(new Event("change",{bubbles:!0})),l?K():k()},ae=e=>{e.key==="Escape"&&k(),e.key==="Enter"&&e.target===m.current&&C&&(e.preventDefault(),H())},J=r.jsxs("div",{className:E.t(o.dropdown,y==="inline"&&o.inline,y==="minimal"&&o.minimal,i),onKeyDown:ae,ref:Q,...ee,children:[r.jsx("select",{...g,"aria-hidden":"true",className:o.native,onChange:oe,ref:z,tabIndex:-1,value:w,children:R.children}),l?r.jsxs("div",{className:o.combobox,onClick:()=>{var e;return(e=m.current)==null?void 0:e.focus()},children:[Z,r.jsx("input",{"aria-autocomplete":"list","aria-expanded":u,"aria-label":g["aria-label"]??c??L,className:o["combobox-input"],disabled:g.disabled,onChange:e=>{q(e.target.value),p(!0)},onClick:()=>p(!0),onFocus:()=>p(!0),placeholder:L||void 0,ref:m,role:"combobox",type:"text",value:j})]}):r.jsx(F.Button,{"aria-expanded":u,"aria-haspopup":"dialog","aria-labelledby":c?`${v} ${v}-value`:void 0,className:E.t(o.trigger,(S==null?void 0:S.isPlaceholder)&&o.placeholder),"data-open":u?"true":void 0,disabled:g.disabled,onClick:()=>p(e=>!e),ref:M,style:le,variant:"tertiary",children:r.jsx("span",{className:o.text,id:`${v}-value`,children:G(S)})}),u&&r.jsxs("div",{className:o.panel,children:[!l&&r.jsx(X.Input,{"aria-label":"Filter",className:o.filter,icon:"search",onChange:e=>q(e.target.value),placeholder:L,ref:m,style:se,type:"search",value:j}),r.jsxs(ue.List,{"aria-label":"Dropdown",className:o.options,children:[A.map(e=>{const d=e.value===w;return r.jsx("li",{"data-component":"dropdown",children:r.jsxs(F.Button,{"aria-label":d?`${e.text}, selected`:e.text,className:E.t(o.option,d&&o.selected),disabled:e.disabled,onClick:()=>ie(e.value),variant:"tertiary",children:[r.jsx("span",{className:o.text,children:G(e)}),e.groupLabel&&r.jsx("small",{className:o.group,children:e.groupLabel})]})},`${e.groupLabel??"root"}-${e.value}`)}),C&&s&&r.jsx("li",{children:r.jsx(F.Button,{"aria-label":V(s.render(_))||_,className:o.option,onClick:H,variant:"tertiary",children:r.jsx("span",{className:o.text,children:s.render(_)})})}),A.length===0&&!C&&r.jsx("li",{className:o.empty,children:n})]})]})]});return c?r.jsxs("div",{className:E.t(o.label,y==="inline"&&o["inline-field"]),"data-component":"dropdown",children:[r.jsx("span",{id:v,children:re}),J]}):J};exports.Dropdown=Pe;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index39.css');const r=require("react/jsx-runtime"),E=require("../../classix-5H4IWnMA.cjs"),a=require("react"),F=require("../button/index.cjs"),ce=require("../../icons-DYCSlAoX.cjs"),X=require("../../index-CP5A_BGJ.cjs"),ue=require("../list/index.cjs"),N=require("../../index-N4IMha5Q.cjs");function V(t){return typeof t=="string"||typeof t=="number"?String(t):Array.isArray(t)?t.map(V).join(" "):a.isValidElement(t)?V(t.props.children):""}function de(t){return a.isValidElement(t)&&t.type==="option"}function pe(t){return a.isValidElement(t)&&t.type==="optgroup"}function fe(t){return a.isValidElement(t)&&t.type===a.Fragment}function me(t){return a.isValidElement(t)&&t.type===N.Select}function W(t,i,l=!1){const s=[];return a.Children.forEach(t,n=>{if(fe(n))s.push(...W(n.props.children,i,l));else if(de(n)){const c=V(n.props.children).trim(),f=n.props.value!=null?String(n.props.value):c;s.push({disabled:l||!!n.props.disabled,groupLabel:i,hidden:!!n.props.hidden,isPlaceholder:!!(n.props.hidden&&f===""),label:n.props.children,selected:!!n.props.selected,text:c,value:f})}else pe(n)&&s.push(...W(n.props.children,n.props.label,l||!!n.props.disabled))}),s}function _e(t){const i=t.trim();if(!i)return null;const s=[.../[*?]/.test(i)?i:`*${i}*`].map(n=>n==="*"?".*":n==="?"?".":n.replace(/[|\\{}()[\]^$+.,]/g,"\\$&")).join("");return new RegExp(`^${s}$`,"i")}function he(t,i){const l=_e(i),s=t.filter(n=>!n.hidden&&!n.isPlaceholder);return l?s.filter(n=>l.test([n.groupLabel,n.text,n.value].filter(Boolean).join(" "))):s}function ye(t,i){return t.find(l=>l.value===i)??t.find(l=>l.isPlaceholder)??t[0]}function xe(t,i,l){var s,n;return i!=null?String(i):l!=null?String(l):((s=t.find(c=>c.selected))==null?void 0:s.value)??((n=t[0])==null?void 0:n.value)??""}function be(t){if(me(t)){const{children:i,placeholder:l,...s}=t.props;return{children:r.jsxs(r.Fragment,{children:[l&&r.jsx("option",{hidden:!0,value:"",children:l}),i]}),props:s}}return{children:t.props.children,props:t.props}}const ge="_combobox_qsl6y_3",ve="_dropdown_qsl6y_27",je="_empty_qsl6y_30",qe="_group_qsl6y_31",we="_placeholder_qsl6y_32",Se="_filter_qsl6y_40",Ce="_native_qsl6y_52",Ee="_option_qsl6y_62",Ne="_options_qsl6y_84",Ve="_panel_qsl6y_108",Le="_selected_qsl6y_131",Re="_text_qsl6y_135",$e="_trigger_qsl6y_145",Be="_minimal_qsl6y_164",Ie="_inline_qsl6y_221",De="_label_qsl6y_253",o={combobox:ge,"combobox-input":"_combobox-input_qsl6y_12",dropdown:ve,empty:je,group:qe,placeholder:we,filter:Se,native:Ce,option:Ee,options:Ne,panel:Ve,selected:Le,text:Re,trigger:$e,minimal:Be,inline:Ie,label:De,"inline-field":"_inline-field_qsl6y_259"};function Y(t,i){return{"--icon-svg":ce.iconSVG(t).replace("currentColor",i)}}const Pe=({children:t,className:i,combobox:l=!1,createOption:s,emptyLabel:n="No matches found",label:c,renderOption:f,searchPlaceholder:L="Filter",selectedItems:Z,variant:y="default",...ee})=>{const R=be(t),{defaultValue:te,onChange:$,value:B,...ne}=R.props,g=N.sanitizeSelectProps(ne),M=a.useRef(null),Q=a.useRef(null),v=a.useId(),z=a.useRef(null),m=a.useRef(null),x=W(R.children),b=B!=null,I=xe(x,B,te),[D,P]=a.useState(()=>I),[u,p]=a.useState(!1),[j,q]=a.useState(""),w=b?String(B):D,O={default:N.resolveColor("--colors-semantic-content-secondary"),white:N.resolveColor("--color-white","white")},T=y==="minimal"?O.white:O.default,S=ye(x,w),le=Y("chevron",T),se=Y("search",T),A=he(x,j),_=j.trim(),C=!!(l&&s&&_&&s.isValid(_)),re=c&&y==="inline"?X.formatInlineLabel(c):c,G=e=>e?(f==null?void 0:f({groupLabel:e.groupLabel,isSelected:e.value===w,label:e.label,text:e.text,value:e.value}))??e.label:"Select an option";a.useEffect(()=>{!b&&!x.some(e=>e.value===D)&&P(I)},[I,D,b,x]),a.useEffect(()=>{var e;if(!u){q("");return}(e=m.current)==null||e.focus()},[u]),a.useEffect(()=>{if(!u)return;const e=d=>{var h;(h=Q.current)!=null&&h.contains(d.target)||p(!1)};return document.addEventListener("mousedown",e),()=>{document.removeEventListener("mousedown",e)}},[u]);const oe=e=>{b||P(e.target.value),$==null||$(e)},k=()=>{var e;p(!1),l||(e=M.current)==null||e.focus()},K=()=>{var e;q(""),p(!0),(e=m.current)==null||e.focus()},H=()=>{!s||!C||(s.onCreate(_),K())},ie=e=>{var U;b||P(e);const d=z.current;if(!d){k();return}const h=(U=Object.getOwnPropertyDescriptor(HTMLSelectElement.prototype,"value"))==null?void 0:U.set;h==null||h.call(d,e),d.dispatchEvent(new Event("change",{bubbles:!0})),l?K():k()},ae=e=>{e.key==="Escape"&&k(),e.key==="Enter"&&e.target===m.current&&C&&(e.preventDefault(),H())},J=r.jsxs("div",{className:E.t(o.dropdown,y==="inline"&&o.inline,y==="minimal"&&o.minimal,i),onKeyDown:ae,ref:Q,...ee,children:[r.jsx("select",{...g,"aria-hidden":"true",className:o.native,onChange:oe,ref:z,tabIndex:-1,value:w,children:R.children}),l?r.jsxs("div",{className:o.combobox,onClick:()=>{var e;return(e=m.current)==null?void 0:e.focus()},children:[Z,r.jsx("input",{"aria-autocomplete":"list","aria-expanded":u,"aria-label":g["aria-label"]??c??L,className:o["combobox-input"],disabled:g.disabled,onChange:e=>{q(e.target.value),p(!0)},onClick:()=>p(!0),onFocus:()=>p(!0),placeholder:L||void 0,ref:m,role:"combobox",type:"text",value:j})]}):r.jsx(F.Button,{"aria-expanded":u,"aria-haspopup":"dialog","aria-labelledby":c?`${v} ${v}-value`:void 0,className:E.t(o.trigger,(S==null?void 0:S.isPlaceholder)&&o.placeholder),"data-open":u?"true":void 0,disabled:g.disabled,onClick:()=>p(e=>!e),ref:M,style:le,variant:"tertiary",children:r.jsx("span",{className:o.text,id:`${v}-value`,children:G(S)})}),u&&r.jsxs("div",{className:o.panel,children:[!l&&r.jsx(X.Input,{"aria-label":"Filter",className:o.filter,icon:"search",onChange:e=>q(e.target.value),placeholder:L,ref:m,style:se,type:"search",value:j}),r.jsxs(ue.List,{"aria-label":"Dropdown",className:o.options,children:[A.map(e=>{const d=e.value===w;return r.jsx("li",{"data-component":"dropdown",children:r.jsxs(F.Button,{"aria-label":d?`${e.text}, selected`:e.text,className:E.t(o.option,d&&o.selected),disabled:e.disabled,onClick:()=>ie(e.value),variant:"tertiary",children:[r.jsx("span",{className:o.text,children:G(e)}),e.groupLabel&&r.jsx("small",{className:o.group,children:e.groupLabel})]})},`${e.groupLabel??"root"}-${e.value}`)}),C&&s&&r.jsx("li",{children:r.jsx(F.Button,{"aria-label":V(s.render(_))||_,className:o.option,onClick:H,variant:"tertiary",children:r.jsx("span",{className:o.text,children:s.render(_)})})}),A.length===0&&!C&&r.jsx("li",{className:o.empty,children:n})]})]})]});return c?r.jsxs("div",{className:E.t(o.label,y==="inline"&&o["inline-field"]),"data-component":"dropdown",children:[r.jsx("span",{id:v,children:re}),J]}):J};exports.Dropdown=Pe;
 //# sourceMappingURL=index.cjs.map

package/dist/components/dropdown/index.js

@@ -3,10 +3,10 @@ import { t as V } from "../../classix-DG18itHa.js";
 import fe, { Children as me, isValidElement as v, useRef as I, useId as he, useState as W, useEffect as Q } from "react";
 import { Button as z } from "../button/index.js";
 import { i as _e } from "../../icons-CKzd_L4D.js";
-import { f as ye, I as be } from "../../index-DS2cY2g4.js";
+import { f as ye, I as be } from "../../index-DFXqYJat.js";
 import { List as ge } from "../list/index.js";
-import { S as ve, s as xe, r as ee } from "../../index-D-AyCDg7.js";
-import '../../assets/index38.css';function L(t) {
+import { S as ve, s as xe, r as ee } from "../../index-B9xtLe2w.js";
+import '../../assets/index39.css';function L(t) {
   return typeof t == "string" || typeof t == "number" ? String(t) : Array.isArray(t) ? t.map(L).join(" ") : v(t) ? L(t.props.children) : "";
 }
 function we(t) {

package/dist/components/dropzone/index.cjs

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index39.css');const i=require("react/jsx-runtime"),b=require("../../classix-5H4IWnMA.cjs"),F=require("react"),q=require("../button/index.cjs"),I=require("../icon/index.cjs"),R="_dropzone_1rpsf_1",T="_dragging_1rpsf_19",S="_minimal_1rpsf_23",g={dropzone:R,dragging:T,minimal:S},k=({accepts:D,label:m="Select files",maxFileSize:_,multiple:d=!1,onChange:n,onValidation:a,variant:p="default",...y})=>{const f=F.useRef(null),[x,l]=F.useState(!1),c=e=>{e.preventDefault(),e.stopPropagation()},v=e=>{const t=f.current;if(!t)return;const s=new DataTransfer;for(const r of e)s.items.add(r);t.files=s.files,n==null||n({target:t,currentTarget:t})},z=e=>{const{validFiles:t,emptyFiles:s,oversizedFiles:r}=e.reduce((u,o)=>(o.size===0?u.emptyFiles.push(o):_&&o.size>_?u.oversizedFiles.push(o):u.validFiles.push(o),u),{validFiles:[],emptyFiles:[],oversizedFiles:[]});return(s.length>0||r.length>0)&&(a==null||a(s,r)),t},j=e=>{c(e),l(!1);const t=Array.from(e.dataTransfer.files??[]),s=z(t);if(s.length===0)return;const r=d?s:s.slice(0,1);v(r)},h=e=>{const t=Array.from(e.target.files??[]),s=z(t);if(s.length===t.length){n==null||n(e);return}const r=d?s:s.slice(0,1);v(r)};return i.jsx("div",{className:b.t(g.dropzone,g[p],x&&g.dragging),onDragEnter:e=>{c(e),l(!0)},onDragOver:e=>{c(e),l(!0)},onDragLeave:e=>{c(e),l(!1)},onDrop:j,...y,"data-component":"dropzone",children:i.jsxs("label",{children:[i.jsx("input",{accept:D,"aria-label":m,hidden:!0,multiple:d,onChange:h,ref:f,type:"file"}),i.jsx(I.Icon,{name:"upload",size:p==="minimal"?"medium":"large"}),i.jsx("br",{}),p!=="minimal"&&i.jsx(q.Button,{onClick:()=>{var e;return(e=f.current)==null?void 0:e.click()},type:"button",children:m})]})})};exports.Dropzone=k;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('../../assets/index40.css');const i=require("react/jsx-runtime"),b=require("../../classix-5H4IWnMA.cjs"),F=require("react"),q=require("../button/index.cjs"),I=require("../icon/index.cjs"),R="_dropzone_1rpsf_1",T="_dragging_1rpsf_19",S="_minimal_1rpsf_23",g={dropzone:R,dragging:T,minimal:S},k=({accepts:D,label:m="Select files",maxFileSize:_,multiple:d=!1,onChange:n,onValidation:a,variant:p="default",...y})=>{const f=F.useRef(null),[x,l]=F.useState(!1),c=e=>{e.preventDefault(),e.stopPropagation()},v=e=>{const t=f.current;if(!t)return;const s=new DataTransfer;for(const r of e)s.items.add(r);t.files=s.files,n==null||n({target:t,currentTarget:t})},z=e=>{const{validFiles:t,emptyFiles:s,oversizedFiles:r}=e.reduce((u,o)=>(o.size===0?u.emptyFiles.push(o):_&&o.size>_?u.oversizedFiles.push(o):u.validFiles.push(o),u),{validFiles:[],emptyFiles:[],oversizedFiles:[]});return(s.length>0||r.length>0)&&(a==null||a(s,r)),t},j=e=>{c(e),l(!1);const t=Array.from(e.dataTransfer.files??[]),s=z(t);if(s.length===0)return;const r=d?s:s.slice(0,1);v(r)},h=e=>{const t=Array.from(e.target.files??[]),s=z(t);if(s.length===t.length){n==null||n(e);return}const r=d?s:s.slice(0,1);v(r)};return i.jsx("div",{className:b.t(g.dropzone,g[p],x&&g.dragging),onDragEnter:e=>{c(e),l(!0)},onDragOver:e=>{c(e),l(!0)},onDragLeave:e=>{c(e),l(!1)},onDrop:j,...y,"data-component":"dropzone",children:i.jsxs("label",{children:[i.jsx("input",{accept:D,"aria-label":m,hidden:!0,multiple:d,onChange:h,ref:f,type:"file"}),i.jsx(I.Icon,{name:"upload",size:p==="minimal"?"medium":"large"}),i.jsx("br",{}),p!=="minimal"&&i.jsx(q.Button,{onClick:()=>{var e;return(e=f.current)==null?void 0:e.click()},type:"button",children:m})]})})};exports.Dropzone=k;
 //# sourceMappingURL=index.cjs.map

package/dist/components/dropzone/index.js

@@ -3,7 +3,7 @@ import { t as T } from "../../classix-DG18itHa.js";
 import { useRef as j, useState as k } from "react";
 import { Button as x } from "../button/index.js";
 import { Icon as A } from "../icon/index.js";
-import '../../assets/index39.css';const R = "_dropzone_1rpsf_1", w = "_dragging_1rpsf_19", B = "_minimal_1rpsf_23", m = {
+import '../../assets/index40.css';const R = "_dropzone_1rpsf_1", w = "_dragging_1rpsf_19", B = "_minimal_1rpsf_23", m = {
   dropzone: R,
   dragging: w,
   minimal: B