twenty-ui 1.0.0-alpha.2 → 2.41.0

package/dist/data-display-ByvqdkPn.js

@@ -0,0 +1,472 @@
+import { c as p, r as D, s as d } from "./theme-constants-DETwIS-a.js";
+import { n as ra } from "./Pill-abKRH4XK.js";
+import { c as oa, h as Q, m as O } from "./utilities-kvjM4sIB.js";
+import { c as na } from "./theme-OwFrow8b.js";
+import { t as ia } from "./mergeClassNames-BHKm1BNi.js";
+import { wt as sa } from "./TablerIcons-Ctfi8z4q.js";
+import { t as la } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
+import { a as ca, t as V } from "./OverflowingTextWithTooltip-C21bgWKF.js";
+import { Button as I } from "@base-ui/react/button";
+import { clsx as v } from "clsx";
+import "react";
+import { isNonEmptyString as da, isUndefined as ma } from "@sniptt/guards";
+import { Fragment as x, jsx as t, jsxs as g } from "react/jsx-runtime";
+import { Link as _a } from "react-router-dom";
+import { Avatar as H } from "@base-ui/react/avatar";
+import { useRender as G } from "@base-ui/react/use-render";
+var ua = "_animatedPath_wtd8u_1", pa = "_draw-checkmark_wtd8u_1", va = {
+  animatedPath: ua,
+  drawCheckmark: pa
+}, Te = ({ isAnimating: a = !1, color: e, duration: r = 0.5, size: o = 28 }) => {
+  const n = D();
+  return /* @__PURE__ */ t("svg", {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 52 52",
+    width: o,
+    height: o,
+    children: /* @__PURE__ */ t("path", {
+      className: a ? va.animatedPath : void 0,
+      fill: "none",
+      stroke: e ?? n.grayScale.gray1,
+      strokeWidth: 4,
+      d: "M14 27l7.8 7.8L38 14",
+      pathLength: "1",
+      strokeDasharray: "1",
+      strokeDashoffset: a ? 0 : 1,
+      style: { "--animated-checkmark-duration": `${r}s` }
+    })
+  });
+}, ha = "_root_vjzsy_1", fa = "_avatarPulsing_vjzsy_1", ga = "_image_vjzsy_84", ka = "_fallback_vjzsy_90", Ca = "_icon_vjzsy_94", $ = {
+  root: ha,
+  avatarPulsing: fa,
+  image: ga,
+  fallback: ka,
+  icon: Ca
+}, ya = ({ src: a, name: e, colorSeed: r = e, size: o = "md", shape: n = "square", variant: l = "soft", icon: s, color: c, backgroundColor: m, borderColor: i, pulsing: u = !1, disabled: _ = !1, nativeButton: h = !0, onClick: f, className: w, style: k, render: y, "aria-label": j, ...B }) => {
+  const C = D(), b = e?.trim().charAt(0).toUpperCase(), P = b ? c ?? O({
+    string: r ?? "",
+    variant: 12,
+    theme: C
+  }) : C.font.color.tertiary, A = b ? m ?? O({
+    string: r ?? "",
+    variant: l === "outline" ? 5 : 4,
+    theme: C
+  }) : C.background.transparent.light, z = i ?? (b ? O({
+    string: r ?? "",
+    variant: 6,
+    theme: C
+  }) : void 0), N = d(f), L = d(s) && typeof s != "boolean" && s !== "";
+  return /* @__PURE__ */ t(H.Root, {
+    ...B,
+    onClick: f,
+    "aria-label": j ?? (N ? e?.trim() || "Avatar" : void 0),
+    "data-size": o,
+    "data-shape": n,
+    "data-pulsing": u || void 0,
+    "data-disabled": _ || void 0,
+    "data-clickable": N || void 0,
+    className: ia($.root, w),
+    style: (S) => ({
+      "--tw-avatar-color": P,
+      "--tw-avatar-background": L ? "inherit" : S.imageLoadingStatus === "loaded" ? "none" : A,
+      "--tw-avatar-border": l === "outline" && S.imageLoadingStatus !== "loaded" && z ? `1px solid ${z}` : "none",
+      ...typeof k == "function" ? k(S) : k
+    }),
+    render: N ? (S, ea) => /* @__PURE__ */ t(I, {
+      ...S,
+      disabled: _,
+      nativeButton: h,
+      render: typeof y == "function" ? (ta) => y(ta, ea) : y
+    }) : y,
+    children: L ? /* @__PURE__ */ t("span", {
+      className: $.icon,
+      "aria-hidden": !0,
+      children: s
+    }) : /* @__PURE__ */ g(x, { children: [/* @__PURE__ */ t(H.Image, {
+      src: a ?? void 0,
+      alt: "",
+      className: $.image
+    }), /* @__PURE__ */ t(H.Fallback, {
+      className: $.fallback,
+      "aria-hidden": !0,
+      children: b || "-"
+    })] })
+  });
+}, De = {
+  xl: {
+    fontSize: "16px",
+    width: "40px"
+  },
+  lg: {
+    fontSize: "13px",
+    width: "24px"
+  },
+  md: {
+    fontSize: "12px",
+    width: "16px"
+  },
+  sm: {
+    fontSize: "10px",
+    width: "14px"
+  },
+  xs: {
+    fontSize: "8px",
+    width: "12px"
+  }
+}, ba = "_container_2aram_1", xa = "_itemContainer_2aram_6", K = {
+  container: ba,
+  itemContainer: xa
+}, wa = 4, Ae = ({ avatars: a, className: e, maxVisible: r = wa, overflowAvatar: o, overlap: n = "right", overlapOffset: l = "3px" }) => {
+  const s = a.slice(0, r);
+  if (!s.length && !o) return null;
+  const c = { "--avatar-group-overlap-offset": l };
+  return /* @__PURE__ */ g("div", {
+    className: v(K.container, e),
+    children: [s.map((m, i) => /* @__PURE__ */ t("div", {
+      className: K.itemContainer,
+      "data-overlap": n,
+      style: c,
+      children: m
+    }, i)), o && /* @__PURE__ */ t("div", {
+      className: K.itemContainer,
+      "data-overlap": n,
+      style: c,
+      children: o
+    })]
+  });
+}, Na = "_iconWithBackgroundContainer_13kjb_1", Sa = "_wrapper_13kjb_11", M = {
+  iconWithBackgroundContainer: Na,
+  wrapper: Sa
+}, ze = ({ Icon: a, colorSeed: e, shape: r, src: o, name: n, isIconInverted: l = !1, IconColor: s, IconBackgroundColor: c, onClick: m }) => {
+  const i = D();
+  if (!d(a)) return /* @__PURE__ */ t(ya, {
+    src: o,
+    colorSeed: e,
+    name: n,
+    size: "sm",
+    shape: r ?? void 0,
+    onClick: m
+  });
+  const u = da(n) ? n : "Avatar", _ = l || d(c) ? /* @__PURE__ */ t("div", {
+    className: M.iconWithBackgroundContainer,
+    style: d(c) ? { "--avatar-or-icon-background": c } : void 0,
+    children: /* @__PURE__ */ t(a, {
+      color: i.font.color.inverted,
+      size: i.icon.size.sm,
+      stroke: i.icon.stroke.sm,
+      "aria-hidden": !0
+    })
+  }) : /* @__PURE__ */ t(a, {
+    size: i.icon.size.sm,
+    stroke: i.icon.stroke.sm,
+    color: s || "currentColor",
+    "aria-hidden": !0
+  });
+  return d(m) ? /* @__PURE__ */ t("div", {
+    className: M.wrapper,
+    "data-clickable": !0,
+    role: "button",
+    tabIndex: 0,
+    "aria-label": u,
+    onClick: m,
+    onKeyDown: la,
+    children: _
+  }) : /* @__PURE__ */ t("div", {
+    className: M.wrapper,
+    children: _
+  });
+}, Ta = "_root_16neu_1", Da = { root: Ta }, Le = ({ className: a }) => {
+  const e = D();
+  return /* @__PURE__ */ t("div", {
+    className: v(Da.root, a),
+    children: /* @__PURE__ */ t(sa, {
+      color: e.grayScale.gray1,
+      size: 14
+    })
+  });
+}, Aa = "_chip_104p8_1", za = "_content_104p8_73", La = "_emptyLabel_104p8_79", $a = "_endElementDivider_104p8_83", E = {
+  chip: Aa,
+  content: za,
+  emptyLabel: La,
+  endElementDivider: $a
+}, Ea = ({ children: a, size: e = "sm", variant: r = "ghost", color: o = "primary", shape: n = "square", weight: l = "regular", disabled: s = !1, onClick: c, clickable: m = d(c), nativeButton: i = !0, startElement: u, endElement: _, endElementDivider: h = !1, maxWidth: f, tooltipLabel: w, tooltipPlace: k, alwaysShowTooltip: y = !1, isLabelHidden: j = !1, forceEmptyText: B = !1, emptyLabel: C = "Untitled", className: b, style: P, render: A, ref: z, ...N }) => {
+  const L = d(a) && a !== "" && a !== !1;
+  return G({
+    render: d(c) ? /* @__PURE__ */ t(I, {
+      render: A,
+      disabled: s,
+      nativeButton: i
+    }) : A,
+    ref: z,
+    state: {
+      size: e,
+      variant: r,
+      color: o,
+      shape: n,
+      weight: l,
+      disabled: s,
+      clickable: m
+    },
+    props: {
+      ...N,
+      onClick: c,
+      className: v(E.chip, b),
+      style: {
+        ...d(f) ? { "--tw-chip-max-width": `calc(${f}px - 2 * var(--tw-chip-padding))` } : {},
+        ...P
+      },
+      children: /* @__PURE__ */ g(x, { children: [
+        u,
+        !j && (L ? typeof a == "string" ? /* @__PURE__ */ t(V, {
+          size: e === "md" ? "large" : "small",
+          text: a,
+          tooltipContent: w,
+          tooltipPlace: k,
+          alwaysShowTooltip: y
+        }) : /* @__PURE__ */ t("span", {
+          className: E.content,
+          children: a
+        }) : !B && /* @__PURE__ */ t("span", {
+          className: E.emptyLabel,
+          children: C
+        })),
+        d(_) && _ !== !1 && /* @__PURE__ */ g(x, { children: [h && /* @__PURE__ */ t("span", { className: E.endElementDivider }), _] })
+      ] })
+    }
+  });
+}, Ia = "link-chip-click-outside-id", ja = "_root_1wwsw_1", Ba = "_circle_1wwsw_13", Pa = "_pipeline_1wwsw_19", R = {
+  root: ja,
+  circle: Ba,
+  pipeline: Pa
+}, Oa = (a, e) => d(e) ? e : p.tag.background[a], Ha = (a) => p.tag.text[a], $e = ({ colorName: a, color: e, variant: r, className: o }) => /* @__PURE__ */ t("div", {
+  className: v(R.root, r === "circle" && R.circle, r === "pipeline" && R.pipeline, o),
+  style: {
+    "--color-sample-color": Oa(a, e),
+    "--color-sample-border-color": Ha(a)
+  }
+}), Ka = "_container_stu26_1", Ma = "_commandContain_stu26_12", Ra = "_buttonContainer_stu26_16", Ua = "_lineStartSpan_stu26_20", qa = "_lineSpan_stu26_24", T = {
+  container: Ka,
+  commandContain: Ma,
+  buttonContainer: Ra,
+  lineStartSpan: Ua,
+  lineSpan: qa
+}, Ee = ({ commands: a, button: e }) => /* @__PURE__ */ g("div", {
+  className: T.container,
+  children: [/* @__PURE__ */ t("div", {
+    className: T.commandContain,
+    children: /* @__PURE__ */ t(x, { children: a.map((r, o) => /* @__PURE__ */ g("div", { children: [/* @__PURE__ */ t("span", {
+      className: T.lineStartSpan,
+      children: "> "
+    }), /* @__PURE__ */ t("span", {
+      className: T.lineSpan,
+      children: r
+    })] }, o)) })
+  }), e && /* @__PURE__ */ t("div", {
+    className: T.buttonContainer,
+    children: e
+  })]
+}), Wa = "_ellipsis_13o5q_1", Fa = { ellipsis: Wa }, aa = ({ children: a, maxWidth: e, className: r }) => /* @__PURE__ */ t(ca, {
+  truncate: !0,
+  className: v(Fa.ellipsis, r),
+  style: d(e) ? { maxWidth: `${e}px` } : void 0,
+  children: a
+}), Ie = ({ text: a, maxWidth: e }) => /* @__PURE__ */ t(aa, {
+  maxWidth: e,
+  children: a
+}), Va = "_linkContainer_4rvdq_1", Ga = { linkContainer: Va }, je = ({ to: a, target: e, onClick: r, onMouseDown: o, triggerEvent: n, ref: l, ...s }) => {
+  const { onClick: c, onMouseDown: m } = oa({
+    to: a,
+    onClick: r,
+    triggerEvent: n
+  });
+  return /* @__PURE__ */ t("span", {
+    className: Ga.linkContainer,
+    children: /* @__PURE__ */ t(_a, {
+      to: a,
+      ref: l,
+      onClick: (i) => {
+        i.stopPropagation(), c(i);
+      },
+      onMouseDown: (i) => {
+        o?.(i), i.defaultPrevented || m(i);
+      },
+      "data-click-outside-id": Ia,
+      target: e,
+      rel: e === "_blank" ? "noopener noreferrer" : void 0,
+      children: /* @__PURE__ */ t(Ea, {
+        clickable: !0,
+        ...s
+      })
+    })
+  });
+}, Ja = "_notificationCounter_1lalu_1", Xa = "_primary_1lalu_13", Ya = "_secondary_1lalu_18", J = {
+  notificationCounter: Ja,
+  primary: Xa,
+  secondary: Ya
+}, Be = ({ count: a, variant: e = "primary", className: r }) => /* @__PURE__ */ t("div", {
+  className: v(J.notificationCounter, J[e], r),
+  children: a
+}), Pe = ({ value: a }) => /* @__PURE__ */ t(aa, { children: a }), Za = "_tag_1vz7j_1", Qa = "_content_1vz7j_52", ae = "_iconContainer_1vz7j_58", U = {
+  tag: Za,
+  content: Qa,
+  iconContainer: ae
+}, F = (a) => {
+  a.preventDefault(), a.stopPropagation();
+}, X = (a) => {
+  a.key !== "Enter" && a.key !== " " || F(a);
+}, ee = ({ children: a, color: e, weight: r = "regular", variant: o = "soft", startIcon: n, preventShrink: l = !1, preventPadding: s = !1, borderStyle: c = "solid", disabled: m = !1, nativeButton: i = !0, onClick: u, className: _, style: h, render: f, ref: w, ...k }) => G({
+  defaultTagName: "span",
+  render: d(u) ? /* @__PURE__ */ t(I, {
+    render: f,
+    disabled: m,
+    nativeButton: i
+  }) : f,
+  ref: w,
+  state: {
+    variant: o,
+    weight: r,
+    disabled: m,
+    interactive: d(u),
+    preventShrink: l,
+    preventPadding: s
+  },
+  props: {
+    ...k,
+    onClick: u,
+    ...m && {
+      disabled: !0,
+      "aria-disabled": !0,
+      tabIndex: -1,
+      onClickCapture: F,
+      onPointerDownCapture: F,
+      onKeyDownCapture: X,
+      onKeyUpCapture: X
+    },
+    className: v(U.tag, _),
+    style: {
+      "--tw-tag-background": e === "transparent" ? "transparent" : p.tag.background[e] ?? p.tag.background.gray,
+      "--tw-tag-text": e === "transparent" ? p.font.color.secondary : p.tag.text[e] ?? p.font.color.secondary,
+      "--tw-tag-border-style": c,
+      ...h
+    },
+    children: /* @__PURE__ */ g(x, { children: [d(n) && typeof n != "boolean" && n !== "" && /* @__PURE__ */ t("span", {
+      className: U.iconContainer,
+      "aria-hidden": !0,
+      children: n
+    }), /* @__PURE__ */ t("span", {
+      className: U.content,
+      children: typeof a == "string" && !l ? /* @__PURE__ */ t(V, { text: a }) : a
+    })] })
+  }
+}), Oe = ({ color: a, label: e, Icon: r, preventPadding: o }) => /* @__PURE__ */ t(ee, {
+  preventShrink: !0,
+  color: a,
+  startIcon: d(r) ? /* @__PURE__ */ t(r, {}) : void 0,
+  preventPadding: o,
+  children: e
+}), te = "_status_va5xu_1", re = "_content_va5xu_49", Y = {
+  status: te,
+  content: re
+}, He = ({ children: a, color: e, loading: r = !1, weight: o = "regular", disabled: n = !1, nativeButton: l = !0, onClick: s, className: c, style: m, render: i, ref: u, ..._ }) => {
+  const h = Q(e);
+  return G({
+    defaultTagName: "span",
+    render: d(s) ? /* @__PURE__ */ t(I, {
+      render: i,
+      disabled: n,
+      nativeButton: l
+    }) : i,
+    ref: u,
+    state: {
+      loading: r,
+      weight: o,
+      disabled: n,
+      interactive: d(s)
+    },
+    props: {
+      ..._,
+      onClick: s,
+      className: v(Y.status, c),
+      style: {
+        "--tw-status-background": p.tag.background[h],
+        "--tw-status-text-color": p.tag.text[h],
+        ...m
+      },
+      children: /* @__PURE__ */ g(x, { children: [/* @__PURE__ */ t("span", {
+        className: Y.content,
+        children: a
+      }), r && /* @__PURE__ */ t(ra, { color: e })] })
+    }
+  });
+}, oe = "_root_j2xk4_1", ne = { root: oe }, ie = ({ $backgroundColor: a, $borderColor: e, $dimension: r, className: o, style: n, ...l }) => /* @__PURE__ */ t("div", {
+  ...l,
+  className: v(ne.root, o),
+  style: {
+    "--tinted-icon-tile-background-color": a,
+    "--tinted-icon-tile-border": e ? `1px solid ${e}` : void 0,
+    "--tinted-icon-tile-dimension": r,
+    ...n
+  }
+}), se = "_container_1xmrr_1", le = "_fixHeight_1xmrr_7", Z = {
+  container: se,
+  fixHeight: le
+}, Ke = ({ text: a, displayedMaxRows: e }) => {
+  const r = ma(e) || e === 1;
+  return /* @__PURE__ */ t("div", {
+    className: v(Z.container, r && Z.fixHeight),
+    children: /* @__PURE__ */ t(V, {
+      text: a,
+      displayedMaxRows: e,
+      isTooltipMultiline: !0
+    })
+  });
+}, q = {
+  background: 4,
+  border: 6,
+  icon: 10
+}, W = (a, e) => {
+  const r = p.color, o = p.tag.text;
+  return r[`${a}${e}`] ?? o[a];
+}, ce = (a) => {
+  const e = Q(a);
+  return {
+    backgroundColor: W(e, q.background),
+    iconColor: W(e, q.icon),
+    borderColor: W(e, q.border)
+  };
+}, Me = ({ Icon: a, color: e = na, size: r, stroke: o }) => {
+  const n = D(), l = ce(e), s = r ?? n.icon.size.md, c = o ?? n.icon.stroke.md, m = d(r) ? `${r}px` : void 0;
+  return /* @__PURE__ */ t(ie, {
+    $backgroundColor: l.backgroundColor,
+    $dimension: m,
+    children: /* @__PURE__ */ t(a, {
+      size: s,
+      stroke: c,
+      color: l.iconColor
+    })
+  });
+};
+export {
+  Te as S,
+  Le as _,
+  He as a,
+  De as b,
+  Pe as c,
+  Ie as d,
+  aa as f,
+  Ea as g,
+  Ia as h,
+  ie as i,
+  Be as l,
+  $e as m,
+  ce as n,
+  Oe as o,
+  Ee as p,
+  Ke as r,
+  ee as s,
+  Me as t,
+  je as u,
+  ze as v,
+  ya as x,
+  Ae as y
+};

package/dist/data-display-DH28tg-I.cjs

@@ -0,0 +1 @@
+const oe=require("./chunk-u_mIcLyS.cjs"),n=require("./theme-constants-Do_FO7Uy.cjs"),se=require("./Pill-4lAWCmbk.cjs"),C=require("./utilities-DmbkuukL.cjs"),le=require("./theme-YHfZnD2U.cjs"),ce=require("./mergeClassNames-BbJtXN2t.cjs"),ue=require("./handleClickableElementKeyDown-CByqtBhO.cjs"),O=require("./OverflowingTextWithTooltip-C2iADYbv.cjs");let A=require("@base-ui/react/button"),p=require("clsx"),U=require("react");U=oe.__toESM(U,1);let Z=require("@sniptt/guards"),r=require("react/jsx-runtime"),de=require("react-router-dom"),L=require("@base-ui/react/avatar"),F=require("@base-ui/react/use-render"),_e=require("@tabler/icons-react");var me="_animatedPath_wtd8u_1",pe="_draw-checkmark_wtd8u_1",ve={animatedPath:me,drawCheckmark:pe},fe=({isAnimating:e=!1,color:t,duration:a=.5,size:i=28})=>{const o=n.useTheme();return(0,r.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 52 52",width:i,height:i,children:(0,r.jsx)("path",{className:e?ve.animatedPath:void 0,fill:"none",stroke:t??o.grayScale.gray1,strokeWidth:4,d:"M14 27l7.8 7.8L38 14",pathLength:"1",strokeDasharray:"1",strokeDashoffset:e?0:1,style:{"--animated-checkmark-duration":`${a}s`}})})},he="_root_vjzsy_1",ge="_avatarPulsing_vjzsy_1",be="_image_vjzsy_84",xe="_fallback_vjzsy_90",Ce="_icon_vjzsy_94",S={root:he,avatarPulsing:ge,image:be,fallback:xe,icon:Ce},X=({src:e,name:t,colorSeed:a=t,size:i="md",shape:o="square",variant:c="soft",icon:l,color:u,backgroundColor:d,borderColor:s,pulsing:m=!1,disabled:_=!1,nativeButton:v=!0,onClick:f,className:j,style:h,render:b,"aria-label":q,...I})=>{const g=n.useTheme(),x=t?.trim().charAt(0).toUpperCase(),E=x?u??C.stringToThemeColorP3String({string:a??"",variant:12,theme:g}):g.font.color.tertiary,T=x?d??C.stringToThemeColorP3String({string:a??"",variant:c==="outline"?5:4,theme:g}):g.background.transparent.light,w=s??(x?C.stringToThemeColorP3String({string:a??"",variant:6,theme:g}):void 0),y=n.isDefined(f),N=n.isDefined(l)&&typeof l!="boolean"&&l!=="";return(0,r.jsx)(L.Avatar.Root,{...I,onClick:f,"aria-label":q??(y?t?.trim()||"Avatar":void 0),"data-size":i,"data-shape":o,"data-pulsing":m||void 0,"data-disabled":_||void 0,"data-clickable":y||void 0,className:ce.mergeClassNames(S.root,j),style:k=>({"--tw-avatar-color":E,"--tw-avatar-background":N?"inherit":k.imageLoadingStatus==="loaded"?"none":T,"--tw-avatar-border":c==="outline"&&k.imageLoadingStatus!=="loaded"&&w?`1px solid ${w}`:"none",...typeof h=="function"?h(k):h}),render:y?(k,ne)=>(0,r.jsx)(A.Button,{...k,disabled:_,nativeButton:v,render:typeof b=="function"?ie=>b(ie,ne):b}):b,children:N?(0,r.jsx)("span",{className:S.icon,"aria-hidden":!0,children:l}):(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(L.Avatar.Image,{src:e??void 0,alt:"",className:S.image}),(0,r.jsx)(L.Avatar.Fallback,{className:S.fallback,"aria-hidden":!0,children:x||"-"})]})})},je={xl:{fontSize:"16px",width:"40px"},lg:{fontSize:"13px",width:"24px"},md:{fontSize:"12px",width:"16px"},sm:{fontSize:"10px",width:"14px"},xs:{fontSize:"8px",width:"12px"}},ye="_container_2aram_1",ke="_itemContainer_2aram_6",z={container:ye,itemContainer:ke},De=4,Te=({avatars:e,className:t,maxVisible:a=De,overflowAvatar:i,overlap:o="right",overlapOffset:c="3px"})=>{const l=e.slice(0,a);if(!l.length&&!i)return null;const u={"--avatar-group-overlap-offset":c};return(0,r.jsxs)("div",{className:(0,p.clsx)(z.container,t),children:[l.map((d,s)=>(0,r.jsx)("div",{className:z.itemContainer,"data-overlap":o,style:u,children:d},s)),i&&(0,r.jsx)("div",{className:z.itemContainer,"data-overlap":o,style:u,children:i})]})},we="_iconWithBackgroundContainer_13kjb_1",Ne="_wrapper_13kjb_11",B={iconWithBackgroundContainer:we,wrapper:Ne},Se=({Icon:e,colorSeed:t,shape:a,src:i,name:o,isIconInverted:c=!1,IconColor:l,IconBackgroundColor:u,onClick:d})=>{const s=n.useTheme();if(!n.isDefined(e))return(0,r.jsx)(X,{src:i,colorSeed:t,name:o,size:"sm",shape:a??void 0,onClick:d});const m=(0,Z.isNonEmptyString)(o)?o:"Avatar",_=c||n.isDefined(u)?(0,r.jsx)("div",{className:B.iconWithBackgroundContainer,style:n.isDefined(u)?{"--avatar-or-icon-background":u}:void 0,children:(0,r.jsx)(e,{color:s.font.color.inverted,size:s.icon.size.sm,stroke:s.icon.stroke.sm,"aria-hidden":!0})}):(0,r.jsx)(e,{size:s.icon.size.sm,stroke:s.icon.stroke.sm,color:l||"currentColor","aria-hidden":!0});return n.isDefined(d)?(0,r.jsx)("div",{className:B.wrapper,"data-clickable":!0,role:"button",tabIndex:0,"aria-label":m,onClick:d,onKeyDown:ue.handleClickableElementKeyDown,children:_}):(0,r.jsx)("div",{className:B.wrapper,children:_})},Pe="_root_16neu_1",Oe={root:Pe},Ae=({className:e})=>{const t=n.useTheme();return(0,r.jsx)("div",{className:(0,p.clsx)(Oe.root,e),children:(0,r.jsx)(_e.IconCheck,{color:t.grayScale.gray1,size:14})})},qe="_chip_104p8_1",Ie="_content_104p8_73",Ee="_emptyLabel_104p8_79",Le="_endElementDivider_104p8_83",P={chip:qe,content:Ie,emptyLabel:Ee,endElementDivider:Le},Q=({children:e,size:t="sm",variant:a="ghost",color:i="primary",shape:o="square",weight:c="regular",disabled:l=!1,onClick:u,clickable:d=n.isDefined(u),nativeButton:s=!0,startElement:m,endElement:_,endElementDivider:v=!1,maxWidth:f,tooltipLabel:j,tooltipPlace:h,alwaysShowTooltip:b=!1,isLabelHidden:q=!1,forceEmptyText:I=!1,emptyLabel:g="Untitled",className:x,style:E,render:T,ref:w,...y})=>{const N=n.isDefined(e)&&e!==""&&e!==!1;return(0,F.useRender)({render:n.isDefined(u)?(0,r.jsx)(A.Button,{render:T,disabled:l,nativeButton:s}):T,ref:w,state:{size:t,variant:a,color:i,shape:o,weight:c,disabled:l,clickable:d},props:{...y,onClick:u,className:(0,p.clsx)(P.chip,x),style:{...n.isDefined(f)?{"--tw-chip-max-width":`calc(${f}px - 2 * var(--tw-chip-padding))`}:{},...E},children:(0,r.jsxs)(r.Fragment,{children:[m,!q&&(N?typeof e=="string"?(0,r.jsx)(O.OverflowingTextWithTooltip,{size:t==="md"?"large":"small",text:e,tooltipContent:j,tooltipPlace:h,alwaysShowTooltip:b}):(0,r.jsx)("span",{className:P.content,children:e}):!I&&(0,r.jsx)("span",{className:P.emptyLabel,children:g})),n.isDefined(_)&&_!==!1&&(0,r.jsxs)(r.Fragment,{children:[v&&(0,r.jsx)("span",{className:P.endElementDivider}),_]})]})}})},ee="link-chip-click-outside-id",ze="_root_1wwsw_1",Be="_circle_1wwsw_13",$e="_pipeline_1wwsw_19",$={root:ze,circle:Be,pipeline:$e},Ve=(e,t)=>n.isDefined(t)?t:n.themeCssVariables.tag.background[e],Ke=e=>n.themeCssVariables.tag.text[e],Re=({colorName:e,color:t,variant:a,className:i})=>(0,r.jsx)("div",{className:(0,p.clsx)($.root,a==="circle"&&$.circle,a==="pipeline"&&$.pipeline,i),style:{"--color-sample-color":Ve(e,t),"--color-sample-border-color":Ke(e)}}),He="_container_stu26_1",Fe="_commandContain_stu26_12",Me="_buttonContainer_stu26_16",Ue="_lineStartSpan_stu26_20",We="_lineSpan_stu26_24",D={container:He,commandContain:Fe,buttonContainer:Me,lineStartSpan:Ue,lineSpan:We},Ge=({commands:e,button:t})=>(0,r.jsxs)("div",{className:D.container,children:[(0,r.jsx)("div",{className:D.commandContain,children:(0,r.jsx)(r.Fragment,{children:e.map((a,i)=>(0,r.jsxs)("div",{children:[(0,r.jsx)("span",{className:D.lineStartSpan,children:"> "}),(0,r.jsx)("span",{className:D.lineSpan,children:a})]},i))})}),t&&(0,r.jsx)("div",{className:D.buttonContainer,children:t})]}),Je="_ellipsis_13o5q_1",Ye={ellipsis:Je},M=({children:e,maxWidth:t,className:a})=>(0,r.jsx)(O.Text,{truncate:!0,className:(0,p.clsx)(Ye.ellipsis,a),style:n.isDefined(t)?{maxWidth:`${t}px`}:void 0,children:e}),Ze=({text:e,maxWidth:t})=>(0,r.jsx)(M,{maxWidth:t,children:e}),Xe="_linkContainer_4rvdq_1",Qe={linkContainer:Xe},er=({to:e,target:t,onClick:a,onMouseDown:i,triggerEvent:o,ref:c,...l})=>{const{onClick:u,onMouseDown:d}=C.useMouseDownNavigation({to:e,onClick:a,triggerEvent:o});return(0,r.jsx)("span",{className:Qe.linkContainer,children:(0,r.jsx)(de.Link,{to:e,ref:c,onClick:s=>{s.stopPropagation(),u(s)},onMouseDown:s=>{i?.(s),s.defaultPrevented||d(s)},"data-click-outside-id":ee,target:t,rel:t==="_blank"?"noopener noreferrer":void 0,children:(0,r.jsx)(Q,{clickable:!0,...l})})})},rr="_notificationCounter_1lalu_1",tr="_primary_1lalu_13",ar="_secondary_1lalu_18",W={notificationCounter:rr,primary:tr,secondary:ar},nr=({count:e,variant:t="primary",className:a})=>(0,r.jsx)("div",{className:(0,p.clsx)(W.notificationCounter,W[t],a),children:e}),ir=({value:e})=>(0,r.jsx)(M,{children:e}),or="_tag_1vz7j_1",sr="_content_1vz7j_52",lr="_iconContainer_1vz7j_58",V={tag:or,content:sr,iconContainer:lr},H=e=>{e.preventDefault(),e.stopPropagation()},G=e=>{e.key!=="Enter"&&e.key!==" "||H(e)},re=({children:e,color:t,weight:a="regular",variant:i="soft",startIcon:o,preventShrink:c=!1,preventPadding:l=!1,borderStyle:u="solid",disabled:d=!1,nativeButton:s=!0,onClick:m,className:_,style:v,render:f,ref:j,...h})=>(0,F.useRender)({defaultTagName:"span",render:n.isDefined(m)?(0,r.jsx)(A.Button,{render:f,disabled:d,nativeButton:s}):f,ref:j,state:{variant:i,weight:a,disabled:d,interactive:n.isDefined(m),preventShrink:c,preventPadding:l},props:{...h,onClick:m,...d&&{disabled:!0,"aria-disabled":!0,tabIndex:-1,onClickCapture:H,onPointerDownCapture:H,onKeyDownCapture:G,onKeyUpCapture:G},className:(0,p.clsx)(V.tag,_),style:{"--tw-tag-background":t==="transparent"?"transparent":n.themeCssVariables.tag.background[t]??n.themeCssVariables.tag.background.gray,"--tw-tag-text":t==="transparent"?n.themeCssVariables.font.color.secondary:n.themeCssVariables.tag.text[t]??n.themeCssVariables.font.color.secondary,"--tw-tag-border-style":u,...v},children:(0,r.jsxs)(r.Fragment,{children:[n.isDefined(o)&&typeof o!="boolean"&&o!==""&&(0,r.jsx)("span",{className:V.iconContainer,"aria-hidden":!0,children:o}),(0,r.jsx)("span",{className:V.content,children:typeof e=="string"&&!c?(0,r.jsx)(O.OverflowingTextWithTooltip,{text:e}):e})]})}}),cr=({color:e,label:t,Icon:a,preventPadding:i})=>(0,r.jsx)(re,{preventShrink:!0,color:e,startIcon:n.isDefined(a)?(0,r.jsx)(a,{}):void 0,preventPadding:i,children:t}),ur="_status_va5xu_1",dr="_content_va5xu_49",J={status:ur,content:dr},_r=({children:e,color:t,loading:a=!1,weight:i="regular",disabled:o=!1,nativeButton:c=!0,onClick:l,className:u,style:d,render:s,ref:m,..._})=>{const v=C.parseThemeColor(t);return(0,F.useRender)({defaultTagName:"span",render:n.isDefined(l)?(0,r.jsx)(A.Button,{render:s,disabled:o,nativeButton:c}):s,ref:m,state:{loading:a,weight:i,disabled:o,interactive:n.isDefined(l)},props:{..._,onClick:l,className:(0,p.clsx)(J.status,u),style:{"--tw-status-background":n.themeCssVariables.tag.background[v],"--tw-status-text-color":n.themeCssVariables.tag.text[v],...d},children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("span",{className:J.content,children:e}),a&&(0,r.jsx)(se.Loader,{color:t})]})}})},mr="_root_j2xk4_1",pr={root:mr},te=({$backgroundColor:e,$borderColor:t,$dimension:a,className:i,style:o,...c})=>(0,r.jsx)("div",{...c,className:(0,p.clsx)(pr.root,i),style:{"--tinted-icon-tile-background-color":e,"--tinted-icon-tile-border":t?`1px solid ${t}`:void 0,"--tinted-icon-tile-dimension":a,...o}}),vr="_container_1xmrr_1",fr="_fixHeight_1xmrr_7",Y={container:vr,fixHeight:fr},hr=({text:e,displayedMaxRows:t})=>{const a=(0,Z.isUndefined)(t)||t===1;return(0,r.jsx)("div",{className:(0,p.clsx)(Y.container,a&&Y.fixHeight),children:(0,r.jsx)(O.OverflowingTextWithTooltip,{text:e,displayedMaxRows:t,isTooltipMultiline:!0})})},K={background:4,border:6,icon:10},R=(e,t)=>{const a=n.themeCssVariables.color,i=n.themeCssVariables.tag.text;return a[`${e}${t}`]??i[e]},ae=e=>{const t=C.parseThemeColor(e);return{backgroundColor:R(t,K.background),iconColor:R(t,K.icon),borderColor:R(t,K.border)}},gr=({Icon:e,color:t=le.DEFAULT_THEME_COLOR_FALLBACK,size:a,stroke:i})=>{const o=n.useTheme(),c=ae(t),l=a??o.icon.size.md,u=i??o.icon.stroke.md,d=n.isDefined(a)?`${a}px`:void 0;return(0,r.jsx)(te,{$backgroundColor:c.backgroundColor,$dimension:d,children:(0,r.jsx)(e,{size:l,stroke:u,color:c.iconColor})})};Object.defineProperty(exports,"AVATAR_PROPERTIES_BY_SIZE",{enumerable:!0,get:function(){return je}});Object.defineProperty(exports,"AnimatedCheckmark",{enumerable:!0,get:function(){return fe}});Object.defineProperty(exports,"Avatar",{enumerable:!0,get:function(){return X}});Object.defineProperty(exports,"AvatarGroup",{enumerable:!0,get:function(){return Te}});Object.defineProperty(exports,"AvatarOrIcon",{enumerable:!0,get:function(){return Se}});Object.defineProperty(exports,"Checkmark",{enumerable:!0,get:function(){return Ae}});Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return Q}});Object.defineProperty(exports,"ColorSample",{enumerable:!0,get:function(){return Re}});Object.defineProperty(exports,"CommandBlock",{enumerable:!0,get:function(){return Ge}});Object.defineProperty(exports,"EllipsisDisplay",{enumerable:!0,get:function(){return M}});Object.defineProperty(exports,"JsonDisplay",{enumerable:!0,get:function(){return Ze}});Object.defineProperty(exports,"LINK_CHIP_CLICK_OUTSIDE_ID",{enumerable:!0,get:function(){return ee}});Object.defineProperty(exports,"LinkChip",{enumerable:!0,get:function(){return er}});Object.defineProperty(exports,"NotificationCounter",{enumerable:!0,get:function(){return nr}});Object.defineProperty(exports,"NumberDisplay",{enumerable:!0,get:function(){return ir}});Object.defineProperty(exports,"SelectDisplay",{enumerable:!0,get:function(){return cr}});Object.defineProperty(exports,"Status",{enumerable:!0,get:function(){return _r}});Object.defineProperty(exports,"StyledTintedIconTileContainer",{enumerable:!0,get:function(){return te}});Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return re}});Object.defineProperty(exports,"TextDisplay",{enumerable:!0,get:function(){return hr}});Object.defineProperty(exports,"TintedIconTile",{enumerable:!0,get:function(){return gr}});Object.defineProperty(exports,"getIconTileColorShades",{enumerable:!0,get:function(){return ae}});

package/dist/feedback-62S0e8tP.cjs

@@ -0,0 +1 @@
+const le=require("./chunk-u_mIcLyS.cjs"),c=require("./theme-constants-Do_FO7Uy.cjs"),C=require("./Button-DDrUyVB1.cjs"),W=require("./OverflowingTextWithTooltip-C2iADYbv.cjs"),z=require("./input-B1qr987z.cjs"),de=require("./HorizontalSeparator-BWu4LVEU.cjs");let l=require("clsx"),_=require("react");_=le.__toESM(_,1);let F=require("@sniptt/guards"),r=require("react/jsx-runtime"),ge=require("react-router-dom"),$=require("@base-ui/react/use-render"),ue=require("react-dom"),me=require("@base-ui/react/direction-provider"),w=require("@base-ui/react/progress"),G=require("@base-ui/utils/store"),p=require("@tabler/icons-react");var K={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"},V={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"},X={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"},U={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"},_e="_container_c2ldr_1",pe="_backgroundImage_c2ldr_9",ve="_backgroundImageLarge_c2ldr_14",he="_movingImage_c2ldr_19",be="_movingImageLarge_c2ldr_28",f={container:_e,backgroundImage:pe,backgroundImageLarge:ve,movingImage:he,movingImageLarge:be},T=2,fe=({type:e,assetBasePath:n=""})=>{const o=c.useThemeColorScheme(),a=(0,_.useRef)(null);(0,_.useEffect)(()=>{const i=a.current;if(i===null)return;const u=(s,h)=>{i.style.setProperty("--parallax-x",`${s}px`),i.style.setProperty("--parallax-y",`${h}px`)},d=s=>{const h="touches"in s?s.touches[0].clientX:s.clientX,b="touches"in s?s.touches[0].clientY:s.clientY;u(h/window.innerWidth*2*T-T,b/window.innerHeight*2*T-T)},m=()=>{u(0,0)};return window.addEventListener("mousemove",d),window.addEventListener("touchmove",d),window.document.addEventListener("mouseleave",m),()=>{window.removeEventListener("mousemove",d),window.removeEventListener("touchmove",d),window.document.removeEventListener("mouseleave",m)}},[]);const t=e==="error500"||e==="error404";return(0,r.jsxs)("div",{className:f.container,children:[(0,r.jsx)("img",{src:`${n}${o==="dark"?V[e]:K[e]}`,alt:"",className:(0,l.clsx)(f.backgroundImage,t&&f.backgroundImageLarge)}),(0,r.jsx)("img",{ref:a,src:`${n}${o==="dark"?X[e]:U[e]}`,alt:"",className:(0,l.clsx)(f.movingImage,t&&f.movingImageLarge)})]})},xe="_banner_i03ag_1",je="_primaryBlue_i03ag_17",Ce="_primaryDanger_i03ag_23",ke="_secondaryBlue_i03ag_29",Te="_secondaryDanger_i03ag_35",x={banner:xe,primaryBlue:je,primaryDanger:Ce,secondaryBlue:ke,secondaryDanger:Te},ye={primary:{blue:x.primaryBlue,danger:x.primaryDanger},secondary:{blue:x.secondaryBlue,danger:x.secondaryDanger}},H=({color:e="blue",variant:n="primary",className:o,children:a})=>(0,r.jsx)("div",{className:(0,l.clsx)(x.banner,ye[n][e],o),children:a}),Ie="_container_1o484_1",Ne="_containerInfo_1o484_14",Pe="_containerWarning_1o484_19",Ae="_containerSuccess_1o484_24",Ee="_containerError_1o484_29",Se="_containerNeutral_1o484_34",we="_header_1o484_39",Be="_iconContainer_1o484_48",Oe="_iconContainerInfo_1o484_57",De="_iconContainerWarning_1o484_61",Re="_iconContainerSuccess_1o484_65",qe="_iconContainerError_1o484_69",Le="_iconContainerNeutral_1o484_73",Me="_title_1o484_77",We="_descriptionWrapper_1o484_89",ze="_descriptionWrapperWithAction_1o484_97",Fe="_description_1o484_89",$e="_footer_1o484_110",g={container:Ie,containerInfo:Ne,containerWarning:Pe,containerSuccess:Ae,containerError:Ee,containerNeutral:Se,header:we,iconContainer:Be,iconContainerInfo:Oe,iconContainerWarning:De,iconContainerSuccess:Re,iconContainerError:qe,iconContainerNeutral:Le,title:Me,descriptionWrapper:We,descriptionWrapperWithAction:ze,description:Fe,footer:$e},Ge={info:g.containerInfo,warning:g.containerWarning,error:g.containerError,neutral:g.containerNeutral,success:g.containerSuccess},Ke={info:g.iconContainerInfo,warning:g.iconContainerWarning,error:g.iconContainerError,neutral:g.iconContainerNeutral,success:g.iconContainerSuccess},Ve=({variant:e,title:n,description:o,Icon:a=p.IconHelp,action:t,isClosable:i=!1,onClose:u})=>{const[d,m]=(0,_.useState)(!0),s=()=>{i&&(m(!1),u?.())};return d?(0,r.jsxs)("div",{className:(0,l.clsx)(g.container,Ge[e]),children:[(0,r.jsxs)("div",{className:g.header,children:[(0,r.jsx)("div",{className:(0,l.clsx)(g.iconContainer,Ke[e]),children:(0,r.jsx)(a,{size:16})}),(0,r.jsx)("div",{className:g.title,children:n}),i&&(0,r.jsx)(z.LightIconButton,{Icon:p.IconX,size:"small","aria-label":"Close",onClick:s})]}),(0,r.jsx)("div",{className:(0,l.clsx)(g.descriptionWrapper,c.isDefined(t)&&g.descriptionWrapperWithAction),children:(0,r.jsx)("div",{className:g.description,children:o})}),c.isDefined(t)&&(0,r.jsx)("div",{className:g.footer,children:(0,r.jsx)(C.Button,{type:"button",onClick:t.onClick,size:"sm",variant:"ghost",style:{fontWeight:"var(--t-font-weight-regular)"},children:t.label})})]}):null},Xe="_svg_5jxqf_1",Ue="_circularProgressBarRotate_5jxqf_1",He="_circle_5jxqf_6",Ye="_circularProgressBarDash_5jxqf_1",q={svg:Xe,circularProgressBarRotate:Ue,circle:He,circularProgressBarDash:Ye},Je=({size:e=50,barWidth:n=5,barColor:o="currentColor"})=>(0,r.jsx)("svg",{className:q.svg,width:e,height:e,children:(0,r.jsx)("circle",{className:q.circle,cx:e/2,cy:e/2,r:e/2-n,fill:"none",stroke:o,strokeWidth:n,strokeLinecap:"round",pathLength:100})}),Qe="_emptyContainer_ftzrt_1",Ze="_emptyPlaceholderFadeIn_ftzrt_1",er="_emptyTextContainer_ftzrt_21",rr="_emptyTitle_ftzrt_31",nr="_emptySubTitle_ftzrt_37",N={emptyContainer:Qe,emptyPlaceholderFadeIn:Ze,emptyTextContainer:er,emptyTitle:rr,emptySubTitle:nr},ar=({children:e,className:n,width:o})=>(0,r.jsx)("div",{className:(0,l.clsx)(N.emptyContainer,n),style:c.isDefined(o)?{width:`${o}px`}:void 0,children:e}),or=({className:e,...n})=>(0,r.jsx)("div",{className:(0,l.clsx)(N.emptyTextContainer,e),...n}),tr=({className:e,...n})=>(0,r.jsx)("div",{className:(0,l.clsx)(N.emptyTitle,e),...n}),ir=({className:e,...n})=>(0,r.jsx)("div",{className:(0,l.clsx)(N.emptySubTitle,e),...n}),sr="_errorContainer_5ujop_1",cr="_errorTextContainer_5ujop_12",lr="_errorTitle_5ujop_22",dr="_errorSubTitle_5ujop_29",P={errorContainer:sr,errorTextContainer:cr,errorTitle:lr,errorSubTitle:dr},gr=({className:e,...n})=>(0,r.jsx)("div",{className:(0,l.clsx)(P.errorContainer,e),...n}),ur=({className:e,...n})=>(0,r.jsx)("div",{className:(0,l.clsx)(P.errorTextContainer,e),...n}),mr=({className:e,...n})=>(0,r.jsx)("div",{className:(0,l.clsx)(P.errorTitle,e),...n}),_r=({className:e,...n})=>(0,r.jsx)("div",{className:(0,l.clsx)(P.errorSubTitle,e),...n}),pr="_info_phgej_1",vr="_accentBlue_phgej_14",hr="_accentDanger_phgej_19",br="_textContainer_phgej_24",fr="_linkContainer_phgej_33",j={info:pr,accentBlue:vr,accentDanger:hr,textContainer:br,linkContainer:fr},xr={blue:j.accentBlue,danger:j.accentDanger},jr=({accent:e="blue",text:n,buttonTitle:o,onClick:a,to:t})=>{const i=c.useTheme();return(0,r.jsxs)("div",{className:(0,l.clsx)(j.info,xr[e]),children:[(0,r.jsxs)("div",{className:j.textContainer,children:[(0,r.jsx)(p.IconInfoCircle,{size:i.icon.size.md}),n]}),o&&t&&(0,r.jsx)("span",{className:j.linkContainer,children:(0,r.jsx)(C.Button,{render:(0,r.jsx)(ge.Link,{to:t}),nativeButton:!1,role:"link",size:"sm",variant:"outline",color:e==="blue"?"accent":"danger",children:o})}),o&&a&&!t&&(0,r.jsx)(C.Button,{onClick:a,size:"sm",variant:"outline",color:e==="blue"?"accent":"danger",children:o})]})},Cr="_banner_j76tb_1",kr="_embedded_j76tb_6",Tr="_bannerContent_j76tb_10",yr="_bannerText_j76tb_21",y={banner:Cr,embedded:kr,bannerContent:Tr,bannerText:yr},Ir=({color:e,message:n,embedded:o=!1,button:a,LeftIcon:t=p.IconInfoCircle,className:i})=>{const u=c.useTheme();return(0,r.jsxs)(H,{className:(0,l.clsx)(y.banner,o&&y.embedded,i),color:e,variant:"secondary",children:[(0,r.jsxs)("div",{className:y.bannerContent,children:[(0,r.jsx)(t,{size:u.icon.size.md}),(0,r.jsx)("div",{className:y.bannerText,children:(0,r.jsx)(W.OverflowingTextWithTooltip,{isFocusable:!0,text:(0,r.jsx)(r.Fragment,{children:n}),tooltipContent:n})})]}),a&&!a.hidden&&(0,r.jsx)(C.Button,{size:"sm",onClick:a?.onClick,disabled:a.disabled,startIcon:c.isDefined(a.Icon)?(0,r.jsx)(a.Icon,{}):void 0,variant:"outline",color:e==="danger"?"danger":"accent",children:a?.title})]})},Nr="_bar_1wpka_1",Pr="_track_1wpka_14",Ar="_indicator_1wpka_20",Er="_countdown_1wpka_34",Sr="_progressBarCountdown_1wpka_1",I={bar:Nr,track:Pr,indicator:Ar,countdown:Er,progressBarCountdown:Sr},Y=({value:e,className:n,barColor:o,backgroundColor:a="none",withBorderRadius:t=!1,ariaLabel:i,countdownDurationInMs:u,isCountdownPaused:d=!1,onCountdownComplete:m})=>{const s=u!==void 0;return(0,r.jsx)(w.Progress.Root,{className:(0,l.clsx)(I.bar,n),"data-with-border-radius":t||void 0,"aria-label":i,value:e,style:{"--progress-bar-background-color":a,...o?{"--progress-bar-color":o}:{},...s?{"--progress-bar-countdown-duration":`${u}ms`}:{}},children:(0,r.jsx)(w.Progress.Track,{className:I.track,children:(0,r.jsx)(w.Progress.Indicator,{className:(0,l.clsx)(I.indicator,s&&I.countdown),"data-with-border-radius":t||void 0,"data-nonzero":e>0&&!s||void 0,"data-paused":s&&d||void 0,onAnimationEnd:s?m:void 0})})})},wr="_banner_k05bg_1",Br="_iconContainer_k05bg_12",Or="_message_k05bg_22",B={banner:wr,iconContainer:Br,message:Or},Dr=({message:e,className:n,variant:o="default",tooltipMessage:a})=>{const t=(0,_.useId)();return(0,r.jsxs)("div",{className:(0,l.clsx)(B.banner,n),"data-tooltip-id":a?t:void 0,children:[(0,r.jsx)("div",{className:B.iconContainer,children:o==="default"?(0,r.jsx)(p.IconInfoCircle,{size:16}):(0,r.jsx)(p.IconAlertTriangle,{size:16})}),(0,r.jsx)("p",{className:B.message,children:e}),c.isDefined(a)&&(0,r.jsx)(W.AppTooltip,{anchorSelect:`[data-tooltip-id='${t}']`,title:a,place:"bottom"})]})},A=e=>e.status==="visible",J=({store:e,toastsToClose:n,nextToasts:o=e.state.toasts})=>{const a=o.map(i=>n.includes(i)?{...i,status:"closing"}:i),t=e.state.mountedToasterCount>0;e.set("toasts",t?a:a.filter(A));for(const i of n)i.notification.onClose?.()},Q=(0,_.createContext)(void 0),k=()=>{const e=(0,_.useContext)(Q);if(!c.isDefined(e))throw new Error("Toast components must be used within a ToastProvider.");return e},Z=()=>{const e=k();return{closeToast:o=>{const a=e.state.toasts.filter(t=>A(t)&&(!c.isDefined(o)||t.notification.id===o));(0,F.isNonEmptyArray)(a)&&J({store:e,toastsToClose:a})}}},L=0,Rr=()=>{const e=k();return{enqueueToast:(0,_.useMemo)(()=>{function n(o){if(!c.isDefined(o))return;const{dedupeKey:a,...t}=o,{toasts:i,limit:u}=e.state,d=i.filter(A),m=c.isDefined(a)?d.find(b=>b.dedupeKey===a):void 0;if(c.isDefined(m))return m.notification.id;L+=1;const s=`toast-${L}`,h=Math.max(0,d.length-u+1);return J({store:e,toastsToClose:d.slice(0,h),nextToasts:[...i,{notification:{...t,id:s},dedupeKey:a,status:"visible"}]}),s}return n},[e])}},qr=()=>{const{closeToast:e}=Z(),{enqueueToast:n}=Rr();return{enqueueToast:n,closeToast:e}},Lr="_root_1dxjm_1",Mr="_progress_1dxjm_19",Wr="_header_1dxjm_30",zr="_message_1dxjm_39",Fr="_icon_1dxjm_44",$r="_actions_1dxjm_49",Gr="_description_1dxjm_55",Kr="_footer_1dxjm_64",Vr="_footerAction_1dxjm_68",v={root:Lr,progress:Mr,header:Wr,message:zr,icon:Fr,actions:$r,description:Gr,footer:Kr,footerAction:Vr},Xr={default:p.IconAlertTriangle,error:p.IconAlertTriangle,success:p.IconSquareRoundedCheck,info:p.IconInfoCircle,warning:p.IconAlertTriangle},ee=({children:e,description:n,icon:o,iconLabel:a,action:t,progress:i,duration:u=6e3,onCancel:d,onClose:m,cancelLabel:s="Cancel",closeLabel:h="Close",variant:b="default",role:D="status",className:re,onMouseEnter:ne,onMouseLeave:ae,render:oe,ref:te,...ie})=>{const E=c.useTheme(),[se,R]=(0,_.useState)(!1),ce=Xr[b];return(0,$.useRender)({render:oe,ref:te,props:{role:D,"aria-live":D==="alert"?"assertive":"polite",...ie,className:(0,l.clsx)(v.root,re),onMouseEnter:S=>{R(!0),ne?.(S)},onMouseLeave:S=>{R(!1),ae?.(S)},children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{className:v.progress,"aria-hidden":!0,children:(0,r.jsx)(Y,{barColor:E.snackBar[b].backgroundColor,value:i??100,countdownDurationInMs:c.isDefined(i)?void 0:u,isCountdownPaused:se,onCountdownComplete:m})}),(0,r.jsxs)("div",{className:v.header,children:[(0,r.jsx)("div",{className:v.icon,children:o??(0,r.jsx)(ce,{"aria-label":a,"aria-hidden":!c.isDefined(a),color:E.snackBar[b].color,size:E.icon.size.md})}),(0,r.jsx)("div",{className:v.message,children:e}),(0,r.jsxs)("div",{className:v.actions,children:[c.isDefined(d)&&(0,r.jsx)(C.Button,{onClick:d,size:"sm",variant:"ghost",style:{fontWeight:"var(--t-font-weight-regular)"},children:s}),c.isDefined(m)&&(0,r.jsx)(z.LightIconButton,{title:h,"aria-label":h,Icon:p.IconX,onClick:m})]})]}),c.isDefined(n)&&(0,r.jsx)("div",{className:v.description,children:n}),c.isDefined(t)&&(0,r.jsxs)("div",{className:v.footer,children:[(0,r.jsx)(de.HorizontalSeparator,{noMargin:!0}),(0,r.jsx)("div",{className:v.footerAction,children:t})]})]})}})},Ur=(e=3)=>{if(!(0,F.isPositiveInteger)(e))throw new Error("Toast limit must be a positive integer.");return new G.Store({toasts:[],limit:e,mountedToasterCount:0})},Hr=({children:e,limit:n=3})=>{const[o]=(0,_.useState)(()=>Ur(n));return(0,r.jsx)(Q.Provider,{value:o,children:e})},Yr=()=>(0,G.useStore)(k(),e=>e.toasts),Jr="_root_1q2cc_1",Qr="_item_1q2cc_20",Zr="_itemContent_1q2cc_47",O={root:Jr,item:Qr,itemContent:Zr},M=({store:e,toast:n})=>{const{toasts:o}=e.state;n.status==="closing"&&o.includes(n)&&e.set("toasts",o.filter(a=>a!==n))},en=({elementRef:e,toastEntry:n})=>{const o=k();return(0,_.useLayoutEffect)(()=>{if(n.status==="visible")return;const a=e.current?.getAnimations?.()??[];if(a.length===0){M({store:o,toast:n});return}let t=!1;return Promise.allSettled(a.map(i=>i.finished)).then(()=>{t||M({store:o,toast:n})}),()=>{t=!0}},[e,n,o]),(0,r.jsx)(r.Fragment,{})},rn=({toastEntry:e,getToastProps:n,onClose:o})=>{const{notification:a,status:t}=e,{id:i,...u}=a,d=(0,_.useRef)(null);return(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)("div",{ref:d,className:O.item,"data-exiting":t==="closing"||void 0,inert:t==="closing",children:(0,r.jsx)("div",{className:O.itemContent,children:(0,r.jsx)(ee,{...u,...n?.(a),id:i,onClose:()=>o(i)})})}),(0,r.jsx)(en,{elementRef:d,toastEntry:e})]})},nn=({getToastProps:e})=>{const n=Yr(),{closeToast:o}=Z();return n.map(a=>(0,r.jsx)(rn,{toastEntry:a,getToastProps:e,onClose:o},a.notification.id))},an=()=>{const e=k();return(0,_.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(A))}),[e]),null},on=({container:e,getToastProps:n,className:o,render:a,ref:t,...i})=>{const u=c.useThemeContainer(),d=(0,me.useDirection)(),m=e===void 0?u??(typeof document>"u"?null:document.body):e,s=(0,$.useRender)({render:a,ref:t,props:{role:"region",dir:d,"aria-label":"Notifications",...i,className:(0,l.clsx)(O.root,o),children:(0,r.jsxs)(r.Fragment,{children:[(0,r.jsx)(an,{}),(0,r.jsx)(nn,{getToastProps:n})]})}});return c.isDefined(m)?(0,ue.createPortal)(s,m):null};Object.defineProperty(exports,"AnimatedPlaceholder",{enumerable:!0,get:function(){return fe}});Object.defineProperty(exports,"AnimatedPlaceholderEmptyContainer",{enumerable:!0,get:function(){return ar}});Object.defineProperty(exports,"AnimatedPlaceholderEmptySubTitle",{enumerable:!0,get:function(){return ir}});Object.defineProperty(exports,"AnimatedPlaceholderEmptyTextContainer",{enumerable:!0,get:function(){return or}});Object.defineProperty(exports,"AnimatedPlaceholderEmptyTitle",{enumerable:!0,get:function(){return tr}});Object.defineProperty(exports,"AnimatedPlaceholderErrorContainer",{enumerable:!0,get:function(){return gr}});Object.defineProperty(exports,"AnimatedPlaceholderErrorSubTitle",{enumerable:!0,get:function(){return _r}});Object.defineProperty(exports,"AnimatedPlaceholderErrorTextContainer",{enumerable:!0,get:function(){return ur}});Object.defineProperty(exports,"AnimatedPlaceholderErrorTitle",{enumerable:!0,get:function(){return mr}});Object.defineProperty(exports,"BACKGROUND",{enumerable:!0,get:function(){return K}});Object.defineProperty(exports,"Banner",{enumerable:!0,get:function(){return H}});Object.defineProperty(exports,"Callout",{enumerable:!0,get:function(){return Ve}});Object.defineProperty(exports,"CircularProgressBar",{enumerable:!0,get:function(){return Je}});Object.defineProperty(exports,"DARK_BACKGROUND",{enumerable:!0,get:function(){return V}});Object.defineProperty(exports,"DARK_MOVING_IMAGE",{enumerable:!0,get:function(){return X}});Object.defineProperty(exports,"Info",{enumerable:!0,get:function(){return jr}});Object.defineProperty(exports,"InlineBanner",{enumerable:!0,get:function(){return Ir}});Object.defineProperty(exports,"MOVING_IMAGE",{enumerable:!0,get:function(){return U}});Object.defineProperty(exports,"ProgressBar",{enumerable:!0,get:function(){return Y}});Object.defineProperty(exports,"SidePanelInformationBanner",{enumerable:!0,get:function(){return Dr}});Object.defineProperty(exports,"Toast",{enumerable:!0,get:function(){return ee}});Object.defineProperty(exports,"ToastProvider",{enumerable:!0,get:function(){return Hr}});Object.defineProperty(exports,"Toaster",{enumerable:!0,get:function(){return on}});Object.defineProperty(exports,"useToast",{enumerable:!0,get:function(){return qr}});