twenty-ui 2.50.0 → 2.51.3

package/dist/layout-B2KvJ900.js

@@ -0,0 +1,479 @@
+import { t as f } from "./isDefined-fMi6eQ4r.js";
+import { t as Y } from "./doNotTranslate-BSVT8Xyd.js";
+import { r as de, t as Ne } from "./OverflowingTextWithTooltip-D4eZc-7P.js";
+import { t as se } from "./Separator-0LzwPfOn.js";
+import { t as B } from "./Popover-CWeCV7X9.js";
+import { t as Oe } from "./Heading-Nj5BlPqB.js";
+import { useRender as Q } from "@base-ui/react/use-render";
+import { isFunction as Z, isNonEmptyString as Le, isString as X, isUndefined as Ee } from "@sniptt/guards";
+import { clsx as S } from "clsx";
+import { cloneElement as Se, isValidElement as Me, memo as me, useCallback as J, useId as Te, useLayoutEffect as P, useRef as k, useState as q } from "react";
+import { Fragment as j, jsx as u, jsxs as M } from "react/jsx-runtime";
+import { mergeProps as xe } from "@base-ui/react/merge-props";
+import { useMergedRefs as H } from "@base-ui/utils/useMergedRefs";
+import { useControlled as De } from "@base-ui/utils/useControlled";
+import { useStableCallback as z } from "@base-ui/utils/useStableCallback";
+var Ae = "_container_1hm4x_1", Re = "_layer_1hm4x_9", ke = "_visible_1hm4x_23", ze = "_hidden_1hm4x_28", R = {
+  container: Ae,
+  layer: Re,
+  visible: ke,
+  hidden: ze
+}, Et = ({ isActive: r, activeIcon: e, inactiveIcon: t, className: n, render: o, ref: s, ...l }) => Q({
+  defaultTagName: "span",
+  render: o,
+  ref: s,
+  props: {
+    ...l,
+    className: S(R.container, n),
+    children: /* @__PURE__ */ M(j, { children: [/* @__PURE__ */ u("span", {
+      "aria-hidden": "true",
+      className: S(R.layer, r ? R.hidden : R.visible),
+      children: t
+    }), /* @__PURE__ */ u("span", {
+      "aria-hidden": "true",
+      className: S(R.layer, r ? R.visible : R.hidden),
+      children: e
+    })] })
+  }
+}), We = "_root_izvk1_1", Ue = "_rule_izvk1_14", Ke = "_line_izvk1_22", Ve = "_marker_izvk1_28", Be = "_label_izvk1_36", K = {
+  root: We,
+  rule: Ue,
+  line: Ke,
+  marker: Ve,
+  label: Be
+}, St = ({ children: r, labelPosition: e = "center", tone: t = "neutral", hasStartMarker: n = !1, className: o, render: s, ref: l, ...i }) => Q({
+  render: s,
+  ref: l,
+  props: {
+    role: "separator",
+    "aria-orientation": "horizontal",
+    "aria-label": r,
+    ...i,
+    "data-tone": t,
+    className: S(K.root, o),
+    children: /* @__PURE__ */ M(j, { children: [
+      /* @__PURE__ */ M("span", {
+        className: K.rule,
+        "aria-hidden": "true",
+        children: [n && /* @__PURE__ */ u("span", { className: K.marker }), /* @__PURE__ */ u(se, {
+          className: K.line,
+          "aria-hidden": !0
+        })]
+      }),
+      /* @__PURE__ */ u(de, {
+        render: /* @__PURE__ */ u("span", {}),
+        size: t === "danger" ? "sm" : "xs",
+        weight: t === "danger" ? "medium" : "semibold",
+        className: K.label,
+        children: r
+      }),
+      e === "center" && /* @__PURE__ */ u(se, {
+        className: K.line,
+        "aria-hidden": !0
+      })
+    ] })
+  }
+}), $e = "_root_eheyl_1", He = "_items_eheyl_11", qe = "_item_eheyl_11", je = "_popupItem_eheyl_45", Ge = "_trigger_eheyl_49", Je = "_popup_eheyl_45", V = {
+  root: $e,
+  items: He,
+  item: qe,
+  popupItem: je,
+  trigger: Ge,
+  popup: Je
+}, Qe = ({ props: r, state: e, render: t }) => {
+  const n = Me(t) ? t : void 0, o = H(r.ref, n?.props.ref);
+  if (Z(t)) return t(r, e);
+  const s = {
+    ...xe(r, n?.props),
+    children: r.children,
+    ref: o
+  };
+  return f(n) ? Se(n, s) : /* @__PURE__ */ u("div", { ...s });
+}, Xe = me(({ elementRef: r, isHidden: e, onFocusLost: t }) => (P(() => {
+  const n = r.current, o = f(n) && n.contains(n.ownerDocument.activeElement);
+  e && o && t(n);
+}, [
+  r,
+  e,
+  t
+]), null)), fe = (r) => J((e) => {
+  if (f(e))
+    return () => {
+      const t = e.ownerDocument, n = e.contains(t.activeElement);
+      queueMicrotask(() => {
+        const o = t.activeElement === t.body;
+        n && !e.isConnected && o && r(e);
+      });
+    };
+}, [r]), ie = ({ children: r, index: e, isHidden: t, isLastVisible: n, isInPopup: o, onFocusLost: s }) => {
+  const l = k(null), i = z((a) => {
+    s({
+      index: e,
+      element: a,
+      isInPopup: o
+    });
+  });
+  return /* @__PURE__ */ M(j, { children: [/* @__PURE__ */ u("div", {
+    ref: H(l, fe(i)),
+    className: o ? V.popupItem : V.item,
+    "data-item-index": e,
+    "data-hidden": t || void 0,
+    "data-last-visible": n || void 0,
+    "aria-hidden": t || void 0,
+    inert: t,
+    children: r
+  }), /* @__PURE__ */ u(Xe, {
+    elementRef: l,
+    isHidden: t,
+    onFocusLost: i
+  })] });
+}, le = ({ itemWidths: r, availableWidth: e, gap: t, includePartialItem: n }) => {
+  let o = 0, s = 0;
+  for (const l of r) {
+    const i = o + l + (s > 0 ? t : 0);
+    if (s !== 0 && i > e) {
+      const a = o + t < e;
+      return n && a ? s + 1 : s;
+    }
+    o = i, s += 1;
+  }
+  return s;
+}, Ye = ({ items: r, itemElements: e }) => {
+  r.setAttribute("data-measuring", "");
+  const t = e.map((n) => n.clientWidth);
+  return r.removeAttribute("data-measuring"), t;
+}, Ze = ({ container: r, items: e, trigger: t, itemElements: n, itemCount: o, reserveCountSpace: s }) => {
+  const l = Ye({
+    items: e,
+    itemElements: n
+  }), i = parseFloat(getComputedStyle(e).columnGap) || 0, a = r.clientWidth, d = o > le({
+    itemWidths: l,
+    availableWidth: a,
+    gap: i,
+    includePartialItem: !1
+  }), p = t?.offsetWidth ?? 0;
+  return {
+    visibleItemCount: le({
+      itemWidths: l,
+      availableWidth: s && d ? Math.max(0, a - p - i) : a,
+      gap: i,
+      includePartialItem: !0
+    }),
+    hasOverflow: d
+  };
+}, Pe = 100, et = me(({ containerRef: r, itemsRef: e, triggerRef: t, itemCount: n, inlineItemCount: o, reserveCountSpace: s, isMeasurementEnabled: l, isOpen: i, onLayoutChange: a, onOverflowUnavailable: d }) => {
+  const p = k(void 0), O = k(void 0), C = z(() => ({
+    itemCount: n,
+    inlineItemCount: o,
+    reserveCountSpace: s,
+    isOpen: i
+  })), F = z(a), T = z(d);
+  return P(() => {
+    const g = r.current, I = e.current;
+    if (!l || !f(g) || !f(I)) {
+      O.current = void 0;
+      return;
+    }
+    const L = /* @__PURE__ */ new Set(), y = () => {
+      const _ = Array.from(I.children), W = /* @__PURE__ */ new Set([g, ..._]);
+      f(t.current) && W.add(t.current);
+      for (const b of L) W.has(b) || (E?.unobserve(b), L.delete(b));
+      for (const b of W) L.has(b) || (E?.observe(b), L.add(b));
+      const D = C();
+      if (_.length !== D.inlineItemCount) return;
+      const c = Ze({
+        container: g,
+        items: I,
+        trigger: t.current,
+        itemElements: _,
+        itemCount: D.itemCount,
+        reserveCountSpace: D.reserveCountSpace
+      }), h = O.current, v = f(h) && h.isOpen && !h.layout.hasOverflow, A = D.isOpen && !c.hasOverflow;
+      O.current = {
+        layout: c,
+        isOpen: D.isOpen
+      }, F(c), A && !v && T();
+    }, E = f(globalThis.ResizeObserver) ? new ResizeObserver(y) : void 0;
+    p.current = y, y();
+    const x = new MutationObserver(y);
+    if (x.observe(I, {
+      attributes: !0,
+      attributeFilter: [
+        "class",
+        "style",
+        "hidden"
+      ],
+      characterData: !0,
+      childList: !0,
+      subtree: !0
+    }), x.observe(g, { childList: !0 }), !f(E)) {
+      const _ = setInterval(y, Pe);
+      return window.addEventListener("resize", y), () => {
+        p.current = void 0, clearInterval(_), x.disconnect(), window.removeEventListener("resize", y);
+      };
+    }
+    return () => {
+      p.current = void 0, x.disconnect(), E.disconnect();
+    };
+  }, [
+    r,
+    e,
+    t,
+    l,
+    C,
+    F,
+    T
+  ]), P(() => {
+    p.current?.();
+  }, [
+    n,
+    o,
+    s,
+    i
+  ]), null;
+}), tt = ({ itemCount: r, inlineItemCount: e }) => {
+  const t = k(null), n = k(null), o = k(null), [s, l] = q({
+    visibleItemCount: e,
+    hasOverflow: r > e
+  });
+  return {
+    containerRef: t,
+    itemsRef: n,
+    triggerRef: o,
+    updateLayout: J((i) => {
+      l((a) => a.visibleItemCount !== i.visibleItemCount || a.hasOverflow !== i.hasOverflow ? i : a);
+    }, []),
+    ...s
+  };
+}, rt = Y("button, a[href], input, select, textarea, [tabindex]"), ce = ({ items: r, popup: e, trigger: t, root: n, removedIndex: o, excludedItem: s }) => {
+  const l = [...Array.from(r?.children ?? []), ...Array.from(e?.children ?? [])].filter((i) => i !== s).sort((i, a) => Math.abs(Number(i.getAttribute("data-item-index")) - o) - Math.abs(Number(a.getAttribute("data-item-index")) - o) || Number(a.getAttribute("data-item-index")) - Number(i.getAttribute("data-item-index")));
+  for (const i of l)
+    if (!i.hasAttribute("inert")) {
+      for (const a of Array.from(i.querySelectorAll(rt))) if (!a.matches(":disabled") && !f(a.closest("[inert]")) && (a.focus(), a.ownerDocument.activeElement === a))
+        return;
+    }
+  t?.focus(), !(f(t) && t.ownerDocument.activeElement === t) && n?.focus();
+}, nt = ({ containerRef: r, itemsRef: e, triggerRef: t, popup: n, itemCount: o, canExpand: s, isPopupOpen: l, isOpen: i, isHovered: a, showOverflowCount: d, onFocusCapture: p, onBlurCapture: O }) => {
+  const [C, F] = q(!1), [T, g] = q(), I = d ?? T ?? (a || C || i), L = z(({ index: c, element: h, isInPopup: v }) => {
+    ce({
+      items: v && s ? null : e.current,
+      popup: v && l ? n : null,
+      trigger: t.current,
+      root: r.current,
+      removedIndex: c,
+      excludedItem: h
+    });
+  }), y = J(() => {
+    const c = r.current;
+    c?.focus(), F(c?.ownerDocument.activeElement === c), g(void 0);
+  }, [r]), E = z(() => {
+    if (l) return;
+    const c = r.current, h = c?.ownerDocument, v = h?.activeElement, A = f(v) && e.current?.contains(v) && !f(v.closest("[inert]")), b = f(v) && v !== h?.body && !c?.contains(v) && !n?.contains(v);
+    if (A || b) return;
+    if (!s) {
+      ce({
+        items: e.current,
+        popup: null,
+        trigger: null,
+        root: c,
+        removedIndex: o
+      });
+      return;
+    }
+    const U = t.current;
+    if (f(U) && !U.matches(":disabled")) {
+      U.focus({ preventScroll: !0 });
+      return;
+    }
+    c?.focus({ preventScroll: !0 });
+  }), x = J(() => (queueMicrotask(E), !1), [E]), _ = fe(y);
+  return {
+    hasFocus: C,
+    isCountVisible: I,
+    restoreItemFocus: L,
+    schedulePopupFocusRestoration: x,
+    resetFocusWhenFocusedTriggerUnmounts: _,
+    handleFocusCapture: (c) => {
+      F(!0), e.current?.contains(c.target) && g((h) => h ?? I), p?.(c);
+    },
+    handleBlurCapture: (c) => {
+      F(c.currentTarget.contains(c.relatedTarget) || (n?.contains(c.relatedTarget) ?? !1)), e.current?.contains(c.relatedTarget) || g(void 0), O?.(c);
+    }
+  };
+}, N = (r) => r.stopPropagation(), Mt = ({ children: r, showOverflowCount: e, maxInlineCount: t, overflowLabel: n = Y("Show all items"), open: o, defaultOpen: s = !1, onOpenChange: l, actionsRef: i, triggerProps: a, popupProps: d, className: p, onMouseEnter: O, onMouseLeave: C, onFocusCapture: F, onBlurCapture: T, ref: g, ...I }) => {
+  const [L, y] = q(!1), [E, x] = q(null), [_, W] = De({
+    controlled: o,
+    default: s,
+    name: Y("OverflowingList"),
+    state: "open"
+  }), D = k(null), c = i ?? D, h = f(t) && Number.isFinite(t) ? Math.min(r.length, Math.max(0, Math.floor(t))) : r.length, { containerRef: v, itemsRef: A, triggerRef: b, visibleItemCount: U, hasOverflow: ve, updateLayout: he } = tt({
+    itemCount: r.length,
+    inlineItemCount: h
+  }), G = ve && (_ || e !== !1), ee = _ && G, { hasFocus: _e, isCountVisible: te, restoreItemFocus: re, schedulePopupFocusRestoration: be, resetFocusWhenFocusedTriggerUnmounts: pe, handleFocusCapture: ge, handleBlurCapture: ye } = nt({
+    containerRef: v,
+    itemsRef: A,
+    triggerRef: b,
+    popup: E,
+    itemCount: r.length,
+    canExpand: G,
+    isPopupOpen: ee,
+    isOpen: _,
+    isHovered: L,
+    showOverflowCount: e,
+    onFocusCapture: F,
+    onBlurCapture: T
+  }), ne = (e ?? (L || _e)) || _, we = H(v, g), Fe = H(b, pe, a?.ref), Ce = H(x, d?.ref), ae = ne && e !== !1 ? U : h, oe = r.length - U, Ie = z(() => {
+    c.current?.close();
+  });
+  return /* @__PURE__ */ M(j, { children: [/* @__PURE__ */ M("div", {
+    ...I,
+    ref: we,
+    tabIndex: I.tabIndex ?? -1,
+    className: S(V.root, p),
+    onMouseEnter: (m) => {
+      y(!0), O?.(m);
+    },
+    onMouseLeave: (m) => {
+      y(!1), C?.(m);
+    },
+    onFocusCapture: ge,
+    onBlurCapture: ye,
+    children: [/* @__PURE__ */ u("div", {
+      ref: A,
+      className: V.items,
+      children: r.slice(0, h).map((m, w) => /* @__PURE__ */ u(ie, {
+        index: w,
+        isHidden: w >= ae,
+        isLastVisible: e !== !1 && w === ae - 1,
+        isInPopup: !1,
+        onFocusLost: re,
+        children: m
+      }, m.key ?? w))
+    }), (G || _) && /* @__PURE__ */ M(B.Root, {
+      open: ee,
+      actionsRef: c,
+      onOpenChange: (m, w) => {
+        l?.(m, w), w.isCanceled || W(m);
+      },
+      children: [G && /* @__PURE__ */ u(B.Trigger, {
+        type: "button",
+        "aria-label": `+${oe} ${n}`,
+        ...a,
+        onClick: a?.onClick ?? N,
+        onMouseDown: a?.onMouseDown ?? N,
+        onPointerDown: a?.onPointerDown ?? N,
+        onKeyDown: a?.onKeyDown ?? N,
+        onKeyUp: a?.onKeyUp ?? N,
+        ref: Fe,
+        className: (m) => S(V.trigger, Z(a?.className) ? a.className(m) : a?.className),
+        "data-visible": te || void 0,
+        children: Ee(a?.children) ? `+${oe}` : a.children
+      }), /* @__PURE__ */ u(B.Portal, { children: /* @__PURE__ */ u(B.Positioner, {
+        anchor: v,
+        align: "start",
+        sideOffset: -9,
+        alignOffset: -7,
+        children: /* @__PURE__ */ u(B.Popup, {
+          "aria-label": n,
+          ...d,
+          onClick: d?.onClick ?? N,
+          onMouseDown: d?.onMouseDown ?? N,
+          onPointerDown: d?.onPointerDown ?? N,
+          onKeyDown: d?.onKeyDown ?? N,
+          onKeyUp: d?.onKeyUp ?? N,
+          ref: Ce,
+          render: (m, w) => /* @__PURE__ */ u(Qe, {
+            props: m,
+            state: w,
+            render: d?.render
+          }),
+          finalFocus: d?.finalFocus ?? be,
+          className: (m) => S(V.popup, Z(d?.className) ? d.className(m) : d?.className),
+          "data-overflowing-list-popup": "",
+          children: r.map((m, w) => /* @__PURE__ */ u(ie, {
+            index: w,
+            isHidden: !1,
+            isLastVisible: !1,
+            isInPopup: !0,
+            onFocusLost: re,
+            children: m
+          }, m.key ?? w))
+        })
+      }) })]
+    })]
+  }), /* @__PURE__ */ u(et, {
+    containerRef: v,
+    itemsRef: A,
+    triggerRef: b,
+    itemCount: r.length,
+    inlineItemCount: h,
+    reserveCountSpace: te,
+    isMeasurementEnabled: ne,
+    isOpen: _,
+    onLayoutChange: he,
+    onOverflowUnavailable: Ie
+  })] });
+}, at = "_header_1dz7y_1", ot = "_titleRow_1dz7y_8", st = "_title_1dz7y_8", it = "_actions_1dz7y_21", lt = "_description_1dz7y_27", $ = {
+  header: at,
+  titleRow: ot,
+  title: st,
+  actions: it,
+  description: lt
+}, ct = ({ title: r, description: e, actions: t, level: n = 2, size: o = "md", color: s = "primary", descriptionLineClamp: l = 5, isDescriptionFocusable: i = !1, render: a, ref: d, className: p, ...O }) => {
+  const C = Te(), F = X(e) ? Le(e) : f(e) && e !== !1, T = X(e) && l !== !1, g = X(e) ? /* @__PURE__ */ u(de, {
+    style: { whiteSpace: "pre-wrap" },
+    children: e
+  }) : e;
+  return Q({
+    render: a,
+    ref: d,
+    props: {
+      ...O,
+      className: S($.header, p),
+      children: /* @__PURE__ */ M(j, { children: [/* @__PURE__ */ M("div", {
+        className: $.titleRow,
+        children: [/* @__PURE__ */ u(Oe, {
+          level: n,
+          size: o,
+          color: s,
+          className: $.title,
+          "aria-describedby": F ? C : void 0,
+          children: r
+        }), f(t) && /* @__PURE__ */ u("div", {
+          className: $.actions,
+          children: t
+        })]
+      }), F && /* @__PURE__ */ u("div", {
+        id: C,
+        className: $.description,
+        children: T ? /* @__PURE__ */ u(Ne, {
+          text: e,
+          lineClamp: l,
+          isTooltipMultiline: !0,
+          isFocusable: i
+        }) : g
+      })] })
+    }
+  });
+}, ut = "_root_ztxxm_1", dt = "_fullWidth_ztxxm_20", ue = {
+  root: ut,
+  fullWidth: dt
+}, mt = ({ align: r = "left", color: e = "primary", fullWidth: t = !0, className: n, render: o, ref: s, ...l }) => Q({
+  render: o,
+  ref: s,
+  props: {
+    ...l,
+    "data-align": r,
+    "data-color": e,
+    className: S(ue.root, t && ue.fullWidth, n)
+  }
+}), Tt = {
+  Root: mt,
+  Header: ct
+};
+export {
+  Et as i,
+  Mt as n,
+  St as r,
+  Tt as t
+};

package/dist/navigation-DP5Edsq_.cjs

@@ -0,0 +1 @@
+const L=require("./doNotTranslate-CHE7WmRS.cjs"),w=require("./mergeClassNames-D4lshrT6.cjs"),B=require("./Button-iVyxlrwO.cjs"),P=require("./OverflowingTextWithTooltip-ClpPsdpP.cjs"),y=require("./ListItem-B-SFWJZb.cjs"),v=require("./Dropdown-D_hFndP5.cjs"),T=require("./TabsTabContent-6rkARU9F.cjs");let I=require("@base-ui/react/use-render"),f=require("@sniptt/guards"),x=require("clsx"),h=require("react"),r=require("react/jsx-runtime"),k=require("@base-ui/react/button"),j=require("@tabler/icons-react");var O="_pager_wkox0_1",N="_position_wkox0_11",D="_icon_wkox0_21",m={pager:O,position:N,icon:D},z=({index:e,count:t,onIndexChange:o,positionText:a,previousLabel:s,nextLabel:i,disabled:n=!1,positionPlacement:u="between",render:l,ref:c,className:d,...p})=>{const _=(0,f.isInteger)(e)&&(0,f.isInteger)(t)&&e>=0&&e<t,b=n||!_||e===0,q=n||!_||e===t-1,g=(0,r.jsx)(P.Text,{render:(0,r.jsx)("span",{}),className:m.position,"aria-live":"polite","aria-atomic":"true",children:a});return(0,I.useRender)({render:l,ref:c,props:{role:"group",...p,className:(0,x.clsx)(m.pager,d),"data-position-placement":u,children:(0,r.jsxs)(r.Fragment,{children:[u==="start"&&g,(0,r.jsx)(v.LightIconButton,{size:"sm",disabled:b,onClick:()=>o(e-1),"aria-label":s,children:(0,r.jsx)(j.IconChevronLeft,{className:m.icon})}),u==="between"&&g,(0,r.jsx)(v.LightIconButton,{size:"sm",disabled:q,onClick:()=>o(e+1),"aria-label":i,children:(0,r.jsx)(j.IconChevronRight,{className:m.icon})})]})}})},A=()=>{const{pageId:e,isPageActive:t,open:o,goToPage:a,goBack:s,canGoBack:i}=v.useDropdownContext();return{page:e,isActive:t&&o,goToPage:n=>a({id:n}),goBack:s,canGoBack:i}},G=({color:e,selected:t,selectionAppearance:o,active:a,focused:s,indicator:i,startIcon:n,endIcon:u,description:l,descriptionPlacement:c,shortcut:d,shortcutJoinLabel:p,hasSubmenu:_,disabled:b=!1,type:q="button",children:g,...C})=>(0,r.jsx)(y.ListItem,{color:e,selected:t,selectionAppearance:o,active:a,focused:s,indicator:i,startIcon:n,endIcon:u,description:l,descriptionPlacement:c,shortcut:d,shortcutJoinLabel:p,hasSubmenu:_,disabled:b,render:(0,r.jsx)(k.Button,{...C,nativeButton:!0,type:q,disabled:b}),children:g}),R=L.doNotTranslate({gray:"Gray",tomato:"Tomato",red:"Red",ruby:"Ruby",crimson:"Crimson",pink:"Pink",plum:"Plum",purple:"Purple",violet:"Violet",iris:"Iris",cyan:"Cyan",turquoise:"Turquoise",sky:"Sky",blue:"Blue",jade:"Jade",green:"Green",grass:"Grass",mint:"Mint",lime:"Lime",bronze:"Bronze",gold:"Gold",brown:"Brown",orange:"Orange",amber:"Amber",yellow:"Yellow"}),E="_button_quwcq_1",S={button:E},F=({active:e=!1,className:t,children:o,startIcon:a,endIcon:s,badge:i,size:n,...u})=>{const l=(0,h.useContext)(B.ButtonGroupContext),c=n??l?.size??"sm";return(0,r.jsx)(B.Button,{...u,variant:"ghost",size:c,"data-active":e||void 0,className:w.mergeClassNames((0,x.clsx)(T.Tab_module_default.tab,S.button),t),children:(0,r.jsx)(T.TabsTabContent,{startIcon:a,endIcon:s,badge:i,children:o})})};Object.defineProperty(exports,"CountPager",{enumerable:!0,get:function(){return z}});Object.defineProperty(exports,"DEFAULT_COLOR_LABELS",{enumerable:!0,get:function(){return R}});Object.defineProperty(exports,"ListItemButton",{enumerable:!0,get:function(){return G}});Object.defineProperty(exports,"TabButton",{enumerable:!0,get:function(){return F}});Object.defineProperty(exports,"useDropdownPage",{enumerable:!0,get:function(){return A}});

package/dist/navigation-DXMjQMPm.js

@@ -0,0 +1,134 @@
+import { Ot as w, kt as T } from "./TablerIcons-B-5Ua_Ne.js";
+import { t as h } from "./doNotTranslate-BSVT8Xyd.js";
+import { t as y } from "./mergeClassNames-ClFMR1v0.js";
+import { r as I, t as L } from "./Button-CU8BS-Yd.js";
+import { r as N } from "./OverflowingTextWithTooltip-D4eZc-7P.js";
+import { t as P } from "./ListItem-WLONJMo5.js";
+import { i as _, o as z } from "./Dropdown-xXsGBv57.js";
+import { n as G, t as x } from "./TabsTabContent-DPkLTBi2.js";
+import { useRender as R } from "@base-ui/react/use-render";
+import { isInteger as B } from "@sniptt/guards";
+import { clsx as C } from "clsx";
+import { useContext as A } from "react";
+import { Fragment as D, jsx as r, jsxs as q } from "react/jsx-runtime";
+import { Button as O } from "@base-ui/react/button";
+var j = "_pager_wkox0_1", F = "_position_wkox0_11", S = "_icon_wkox0_21", d = {
+  pager: j,
+  position: F,
+  icon: S
+}, eo = ({ index: o, count: t, onIndexChange: e, positionText: s, previousLabel: i, nextLabel: n, disabled: a = !1, positionPlacement: m = "between", render: l, ref: u, className: b, ...v }) => {
+  const p = B(o) && B(t) && o >= 0 && o < t, c = a || !p || o === 0, f = a || !p || o === t - 1, g = /* @__PURE__ */ r(N, {
+    render: /* @__PURE__ */ r("span", {}),
+    className: d.position,
+    "aria-live": "polite",
+    "aria-atomic": "true",
+    children: s
+  });
+  return R({
+    render: l,
+    ref: u,
+    props: {
+      role: "group",
+      ...v,
+      className: C(d.pager, b),
+      "data-position-placement": m,
+      children: /* @__PURE__ */ q(D, { children: [
+        m === "start" && g,
+        /* @__PURE__ */ r(_, {
+          size: "sm",
+          disabled: c,
+          onClick: () => e(o - 1),
+          "aria-label": i,
+          children: /* @__PURE__ */ r(w, { className: d.icon })
+        }),
+        m === "between" && g,
+        /* @__PURE__ */ r(_, {
+          size: "sm",
+          disabled: f,
+          onClick: () => e(o + 1),
+          "aria-label": n,
+          children: /* @__PURE__ */ r(T, { className: d.icon })
+        })
+      ] })
+    }
+  });
+}, ao = () => {
+  const { pageId: o, isPageActive: t, open: e, goToPage: s, goBack: i, canGoBack: n } = z();
+  return {
+    page: o,
+    isActive: t && e,
+    goToPage: (a) => s({ id: a }),
+    goBack: i,
+    canGoBack: n
+  };
+}, so = ({ color: o, selected: t, selectionAppearance: e, active: s, focused: i, indicator: n, startIcon: a, endIcon: m, description: l, descriptionPlacement: u, shortcut: b, shortcutJoinLabel: v, hasSubmenu: p, disabled: c = !1, type: f = "button", children: g, ...k }) => /* @__PURE__ */ r(P, {
+  color: o,
+  selected: t,
+  selectionAppearance: e,
+  active: s,
+  focused: i,
+  indicator: n,
+  startIcon: a,
+  endIcon: m,
+  description: l,
+  descriptionPlacement: u,
+  shortcut: b,
+  shortcutJoinLabel: v,
+  hasSubmenu: p,
+  disabled: c,
+  render: /* @__PURE__ */ r(O, {
+    ...k,
+    nativeButton: !0,
+    type: f,
+    disabled: c
+  }),
+  children: g
+}), io = h({
+  gray: "Gray",
+  tomato: "Tomato",
+  red: "Red",
+  ruby: "Ruby",
+  crimson: "Crimson",
+  pink: "Pink",
+  plum: "Plum",
+  purple: "Purple",
+  violet: "Violet",
+  iris: "Iris",
+  cyan: "Cyan",
+  turquoise: "Turquoise",
+  sky: "Sky",
+  blue: "Blue",
+  jade: "Jade",
+  green: "Green",
+  grass: "Grass",
+  mint: "Mint",
+  lime: "Lime",
+  bronze: "Bronze",
+  gold: "Gold",
+  brown: "Brown",
+  orange: "Orange",
+  amber: "Amber",
+  yellow: "Yellow"
+}), E = "_button_quwcq_1", $ = { button: E }, no = ({ active: o = !1, className: t, children: e, startIcon: s, endIcon: i, badge: n, size: a, ...m }) => {
+  const l = A(I), u = a ?? l?.size ?? "sm";
+  return /* @__PURE__ */ r(L, {
+    ...m,
+    variant: "ghost",
+    size: u,
+    "data-active": o || void 0,
+    className: y(C(G.tab, $.button), t),
+    children: /* @__PURE__ */ r(x, {
+      startIcon: s,
+      endIcon: i,
+      badge: n,
+      children: e
+    })
+  });
+};
+export {
+  eo as a,
+  ao as i,
+  io as n,
+  so as r,
+  no as t
+};

package/dist/primitives/data-display.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../data-display-DdES9XqZ.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.Avatar=e.Avatar;exports.Badge=e.Badge;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.Status=e.Status;exports.Tag=e.Tag;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../data-display-DzHM5j7j.cjs");exports.AVATAR_PROPERTIES_BY_SIZE=e.AVATAR_PROPERTIES_BY_SIZE;exports.Avatar=e.Avatar;exports.Badge=e.Badge;exports.Chip=e.Chip;exports.ColorSample=e.ColorSample;exports.Status=e.Status;exports.Tag=e.Tag;

package/dist/primitives/data-display.mjs

@@ -1,4 +1,4 @@
-import { a as s, i as o, n as r, o as t, r as p, s as A, t as S } from "../data-display-CXw-mxeS.js";
+import { a as s, i as o, n as r, o as t, r as p, s as A, t as S } from "../data-display-DUMj_z1t.js";
 export {
   t as AVATAR_PROPERTIES_BY_SIZE,
   A as Avatar,

package/dist/primitives/feedback/Banner/Banner.d.ts

@@ -1,3 +1,3 @@
-export declare const Banner: (({ status, variant, color, icon, action, className, children, render, ref, ...props }: import('..').BannerProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>) & {
+export declare const Banner: (({ status, variant, color, icon, action, onDismiss, closeLabel, className, children, render, ref, ...props }: import('..').BannerProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>) & {
     Action: (props: import('..').BannerActionProps) => import("react").JSX.Element;
 };

package/dist/primitives/feedback/Banner/internal/BannerComponent.d.ts

@@ -1,2 +1,2 @@
 import { BannerProps } from '../types/BannerProps';
-export declare const BannerComponent: ({ status, variant, color, icon, action, className, children, render, ref, ...props }: BannerProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;
+export declare const BannerComponent: ({ status, variant, color, icon, action, onDismiss, closeLabel, className, children, render, ref, ...props }: BannerProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/feedback/Banner/types/BannerProps.d.ts

@@ -10,4 +10,6 @@ export type BannerProps = Omit<useRender.ComponentProps<'div', BannerState>, 'co
     color?: BannerColor;
     icon?: ReactNode;
     action?: ReactNode;
+    onDismiss?: () => void;
+    closeLabel?: string;
 };

package/dist/primitives/feedback.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("../ProgressRing-g1nHGyUp.cjs"),s=require("../Loader-Bb72CUQ9.cjs"),e=require("../ProgressBar-CzGs7cuE.cjs"),r=require("../feedback-DBRXDPSP.cjs");let n=require("@base-ui/react/progress");exports.Banner=e.Banner;exports.Loader=s.Loader;Object.defineProperty(exports,"Progress",{enumerable:!0,get:function(){return n.Progress}});exports.ProgressBar=e.ProgressBar;exports.ProgressRing=o.ProgressRing;exports.SKELETON_HEIGHT_SIZES=r.SKELETON_HEIGHT_SIZES;exports.Skeleton=r.Skeleton;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("../ProgressRing-g1nHGyUp.cjs"),o=require("../Loader-Bb72CUQ9.cjs"),e=require("../ProgressBar-goqxS9NE.cjs"),s=require("../Skeleton-tXeIy4qq.cjs"),n=require("../feedback-B50I0C35.cjs");let t=require("@base-ui/react/progress");exports.Banner=e.Banner;exports.Loader=o.Loader;Object.defineProperty(exports,"Progress",{enumerable:!0,get:function(){return t.Progress}});exports.ProgressBar=e.ProgressBar;exports.ProgressRing=r.ProgressRing;exports.SKELETON_HEIGHT_SIZES=n.SKELETON_HEIGHT_SIZES;exports.Skeleton=s.Skeleton;

package/dist/primitives/feedback.mjs

@@ -1,14 +1,15 @@
 import { n as o } from "../getProgressIndicatorPercentage-ejfaM6XU.js";
 import { t } from "../ProgressRing-8mYV9cxE.js";
-import { t as m } from "../Loader-DtHWQH8w.js";
-import { n, t as i } from "../ProgressBar-D4tKQ7OA.js";
-import { n as f, t as g } from "../feedback-BSOWDBI0.js";
+import { t as a } from "../Loader-DtHWQH8w.js";
+import { n as i, t as p } from "../ProgressBar-8pjpGrmZ.js";
+import { t as n } from "../Skeleton-BbIF780H.js";
+import { t as E } from "../feedback-BQFSnMjh.js";
 export {
-  n as Banner,
-  m as Loader,
+  i as Banner,
+  a as Loader,
   o as Progress,
-  i as ProgressBar,
+  p as ProgressBar,
   t as ProgressRing,
-  f as SKELETON_HEIGHT_SIZES,
-  g as Skeleton
+  E as SKELETON_HEIGHT_SIZES,
+  n as Skeleton
 };