twenty-ui 2.46.0 → 2.47.0

package/dist/feedback-BV1EK98d.js

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

package/dist/feedback-BleeRoOP.cjs

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

package/dist/feedback-CI5j7IZ3.js

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

package/dist/feedback-f1_n3da1.cjs

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