twenty-ui 1.0.0-alpha.2 → 2.41.0

package/dist/data-display-CID60EMx.js

@@ -1,473 +0,0 @@
-import { t as j } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
-import { c as m, r as L, s as g } from "./theme-constants-Bpkh40Q_.js";
-import { c as ta, h as J, m as $ } from "./utilities-Ba96imFW.js";
-import { c as na } from "./theme-DWGWo1te.js";
-import { wt as oa } from "./TablerIcons-CSp0ySKT.js";
-import { a as ia, t as K } from "./OverflowingTextWithTooltip-D2ri4HNc.js";
-import { Fragment as E, jsx as e, jsxs as C } from "react/jsx-runtime";
-import { clsx as u } from "clsx";
-import { useEffect as sa, useState as la } from "react";
-import { isNonEmptyString as D, isNull as ca, isUndefined as da } from "@sniptt/guards";
-import { Link as _a } from "react-router-dom";
-var va = "_animatedPath_wtd8u_1", ua = "_draw-checkmark_wtd8u_1", ma = {
-  animatedPath: va,
-  drawCheckmark: ua
-}, ne = ({ isAnimating: a = !1, color: r, duration: t = 0.5, size: n = 28 }) => {
-  const o = L();
-  return /* @__PURE__ */ e("svg", {
-    xmlns: "http://www.w3.org/2000/svg",
-    viewBox: "0 0 52 52",
-    width: n,
-    height: n,
-    children: /* @__PURE__ */ e("path", {
-      className: a ? ma.animatedPath : void 0,
-      fill: "none",
-      stroke: r ?? o.grayScale.gray1,
-      strokeWidth: 4,
-      d: "M14 27l7.8 7.8L38 14",
-      pathLength: "1",
-      strokeDasharray: "1",
-      strokeDashoffset: a ? 0 : 1,
-      style: { "--animated-checkmark-duration": `${t}s` }
-    })
-  });
-}, ga = ({ avatarImageURI: a, onImageLoadError: r }) => (sa(() => {
-  const t = new Image();
-  return t.onerror = () => {
-    r(a);
-  }, t.src = a, () => {
-    t.onerror = null, t.src = "";
-  };
-}, [a, r]), /* @__PURE__ */ e(E, {})), pa = "_root_gvbuq_1", ha = "_xl_gvbuq_30", ka = "_lg_gvbuq_36", fa = "_md_gvbuq_42", xa = "_sm_gvbuq_48", Ca = "_xs_gvbuq_54", ba = "_pulsing_gvbuq_60", ya = "_avatarPulsing_gvbuq_1", Sa = "_image_gvbuq_78", Na = "_placeholderChar_gvbuq_86", z = {
-  root: pa,
-  xl: ha,
-  lg: ka,
-  md: fa,
-  sm: xa,
-  xs: Ca,
-  pulsing: ba,
-  avatarPulsing: ya,
-  image: Sa,
-  placeholderChar: Na
-}, Ta = ({ avatarUrl: a, className: r, size: t = "md", placeholder: n, placeholderColorSeed: o = n, Icon: i, iconColor: c, onClick: s, type: d = "squared", color: l, backgroundColor: x, borderColor: p, pulsing: y = !1 }) => {
-  const v = L(), [b, h] = la(null), k = D(a) ? a : null, T = D(k) && b === k, S = n?.trim()?.charAt(0), N = !S || S === "", I = S?.toUpperCase() || "-", w = ca(k) || T, Y = N ? v.font.color.tertiary : l ?? $({
-    string: o ?? "",
-    variant: 12,
-    theme: v
-  }), Z = N ? v.background.transparent.light : x ?? $({
-    string: o ?? "",
-    variant: d === "app" ? 5 : 4,
-    theme: v
-  }), Q = d === "app" ? p ?? (N ? void 0 : $({
-    string: o ?? "",
-    variant: 6,
-    theme: v
-  })) : void 0, V = w, W = w ? Q : void 0, aa = {
-    "--avatar-color": Y,
-    "--avatar-background": i ? "inherit" : V ? Z : "none",
-    ...d === "app" && W ? { "--avatar-border": `1px solid ${W}` } : {}
-  }, ra = u(z.root, z[t], y && z.pulsing, r), A = g(s), ea = D(n) ? n : "Avatar";
-  return /* @__PURE__ */ C("div", {
-    className: ra,
-    "data-type": d ?? void 0,
-    "data-clickable": A || void 0,
-    role: A ? "button" : void 0,
-    tabIndex: A ? 0 : void 0,
-    "aria-label": A ? ea : void 0,
-    onClick: s,
-    onKeyDown: A ? j : void 0,
-    style: aa,
-    children: [D(k) && /* @__PURE__ */ e(ga, {
-      avatarImageURI: k,
-      onImageLoadError: h
-    }), i ? /* @__PURE__ */ e(i, {
-      color: c || "currentColor",
-      size: v.icon.size.xl
-    }) : w ? /* @__PURE__ */ e("span", {
-      className: z.placeholderChar,
-      children: I
-    }) : /* @__PURE__ */ e("div", {
-      className: z.image,
-      style: { backgroundImage: `url("${CSS.escape(k)}")` }
-    })]
-  });
-}, oe = {
-  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"
-  }
-}, wa = "_container_2aram_1", Da = "_itemContainer_2aram_6", B = {
-  container: wa,
-  itemContainer: Da
-}, La = 4, ie = ({ avatars: a, className: r, maxVisible: t = La, overflowAvatar: n, overlap: o = "right", overlapOffset: i = "3px" }) => {
-  const c = a.slice(0, t);
-  if (!c.length && !n) return null;
-  const s = { "--avatar-group-overlap-offset": i };
-  return /* @__PURE__ */ C("div", {
-    className: u(B.container, r),
-    children: [c.map((d, l) => /* @__PURE__ */ e("div", {
-      className: B.itemContainer,
-      "data-overlap": o,
-      style: s,
-      children: d
-    }, l)), n && /* @__PURE__ */ e("div", {
-      className: B.itemContainer,
-      "data-overlap": o,
-      style: s,
-      children: n
-    })]
-  });
-}, Aa = "_iconWithBackgroundContainer_13kjb_1", za = "_wrapper_13kjb_11", M = {
-  iconWithBackgroundContainer: Aa,
-  wrapper: za
-}, se = ({ Icon: a, placeholderColorSeed: r, avatarType: t, avatarUrl: n, placeholder: o, isIconInverted: i = !1, IconColor: c, IconBackgroundColor: s, onClick: d }) => {
-  const l = L();
-  if (!g(a)) return /* @__PURE__ */ e(Ta, {
-    avatarUrl: n,
-    placeholderColorSeed: r,
-    placeholder: o,
-    size: "sm",
-    type: t,
-    onClick: d
-  });
-  const x = D(o) ? o : "Avatar", p = i || g(s) ? /* @__PURE__ */ e("div", {
-    className: M.iconWithBackgroundContainer,
-    style: g(s) ? { "--avatar-or-icon-background": s } : void 0,
-    children: /* @__PURE__ */ e(a, {
-      color: l.font.color.inverted,
-      size: l.icon.size.sm,
-      stroke: l.icon.stroke.sm,
-      "aria-hidden": !0
-    })
-  }) : /* @__PURE__ */ e(a, {
-    size: l.icon.size.sm,
-    stroke: l.icon.stroke.sm,
-    color: c || "currentColor",
-    "aria-hidden": !0
-  });
-  return g(d) ? /* @__PURE__ */ e("div", {
-    className: M.wrapper,
-    "data-clickable": !0,
-    role: "button",
-    tabIndex: 0,
-    "aria-label": x,
-    onClick: d,
-    onKeyDown: j,
-    children: p
-  }) : /* @__PURE__ */ e("div", {
-    className: M.wrapper,
-    children: p
-  });
-}, Pa = "_root_16neu_1", Ea = { root: Pa }, le = ({ className: a }) => {
-  const r = L();
-  return /* @__PURE__ */ e("div", {
-    className: u(Ea.root, a),
-    children: /* @__PURE__ */ e(oa, {
-      color: r.grayScale.gray1,
-      size: 14
-    })
-  });
-}, Ia = "_chip_rk7a7_1", $a = "_sizeLarge_rk7a7_25", Ba = "_sizeSmall_rk7a7_29", Ma = "_accentTextPrimary_rk7a7_33", qa = "_accentTextSecondary_rk7a7_37", Oa = "_disabled_rk7a7_41", Ra = "_fontMedium_rk7a7_45", Ha = "_cursorPointer_rk7a7_49", ja = "_cursorNotAllowed_rk7a7_53", Ka = "_backgroundHighlighted_rk7a7_57", Wa = "_backgroundStatic_rk7a7_69", Fa = "_interactiveRegular_rk7a7_80", Ua = "_hasMaxWidth_rk7a7_88", Ga = "_paddingLeftNone_rk7a7_92", Ja = "_emptyLabel_rk7a7_96", Xa = "_rightComponentDivider_rk7a7_100", _ = {
-  chip: Ia,
-  sizeLarge: $a,
-  sizeSmall: Ba,
-  accentTextPrimary: Ma,
-  accentTextSecondary: qa,
-  disabled: Oa,
-  fontMedium: Ra,
-  cursorPointer: Ha,
-  cursorNotAllowed: ja,
-  backgroundHighlighted: Ka,
-  backgroundStatic: Wa,
-  interactiveRegular: Fa,
-  hasMaxWidth: Ua,
-  paddingLeftNone: Ga,
-  emptyLabel: Ja,
-  rightComponentDivider: Xa
-}, Ya = /* @__PURE__ */ (function(a) {
-  return a.Large = "large", a.Small = "small", a;
-})({}), Za = /* @__PURE__ */ (function(a) {
-  return a.TextPrimary = "text-primary", a.TextSecondary = "text-secondary", a;
-})({}), Qa = /* @__PURE__ */ (function(a) {
-  return a.Highlighted = "highlighted", a.Regular = "regular", a.Transparent = "transparent", a.Rounded = "rounded", a.Static = "static", a;
-})({}), Va = (a, r) => {
-  if (!a) return null;
-  const t = typeof a == "function" ? a() : a;
-  return r === !0 ? /* @__PURE__ */ C(E, { children: [/* @__PURE__ */ e("div", { className: _.rightComponentDivider }), t] }) : t;
-}, ar = ({ size: a = "small", label: r, tooltipLabel: t, tooltipPlace: n, alwaysShowTooltip: o = !1, isLabelHidden: i = !1, isBold: c = !1, disabled: s = !1, clickable: d = !0, variant: l = "regular", leftComponent: x = null, rightComponent: p = null, rightComponentDivider: y = !1, accent: v = "text-primary", className: b, maxWidth: h, forceEmptyText: k = !1, emptyLabel: T = "Untitled" }) => {
-  const S = l === "transparent" ? void 0 : d ? _.cursorPointer : s ? _.cursorNotAllowed : void 0, N = l === "highlighted" ? _.backgroundHighlighted : l === "static" ? _.backgroundStatic : l === "regular" && !s && d ? _.interactiveRegular : void 0;
-  return /* @__PURE__ */ C("div", {
-    "data-testid": "chip",
-    className: u(_.chip, a === "large" ? _.sizeLarge : _.sizeSmall, v === "text-primary" ? _.accentTextPrimary : _.accentTextSecondary, s && _.disabled, (c || v === "text-secondary") && _.fontMedium, S, N, h ? _.hasMaxWidth : void 0, l === "transparent" && _.paddingLeftNone, b),
-    style: h ? { "--chip-max-width": `${h}px` } : void 0,
-    children: [
-      x,
-      !i && g(r) && D(r) ? /* @__PURE__ */ e(K, {
-        size: a,
-        text: r,
-        tooltipContent: t,
-        tooltipPlace: n,
-        alwaysShowTooltip: o
-      }) : !k && !i ? /* @__PURE__ */ e("div", {
-        className: _.emptyLabel,
-        children: T
-      }) : "",
-      Va(p, y)
-    ]
-  });
-}, rr = "link-chip-click-outside-id", er = "_root_1wwsw_1", tr = "_circle_1wwsw_13", nr = "_pipeline_1wwsw_19", q = {
-  root: er,
-  circle: tr,
-  pipeline: nr
-}, or = (a, r) => g(r) ? r : m.tag.background[a], ir = (a) => m.tag.text[a], ce = ({ colorName: a, color: r, variant: t, className: n }) => /* @__PURE__ */ e("div", {
-  className: u(q.root, t === "circle" && q.circle, t === "pipeline" && q.pipeline, n),
-  style: {
-    "--color-sample-color": or(a, r),
-    "--color-sample-border-color": ir(a)
-  }
-}), sr = "_container_stu26_1", lr = "_commandContain_stu26_12", cr = "_buttonContainer_stu26_16", dr = "_lineStartSpan_stu26_20", _r = "_lineSpan_stu26_24", P = {
-  container: sr,
-  commandContain: lr,
-  buttonContainer: cr,
-  lineStartSpan: dr,
-  lineSpan: _r
-}, de = ({ commands: a, button: r }) => /* @__PURE__ */ C("div", {
-  className: P.container,
-  children: [/* @__PURE__ */ e("div", {
-    className: P.commandContain,
-    children: /* @__PURE__ */ e(E, { children: a.map((t, n) => /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ e("span", {
-      className: P.lineStartSpan,
-      children: "> "
-    }), /* @__PURE__ */ e("span", {
-      className: P.lineSpan,
-      children: t
-    })] }, n)) })
-  }), r && /* @__PURE__ */ e("div", {
-    className: P.buttonContainer,
-    children: r
-  })]
-}), vr = "_ellipsis_13o5q_1", ur = { ellipsis: vr }, X = ({ children: a, maxWidth: r, className: t }) => /* @__PURE__ */ e(ia, {
-  truncate: !0,
-  className: u(ur.ellipsis, t),
-  style: g(r) ? { maxWidth: `${r}px` } : void 0,
-  children: a
-}), _e = ({ text: a, maxWidth: r }) => /* @__PURE__ */ e(X, {
-  maxWidth: r,
-  children: a
-}), mr = "_linkContainer_4rvdq_1", gr = { linkContainer: mr }, ve = ({ to: a, size: r = Ya.Small, label: t, tooltipLabel: n, tooltipPlace: o, alwaysShowTooltip: i, isLabelHidden: c = !1, isBold: s = !1, variant: d = Qa.Regular, leftComponent: l = null, rightComponent: x = null, rightComponentDivider: p = !1, accent: y = Za.TextPrimary, className: v, maxWidth: b, onClick: h, triggerEvent: k, target: T, emptyLabel: S }) => {
-  const { onClick: N, onMouseDown: I } = ta({
-    to: a,
-    onClick: h,
-    triggerEvent: k
-  });
-  return /* @__PURE__ */ e("span", {
-    className: gr.linkContainer,
-    children: /* @__PURE__ */ e(_a, {
-      to: a,
-      onClick: (w) => {
-        w.stopPropagation(), N(w);
-      },
-      onMouseDown: I,
-      "data-click-outside-id": rr,
-      target: T,
-      rel: T === "_blank" ? "noopener noreferrer" : void 0,
-      children: /* @__PURE__ */ e(ar, {
-        size: r,
-        label: t,
-        tooltipLabel: n,
-        tooltipPlace: o,
-        alwaysShowTooltip: i,
-        isLabelHidden: c,
-        isBold: s,
-        clickable: !0,
-        variant: d,
-        leftComponent: l,
-        rightComponent: x,
-        rightComponentDivider: p,
-        accent: y,
-        className: v,
-        maxWidth: b,
-        emptyLabel: S
-      })
-    })
-  });
-}, pr = "_notificationCounter_1lalu_1", hr = "_primary_1lalu_13", kr = "_secondary_1lalu_18", F = {
-  notificationCounter: pr,
-  primary: hr,
-  secondary: kr
-}, ue = ({ count: a, variant: r = "primary", className: t }) => /* @__PURE__ */ e("div", {
-  className: u(F.notificationCounter, F[r], t),
-  children: a
-}), me = ({ value: a }) => /* @__PURE__ */ e(X, { children: a }), fr = "_pill_2y5ao_1", xr = { pill: fr }, ge = ({ className: a, label: r, Icon: t }) => /* @__PURE__ */ C("span", {
-  className: u(xr.pill, a),
-  children: [t && /* @__PURE__ */ e(t, { size: 12 }), r]
-}), Cr = "_tag_13x93_1", br = "_interactive_13x93_21", yr = "_weightMedium_13x93_28", Sr = "_variantOutline_13x93_32", Nr = "_variantBorder_13x93_36", Tr = "_preventShrink_13x93_40", wr = "_preventPadding_13x93_44", Dr = "_content_13x93_48", Lr = "_nonShrinkableText_13x93_54", Ar = "_iconContainer_13x93_59", f = {
-  tag: Cr,
-  interactive: br,
-  weightMedium: yr,
-  variantOutline: Sr,
-  variantBorder: Nr,
-  preventShrink: Tr,
-  preventPadding: wr,
-  content: Dr,
-  nonShrinkableText: Lr,
-  iconContainer: Ar
-}, zr = ({ className: a, color: r, text: t, Icon: n, onClick: o, weight: i = "regular", variant: c = "solid", preventShrink: s, preventPadding: d }) => {
-  const l = L(), x = r === "transparent" ? "transparent" : m.tag.background[r] ?? m.tag.background.gray, p = r === "transparent" ? m.font.color.secondary : m.tag.text[r] ?? m.font.color.secondary, y = g(o), v = /* @__PURE__ */ C(E, { children: [g(n) ? /* @__PURE__ */ e("div", {
-    className: f.iconContainer,
-    children: /* @__PURE__ */ e(n, {
-      size: l.icon.size.sm,
-      stroke: l.icon.stroke.sm,
-      "aria-hidden": !0
-    })
-  }) : /* @__PURE__ */ e(E, {}), s ? /* @__PURE__ */ e("span", {
-    className: f.nonShrinkableText,
-    children: t
-  }) : /* @__PURE__ */ e("span", {
-    className: f.content,
-    children: /* @__PURE__ */ e(K, { text: t })
-  })] }), b = {
-    "--tag-background": x,
-    "--tag-text": p
-  }, h = u(f.tag, i === "medium" && f.weightMedium, c === "outline" && f.variantOutline, c === "border" && f.variantBorder, s && f.preventShrink, d && f.preventPadding, a);
-  return y ? /* @__PURE__ */ e("button", {
-    type: "button",
-    className: u(h, f.interactive),
-    onClick: o,
-    style: b,
-    children: v
-  }) : /* @__PURE__ */ e("span", {
-    className: h,
-    style: b,
-    children: v
-  });
-}, pe = ({ color: a, label: r, Icon: t, preventPadding: n }) => /* @__PURE__ */ e(zr, {
-  preventShrink: !0,
-  color: a,
-  text: r,
-  Icon: t,
-  preventPadding: n
-}), Pr = "_container_1i6sz_1", Er = "_dot_1i6sz_15", Ir = "_loaderDot_1i6sz_1", U = {
-  container: Pr,
-  dot: Er,
-  loaderDot: Ir
-}, $r = ({ color: a }) => /* @__PURE__ */ e("div", {
-  className: U.container,
-  style: a ? { "--loader-color": m.tag.text[a] } : void 0,
-  children: /* @__PURE__ */ e("div", { className: U.dot })
-}), Br = "_status_1vjxx_1", Mr = "_regular_1vjxx_30", qr = "_medium_1vjxx_34", Or = "_content_1vjxx_38", O = {
-  status: Br,
-  regular: Mr,
-  medium: qr,
-  content: Or
-}, he = ({ className: a, color: r, isLoaderVisible: t = !1, text: n, onClick: o, weight: i = "regular" }) => {
-  const c = J(r);
-  return /* @__PURE__ */ C("h3", {
-    className: u(O.status, O[i], a),
-    onClick: o,
-    tabIndex: g(o) ? 0 : void 0,
-    onKeyDown: j,
-    "data-loader-visible": t || void 0,
-    style: {
-      "--status-background": m.tag.background[c],
-      "--status-text-color": m.tag.text[c]
-    },
-    children: [/* @__PURE__ */ e("span", {
-      className: O.content,
-      children: n
-    }), t ? /* @__PURE__ */ e($r, { color: r }) : null]
-  });
-}, Rr = "_root_j2xk4_1", Hr = { root: Rr }, jr = ({ $backgroundColor: a, $borderColor: r, $dimension: t, className: n, style: o, ...i }) => /* @__PURE__ */ e("div", {
-  ...i,
-  className: u(Hr.root, n),
-  style: {
-    "--tinted-icon-tile-background-color": a,
-    "--tinted-icon-tile-border": r ? `1px solid ${r}` : void 0,
-    "--tinted-icon-tile-dimension": t,
-    ...o
-  }
-}), Kr = "_container_1xmrr_1", Wr = "_fixHeight_1xmrr_7", G = {
-  container: Kr,
-  fixHeight: Wr
-}, ke = ({ text: a, displayedMaxRows: r }) => {
-  const t = da(r) || r === 1;
-  return /* @__PURE__ */ e("div", {
-    className: u(G.container, t && G.fixHeight),
-    children: /* @__PURE__ */ e(K, {
-      text: a,
-      displayedMaxRows: r,
-      isTooltipMultiline: !0
-    })
-  });
-}, R = {
-  background: 5,
-  border: 6,
-  icon: 11
-}, H = (a, r) => {
-  const t = m.color, n = m.tag.text;
-  return t[`${a}${r}`] ?? n[a];
-}, Fr = (a) => {
-  const r = J(a);
-  return {
-    backgroundColor: H(r, R.background),
-    iconColor: H(r, R.icon),
-    borderColor: H(r, R.border)
-  };
-}, fe = ({ Icon: a, color: r = na, size: t, stroke: n }) => {
-  const o = L(), i = Fr(r), c = t ?? o.icon.size.md, s = n ?? o.icon.stroke.md, d = g(t) ? `${t}px` : void 0;
-  return /* @__PURE__ */ e(jr, {
-    $backgroundColor: i.backgroundColor,
-    $borderColor: i.borderColor,
-    $dimension: d,
-    children: /* @__PURE__ */ e(a, {
-      size: c,
-      stroke: s,
-      color: i.iconColor
-    })
-  });
-};
-export {
-  se as C,
-  ne as D,
-  Ta as E,
-  le as S,
-  oe as T,
-  rr as _,
-  he as a,
-  Ya as b,
-  zr as c,
-  ue as d,
-  ve as f,
-  ce as g,
-  de as h,
-  jr as i,
-  ge as l,
-  X as m,
-  Fr as n,
-  $r as o,
-  _e as p,
-  ke as r,
-  pe as s,
-  fe as t,
-  me as u,
-  ar as v,
-  ie as w,
-  Qa as x,
-  Za as y
-};

package/dist/data-display.cjs

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const i=require("./data-display-BuIrNSR6.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=i.AVATAR_PROPERTIES_BY_SIZE;exports.AnimatedCheckmark=i.AnimatedCheckmark;exports.Avatar=i.Avatar;exports.AvatarGroup=i.AvatarGroup;exports.AvatarOrIcon=i.AvatarOrIcon;exports.Checkmark=i.Checkmark;exports.Chip=i.Chip;exports.ChipAccent=i.ChipAccent;exports.ChipSize=i.ChipSize;exports.ChipVariant=i.ChipVariant;exports.ColorSample=i.ColorSample;exports.CommandBlock=i.CommandBlock;exports.EllipsisDisplay=i.EllipsisDisplay;exports.JsonDisplay=i.JsonDisplay;exports.LINK_CHIP_CLICK_OUTSIDE_ID=i.LINK_CHIP_CLICK_OUTSIDE_ID;exports.LinkChip=i.LinkChip;exports.NotificationCounter=i.NotificationCounter;exports.NumberDisplay=i.NumberDisplay;exports.Pill=i.Pill;exports.SelectDisplay=i.SelectDisplay;exports.Status=i.Status;exports.StyledTintedIconTileContainer=i.StyledTintedIconTileContainer;exports.Tag=i.Tag;exports.TextDisplay=i.TextDisplay;exports.TintedIconTile=i.TintedIconTile;exports.getIconTileColorShades=i.getIconTileColorShades;

package/dist/data-display.mjs

@@ -1,29 +0,0 @@
-import { C as s, D as i, E as e, S as t, T as l, _ as o, a as n, b as r, c as p, d as C, f as c, g as I, h as T, i as m, l as S, m as h, n as A, p as D, r as _, s as d, t as y, u as k, v as E, w as u, x as v, y as P } from "./data-display-CID60EMx.js";
-export {
-  l as AVATAR_PROPERTIES_BY_SIZE,
-  i as AnimatedCheckmark,
-  e as Avatar,
-  u as AvatarGroup,
-  s as AvatarOrIcon,
-  t as Checkmark,
-  E as Chip,
-  P as ChipAccent,
-  r as ChipSize,
-  v as ChipVariant,
-  I as ColorSample,
-  T as CommandBlock,
-  h as EllipsisDisplay,
-  D as JsonDisplay,
-  o as LINK_CHIP_CLICK_OUTSIDE_ID,
-  c as LinkChip,
-  C as NotificationCounter,
-  k as NumberDisplay,
-  S as Pill,
-  d as SelectDisplay,
-  n as Status,
-  m as StyledTintedIconTileContainer,
-  p as Tag,
-  _ as TextDisplay,
-  y as TintedIconTile,
-  A as getIconTileColorShades
-};

package/dist/feedback/AnimatedPlaceholder/AnimatedPlaceholder.d.ts

@@ -1,8 +0,0 @@
-import { BACKGROUND } from './constants/Background';
-import { MOVING_IMAGE } from './constants/MovingImage';
-export type AnimatedPlaceholderType = keyof typeof BACKGROUND | keyof typeof MOVING_IMAGE;
-type AnimatedPlaceholderProps = {
-    type: AnimatedPlaceholderType;
-};
-export declare const AnimatedPlaceholder: ({ type }: AnimatedPlaceholderProps) => import("react").JSX.Element;
-export {};

package/dist/feedback/Toast/types/ToastProps.d.ts

@@ -1,17 +0,0 @@
-import { useRender } from '@base-ui/react/use-render';
-import { ComponentPropsWithRef, ReactNode } from 'react';
-import { ToastVariant } from './ToastVariant';
-export type ToastProps = ComponentPropsWithRef<'div'> & {
-    render?: useRender.RenderProp;
-    variant?: ToastVariant;
-    description?: ReactNode;
-    icon?: ReactNode;
-    iconLabel?: string;
-    action?: ReactNode;
-    progress?: number;
-    duration?: number;
-    onCancel?: () => void;
-    onClose?: () => void;
-    cancelLabel?: string;
-    closeLabel?: string;
-};