twenty-ui 2.46.0 → 2.47.0

package/dist/data-display-DjhAHvj1.cjs

@@ -0,0 +1,2 @@
+const y=require("./theme-1XkFz8Qu.cjs"),_=require("./isDefined-DS2Q42p5.cjs"),H=require("./VisuallyHidden-B-n4x1KY.cjs"),K=require("./ProgressRing-g1nHGyUp.cjs");let S=require("@base-ui/react/use-render"),u=require("@sniptt/guards"),c=require("clsx"),x=require("react"),e=require("react/jsx-runtime"),$=require("@base-ui/react/collapsible"),h=require("@tabler/icons-react");var U="_container_5cu4g_1",X="_itemContainer_5cu4g_6",Q="_overflowCountContainer_5cu4g_22",W="_overflowCount_5cu4g_22",g={container:U,itemContainer:X,overflowCountContainer:Q,overflowCount:W},Y=4,Z=({avatars:r,className:n,maxVisible:t=Y,total:s,renderOverflow:l,overflowShape:o="square",overlap:a="right",overlapOffset:i="3px",render:p,ref:C,...m})=>{const d=x.Children.toArray(r),q=Number.isNaN(t)?0:Math.max(0,Math.floor(t)),f=d.slice(0,q),b=s??d.length,N=(Number.isFinite(b)?Math.max(d.length,Math.floor(b)):d.length)-f.length,w=_.isDefined(l),A=N>0&&(w?l(N):(0,e.jsxs)("span",{className:g.overflowCount,"data-shape":o,children:["+",N]})),L=(0,u.isNonEmptyArray)(x.Children.toArray(A)),V={"--avatar-group-overlap-offset":i},G=(0,S.useRender)({render:p,ref:C,props:{...m,className:(0,c.clsx)(g.container,n),children:(0,e.jsxs)(e.Fragment,{children:[x.Children.map(f,T=>(0,e.jsx)("span",{className:g.itemContainer,"data-overlap":a,style:V,children:T},(0,x.isValidElement)(T)?T.key:void 0)),L&&(0,e.jsx)("span",{className:(0,c.clsx)(g.itemContainer,!w&&g.overflowCountContainer),"data-overlap":a,style:V,children:A})]})}});return(0,u.isNonEmptyArray)(f)||L?G:null},ee="_container_1j72k_1",re="_commands_1j72k_13",ne="_actions_1j72k_25",te="_prompt_1j72k_32",J={container:ee,commands:re,actions:ne,prompt:te},se=({commands:r,actions:n,render:t,ref:s,className:l,...o})=>(0,S.useRender)({render:t,ref:s,props:{...o,className:(0,c.clsx)(J.container,l),children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("pre",{className:J.commands,children:(0,e.jsx)("code",{children:r.map((a,i)=>(0,e.jsxs)("span",{children:[i>0&&`
+`,(0,e.jsx)("span",{className:J.prompt,"aria-hidden":"true",children:"> "}),a]},i))})}),_.isDefined(n)&&(0,e.jsx)("div",{className:J.actions,children:n})]})}}),ae="_list_1i4lv_1",oe="_nested_1i4lv_8",P={list:ae,nested:oe},le=({depth:r,className:n,children:t})=>(0,e.jsx)("ul",{className:(0,c.clsx)(P.list,r>0&&P.nested,n),children:t}),M=(0,x.createContext)(void 0),j=()=>{const r=(0,x.useContext)(M);if(!_.isDefined(r))throw new Error("useJsonTreeContextOrThrow must be used within a JsonTreeContextProvider");return r},ie="_button_1e3ij_1",ce="_red_1e3ij_17",de="_chevron_1e3ij_22",E={button:ie,red:ce,chevron:de},ue=({isOpen:r,onClick:n,variant:t})=>{const s=y.useTheme(),{arrowButtonCollapsedLabel:l,arrowButtonExpandedLabel:o}=j(),a=t==="blue"?y.themeCssVariables.color.blue:t==="red"?y.themeCssVariables.font.color.danger:y.themeCssVariables.font.color.secondary;return(0,e.jsxs)("button",{className:(0,c.clsx)(E.button,t==="red"&&E.red),onClick:n,children:[(0,e.jsx)(H.VisuallyHidden,{children:r?o:l}),(0,e.jsx)("div",{className:E.chevron,"data-open":r||void 0,children:(0,e.jsx)(h.IconChevronDown,{size:s.icon.size.md,color:a})})]})},_e=({label:r,value:n,depth:t,keyPath:s,highlighting:l})=>{const{emptyArrayLabel:o}=j();return(0,e.jsx)(D,{elements:[...n.entries()].map(([a,i])=>({id:a,label:String(a),value:i})),renderElementsCount:a=>`[${a}]`,label:r,Icon:h.IconBrackets,depth:t,emptyElementsText:o,keyPath:s,highlighting:l})},me=({label:r,value:n,depth:t,keyPath:s,highlighting:l})=>{const{emptyObjectLabel:o}=j();return(0,e.jsx)(D,{elements:Object.entries(n).map(([a,i])=>({id:a,label:a,value:i})),renderElementsCount:a=>`{${a}}`,label:r,Icon:h.IconCube,depth:t,emptyElementsText:o,keyPath:s,highlighting:l})},ve="_labelContainer_1pq94_1",xe="_blue_1pq94_23",he="_red_1pq94_29",R={labelContainer:ve,blue:xe,red:he},F=({label:r,Icon:n,highlighting:t})=>{const s=y.useTheme();return(0,e.jsxs)("span",{className:(0,c.clsx)(R.labelContainer,t==="blue"&&R.blue,t==="red"&&R.red),children:[(0,e.jsx)(n,{size:s.icon.size.md,color:t==="blue"?s.color.blue:t==="red"?s.font.color.danger:s.font.color.tertiary}),(0,e.jsx)("span",{children:r})]})},be="_text_1ot24_1",je="_blue_1ot24_10",pe="_red_1ot24_14",Ce="_button_1ot24_18",k={text:be,blue:je,red:pe,button:Ce},fe=({valueAsString:r,highlighting:n})=>{const{onNodeValueClick:t}=j(),s=_.isDefined(t),l=()=>{t?.(r)},o=(0,c.clsx)(k.text,n==="blue"&&k.blue,n==="red"&&k.red);return s?(0,e.jsx)("button",{className:(0,c.clsx)(o,k.button),type:"button",onClick:l,children:r}):(0,e.jsx)("span",{className:o,children:r})},Ne="_listItem_1i7if_1",ge={listItem:Ne},I=r=>(0,e.jsxs)("li",{className:ge.listItem,children:[r.label&&(0,e.jsx)(F,{label:r.label,Icon:r.Icon,highlighting:r.highlighting}),(0,e.jsx)(fe,{valueAsString:r.valueAsString,highlighting:r.highlighting})]}),ye=r=>(0,u.isArray)(r),z=({label:r,value:n,depth:t,keyPath:s})=>{const{getNodeHighlighting:l,emptyStringLabel:o}=j(),a=l?.(s);return _.isDefined(n)?(0,u.isString)(n)?(0,e.jsx)(I,{label:r,valueAsString:(0,u.isNonEmptyString)(n)?n:o,Icon:h.IconTypography,highlighting:a}):(0,u.isNumber)(n)?(0,e.jsx)(I,{label:r,valueAsString:String(n),Icon:h.IconNumber9,highlighting:a}):(0,u.isBoolean)(n)?(0,e.jsx)(I,{label:r,valueAsString:String(n),Icon:h.IconCheckbox,highlighting:a}):ye(n)?(0,e.jsx)(_e,{label:r,value:n,depth:t,keyPath:s,highlighting:a}):(0,e.jsx)(me,{label:r,value:n,depth:t,keyPath:s,highlighting:a}):(0,e.jsx)(I,{label:r,valueAsString:"null",Icon:h.IconCircleOff,highlighting:a})},Ie="_container_d0cqx_1",qe="_labelContainer_d0cqx_6",we="_elementsCount_d0cqx_12",Ae="_elementsCountRed_d0cqx_16",Je="_panel_d0cqx_20",ke="_list_d0cqx_30",Se="_nested_d0cqx_37",v={container:Ie,labelContainer:qe,elementsCount:we,elementsCountRed:Ae,panel:Je,list:ke,nested:Se},D=({label:r,Icon:n,elements:t,renderElementsCount:s,emptyElementsText:l,depth:o,keyPath:a,highlighting:i})=>{const{shouldExpandNodeInitially:p}=j(),C=!_.isDefined(r),[m,d]=(0,x.useState)(p({keyPath:a,depth:o})),q=(0,e.jsx)("ul",{className:(0,c.clsx)(v.list,o>0&&v.nested),children:t.length===0?(0,e.jsx)(I,{valueAsString:l,highlighting:void 0}):t.map(({id:b,label:N,value:w})=>{const A=(0,u.isNonEmptyString)(a)?`${a}.${b}`:String(b);return(0,e.jsx)(z,{label:N,value:w,depth:o+1,keyPath:A},b)})}),f=()=>{d(!m)};return C?(0,e.jsx)("li",{className:v.container,children:q}):(0,e.jsxs)($.Collapsible.Root,{className:v.container,open:m,render:(0,e.jsx)("li",{}),children:[(0,e.jsxs)("div",{className:v.labelContainer,children:[(0,e.jsx)(ue,{isOpen:m,onClick:f,variant:i==="partial-blue"?"blue":i==="red"?i:void 0}),(0,e.jsx)(F,{label:r,Icon:n,highlighting:i==="red"?i:void 0}),s&&(0,e.jsx)("span",{className:(0,c.clsx)(v.elementsCount,i==="red"&&v.elementsCountRed),children:s(t.length)})]}),(0,e.jsx)($.Collapsible.Panel,{className:v.panel,children:q})]})},Te=({value:r,children:n})=>(0,e.jsx)(M.Provider,{value:r,children:n}),Ee=({depth:r})=>r<=1,Re=({value:r,entries:n,shouldExpandNodeInitially:t=Ee,...s})=>(0,e.jsx)(Te,{value:{...s,shouldExpandNodeInitially:t},children:(0,e.jsx)(le,{depth:0,children:_.isDefined(n)?(0,e.jsx)(D,{elements:n,Icon:h.IconBrackets,depth:0,keyPath:"",emptyElementsText:s.emptyObjectLabel}):(0,e.jsx)(z,{value:r??null,depth:0,keyPath:""})})}),Oe="_row_1hj4l_1",De="_label_1hj4l_11",Le="_icon_1hj4l_20",O={row:Oe,label:De,icon:Le},Ve=({children:r,startIcon:n,value:t,progress:s,progressColor:l,progressValueText:o,render:a,ref:i,className:p,...C})=>{const m=(0,x.useId)(),d=o??t;return(0,S.useRender)({render:a,ref:i,props:{...C,className:(0,c.clsx)(O.row,p),children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("div",{className:O.label,children:[_.isDefined(n)&&(0,e.jsx)("span",{className:O.icon,"aria-hidden":"true",children:n}),(0,e.jsx)("span",{id:m,children:r})]}),_.isDefined(s)?(0,e.jsx)(K.ProgressRing,{value:s,size:"sm",barColor:l,"aria-labelledby":m,...(0,u.isNonEmptyString)(d)?{"aria-valuetext":d}:{},children:t}):(0,e.jsx)("span",{children:t})]})}})},$e="_root_7l8sk_1",Pe="_stackedIcon_7l8sk_14",B={root:$e,stackedIcon:Pe},Be=({icon:r,stackedIcon:n,className:t,render:s,ref:l,...o})=>(0,S.useRender)({render:s,ref:l,props:{...o,className:(0,c.clsx)(B.root,t),children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{"aria-hidden":"true",children:r}),(0,e.jsx)("span",{"aria-hidden":"true",className:B.stackedIcon,children:n})]})}});Object.defineProperty(exports,"AvatarGroup",{enumerable:!0,get:function(){return Z}});Object.defineProperty(exports,"CommandBlock",{enumerable:!0,get:function(){return se}});Object.defineProperty(exports,"JsonTree",{enumerable:!0,get:function(){return Re}});Object.defineProperty(exports,"MetricRow",{enumerable:!0,get:function(){return Ve}});Object.defineProperty(exports,"StackIcon",{enumerable:!0,get:function(){return Be}});

package/dist/feedback-B5x8tmnG.cjs

@@ -0,0 +1 @@
+const y=require("./theme-1XkFz8Qu.cjs"),u=require("./isDefined-DS2Q42p5.cjs"),ae=require("./mergeClassNames-D4lshrT6.cjs"),D=require("./Button-COxEKIHL.cjs"),S=require("./ProgressBar-oF1qVHFx.cjs"),g=require("./isRenderableSlot-Guryb6Nf.cjs"),ce=require("./useProvidedTextDirection-PVaoQCLH.cjs"),ue=require("./OverflowingTextWithTooltip-BlufG-6n.cjs"),le=require("./Separator-UJVlrTzw.cjs");let W=require("@base-ui/react/use-render"),q=require("@sniptt/guards"),P=require("clsx"),d=require("react"),s=require("react/jsx-runtime"),K=require("@base-ui/utils/store"),de=require("react-dom"),h=require("@tabler/icons-react");var ve="_action_3r2bm_1",_e={action:ve},me=({className:e,...t})=>(0,s.jsx)(D.Button,{...t,size:"sm",variant:"ghost",className:ae.mergeClassNames(_e.action,e)}),fe="_container_1ix4w_1",pe="_containerFullWidth_1ix4w_40",Te="_header_1ix4w_44",xe="_iconContainer_1ix4w_53",he="_title_1ix4w_63",ge="_descriptionWrapper_1ix4w_75",be="_descriptionWrapperWithIcon_1ix4w_82",Ce="_descriptionWrapperWithAction_1ix4w_86",je="_description_1ix4w_75",we="_footer_1ix4w_99",Ne="_closeButton_1ix4w_106",m={container:fe,containerFullWidth:pe,header:Te,iconContainer:xe,title:he,descriptionWrapper:ge,descriptionWrapperWithIcon:be,descriptionWrapperWithAction:Ce,description:je,footer:we,closeButton:Ne},Pe=({status:e="info",variant:t="soft",color:r=S.FEEDBACK_STATUS_COLORS[e],title:o,description:n,fullWidth:i=!1,icon:a=(0,s.jsx)(h.IconHelp,{size:y.themeCssVariables.icon.size.md,"aria-hidden":"true"}),action:c,closeLabel:l="Close",onDismiss:v,className:T,render:f,ref:N,..._})=>{const b=g.isRenderableSlot(a),C=g.isRenderableSlot(c);return(0,W.useRender)({render:f,ref:N,state:{status:e,variant:t,color:r},props:{..._,className:(0,P.clsx)(m.container,i&&m.containerFullWidth,T),children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsxs)("div",{className:m.header,children:[b&&(0,s.jsx)("div",{className:m.iconContainer,children:a}),(0,s.jsx)("div",{className:m.title,children:o}),u.isDefined(v)&&(0,s.jsx)(D.Button,{type:"button",startIcon:(0,s.jsx)(h.IconX,{"aria-hidden":"true"}),className:m.closeButton,variant:"ghost",size:"sm","aria-label":l,onClick:()=>v()})]}),g.isRenderableSlot(n)&&(0,s.jsx)("div",{className:(0,P.clsx)(m.descriptionWrapper,b&&m.descriptionWrapperWithIcon,C&&m.descriptionWrapperWithAction),children:(0,s.jsx)("div",{className:m.description,children:n})}),C&&(0,s.jsx)("div",{className:m.footer,children:c})]})}})},qe=Object.assign(Pe,{Action:me}),Ie="_banner_17vm4_1",Ae="_embedded_17vm4_6",De="_bannerContent_17vm4_10",Se="_icon_17vm4_18",Re="_bannerText_17vm4_28",Be="_compact_17vm4_33",j={banner:Ie,embedded:Ae,bannerContent:De,icon:Se,bannerText:Re,compact:Be},Ee=({children:e,layout:t="standard",variant:r="soft",embedded:o=!1,icon:n=(0,s.jsx)(h.IconInfoCircle,{"aria-hidden":"true"}),className:i,...a})=>{const c=t==="compact",l=!c&&(0,q.isString)(e);return(0,s.jsx)(S.Banner,{...a,className:(0,P.clsx)(j.banner,c&&j.compact,o&&j.embedded,i),variant:r,"data-layout":t,children:(0,s.jsxs)("div",{className:j.bannerContent,children:[g.isRenderableSlot(n)&&(0,s.jsx)("span",{className:j.icon,children:n}),(0,s.jsx)("div",{className:j.bannerText,children:l?(0,s.jsx)(ue.OverflowingTextWithTooltip,{isFocusable:!0,text:(0,s.jsx)(s.Fragment,{children:e}),tooltipContent:e}):e})]})})},ye=Object.assign(Ee,{Action:S.Banner.Action}),I=e=>e.status==="visible",X=({store:e,toastsToClose:t,nextToasts:r=e.state.toasts})=>{const o=r.map(i=>t.includes(i)?{...i,status:"closing"}:i),n=e.state.mountedToasterCount>0;e.set("toasts",n?o:o.filter(I));for(const i of t)i.notification.onClose?.()},V=(0,d.createContext)(void 0),w=()=>{const e=(0,d.useContext)(V);if(!u.isDefined(e))throw new Error("Toast components must be used within a ToastProvider.");return e},G=()=>{const e=w();return{closeToast:r=>{const o=e.state.toasts.filter(n=>I(n)&&(!u.isDefined(r)||n.notification.id===r));(0,q.isNonEmptyArray)(o)&&X({store:e,toastsToClose:o})}}},U=0,We=()=>{const e=w();return{enqueueToast:(0,d.useMemo)(()=>{function t(r){if(!u.isDefined(r))return;const{dedupeKey:o,...n}=r,{toasts:i,limit:a}=e.state,c=i.filter(I),l=u.isDefined(o)?c.find(f=>f.dedupeKey===o):void 0;if(u.isDefined(l))return l.notification.id;U+=1;const v=`toast-${U}`,T=Math.max(0,c.length-a+1);return X({store:e,toastsToClose:c.slice(0,T),nextToasts:[...i,{notification:{...n,id:v},dedupeKey:o,status:"visible"}]}),v}return t},[e])}},Fe=({store:e,id:t,...r})=>{const o=e.state.toasts.find(a=>a.notification.id===t&&I(a)),n=Object.keys(r);if(!u.isDefined(o)||!(0,q.isNonEmptyArray)(n))return;const i=n.includes("duration")||u.isDefined(o.notification.progress)&&n.includes("progress")&&!u.isDefined(r.progress);e.set("toasts",e.state.toasts.map(a=>a===o?{...a,notification:{...a.notification,...r,id:t},...i?{durationRevision:(a.durationRevision??0)+1}:{}}:a))},Oe=()=>{const e=w();return{updateToast:(0,d.useCallback)(t=>Fe({store:e,...t}),[e])}},ke=()=>{const{closeToast:e}=G(),{enqueueToast:t}=We(),{updateToast:r}=Oe();return{enqueueToast:t,closeToast:e,updateToast:r}},Me="_root_181ka_1",$e="_progress_181ka_19",ze="_header_181ka_30",Le="_message_181ka_40",Ue="_icon_181ka_45",He="_actions_181ka_50",Ke="_description_181ka_56",Xe="_footer_181ka_65",Ve="_footerAction_181ka_69",Ge="_closeButton_181ka_76",p={root:Me,progress:$e,header:ze,message:Le,icon:Ue,actions:He,description:Ke,footer:Xe,footerAction:Ve,closeButton:Ge},J=(0,d.createContext)({durationRevision:0,isActive:!0}),Je=({clock:e,duration:t,progress:r,isPaused:o,onClose:n})=>{const{durationRevision:i,isActive:a}=(0,d.useContext)(J),c=u.isDefined(r);return(0,d.useLayoutEffect)(()=>{e.update({duration:t,durationRevision:i,isPaused:o,isProgress:c,isActive:a,onClose:n})},[e,t,i,o,c,a,n]),(0,d.useLayoutEffect)(()=>()=>e.stop(),[e]),null},Qe=({element:e,isFocused:t,onFocusChange:r})=>((0,d.useLayoutEffect)(()=>{if(!t||!u.isDefined(e))return;const o=()=>{e.contains(e.ownerDocument.activeElement)||r(!1)};o();const n=new MutationObserver(o);return n.observe(e,{childList:!0,subtree:!0}),()=>n.disconnect()},[e,t,r]),null),Q=e=>Number.isFinite(e)&&e>0,Ye="_countdown_1vuo8_1",Ze="_toastCountdown_1vuo8_1",et={countdown:Ye,toastCountdown:Ze},tt=({progress:e,duration:t,remainingDuration:r,revision:o,isPaused:n,barColor:i})=>u.isDefined(e)?(0,s.jsx)(S.ProgressBar,{value:e,barColor:i}):Q(t)?(0,s.jsx)("div",{className:et.countdown,"data-paused":n||void 0,style:{"--toast-countdown-color":i,"--toast-countdown-width":`${r/t*100}%`,"--toast-countdown-duration":`${r}ms`}},o):null,st=2**31-1,rt=({onChange:e})=>{let t,r=0,o,n,i=0,a=!1;const c=()=>{u.isDefined(o)&&(r=Math.max(0,r-(performance.now()-o)),o=void 0),clearTimeout(n),n=void 0},l=()=>{u.isDefined(t)&&(i+=1,e({duration:t.duration,remainingDuration:r,revision:i,isPaused:t.isPaused||!t.isActive}))},v=()=>{a||(c(),a=!0,r=0,l(),t?.onClose?.())},T=()=>u.isDefined(t)&&t.isActive&&!t.isPaused&&!t.isProgress&&Q(t.duration)&&!a,f=()=>{T()&&(o=performance.now(),n=setTimeout(()=>{if(c(),r>0){f();return}v()},Math.min(r,st)))};return{update:_=>{const b=!u.isDefined(t)||_.duration!==t.duration||_.durationRevision!==t.durationRevision||t.isProgress&&!_.isProgress,C=b||_.isProgress!==t?.isProgress||_.isPaused!==t?.isPaused||_.isActive!==t?.isActive,R=!u.isDefined(o)&&T();if(!C&&!R){t=_;return}c(),t=_,!a&&(b&&(r=Math.max(0,_.duration)),l(),f())},close:v,stop:c}},ot=({duration:e,isPaused:t})=>{const[r,o]=(0,d.useState)({duration:e,remainingDuration:e,revision:0,isPaused:t}),[n]=(0,d.useState)(()=>rt({onChange:o}));return{countdown:r,clock:n}},nt={neutral:h.IconAlertTriangle,error:h.IconAlertTriangle,success:h.IconSquareRoundedCheck,info:h.IconInfoCircle,warning:h.IconAlertTriangle},Y=({children:e,description:t,icon:r,iconLabel:o,action:n,progress:i,duration:a=6e3,onCancel:c,onClose:l,cancelLabel:v="Cancel",closeLabel:T="Close",status:f="neutral",role:N="status",className:_,onMouseEnter:b,onMouseLeave:C,onFocus:R,onBlur:Z,render:ee,ref:te,...se})=>{const F=y.useTheme(),[re,O]=(0,d.useState)(!1),[k,B]=(0,d.useState)(!1),[oe,ne]=(0,d.useState)(null),M=re||k,{countdown:A,clock:$}=ot({duration:a,isPaused:M}),ie=nt[f],z=F.snackBar[f==="neutral"?"default":f],L=(0,q.isUndefined)(r)?(0,s.jsx)(ie,{"aria-label":o,"aria-hidden":!u.isDefined(o),color:z.color,size:F.icon.size.md}):r;return(0,s.jsxs)(s.Fragment,{children:[(0,W.useRender)({render:ee,ref:[te??null,ne],props:{role:N,"aria-live":N==="alert"?"assertive":"polite",...se,className:(0,P.clsx)(p.root,_),onMouseEnter:x=>{O(!0),b?.(x)},onMouseLeave:x=>{O(!1),C?.(x)},onFocus:x=>{B(!0),R?.(x)},onBlur:x=>{x.currentTarget.contains(x.relatedTarget)||B(!1),Z?.(x)},children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:p.progress,"aria-hidden":!0,children:(0,s.jsx)(tt,{barColor:z.backgroundColor,progress:i,duration:A.duration,remainingDuration:A.remainingDuration,revision:A.revision,isPaused:A.isPaused})}),(0,s.jsxs)("div",{className:p.header,children:[g.isRenderableSlot(L)&&(0,s.jsx)("div",{className:p.icon,children:L}),(0,s.jsx)("div",{className:p.message,children:e}),(0,s.jsxs)("div",{className:p.actions,children:[u.isDefined(c)&&g.isRenderableSlot(v)&&(0,s.jsx)(D.Button,{onClick:c,size:"sm",variant:"ghost",style:{fontWeight:"var(--t-font-weight-regular)"},children:v}),u.isDefined(l)&&(0,s.jsx)(D.Button,{title:T,"aria-label":T,startIcon:(0,s.jsx)(h.IconX,{}),className:p.closeButton,variant:"ghost",size:"sm",onClick:$.close})]})]}),g.isRenderableSlot(t)&&(0,s.jsx)("div",{className:p.description,children:t}),g.isRenderableSlot(n)&&(0,s.jsxs)("div",{className:p.footer,children:[(0,s.jsx)(le.Separator,{}),(0,s.jsx)("div",{className:p.footerAction,children:n})]})]})}}),(0,s.jsx)(Qe,{element:oe,isFocused:k,onFocusChange:B}),(0,s.jsx)(Je,{clock:$,duration:a,progress:i,isPaused:M,onClose:l})]})},it=(e=3)=>{if(!(0,q.isPositiveInteger)(e))throw new Error("Toast limit must be a positive integer.");return new K.Store({toasts:[],limit:e,mountedToasterCount:0})},at=({children:e,limit:t=3})=>{const[r]=(0,d.useState)(()=>it(t));return(0,s.jsx)(V.Provider,{value:r,children:e})},ct="_root_1q2cc_1",ut="_item_1q2cc_20",lt="_itemContent_1q2cc_47",E={root:ct,item:ut,itemContent:lt},dt=()=>(0,K.useStore)(w(),e=>e.toasts),H=({store:e,toast:t})=>{const{toasts:r}=e.state;t.status==="closing"&&r.includes(t)&&e.set("toasts",r.filter(o=>o!==t))},vt=({elementRef:e,toastEntry:t})=>{const r=w();return(0,d.useLayoutEffect)(()=>{if(t.status==="visible")return;const o=e.current?.getAnimations?.()??[];if(o.length===0){H({store:r,toast:t});return}let n=!1;return Promise.allSettled(o.map(i=>i.finished)).then(()=>{n||H({store:r,toast:t})}),()=>{n=!0}},[e,t,r]),(0,s.jsx)(s.Fragment,{})},_t=({toastEntry:e,getToastProps:t,onClose:r})=>{const{notification:o,status:n,durationRevision:i=0}=e,{id:a,...c}=o,l=(0,d.useRef)(null);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{ref:l,className:E.item,"data-exiting":n==="closing"||void 0,inert:n==="closing",children:(0,s.jsx)("div",{className:E.itemContent,children:(0,s.jsx)(J.Provider,{value:{durationRevision:i,isActive:n==="visible"},children:(0,s.jsx)(Y,{...c,...t?.(o),id:a,onClose:()=>r(a)})})})}),(0,s.jsx)(vt,{elementRef:l,toastEntry:e})]})},mt=({getToastProps:e})=>{const t=dt(),{closeToast:r}=G();return t.map(o=>(0,s.jsx)(_t,{toastEntry:o,getToastProps:e,onClose:r},o.notification.id))},ft=()=>{const e=w();return(0,d.useLayoutEffect)(()=>(e.set("mountedToasterCount",e.state.mountedToasterCount+1),()=>{e.set("mountedToasterCount",e.state.mountedToasterCount-1),!(e.state.mountedToasterCount>0)&&e.set("toasts",e.state.toasts.filter(I))}),[e]),null},pt=({container:e,getToastProps:t,className:r,render:o,ref:n,...i})=>{const a=y.useThemeContainer(),c=ce.useProvidedTextDirection(),l=e===void 0?a??(typeof document>"u"?null:document.body):e,v=(0,W.useRender)({render:o,ref:n,props:{role:"region",dir:c,"aria-label":"Notifications",...i,className:(0,P.clsx)(E.root,r),children:(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(ft,{}),(0,s.jsx)(mt,{getToastProps:t})]})}});return u.isDefined(l)?(0,de.createPortal)(v,l):null};Object.defineProperty(exports,"Callout",{enumerable:!0,get:function(){return qe}});Object.defineProperty(exports,"InlineBanner",{enumerable:!0,get:function(){return ye}});Object.defineProperty(exports,"Toast",{enumerable:!0,get:function(){return Y}});Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function(){return at}});Object.defineProperty(exports,"Toaster",{enumerable:!0,get:function(){return pt}});Object.defineProperty(exports,"useToast",{enumerable:!0,get:function(){return ke}});

package/dist/feedback-DA-AU5z5.js

@@ -0,0 +1,38 @@
+import { useRender as _ } from "@base-ui/react/use-render";
+import { clsx as u } from "clsx";
+var f = {
+  xs: 13,
+  s: 16,
+  m: 24,
+  l: 32,
+  xl: 40
+}, h = "_root_1kar2_1", v = "_skeletonShimmer_1kar2_1", S = {
+  root: h,
+  skeletonShimmer: v
+}, g = ({ width: a, height: o, borderRadius: t, baseColor: e, highlightColor: l, animated: n = !0, layout: r = "inline", className: i, style: s, render: d, ref: m, ...k }) => _({
+  defaultTagName: "span",
+  render: d,
+  ref: m,
+  props: {
+    "aria-hidden": !0,
+    ...k,
+    "data-skeleton": "",
+    "data-animated": n || void 0,
+    "data-layout": r,
+    className: u(S.root, i),
+    style: {
+      width: a,
+      height: o,
+      borderRadius: t,
+      backgroundColor: e,
+      "--skeleton-base-color": e,
+      "--skeleton-highlight-color": l,
+      ...s
+    },
+    children: r === "inline" ? "‌" : void 0
+  }
+});
+export {
+  f as n,
+  g as t
+};

package/dist/feedback-DNLERYY9.cjs

@@ -0,0 +1 @@
+let c=require("@base-ui/react/use-render"),k=require("clsx");var m={xs:13,s:16,m:24,l:32,xl:40},S="_root_1kar2_1",E="_skeletonShimmer_1kar2_1",h={root:S,skeletonShimmer:E},v=({width:t,height:n,borderRadius:a,baseColor:e,highlightColor:l,animated:o=!0,layout:r="inline",className:i,style:u,render:d,ref:s,..._})=>(0,c.useRender)({defaultTagName:"span",render:d,ref:s,props:{"aria-hidden":!0,..._,"data-skeleton":"","data-animated":o||void 0,"data-layout":r,className:(0,k.clsx)(h.root,i),style:{width:t,height:n,borderRadius:a,backgroundColor:e,"--skeleton-base-color":e,"--skeleton-highlight-color":l,...u},children:r==="inline"?"‌":void 0}});Object.defineProperty(exports,"SKELETON_HEIGHT_SIZES",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"Skeleton",{enumerable:!0,get:function(){return v}});

package/dist/feedback-DhilJ_fX.js

@@ -0,0 +1,509 @@
+import { t as u } from "./isDefined-fMi6eQ4r.js";
+import { Ta as L, hc as lt, hl as V, la as mt, nt as F } from "./icon-BdXwnJA6.js";
+import { a as vt, r as _t, t as ft } from "./theme-B2EaXhye.js";
+import { t as pt } from "./mergeClassNames-ClFMR1v0.js";
+import { t as B } from "./Button-Cs07psdD.js";
+import { n as X, r as ht, t as Tt } from "./ProgressBar-D_3Gia0E.js";
+import { t as C } from "./isRenderableSlot-DT_depzM.js";
+import { t as Ct } from "./useProvidedTextDirection-Dk8LBQeF.js";
+import { t as gt } from "./OverflowingTextWithTooltip-Be2-wCcZ.js";
+import { t as wt } from "./Separator-0LzwPfOn.js";
+import { useRender as O } from "@base-ui/react/use-render";
+import { isNonEmptyArray as G, isPositiveInteger as bt, isString as Nt, isUndefined as xt } from "@sniptt/guards";
+import { clsx as P } from "clsx";
+import { createContext as J, useCallback as At, useContext as Q, useLayoutEffect as W, useMemo as It, useRef as Pt, useState as x } from "react";
+import { Fragment as w, jsx as a, jsxs as p } from "react/jsx-runtime";
+import { Store as Wt, useStore as kt } from "@base-ui/utils/store";
+import { createPortal as Et } from "react-dom";
+var Bt = "_action_3r2bm_1", Rt = { action: Bt }, St = ({ className: t, ...e }) => /* @__PURE__ */ a(B, {
+  ...e,
+  size: "sm",
+  variant: "ghost",
+  className: pt(Rt.action, t)
+}), Ft = "_container_1ix4w_1", Mt = "_containerFullWidth_1ix4w_40", Ot = "_header_1ix4w_44", $t = "_iconContainer_1ix4w_53", yt = "_title_1ix4w_63", qt = "_descriptionWrapper_1ix4w_75", zt = "_descriptionWrapperWithIcon_1ix4w_82", Dt = "_descriptionWrapperWithAction_1ix4w_86", Ut = "_description_1ix4w_75", jt = "_footer_1ix4w_99", Ht = "_closeButton_1ix4w_106", v = {
+  container: Ft,
+  containerFullWidth: Mt,
+  header: Ot,
+  iconContainer: $t,
+  title: yt,
+  descriptionWrapper: qt,
+  descriptionWrapperWithIcon: zt,
+  descriptionWrapperWithAction: Dt,
+  description: Ut,
+  footer: jt,
+  closeButton: Ht
+}, Kt = ({ status: t = "info", variant: e = "soft", color: o = ht[t], title: s, description: r, fullWidth: n = !1, icon: i = /* @__PURE__ */ a(mt, {
+  size: vt.icon.size.md,
+  "aria-hidden": "true"
+}), action: c, closeLabel: d = "Close", onDismiss: l, className: h, render: _, ref: I, ...m }) => {
+  const g = C(i), b = C(c);
+  return O({
+    render: _,
+    ref: I,
+    state: {
+      status: t,
+      variant: e,
+      color: o
+    },
+    props: {
+      ...m,
+      className: P(v.container, n && v.containerFullWidth, h),
+      children: /* @__PURE__ */ p(w, { children: [
+        /* @__PURE__ */ p("div", {
+          className: v.header,
+          children: [
+            g && /* @__PURE__ */ a("div", {
+              className: v.iconContainer,
+              children: i
+            }),
+            /* @__PURE__ */ a("div", {
+              className: v.title,
+              children: s
+            }),
+            u(l) && /* @__PURE__ */ a(B, {
+              type: "button",
+              startIcon: /* @__PURE__ */ a(V, { "aria-hidden": "true" }),
+              className: v.closeButton,
+              variant: "ghost",
+              size: "sm",
+              "aria-label": d,
+              onClick: () => l()
+            })
+          ]
+        }),
+        C(r) && /* @__PURE__ */ a("div", {
+          className: P(v.descriptionWrapper, g && v.descriptionWrapperWithIcon, b && v.descriptionWrapperWithAction),
+          children: /* @__PURE__ */ a("div", {
+            className: v.description,
+            children: r
+          })
+        }),
+        b && /* @__PURE__ */ a("div", {
+          className: v.footer,
+          children: c
+        })
+      ] })
+    }
+  });
+}, Ge = Object.assign(Kt, { Action: St }), Lt = "_banner_17vm4_1", Vt = "_embedded_17vm4_6", Xt = "_bannerContent_17vm4_10", Gt = "_icon_17vm4_18", Jt = "_bannerText_17vm4_28", Qt = "_compact_17vm4_33", N = {
+  banner: Lt,
+  embedded: Vt,
+  bannerContent: Xt,
+  icon: Gt,
+  bannerText: Jt,
+  compact: Qt
+}, Yt = ({ children: t, layout: e = "standard", variant: o = "soft", embedded: s = !1, icon: r = /* @__PURE__ */ a(L, { "aria-hidden": "true" }), className: n, ...i }) => {
+  const c = e === "compact", d = !c && Nt(t);
+  return /* @__PURE__ */ a(X, {
+    ...i,
+    className: P(N.banner, c && N.compact, s && N.embedded, n),
+    variant: o,
+    "data-layout": e,
+    children: /* @__PURE__ */ p("div", {
+      className: N.bannerContent,
+      children: [C(r) && /* @__PURE__ */ a("span", {
+        className: N.icon,
+        children: r
+      }), /* @__PURE__ */ a("div", {
+        className: N.bannerText,
+        children: d ? /* @__PURE__ */ a(gt, {
+          isFocusable: !0,
+          text: /* @__PURE__ */ a(w, { children: t }),
+          tooltipContent: t
+        }) : t
+      })]
+    })
+  });
+}, Je = Object.assign(Yt, { Action: X.Action }), k = (t) => t.status === "visible", Y = ({ store: t, toastsToClose: e, nextToasts: o = t.state.toasts }) => {
+  const s = o.map((n) => e.includes(n) ? {
+    ...n,
+    status: "closing"
+  } : n), r = t.state.mountedToasterCount > 0;
+  t.set("toasts", r ? s : s.filter(k));
+  for (const n of e) n.notification.onClose?.();
+}, Z = J(void 0), A = () => {
+  const t = Q(Z);
+  if (!u(t)) throw new Error("Toast components must be used within a ToastProvider.");
+  return t;
+}, tt = () => {
+  const t = A();
+  return { closeToast: (o) => {
+    const s = t.state.toasts.filter((r) => k(r) && (!u(o) || r.notification.id === o));
+    G(s) && Y({
+      store: t,
+      toastsToClose: s
+    });
+  } };
+}, H = 0, Zt = () => {
+  const t = A();
+  return { enqueueToast: It(() => {
+    function e(o) {
+      if (!u(o)) return;
+      const { dedupeKey: s, ...r } = o, { toasts: n, limit: i } = t.state, c = n.filter(k), d = u(s) ? c.find((_) => _.dedupeKey === s) : void 0;
+      if (u(d)) return d.notification.id;
+      H += 1;
+      const l = `toast-${H}`, h = Math.max(0, c.length - i + 1);
+      return Y({
+        store: t,
+        toastsToClose: c.slice(0, h),
+        nextToasts: [...n, {
+          notification: {
+            ...r,
+            id: l
+          },
+          dedupeKey: s,
+          status: "visible"
+        }]
+      }), l;
+    }
+    return e;
+  }, [t]) };
+}, te = ({ store: t, id: e, ...o }) => {
+  const s = t.state.toasts.find((i) => i.notification.id === e && k(i)), r = Object.keys(o);
+  if (!u(s) || !G(r)) return;
+  const n = r.includes("duration") || u(s.notification.progress) && r.includes("progress") && !u(o.progress);
+  t.set("toasts", t.state.toasts.map((i) => i === s ? {
+    ...i,
+    notification: {
+      ...i.notification,
+      ...o,
+      id: e
+    },
+    ...n ? { durationRevision: (i.durationRevision ?? 0) + 1 } : {}
+  } : i));
+}, ee = () => {
+  const t = A();
+  return { updateToast: At((e) => te({
+    store: t,
+    ...e
+  }), [t]) };
+}, Qe = () => {
+  const { closeToast: t } = tt(), { enqueueToast: e } = Zt(), { updateToast: o } = ee();
+  return {
+    enqueueToast: e,
+    closeToast: t,
+    updateToast: o
+  };
+}, oe = "_root_181ka_1", se = "_progress_181ka_19", re = "_header_181ka_30", ae = "_message_181ka_40", ne = "_icon_181ka_45", ie = "_actions_181ka_50", ce = "_description_181ka_56", ue = "_footer_181ka_65", de = "_footerAction_181ka_69", le = "_closeButton_181ka_76", f = {
+  root: oe,
+  progress: se,
+  header: re,
+  message: ae,
+  icon: ne,
+  actions: ie,
+  description: ce,
+  footer: ue,
+  footerAction: de,
+  closeButton: le
+}, et = J({
+  durationRevision: 0,
+  isActive: !0
+}), me = ({ clock: t, duration: e, progress: o, isPaused: s, onClose: r }) => {
+  const { durationRevision: n, isActive: i } = Q(et), c = u(o);
+  return W(() => {
+    t.update({
+      duration: e,
+      durationRevision: n,
+      isPaused: s,
+      isProgress: c,
+      isActive: i,
+      onClose: r
+    });
+  }, [
+    t,
+    e,
+    n,
+    s,
+    c,
+    i,
+    r
+  ]), W(() => () => t.stop(), [t]), null;
+}, ve = ({ element: t, isFocused: e, onFocusChange: o }) => (W(() => {
+  if (!e || !u(t)) return;
+  const s = () => {
+    t.contains(t.ownerDocument.activeElement) || o(!1);
+  };
+  s();
+  const r = new MutationObserver(s);
+  return r.observe(t, {
+    childList: !0,
+    subtree: !0
+  }), () => r.disconnect();
+}, [
+  t,
+  e,
+  o
+]), null), ot = (t) => Number.isFinite(t) && t > 0, _e = "_countdown_1vuo8_1", fe = "_toastCountdown_1vuo8_1", pe = {
+  countdown: _e,
+  toastCountdown: fe
+}, he = ({ progress: t, duration: e, remainingDuration: o, revision: s, isPaused: r, barColor: n }) => u(t) ? /* @__PURE__ */ a(Tt, {
+  value: t,
+  barColor: n
+}) : ot(e) ? /* @__PURE__ */ a("div", {
+  className: pe.countdown,
+  "data-paused": r || void 0,
+  style: {
+    "--toast-countdown-color": n,
+    "--toast-countdown-width": `${o / e * 100}%`,
+    "--toast-countdown-duration": `${o}ms`
+  }
+}, s) : null, Te = 2 ** 31 - 1, Ce = ({ onChange: t }) => {
+  let e, o = 0, s, r, n = 0, i = !1;
+  const c = () => {
+    u(s) && (o = Math.max(0, o - (performance.now() - s)), s = void 0), clearTimeout(r), r = void 0;
+  }, d = () => {
+    u(e) && (n += 1, t({
+      duration: e.duration,
+      remainingDuration: o,
+      revision: n,
+      isPaused: e.isPaused || !e.isActive
+    }));
+  }, l = () => {
+    i || (c(), i = !0, o = 0, d(), e?.onClose?.());
+  }, h = () => u(e) && e.isActive && !e.isPaused && !e.isProgress && ot(e.duration) && !i, _ = () => {
+    h() && (s = performance.now(), r = setTimeout(() => {
+      if (c(), o > 0) {
+        _();
+        return;
+      }
+      l();
+    }, Math.min(o, Te)));
+  };
+  return {
+    update: (m) => {
+      const g = !u(e) || m.duration !== e.duration || m.durationRevision !== e.durationRevision || e.isProgress && !m.isProgress, b = g || m.isProgress !== e?.isProgress || m.isPaused !== e?.isPaused || m.isActive !== e?.isActive, R = !u(s) && h();
+      if (!b && !R) {
+        e = m;
+        return;
+      }
+      c(), e = m, !i && (g && (o = Math.max(0, m.duration)), d(), _());
+    },
+    close: l,
+    stop: c
+  };
+}, ge = ({ duration: t, isPaused: e }) => {
+  const [o, s] = x({
+    duration: t,
+    remainingDuration: t,
+    revision: 0,
+    isPaused: e
+  }), [r] = x(() => Ce({ onChange: s }));
+  return {
+    countdown: o,
+    clock: r
+  };
+}, we = {
+  neutral: F,
+  error: F,
+  success: lt,
+  info: L,
+  warning: F
+}, be = ({ children: t, description: e, icon: o, iconLabel: s, action: r, progress: n, duration: i = 6e3, onCancel: c, onClose: d, cancelLabel: l = "Cancel", closeLabel: h = "Close", status: _ = "neutral", role: I = "status", className: m, onMouseEnter: g, onMouseLeave: b, onFocus: R, onBlur: st, render: rt, ref: at, ...nt }) => {
+  const $ = _t(), [it, y] = x(!1), [q, S] = x(!1), [ct, ut] = x(null), z = it || q, { countdown: E, clock: D } = ge({
+    duration: i,
+    isPaused: z
+  }), dt = we[_], U = $.snackBar[_ === "neutral" ? "default" : _], j = xt(o) ? /* @__PURE__ */ a(dt, {
+    "aria-label": s,
+    "aria-hidden": !u(s),
+    color: U.color,
+    size: $.icon.size.md
+  }) : o;
+  return /* @__PURE__ */ p(w, { children: [
+    O({
+      render: rt,
+      ref: [at ?? null, ut],
+      props: {
+        role: I,
+        "aria-live": I === "alert" ? "assertive" : "polite",
+        ...nt,
+        className: P(f.root, m),
+        onMouseEnter: (T) => {
+          y(!0), g?.(T);
+        },
+        onMouseLeave: (T) => {
+          y(!1), b?.(T);
+        },
+        onFocus: (T) => {
+          S(!0), R?.(T);
+        },
+        onBlur: (T) => {
+          T.currentTarget.contains(T.relatedTarget) || S(!1), st?.(T);
+        },
+        children: /* @__PURE__ */ p(w, { children: [
+          /* @__PURE__ */ a("div", {
+            className: f.progress,
+            "aria-hidden": !0,
+            children: /* @__PURE__ */ a(he, {
+              barColor: U.backgroundColor,
+              progress: n,
+              duration: E.duration,
+              remainingDuration: E.remainingDuration,
+              revision: E.revision,
+              isPaused: E.isPaused
+            })
+          }),
+          /* @__PURE__ */ p("div", {
+            className: f.header,
+            children: [
+              C(j) && /* @__PURE__ */ a("div", {
+                className: f.icon,
+                children: j
+              }),
+              /* @__PURE__ */ a("div", {
+                className: f.message,
+                children: t
+              }),
+              /* @__PURE__ */ p("div", {
+                className: f.actions,
+                children: [u(c) && C(l) && /* @__PURE__ */ a(B, {
+                  onClick: c,
+                  size: "sm",
+                  variant: "ghost",
+                  style: { fontWeight: "var(--t-font-weight-regular)" },
+                  children: l
+                }), u(d) && /* @__PURE__ */ a(B, {
+                  title: h,
+                  "aria-label": h,
+                  startIcon: /* @__PURE__ */ a(V, {}),
+                  className: f.closeButton,
+                  variant: "ghost",
+                  size: "sm",
+                  onClick: D.close
+                })]
+              })
+            ]
+          }),
+          C(e) && /* @__PURE__ */ a("div", {
+            className: f.description,
+            children: e
+          }),
+          C(r) && /* @__PURE__ */ p("div", {
+            className: f.footer,
+            children: [/* @__PURE__ */ a(wt, {}), /* @__PURE__ */ a("div", {
+              className: f.footerAction,
+              children: r
+            })]
+          })
+        ] })
+      }
+    }),
+    /* @__PURE__ */ a(ve, {
+      element: ct,
+      isFocused: q,
+      onFocusChange: S
+    }),
+    /* @__PURE__ */ a(me, {
+      clock: D,
+      duration: i,
+      progress: n,
+      isPaused: z,
+      onClose: d
+    })
+  ] });
+}, Ne = (t = 3) => {
+  if (!bt(t)) throw new Error("Toast limit must be a positive integer.");
+  return new Wt({
+    toasts: [],
+    limit: t,
+    mountedToasterCount: 0
+  });
+}, Ye = ({ children: t, limit: e = 3 }) => {
+  const [o] = x(() => Ne(e));
+  return /* @__PURE__ */ a(Z.Provider, {
+    value: o,
+    children: t
+  });
+}, xe = "_root_1q2cc_1", Ae = "_item_1q2cc_20", Ie = "_itemContent_1q2cc_47", M = {
+  root: xe,
+  item: Ae,
+  itemContent: Ie
+}, Pe = () => kt(A(), (t) => t.toasts), K = ({ store: t, toast: e }) => {
+  const { toasts: o } = t.state;
+  e.status === "closing" && o.includes(e) && t.set("toasts", o.filter((s) => s !== e));
+}, We = ({ elementRef: t, toastEntry: e }) => {
+  const o = A();
+  return W(() => {
+    if (e.status === "visible") return;
+    const s = t.current?.getAnimations?.() ?? [];
+    if (s.length === 0) {
+      K({
+        store: o,
+        toast: e
+      });
+      return;
+    }
+    let r = !1;
+    return Promise.allSettled(s.map((n) => n.finished)).then(() => {
+      r || K({
+        store: o,
+        toast: e
+      });
+    }), () => {
+      r = !0;
+    };
+  }, [
+    t,
+    e,
+    o
+  ]), /* @__PURE__ */ a(w, {});
+}, ke = ({ toastEntry: t, getToastProps: e, onClose: o }) => {
+  const { notification: s, status: r, durationRevision: n = 0 } = t, { id: i, ...c } = s, d = Pt(null);
+  return /* @__PURE__ */ p(w, { children: [/* @__PURE__ */ a("div", {
+    ref: d,
+    className: M.item,
+    "data-exiting": r === "closing" || void 0,
+    inert: r === "closing",
+    children: /* @__PURE__ */ a("div", {
+      className: M.itemContent,
+      children: /* @__PURE__ */ a(et.Provider, {
+        value: {
+          durationRevision: n,
+          isActive: r === "visible"
+        },
+        children: /* @__PURE__ */ a(be, {
+          ...c,
+          ...e?.(s),
+          id: i,
+          onClose: () => o(i)
+        })
+      })
+    })
+  }), /* @__PURE__ */ a(We, {
+    elementRef: d,
+    toastEntry: t
+  })] });
+}, Ee = ({ getToastProps: t }) => {
+  const e = Pe(), { closeToast: o } = tt();
+  return e.map((s) => /* @__PURE__ */ a(ke, {
+    toastEntry: s,
+    getToastProps: t,
+    onClose: o
+  }, s.notification.id));
+}, Be = () => {
+  const t = A();
+  return W(() => (t.set("mountedToasterCount", t.state.mountedToasterCount + 1), () => {
+    t.set("mountedToasterCount", t.state.mountedToasterCount - 1), !(t.state.mountedToasterCount > 0) && t.set("toasts", t.state.toasts.filter(k));
+  }), [t]), null;
+}, Ze = ({ container: t, getToastProps: e, className: o, render: s, ref: r, ...n }) => {
+  const i = ft(), c = Ct(), d = t === void 0 ? i ?? (typeof document > "u" ? null : document.body) : t, l = O({
+    render: s,
+    ref: r,
+    props: {
+      role: "region",
+      dir: c,
+      "aria-label": "Notifications",
+      ...n,
+      className: P(M.root, o),
+      children: /* @__PURE__ */ p(w, { children: [/* @__PURE__ */ a(Be, {}), /* @__PURE__ */ a(Ee, { getToastProps: e })] })
+    }
+  });
+  return u(d) ? Et(l, d) : null;
+};
+export {
+  Je as a,
+  Qe as i,
+  Ye as n,
+  Ge as o,
+  be as r,
+  Ze as t
+};

package/dist/getProgressIndicatorPercentage-Mii9lnYd.cjs

@@ -0,0 +1 @@
+let t=require("@sniptt/guards");var n=({width:e,fallbackPercentage:r})=>(0,t.isString)(e)?Number.parseFloat(e):r;Object.defineProperty(exports,"getProgressIndicatorPercentage",{enumerable:!0,get:function(){return n}});

package/dist/getProgressIndicatorPercentage-ejfaM6XU.js

@@ -0,0 +1,7 @@
+import { isString as o } from "@sniptt/guards";
+import { Progress as a } from "@base-ui/react/progress";
+var g = ({ width: r, fallbackPercentage: e }) => o(r) ? Number.parseFloat(r) : e;
+export {
+  a as n,
+  g as t
+};

package/dist/{icon-Bo3y4NHM.js → icon-BdXwnJA6.js}

@@ -1,4 +1,4 @@
-import { r } from "./theme-yAk9zrNA.js";
+import { r } from "./theme-B2EaXhye.js";
 import { clsx as p } from "clsx";
 import { createContext as I, forwardRef as g, useContext as u, useEffect as f, useState as y } from "react";
 import { jsx as e, jsxs as t } from "react/jsx-runtime";
@@ -3709,7 +3709,7 @@ var s7 = (o) => {
 ], W7 = ({ children: o }) => {
   const [n, a] = y({});
   return f(() => {
-    import("./AllIcons-CLbeNZLM.js").then(({ ALL_ICONS: i }) => {
+    import("./AllIcons-G3nKeM41.js").then(({ ALL_ICONS: i }) => {
       a(i);
     });
   }, []), /* @__PURE__ */ e(d.Provider, {