twenty-ui 1.0.0-alpha.1 → 2.41.0

package/dist/feedback-Cu7U-W9T.js

@@ -0,0 +1,660 @@
+import { n as ie, r as D, s as m, t as se } from "./theme-constants-DETwIS-a.js";
+import { t as C } from "./Button-u4e3zI-a.js";
+import { Ei as w, hs as ce, i as A, pc as V, ui as le } from "./TablerIcons-Ctfi8z4q.js";
+import { n as de, t as ge } from "./OverflowingTextWithTooltip-C21bgWKF.js";
+import { A as G } from "./input-DOIOurw8.js";
+import { t as me } from "./HorizontalSeparator-p1xF1-ka.js";
+import { clsx as c } from "clsx";
+import { createContext as _e, useContext as ue, useEffect as pe, useId as ve, useLayoutEffect as K, useMemo as he, useRef as X, useState as M } from "react";
+import { isNonEmptyArray as be, isPositiveInteger as fe } from "@sniptt/guards";
+import { Fragment as T, jsx as a, jsxs as u } from "react/jsx-runtime";
+import { Link as ke } from "react-router-dom";
+import { useRender as U } from "@base-ui/react/use-render";
+import { createPortal as Ce } from "react-dom";
+import { useDirection as Te } from "@base-ui/react/direction-provider";
+import { Progress as L } from "@base-ui/react/progress";
+import { Store as Ne, useStore as ye } from "@base-ui/utils/store";
+var Ie = {
+  noFile: "/images/placeholders/background/no_file_bg.png",
+  noNote: "/images/placeholders/background/no_note_bg.png",
+  noRecord: "/images/placeholders/background/no_record_bg.png",
+  noMatchRecord: "/images/placeholders/background/no_match_record_bg.png",
+  noTask: "/images/placeholders/background/no_task_bg.png",
+  errorIndex: "/images/placeholders/background/error_index_bg.png",
+  emptyTimeline: "/images/placeholders/background/empty_timeline_bg.png",
+  loadingMessages: "/images/placeholders/background/loading_messages_bg.png",
+  loadingAccounts: "/images/placeholders/background/loading_accounts_bg.png",
+  emptyFunctions: "/images/placeholders/background/empty_functions_bg.png",
+  emptyInbox: "/images/placeholders/background/empty_inbox_bg.png",
+  error404: "/images/placeholders/background/404_bg.png",
+  error500: "/images/placeholders/background/500_bg.png",
+  noDeletedRecord: "/images/placeholders/background/no_deleted_record_bg.png",
+  noWidgets: "/images/placeholders/background/no_widgets_bg.png",
+  notShared: "/images/placeholders/background/not_shared_bg.png",
+  noCallRecording: "/images/placeholders/background/no_call_recording_bg.png"
+}, xe = {
+  noFile: "/images/placeholders/dark-background/no_file_bg.png",
+  noNote: "/images/placeholders/dark-background/no_note_bg.png",
+  noRecord: "/images/placeholders/dark-background/no_record_bg.png",
+  noMatchRecord: "/images/placeholders/dark-background/no_match_record_bg.png",
+  noTask: "/images/placeholders/dark-background/no_task_bg.png",
+  errorIndex: "/images/placeholders/dark-background/error_index_bg.png",
+  emptyTimeline: "/images/placeholders/dark-background/empty_timeline_bg.png",
+  emptyInbox: "/images/placeholders/dark-background/empty_inbox_bg.png",
+  error404: "/images/placeholders/dark-background/404_bg.png",
+  error500: "/images/placeholders/dark-background/500_bg.png",
+  loadingMessages: "/images/placeholders/background/loading_messages_bg.png",
+  loadingAccounts: "/images/placeholders/background/loading_accounts_bg.png",
+  emptyFunctions: "/images/placeholders/dark-background/empty_functions_bg.png",
+  noDeletedRecord: "/images/placeholders/dark-background/no_deleted_record_bg.png",
+  noWidgets: "/images/placeholders/dark-background/no_widgets_bg.png",
+  notShared: "/images/placeholders/dark-background/not_shared_bg.png",
+  noCallRecording: "/images/placeholders/dark-background/no_call_recording_bg.png"
+}, Ae = {
+  noFile: "/images/placeholders/dark-moving-image/no_file.png",
+  noNote: "/images/placeholders/dark-moving-image/no_note.png",
+  noRecord: "/images/placeholders/dark-moving-image/no_record.png",
+  noMatchRecord: "/images/placeholders/dark-moving-image/no_match_record.png",
+  noTask: "/images/placeholders/dark-moving-image/no_task.png",
+  errorIndex: "/images/placeholders/dark-moving-image/error_index.png",
+  emptyTimeline: "/images/placeholders/dark-moving-image/empty_timeline.png",
+  emptyInbox: "/images/placeholders/dark-moving-image/empty_inbox.png",
+  error404: "/images/placeholders/dark-moving-image/404.png",
+  error500: "/images/placeholders/dark-moving-image/500.png",
+  loadingMessages: "/images/placeholders/moving-image/loading_messages.png",
+  loadingAccounts: "/images/placeholders/moving-image/loading_accounts.png",
+  emptyFunctions: "/images/placeholders/dark-moving-image/empty_functions.png",
+  noDeletedRecord: "/images/placeholders/dark-moving-image/no_deleted_record.png",
+  noWidgets: "/images/placeholders/dark-moving-image/no_widgets.png",
+  notShared: "/images/placeholders/dark-moving-image/not_shared.png",
+  noCallRecording: "/images/placeholders/dark-moving-image/no_call_recording.png"
+}, we = {
+  noFile: "/images/placeholders/moving-image/no_file.png",
+  noNote: "/images/placeholders/moving-image/no_note.png",
+  noRecord: "/images/placeholders/moving-image/no_record.png",
+  noMatchRecord: "/images/placeholders/moving-image/no_match_record.png",
+  noTask: "/images/placeholders/moving-image/no_task.png",
+  errorIndex: "/images/placeholders/moving-image/error_index.png",
+  emptyTimeline: "/images/placeholders/moving-image/empty_timeline.png",
+  loadingMessages: "/images/placeholders/moving-image/loading_messages.png",
+  loadingAccounts: "/images/placeholders/moving-image/loading_accounts.png",
+  emptyFunctions: "/images/placeholders/moving-image/empty_functions.png",
+  emptyInbox: "/images/placeholders/moving-image/empty_inbox.png",
+  error404: "/images/placeholders/moving-image/404.png",
+  error500: "/images/placeholders/moving-image/500.png",
+  noDeletedRecord: "/images/placeholders/moving-image/no_deleted_record.png",
+  noWidgets: "/images/placeholders/moving-image/no_widgets.png",
+  notShared: "/images/placeholders/moving-image/not_shared.png",
+  noCallRecording: "/images/placeholders/moving-image/no_call_recording.png"
+}, Se = "_container_c2ldr_1", Ee = "_backgroundImage_c2ldr_9", Pe = "_backgroundImageLarge_c2ldr_14", Re = "_movingImage_c2ldr_19", Be = "_movingImageLarge_c2ldr_28", b = {
+  container: Se,
+  backgroundImage: Ee,
+  backgroundImageLarge: Pe,
+  movingImage: Re,
+  movingImageLarge: Be
+}, y = 2, Na = ({ type: e, assetBasePath: r = "" }) => {
+  const n = ie(), o = X(null);
+  pe(() => {
+    const i = o.current;
+    if (i === null) return;
+    const g = (s, v) => {
+      i.style.setProperty("--parallax-x", `${s}px`), i.style.setProperty("--parallax-y", `${v}px`);
+    }, l = (s) => {
+      const v = "touches" in s ? s.touches[0].clientX : s.clientX, h = "touches" in s ? s.touches[0].clientY : s.clientY;
+      g(v / window.innerWidth * 2 * y - y, h / window.innerHeight * 2 * y - y);
+    }, _ = () => {
+      g(0, 0);
+    };
+    return window.addEventListener("mousemove", l), window.addEventListener("touchmove", l), window.document.addEventListener("mouseleave", _), () => {
+      window.removeEventListener("mousemove", l), window.removeEventListener("touchmove", l), window.document.removeEventListener("mouseleave", _);
+    };
+  }, []);
+  const t = e === "error500" || e === "error404";
+  return /* @__PURE__ */ u("div", {
+    className: b.container,
+    children: [/* @__PURE__ */ a("img", {
+      src: `${r}${n === "dark" ? xe[e] : Ie[e]}`,
+      alt: "",
+      className: c(b.backgroundImage, t && b.backgroundImageLarge)
+    }), /* @__PURE__ */ a("img", {
+      ref: o,
+      src: `${r}${n === "dark" ? Ae[e] : we[e]}`,
+      alt: "",
+      className: c(b.movingImage, t && b.movingImageLarge)
+    })]
+  });
+}, Le = "_banner_i03ag_1", je = "_primaryBlue_i03ag_17", We = "_primaryDanger_i03ag_23", De = "_secondaryBlue_i03ag_29", Me = "_secondaryDanger_i03ag_35", f = {
+  banner: Le,
+  primaryBlue: je,
+  primaryDanger: We,
+  secondaryBlue: De,
+  secondaryDanger: Me
+}, $e = {
+  primary: {
+    blue: f.primaryBlue,
+    danger: f.primaryDanger
+  },
+  secondary: {
+    blue: f.secondaryBlue,
+    danger: f.secondaryDanger
+  }
+}, ze = ({ color: e = "blue", variant: r = "primary", className: n, children: o }) => /* @__PURE__ */ a("div", {
+  className: c(f.banner, $e[r][e], n),
+  children: o
+}), Fe = "_container_1o484_1", Oe = "_containerInfo_1o484_14", qe = "_containerWarning_1o484_19", Ve = "_containerSuccess_1o484_24", Ge = "_containerError_1o484_29", Ke = "_containerNeutral_1o484_34", Xe = "_header_1o484_39", Ue = "_iconContainer_1o484_48", He = "_iconContainerInfo_1o484_57", Ye = "_iconContainerWarning_1o484_61", Je = "_iconContainerSuccess_1o484_65", Qe = "_iconContainerError_1o484_69", Ze = "_iconContainerNeutral_1o484_73", er = "_title_1o484_77", rr = "_descriptionWrapper_1o484_89", ar = "_descriptionWrapperWithAction_1o484_97", or = "_description_1o484_89", nr = "_footer_1o484_110", d = {
+  container: Fe,
+  containerInfo: Oe,
+  containerWarning: qe,
+  containerSuccess: Ve,
+  containerError: Ge,
+  containerNeutral: Ke,
+  header: Xe,
+  iconContainer: Ue,
+  iconContainerInfo: He,
+  iconContainerWarning: Ye,
+  iconContainerSuccess: Je,
+  iconContainerError: Qe,
+  iconContainerNeutral: Ze,
+  title: er,
+  descriptionWrapper: rr,
+  descriptionWrapperWithAction: ar,
+  description: or,
+  footer: nr
+}, tr = {
+  info: d.containerInfo,
+  warning: d.containerWarning,
+  error: d.containerError,
+  neutral: d.containerNeutral,
+  success: d.containerSuccess
+}, ir = {
+  info: d.iconContainerInfo,
+  warning: d.iconContainerWarning,
+  error: d.iconContainerError,
+  neutral: d.iconContainerNeutral,
+  success: d.iconContainerSuccess
+}, ya = ({ variant: e, title: r, description: n, Icon: o = le, action: t, isClosable: i = !1, onClose: g }) => {
+  const [l, _] = M(!0), s = () => {
+    i && (_(!1), g?.());
+  };
+  return l ? /* @__PURE__ */ u("div", {
+    className: c(d.container, tr[e]),
+    children: [
+      /* @__PURE__ */ u("div", {
+        className: d.header,
+        children: [
+          /* @__PURE__ */ a("div", {
+            className: c(d.iconContainer, ir[e]),
+            children: /* @__PURE__ */ a(o, { size: 16 })
+          }),
+          /* @__PURE__ */ a("div", {
+            className: d.title,
+            children: r
+          }),
+          i && /* @__PURE__ */ a(G, {
+            Icon: V,
+            size: "small",
+            "aria-label": "Close",
+            onClick: s
+          })
+        ]
+      }),
+      /* @__PURE__ */ a("div", {
+        className: c(d.descriptionWrapper, m(t) && d.descriptionWrapperWithAction),
+        children: /* @__PURE__ */ a("div", {
+          className: d.description,
+          children: n
+        })
+      }),
+      m(t) && /* @__PURE__ */ a("div", {
+        className: d.footer,
+        children: /* @__PURE__ */ a(C, {
+          type: "button",
+          onClick: t.onClick,
+          size: "sm",
+          variant: "ghost",
+          style: { fontWeight: "var(--t-font-weight-regular)" },
+          children: t.label
+        })
+      })
+    ]
+  }) : null;
+}, sr = "_svg_5jxqf_1", cr = "_circularProgressBarRotate_5jxqf_1", lr = "_circle_5jxqf_6", dr = "_circularProgressBarDash_5jxqf_1", F = {
+  svg: sr,
+  circularProgressBarRotate: cr,
+  circle: lr,
+  circularProgressBarDash: dr
+}, Ia = ({ size: e = 50, barWidth: r = 5, barColor: n = "currentColor" }) => /* @__PURE__ */ a("svg", {
+  className: F.svg,
+  width: e,
+  height: e,
+  children: /* @__PURE__ */ a("circle", {
+    className: F.circle,
+    cx: e / 2,
+    cy: e / 2,
+    r: e / 2 - r,
+    fill: "none",
+    stroke: n,
+    strokeWidth: r,
+    strokeLinecap: "round",
+    pathLength: 100
+  })
+}), gr = "_emptyContainer_ftzrt_1", mr = "_emptyPlaceholderFadeIn_ftzrt_1", _r = "_emptyTextContainer_ftzrt_21", ur = "_emptyTitle_ftzrt_31", pr = "_emptySubTitle_ftzrt_37", S = {
+  emptyContainer: gr,
+  emptyPlaceholderFadeIn: mr,
+  emptyTextContainer: _r,
+  emptyTitle: ur,
+  emptySubTitle: pr
+}, xa = ({ children: e, className: r, width: n }) => /* @__PURE__ */ a("div", {
+  className: c(S.emptyContainer, r),
+  style: m(n) ? { width: `${n}px` } : void 0,
+  children: e
+}), Aa = ({ className: e, ...r }) => /* @__PURE__ */ a("div", {
+  className: c(S.emptyTextContainer, e),
+  ...r
+}), wa = ({ className: e, ...r }) => /* @__PURE__ */ a("div", {
+  className: c(S.emptyTitle, e),
+  ...r
+}), Sa = ({ className: e, ...r }) => /* @__PURE__ */ a("div", {
+  className: c(S.emptySubTitle, e),
+  ...r
+}), vr = "_errorContainer_5ujop_1", hr = "_errorTextContainer_5ujop_12", br = "_errorTitle_5ujop_22", fr = "_errorSubTitle_5ujop_29", E = {
+  errorContainer: vr,
+  errorTextContainer: hr,
+  errorTitle: br,
+  errorSubTitle: fr
+}, Ea = ({ className: e, ...r }) => /* @__PURE__ */ a("div", {
+  className: c(E.errorContainer, e),
+  ...r
+}), Pa = ({ className: e, ...r }) => /* @__PURE__ */ a("div", {
+  className: c(E.errorTextContainer, e),
+  ...r
+}), Ra = ({ className: e, ...r }) => /* @__PURE__ */ a("div", {
+  className: c(E.errorTitle, e),
+  ...r
+}), Ba = ({ className: e, ...r }) => /* @__PURE__ */ a("div", {
+  className: c(E.errorSubTitle, e),
+  ...r
+}), kr = "_info_phgej_1", Cr = "_accentBlue_phgej_14", Tr = "_accentDanger_phgej_19", Nr = "_textContainer_phgej_24", yr = "_linkContainer_phgej_33", k = {
+  info: kr,
+  accentBlue: Cr,
+  accentDanger: Tr,
+  textContainer: Nr,
+  linkContainer: yr
+}, Ir = {
+  blue: k.accentBlue,
+  danger: k.accentDanger
+}, La = ({ accent: e = "blue", text: r, buttonTitle: n, onClick: o, to: t }) => {
+  const i = D();
+  return /* @__PURE__ */ u("div", {
+    className: c(k.info, Ir[e]),
+    children: [
+      /* @__PURE__ */ u("div", {
+        className: k.textContainer,
+        children: [/* @__PURE__ */ a(w, { size: i.icon.size.md }), r]
+      }),
+      n && t && /* @__PURE__ */ a("span", {
+        className: k.linkContainer,
+        children: /* @__PURE__ */ a(C, {
+          render: /* @__PURE__ */ a(ke, { to: t }),
+          nativeButton: !1,
+          role: "link",
+          size: "sm",
+          variant: "outline",
+          color: e === "blue" ? "accent" : "danger",
+          children: n
+        })
+      }),
+      n && o && !t && /* @__PURE__ */ a(C, {
+        onClick: o,
+        size: "sm",
+        variant: "outline",
+        color: e === "blue" ? "accent" : "danger",
+        children: n
+      })
+    ]
+  });
+}, xr = "_banner_j76tb_1", Ar = "_embedded_j76tb_6", wr = "_bannerContent_j76tb_10", Sr = "_bannerText_j76tb_21", I = {
+  banner: xr,
+  embedded: Ar,
+  bannerContent: wr,
+  bannerText: Sr
+}, ja = ({ color: e, message: r, embedded: n = !1, button: o, LeftIcon: t = w, className: i }) => {
+  const g = D();
+  return /* @__PURE__ */ u(ze, {
+    className: c(I.banner, n && I.embedded, i),
+    color: e,
+    variant: "secondary",
+    children: [/* @__PURE__ */ u("div", {
+      className: I.bannerContent,
+      children: [/* @__PURE__ */ a(t, { size: g.icon.size.md }), /* @__PURE__ */ a("div", {
+        className: I.bannerText,
+        children: /* @__PURE__ */ a(ge, {
+          isFocusable: !0,
+          text: /* @__PURE__ */ a(T, { children: r }),
+          tooltipContent: r
+        })
+      })]
+    }), o && !o.hidden && /* @__PURE__ */ a(C, {
+      size: "sm",
+      onClick: o?.onClick,
+      disabled: o.disabled,
+      startIcon: m(o.Icon) ? /* @__PURE__ */ a(o.Icon, {}) : void 0,
+      variant: "outline",
+      color: e === "danger" ? "danger" : "accent",
+      children: o?.title
+    })]
+  });
+}, Er = "_bar_1wpka_1", Pr = "_track_1wpka_14", Rr = "_indicator_1wpka_20", Br = "_countdown_1wpka_34", Lr = "_progressBarCountdown_1wpka_1", x = {
+  bar: Er,
+  track: Pr,
+  indicator: Rr,
+  countdown: Br,
+  progressBarCountdown: Lr
+}, jr = ({ value: e, className: r, barColor: n, backgroundColor: o = "none", withBorderRadius: t = !1, ariaLabel: i, countdownDurationInMs: g, isCountdownPaused: l = !1, onCountdownComplete: _ }) => {
+  const s = g !== void 0;
+  return /* @__PURE__ */ a(L.Root, {
+    className: c(x.bar, r),
+    "data-with-border-radius": t || void 0,
+    "aria-label": i,
+    value: e,
+    style: {
+      "--progress-bar-background-color": o,
+      ...n ? { "--progress-bar-color": n } : {},
+      ...s ? { "--progress-bar-countdown-duration": `${g}ms` } : {}
+    },
+    children: /* @__PURE__ */ a(L.Track, {
+      className: x.track,
+      children: /* @__PURE__ */ a(L.Indicator, {
+        className: c(x.indicator, s && x.countdown),
+        "data-with-border-radius": t || void 0,
+        "data-nonzero": e > 0 && !s || void 0,
+        "data-paused": s && l || void 0,
+        onAnimationEnd: s ? _ : void 0
+      })
+    })
+  });
+}, Wr = "_banner_k05bg_1", Dr = "_iconContainer_k05bg_12", Mr = "_message_k05bg_22", j = {
+  banner: Wr,
+  iconContainer: Dr,
+  message: Mr
+}, Wa = ({ message: e, className: r, variant: n = "default", tooltipMessage: o }) => {
+  const t = ve();
+  return /* @__PURE__ */ u("div", {
+    className: c(j.banner, r),
+    "data-tooltip-id": o ? t : void 0,
+    children: [
+      /* @__PURE__ */ a("div", {
+        className: j.iconContainer,
+        children: n === "default" ? /* @__PURE__ */ a(w, { size: 16 }) : /* @__PURE__ */ a(A, { size: 16 })
+      }),
+      /* @__PURE__ */ a("p", {
+        className: j.message,
+        children: e
+      }),
+      m(o) && /* @__PURE__ */ a(de, {
+        anchorSelect: `[data-tooltip-id='${t}']`,
+        title: o,
+        place: "bottom"
+      })
+    ]
+  });
+}, P = (e) => e.status === "visible", H = ({ store: e, toastsToClose: r, nextToasts: n = e.state.toasts }) => {
+  const o = n.map((i) => r.includes(i) ? {
+    ...i,
+    status: "closing"
+  } : i), t = e.state.mountedToasterCount > 0;
+  e.set("toasts", t ? o : o.filter(P));
+  for (const i of r) i.notification.onClose?.();
+}, Y = _e(void 0), N = () => {
+  const e = ue(Y);
+  if (!m(e)) throw new Error("Toast components must be used within a ToastProvider.");
+  return e;
+}, J = () => {
+  const e = N();
+  return { closeToast: (n) => {
+    const o = e.state.toasts.filter((t) => P(t) && (!m(n) || t.notification.id === n));
+    be(o) && H({
+      store: e,
+      toastsToClose: o
+    });
+  } };
+}, O = 0, $r = () => {
+  const e = N();
+  return { enqueueToast: he(() => {
+    function r(n) {
+      if (!m(n)) return;
+      const { dedupeKey: o, ...t } = n, { toasts: i, limit: g } = e.state, l = i.filter(P), _ = m(o) ? l.find((h) => h.dedupeKey === o) : void 0;
+      if (m(_)) return _.notification.id;
+      O += 1;
+      const s = `toast-${O}`, v = Math.max(0, l.length - g + 1);
+      return H({
+        store: e,
+        toastsToClose: l.slice(0, v),
+        nextToasts: [...i, {
+          notification: {
+            ...t,
+            id: s
+          },
+          dedupeKey: o,
+          status: "visible"
+        }]
+      }), s;
+    }
+    return r;
+  }, [e]) };
+}, Da = () => {
+  const { closeToast: e } = J(), { enqueueToast: r } = $r();
+  return {
+    enqueueToast: r,
+    closeToast: e
+  };
+}, zr = "_root_1dxjm_1", Fr = "_progress_1dxjm_19", Or = "_header_1dxjm_30", qr = "_message_1dxjm_39", Vr = "_icon_1dxjm_44", Gr = "_actions_1dxjm_49", Kr = "_description_1dxjm_55", Xr = "_footer_1dxjm_64", Ur = "_footerAction_1dxjm_68", p = {
+  root: zr,
+  progress: Fr,
+  header: Or,
+  message: qr,
+  icon: Vr,
+  actions: Gr,
+  description: Kr,
+  footer: Xr,
+  footerAction: Ur
+}, Hr = {
+  default: A,
+  error: A,
+  success: ce,
+  info: w,
+  warning: A
+}, Yr = ({ children: e, description: r, icon: n, iconLabel: o, action: t, progress: i, duration: g = 6e3, onCancel: l, onClose: _, cancelLabel: s = "Cancel", closeLabel: v = "Close", variant: h = "default", role: $ = "status", className: Q, onMouseEnter: Z, onMouseLeave: ee, render: re, ref: ae, ...oe }) => {
+  const R = D(), [ne, z] = M(!1), te = Hr[h];
+  return U({
+    render: re,
+    ref: ae,
+    props: {
+      role: $,
+      "aria-live": $ === "alert" ? "assertive" : "polite",
+      ...oe,
+      className: c(p.root, Q),
+      onMouseEnter: (B) => {
+        z(!0), Z?.(B);
+      },
+      onMouseLeave: (B) => {
+        z(!1), ee?.(B);
+      },
+      children: /* @__PURE__ */ u(T, { children: [
+        /* @__PURE__ */ a("div", {
+          className: p.progress,
+          "aria-hidden": !0,
+          children: /* @__PURE__ */ a(jr, {
+            barColor: R.snackBar[h].backgroundColor,
+            value: i ?? 100,
+            countdownDurationInMs: m(i) ? void 0 : g,
+            isCountdownPaused: ne,
+            onCountdownComplete: _
+          })
+        }),
+        /* @__PURE__ */ u("div", {
+          className: p.header,
+          children: [
+            /* @__PURE__ */ a("div", {
+              className: p.icon,
+              children: n ?? /* @__PURE__ */ a(te, {
+                "aria-label": o,
+                "aria-hidden": !m(o),
+                color: R.snackBar[h].color,
+                size: R.icon.size.md
+              })
+            }),
+            /* @__PURE__ */ a("div", {
+              className: p.message,
+              children: e
+            }),
+            /* @__PURE__ */ u("div", {
+              className: p.actions,
+              children: [m(l) && /* @__PURE__ */ a(C, {
+                onClick: l,
+                size: "sm",
+                variant: "ghost",
+                style: { fontWeight: "var(--t-font-weight-regular)" },
+                children: s
+              }), m(_) && /* @__PURE__ */ a(G, {
+                title: v,
+                "aria-label": v,
+                Icon: V,
+                onClick: _
+              })]
+            })
+          ]
+        }),
+        m(r) && /* @__PURE__ */ a("div", {
+          className: p.description,
+          children: r
+        }),
+        m(t) && /* @__PURE__ */ u("div", {
+          className: p.footer,
+          children: [/* @__PURE__ */ a(me, { noMargin: !0 }), /* @__PURE__ */ a("div", {
+            className: p.footerAction,
+            children: t
+          })]
+        })
+      ] })
+    }
+  });
+}, Jr = (e = 3) => {
+  if (!fe(e)) throw new Error("Toast limit must be a positive integer.");
+  return new Ne({
+    toasts: [],
+    limit: e,
+    mountedToasterCount: 0
+  });
+}, Ma = ({ children: e, limit: r = 3 }) => {
+  const [n] = M(() => Jr(r));
+  return /* @__PURE__ */ a(Y.Provider, {
+    value: n,
+    children: e
+  });
+}, Qr = () => ye(N(), (e) => e.toasts), Zr = "_root_1q2cc_1", ea = "_item_1q2cc_20", ra = "_itemContent_1q2cc_47", W = {
+  root: Zr,
+  item: ea,
+  itemContent: ra
+}, q = ({ store: e, toast: r }) => {
+  const { toasts: n } = e.state;
+  r.status === "closing" && n.includes(r) && e.set("toasts", n.filter((o) => o !== r));
+}, aa = ({ elementRef: e, toastEntry: r }) => {
+  const n = N();
+  return K(() => {
+    if (r.status === "visible") return;
+    const o = e.current?.getAnimations?.() ?? [];
+    if (o.length === 0) {
+      q({
+        store: n,
+        toast: r
+      });
+      return;
+    }
+    let t = !1;
+    return Promise.allSettled(o.map((i) => i.finished)).then(() => {
+      t || q({
+        store: n,
+        toast: r
+      });
+    }), () => {
+      t = !0;
+    };
+  }, [
+    e,
+    r,
+    n
+  ]), /* @__PURE__ */ a(T, {});
+}, oa = ({ toastEntry: e, getToastProps: r, onClose: n }) => {
+  const { notification: o, status: t } = e, { id: i, ...g } = o, l = X(null);
+  return /* @__PURE__ */ u(T, { children: [/* @__PURE__ */ a("div", {
+    ref: l,
+    className: W.item,
+    "data-exiting": t === "closing" || void 0,
+    inert: t === "closing",
+    children: /* @__PURE__ */ a("div", {
+      className: W.itemContent,
+      children: /* @__PURE__ */ a(Yr, {
+        ...g,
+        ...r?.(o),
+        id: i,
+        onClose: () => n(i)
+      })
+    })
+  }), /* @__PURE__ */ a(aa, {
+    elementRef: l,
+    toastEntry: e
+  })] });
+}, na = ({ getToastProps: e }) => {
+  const r = Qr(), { closeToast: n } = J();
+  return r.map((o) => /* @__PURE__ */ a(oa, {
+    toastEntry: o,
+    getToastProps: e,
+    onClose: n
+  }, o.notification.id));
+}, ta = () => {
+  const e = N();
+  return K(() => (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(P));
+  }), [e]), null;
+}, $a = ({ container: e, getToastProps: r, className: n, render: o, ref: t, ...i }) => {
+  const g = se(), l = Te(), _ = e === void 0 ? g ?? (typeof document > "u" ? null : document.body) : e, s = U({
+    render: o,
+    ref: t,
+    props: {
+      role: "region",
+      dir: l,
+      "aria-label": "Notifications",
+      ...i,
+      className: c(W.root, n),
+      children: /* @__PURE__ */ u(T, { children: [/* @__PURE__ */ a(ta, {}), /* @__PURE__ */ a(na, { getToastProps: r })] })
+    }
+  });
+  return m(_) ? Ce(s, _) : null;
+};
+export {
+  xe as C,
+  Ae as S,
+  Ia as _,
+  Wa as a,
+  Na as b,
+  La as c,
+  Pa as d,
+  Ra as f,
+  wa as g,
+  Aa as h,
+  Da as i,
+  Ea as l,
+  Sa as m,
+  Ma as n,
+  jr as o,
+  xa as p,
+  Yr as r,
+  ja as s,
+  $a as t,
+  Ba as u,
+  ya as v,
+  Ie as w,
+  we as x,
+  ze as y
+};

package/dist/icon/components/IconSparkle2.d.ts

@@ -0,0 +1,4 @@
+import { IconComponentProps } from '../types/IconComponent';
+type IconSparkle2Props = Pick<IconComponentProps, 'aria-hidden' | 'className' | 'color' | 'size' | 'stroke'>;
+export declare const IconSparkle2: ({ className, color, size, stroke, "aria-hidden": ariaHidden, }: IconSparkle2Props) => import("react").JSX.Element;
+export {};