twenty-ui 2.44.0 → 2.46.0

package/dist/navigation-BVhRDMCr.js

@@ -0,0 +1,394 @@
+import { t as h } from "./isDefined-fMi6eQ4r.js";
+import { Dn as Q, Xi as N } from "./icon-Bo3y4NHM.js";
+import { a as S, r as b } from "./theme-yAk9zrNA.js";
+import { t as A } from "./TintedIconTile-BZgRO7cg.js";
+import { t as Z } from "./Shortcut-CWRh02hg.js";
+import { t as ee } from "./Button-DQUIhQAm.js";
+import { t as te } from "./mergeClassNames-ClFMR1v0.js";
+import { r as ae, t as w } from "./OverflowingTextWithTooltip-wRABzEWd.js";
+import { t as ne } from "./ListItem-BVJEFywj.js";
+import { i as re } from "./Dropdown-CZVEnq0N.js";
+import { t as oe } from "./Avatar-DnJMCjoR.js";
+import { t as ie } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
+import { n as se, t as le } from "./TabsTabContent-s6J5bZ3R.js";
+import { isNonEmptyString as E, isString as L } from "@sniptt/guards";
+import { clsx as _ } from "clsx";
+import { forwardRef as j } from "react";
+import { Fragment as me, jsx as e, jsxs as g } from "react/jsx-runtime";
+import { Button as de } from "@base-ui/react/button";
+var dt = () => {
+  const { pageId: a, goToPage: r, goBack: n, canGoBack: i } = re();
+  return {
+    page: a,
+    goToPage: (t) => r({ id: t }),
+    goBack: n,
+    canGoBack: i
+  };
+}, ut = ({ color: a, selected: r, focused: n, indicator: i, startIcon: t, endIcon: s, description: m, descriptionPlacement: o, shortcut: d, shortcutJoinLabel: l, hasSubmenu: c, disabled: u = !1, type: v = "button", children: k, ...M }) => /* @__PURE__ */ e(ne, {
+  color: a,
+  selected: r,
+  focused: n,
+  indicator: i,
+  startIcon: t,
+  endIcon: s,
+  description: m,
+  descriptionPlacement: o,
+  shortcut: d,
+  shortcutJoinLabel: l,
+  hasSubmenu: c,
+  disabled: u,
+  render: /* @__PURE__ */ e(de, {
+    ...M,
+    nativeButton: !0,
+    type: v,
+    disabled: u
+  }),
+  children: k
+}), ct = {
+  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"
+}, ue = "_iconContainer_1ivx0_1", ce = "_withBackground_1ivx0_9", F = {
+  iconContainer: ue,
+  withBackground: ce
+}, T = ({ children: a, className: r, hasBackground: n = !0 }) => /* @__PURE__ */ e("div", {
+  className: _(F.iconContainer, n && F.withBackground, r),
+  children: a
+}), ve = ({ Icon: a, iconThemeColor: r, withContainer: n = !1, withContainerBackground: i = !0 }) => {
+  const t = b();
+  if (!a) return null;
+  if (h(r)) return /* @__PURE__ */ e(A, {
+    icon: /* @__PURE__ */ e(a, {
+      size: t.icon.size.md,
+      stroke: t.icon.stroke.sm
+    }),
+    color: r,
+    style: {
+      width: t.icon.size.md,
+      height: t.icon.size.md
+    }
+  });
+  const s = /* @__PURE__ */ e(a, {
+    size: t.icon.size.md,
+    stroke: t.icon.stroke.sm
+  });
+  return n ? /* @__PURE__ */ e(T, {
+    hasBackground: i,
+    children: s
+  }) : s;
+}, _e = "_iconSwapContainer_g9ywp_1", Ie = "_defaultIcon_g9ywp_8", he = "_hoverIcon_g9ywp_13", z = {
+  iconSwapContainer: _e,
+  defaultIcon: Ie,
+  hoverIcon: he
+}, fe = ({ LeftIcon: a, iconThemeColor: r, withIconContainer: n = !1, gripIconColor: i }) => {
+  const t = b();
+  if (!a) return null;
+  const s = /* @__PURE__ */ g("div", {
+    className: z.iconSwapContainer,
+    children: [/* @__PURE__ */ e("div", {
+      className: _(z.defaultIcon, "grip-swap-default-icon"),
+      children: h(r) ? /* @__PURE__ */ e(A, {
+        icon: /* @__PURE__ */ e(a, {
+          size: t.icon.size.md,
+          stroke: t.icon.stroke.sm
+        }),
+        color: r,
+        style: {
+          width: t.icon.size.md,
+          height: t.icon.size.md
+        }
+      }) : /* @__PURE__ */ e(a, {
+        size: t.icon.size.md,
+        stroke: t.icon.stroke.sm
+      })
+    }), /* @__PURE__ */ e("div", {
+      className: _(z.hoverIcon, "grip-swap-hover-icon"),
+      children: /* @__PURE__ */ e(N, {
+        size: t.icon.size.md,
+        stroke: t.icon.stroke.sm,
+        color: i
+      })
+    })]
+  });
+  return n && !h(r) ? /* @__PURE__ */ e(T, { children: s }) : s;
+}, ge = "_menuItemBase_1jkew_1", be = "_hoverableMenuItemBase_1jkew_54", pe = "_menuItemLabel_1jkew_136", ye = "_menuItemLabelLight_1jkew_145", ke = "_noIconFiller_1jkew_155", Me = "_menuItemLeftContent_1jkew_159", Ce = "_menuItemRightContent_1jkew_172", Se = "_draggableItem_1jkew_183", we = "_menuItemIconCheckContainer_1jkew_189", Le = "_menuItemContextualText_1jkew_196", ze = "_rightMenuItemContextualText_1jkew_206", I = {
+  menuItemBase: ge,
+  hoverableMenuItemBase: be,
+  menuItemLabel: pe,
+  menuItemLabelLight: ye,
+  noIconFiller: ke,
+  menuItemLeftContent: Me,
+  menuItemRightContent: Ce,
+  draggableItem: Se,
+  menuItemIconCheckContainer: we,
+  menuItemContextualText: Le,
+  rightMenuItemContextualText: ze
+}, Be = j(({ accent: a, isKeySelected: r, isHoverBackgroundDisabled: n, hovered: i, disabled: t, focused: s, className: m, children: o, ...d }, l) => /* @__PURE__ */ e("div", {
+  ref: l,
+  className: _(I.menuItemBase, m),
+  "data-accent": a,
+  "data-key-selected": r || void 0,
+  "data-hover-background-disabled": n || void 0,
+  "data-disabled": t || void 0,
+  "data-focused": s || void 0,
+  ...d,
+  children: o
+}));
+Be.displayName = "StyledMenuItemBase";
+var f = (a, r) => {
+  const n = j(({ className: i, children: t, ...s }, m) => /* @__PURE__ */ e("div", {
+    ref: m,
+    className: _(a, i),
+    ...s,
+    children: t
+  }));
+  return n.displayName = r, n;
+}, Ne = f(I.menuItemLabel, "StyledMenuItemLabel"), vt = f(I.menuItemLabelLight, "StyledMenuItemLabelLight"), _t = f(I.noIconFiller, "StyledNoIconFiller"), $ = f(I.menuItemLeftContent, "StyledMenuItemLeftContent"), x = f(I.menuItemRightContent, "StyledMenuItemRightContent"), G = f(I.draggableItem, "StyledDraggableItem"), R = j(({ accent: a, isKeySelected: r, isHoverBackgroundDisabled: n, hovered: i, disabled: t, focused: s, isIconDisplayedOnHoverOnly: m, cursor: o, className: d, children: l, ...c }, u) => /* @__PURE__ */ e("div", {
+  ref: u,
+  className: _(I.hoverableMenuItemBase, d),
+  "data-accent": a,
+  "data-key-selected": r || void 0,
+  "data-hover-background-disabled": n || void 0,
+  "data-disabled": t || void 0,
+  "data-focused": s || void 0,
+  "data-icon-displayed-on-hover-only": m || void 0,
+  "data-cursor": o,
+  ...c,
+  children: l
+}));
+R.displayName = "StyledHoverableMenuItemBase";
+var xe = f(I.menuItemContextualText, "StyledMenuItemContextualText"), je = f(I.rightMenuItemContextualText, "StyledRightMenuItemContextualText"), Te = "_mainText_d0zu3_1", Re = "_menuItemLabelRight_d0zu3_9", O = {
+  mainText: Te,
+  menuItemLabelRight: Re
+}, D = ({ className: a, LeftComponent: r, LeftIcon: n, iconThemeColor: i, withIconContainer: t = !1, withIconContainerBackground: s = !0, text: m, contextualText: o, contextualTextPosition: d = "left", gripMode: l = "never", disabled: c = !1 }) => {
+  const u = b(), v = t ? S.font.color.tertiary : c ? S.font.color.extraLight : S.font.color.light;
+  return /* @__PURE__ */ g($, {
+    className: a,
+    children: [
+      l === "always" && (t ? /* @__PURE__ */ e(T, {
+        hasBackground: s,
+        children: /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(N, {
+          size: u.icon.size.md,
+          stroke: u.icon.stroke.sm,
+          color: v
+        }) })
+      }) : /* @__PURE__ */ e(G, { children: /* @__PURE__ */ e(N, {
+        size: u.icon.size.md,
+        stroke: u.icon.stroke.sm,
+        color: v
+      }) })),
+      l === "onHover" ? /* @__PURE__ */ e(fe, {
+        LeftIcon: n,
+        iconThemeColor: i,
+        withIconContainer: t,
+        gripIconColor: v
+      }) : /* @__PURE__ */ e(ve, {
+        Icon: n,
+        iconThemeColor: i,
+        withContainer: t,
+        withContainerBackground: s
+      }),
+      r,
+      /* @__PURE__ */ g(Ne, { children: [L(m) ? /* @__PURE__ */ e("div", {
+        className: O.mainText,
+        children: /* @__PURE__ */ e(w, { text: m })
+      }) : m, d === "left" && /* @__PURE__ */ e(me, { children: L(o) ? E(o) && /* @__PURE__ */ e(xe, { children: /* @__PURE__ */ e(w, {
+        text: `· ${o}`,
+        tooltipContent: o
+      }) }) : o })] }),
+      d === "right" && /* @__PURE__ */ e("div", {
+        className: O.menuItemLabelRight,
+        children: /* @__PURE__ */ e(je, { children: L(o) ? /* @__PURE__ */ e(w, { text: o }) : o })
+      })
+    ]
+  });
+}, De = "_subMenuIcon_j232v_1", Pe = "_subMenuIconOpened_j232v_9", q = {
+  subMenuIcon: De,
+  subMenuIconOpened: Pe
+}, Fe = ({ accent: a = "default", className: r, withIconContainer: n = !1, withIconContainerBackground: i = !0, iconButtons: t, isIconDisplayedOnHoverOnly: s = !0, LeftIcon: m, iconThemeColor: o, LeftComponent: d, RightIcon: l, RightComponent: c, onClick: u, onMouseEnter: v, onMouseLeave: k, testId: M, text: H, contextualTextPosition: V = "left", contextualText: W, hasSubMenu: J = !1, disabled: p = !1, focused: K = !1, selected: U = !1, shortcut: P, shortcutJoinLabel: X, isSubMenuOpened: Y = !1 }) => {
+  const y = b();
+  return /* @__PURE__ */ g(R, {
+    "data-testid": M ?? void 0,
+    onClick: p ? void 0 : (C) => {
+      u && (C.preventDefault(), C.stopPropagation(), u?.(C));
+    },
+    disabled: p,
+    className: r,
+    accent: a,
+    isIconDisplayedOnHoverOnly: s,
+    onMouseEnter: v,
+    onMouseLeave: k,
+    focused: K || U,
+    children: [/* @__PURE__ */ e(D, {
+      LeftIcon: m ?? void 0,
+      iconThemeColor: o,
+      LeftComponent: d,
+      withIconContainer: n,
+      withIconContainerBackground: i,
+      text: H,
+      contextualText: W,
+      contextualTextPosition: V,
+      disabled: p
+    }), /* @__PURE__ */ g(x, { children: [
+      t && /* @__PURE__ */ e(x, {
+        className: "hoverable-buttons",
+        children: t
+      }),
+      h(P) && /* @__PURE__ */ e(Z, {
+        shortcut: P,
+        sequenceJoinLabel: X
+      }),
+      l && /* @__PURE__ */ e(l, {
+        size: y.icon.size.md,
+        stroke: y.icon.stroke.sm
+      }),
+      c,
+      J && /* @__PURE__ */ e("div", {
+        className: _(q.subMenuIcon, Y && q.subMenuIconOpened),
+        style: { visibility: p ? "hidden" : "visible" },
+        children: /* @__PURE__ */ e(Q, {
+          size: y.icon.size.sm,
+          color: y.font.color.light
+        })
+      })
+    ] })]
+  });
+}, It = ({ accent: a = "default", className: r, iconButtons: n, isIconDisplayedOnHoverOnly: i = !0, isTooltipOpen: t, onClick: s, onMouseEnter: m, onMouseLeave: o, testId: d, avatar: l, hasSubMenu: c = !1, text: u, contextualText: v }) => /* @__PURE__ */ e(Fe, {
+  accent: a,
+  className: r,
+  iconButtons: n,
+  isIconDisplayedOnHoverOnly: i,
+  isTooltipOpen: t,
+  LeftComponent: h(l) ? /* @__PURE__ */ e(oe, {
+    name: l.name,
+    src: l.src,
+    colorSeed: l.colorSeed,
+    size: l.size,
+    shape: l.shape
+  }) : void 0,
+  onClick: s,
+  onMouseEnter: m,
+  onMouseLeave: o,
+  testId: d,
+  text: u,
+  contextualText: v,
+  hasSubMenu: c
+}), ht = ({ LeftIcon: a, withIconContainer: r = !1, accent: n = "default", iconButtons: i, onClick: t, text: s, contextualText: m, isDragDisabled: o = !1, className: d, isIconDisplayedOnHoverOnly: l = !0, gripMode: c = "never" }) => /* @__PURE__ */ g(R, {
+  onClick: t,
+  accent: n,
+  className: d,
+  isIconDisplayedOnHoverOnly: l,
+  cursor: c !== "never" ? o ? "default" : "drag" : "default",
+  children: [/* @__PURE__ */ e(D, {
+    LeftIcon: a,
+    text: s,
+    contextualText: m,
+    withIconContainer: r,
+    disabled: o,
+    gripMode: c
+  }), i && /* @__PURE__ */ e(x, {
+    className: "hoverable-buttons",
+    children: i
+  })]
+}), Ge = "_suggestionMenuItem_1qyjt_1", Oe = { suggestionMenuItem: Ge }, ft = ({ LeftIcon: a, withIconContainer: r = !1, text: n, contextualText: i = void 0, contextualTextPosition: t = "left", className: s, selected: m, onClick: o }) => {
+  const d = (l) => {
+    o && (l.preventDefault(), l.stopPropagation(), o?.(l));
+  };
+  return /* @__PURE__ */ e("li", {
+    className: _(Oe.suggestionMenuItem, s),
+    "data-selected": m || void 0,
+    role: h(o) ? "button" : void 0,
+    tabIndex: h(o) ? 0 : void 0,
+    onClick: d,
+    onKeyDown: ie,
+    children: /* @__PURE__ */ e($, { children: /* @__PURE__ */ e(D, {
+      LeftIcon: a ?? void 0,
+      text: n,
+      contextualText: i,
+      contextualTextPosition: t,
+      withIconContainer: r
+    }) })
+  });
+}, qe = "_menuPicker_o8ra4_1", Ae = "_iconContainer_o8ra4_41", Ee = "_label_o8ra4_50", B = {
+  menuPicker: qe,
+  iconContainer: Ae,
+  label: Ee
+}, gt = ({ id: a, icon: r, label: n, selected: i = !1, disabled: t = !1, showLabel: s = !0, onClick: m, className: o, testId: d, tooltipContent: l, tooltipDelay: c = 0, tooltipOffset: u = 5 }) => {
+  const v = b();
+  return /* @__PURE__ */ e(ae, {
+    content: l,
+    disabled: !E(l),
+    sideOffset: u,
+    side: "bottom",
+    positionMethod: "fixed",
+    delay: c,
+    children: /* @__PURE__ */ g("button", {
+      id: a,
+      disabled: t,
+      onClick: m,
+      className: _(B.menuPicker, o),
+      "data-testid": d,
+      "data-selected": i ? "" : void 0,
+      "aria-pressed": i,
+      "aria-disabled": t,
+      "aria-label": n,
+      children: [/* @__PURE__ */ e("div", {
+        className: B.iconContainer,
+        children: /* @__PURE__ */ e(r, {
+          size: v.icon.size.md,
+          stroke: v.icon.stroke.sm
+        })
+      }), h(n) && s && /* @__PURE__ */ e("div", {
+        className: B.label,
+        "data-selected": i ? "" : void 0,
+        "data-disabled": t ? "" : void 0,
+        children: n
+      })]
+    })
+  });
+}, $e = "_button_quwcq_1", He = { button: $e }, bt = ({ active: a = !1, className: r, children: n, startIcon: i, endIcon: t, badge: s, size: m = "sm", ...o }) => /* @__PURE__ */ e(ee, {
+  ...o,
+  variant: "ghost",
+  size: m,
+  "data-active": a || void 0,
+  className: te(_(se.tab, He.button), r),
+  children: /* @__PURE__ */ e(le, {
+    startIcon: i,
+    endIcon: t,
+    badge: s,
+    children: n
+  })
+});
+export {
+  It as a,
+  ut as c,
+  ht as i,
+  dt as l,
+  gt as n,
+  Fe as o,
+  ft as r,
+  ct as s,
+  bt as t
+};

package/dist/navigation-CsxM7PWb.cjs

@@ -0,0 +1 @@
+const I=require("./theme-Zf62UE02.cjs"),f=require("./isDefined-DS2Q42p5.cjs"),A=require("./TintedIconTile-Dp4uH0Up.cjs"),X=require("./Shortcut-oYvcja2P.cjs"),Z=require("./Button-DkijwPOi.cjs"),ee=require("./mergeClassNames-D4lshrT6.cjs"),y=require("./OverflowingTextWithTooltip-CXHiE4BG.cjs"),te=require("./ListItem-fFbJhi6M.cjs"),ne=require("./Dropdown-Ckcy6ZLF.cjs"),re=require("./Avatar-DK78lGPU.cjs"),ie=require("./handleClickableElementKeyDown-CByqtBhO.cjs"),D=require("./TabsTabContent-DZUNi_iE.cjs");let b=require("@sniptt/guards"),_=require("clsx"),q=require("react"),e=require("react/jsx-runtime"),ae=require("@base-ui/react/button"),p=require("@tabler/icons-react");var oe=()=>{const{pageId:n,goToPage:i,goBack:r,canGoBack:o}=ne.useDropdownContext();return{page:n,goToPage:t=>i({id:t}),goBack:r,canGoBack:o}},se=({color:n,selected:i,focused:r,indicator:o,startIcon:t,endIcon:s,description:l,descriptionPlacement:a,shortcut:d,shortcutJoinLabel:u,hasSubmenu:m,disabled:c=!1,type:v="button",children:k,...M})=>(0,e.jsx)(te.ListItem,{color:n,selected:i,focused:r,indicator:o,startIcon:t,endIcon:s,description:l,descriptionPlacement:a,shortcut:d,shortcutJoinLabel:u,hasSubmenu:m,disabled:c,render:(0,e.jsx)(ae.Button,{...M,nativeButton:!0,type:v,disabled:c}),children:k}),ue={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"},le="_iconContainer_1ivx0_1",de="_withBackground_1ivx0_9",P={iconContainer:le,withBackground:de},T=({children:n,className:i,hasBackground:r=!0})=>(0,e.jsx)("div",{className:(0,_.clsx)(P.iconContainer,r&&P.withBackground,i),children:n}),ce=({Icon:n,iconThemeColor:i,withContainer:r=!1,withContainerBackground:o=!0})=>{const t=I.useTheme();if(!n)return null;if(f.isDefined(i))return(0,e.jsx)(A.TintedIconTile,{icon:(0,e.jsx)(n,{size:t.icon.size.md,stroke:t.icon.stroke.sm}),color:i,style:{width:t.icon.size.md,height:t.icon.size.md}});const s=(0,e.jsx)(n,{size:t.icon.size.md,stroke:t.icon.stroke.sm});return r?(0,e.jsx)(T,{hasBackground:o,children:s}):s},me="_iconSwapContainer_g9ywp_1",ve="_defaultIcon_g9ywp_8",_e="_hoverIcon_g9ywp_13",w={iconSwapContainer:me,defaultIcon:ve,hoverIcon:_e},he=({LeftIcon:n,iconThemeColor:i,withIconContainer:r=!1,gripIconColor:o})=>{const t=I.useTheme();if(!n)return null;const s=(0,e.jsxs)("div",{className:w.iconSwapContainer,children:[(0,e.jsx)("div",{className:(0,_.clsx)(w.defaultIcon,"grip-swap-default-icon"),children:f.isDefined(i)?(0,e.jsx)(A.TintedIconTile,{icon:(0,e.jsx)(n,{size:t.icon.size.md,stroke:t.icon.stroke.sm}),color:i,style:{width:t.icon.size.md,height:t.icon.size.md}}):(0,e.jsx)(n,{size:t.icon.size.md,stroke:t.icon.stroke.sm})}),(0,e.jsx)("div",{className:(0,_.clsx)(w.hoverIcon,"grip-swap-hover-icon"),children:(0,e.jsx)(p.IconGripVertical,{size:t.icon.size.md,stroke:t.icon.stroke.sm,color:o})})]});return r&&!f.isDefined(i)?(0,e.jsx)(T,{children:s}):s},Ie="_menuItemBase_1jkew_1",fe="_hoverableMenuItemBase_1jkew_54",ge="_menuItemLabel_1jkew_136",be="_menuItemLabelLight_1jkew_145",xe="_noIconFiller_1jkew_155",je="_menuItemLeftContent_1jkew_159",ye="_menuItemRightContent_1jkew_172",pe="_draggableItem_1jkew_183",ke="_menuItemIconCheckContainer_1jkew_189",Me="_menuItemContextualText_1jkew_196",Ce="_rightMenuItemContextualText_1jkew_206",h={menuItemBase:Ie,hoverableMenuItemBase:fe,menuItemLabel:ge,menuItemLabelLight:be,noIconFiller:xe,menuItemLeftContent:je,menuItemRightContent:ye,draggableItem:pe,menuItemIconCheckContainer:ke,menuItemContextualText:Me,rightMenuItemContextualText:Ce},we=(0,q.forwardRef)(({accent:n,isKeySelected:i,isHoverBackgroundDisabled:r,hovered:o,disabled:t,focused:s,className:l,children:a,...d},u)=>(0,e.jsx)("div",{ref:u,className:(0,_.clsx)(h.menuItemBase,l),"data-accent":n,"data-key-selected":i||void 0,"data-hover-background-disabled":r||void 0,"data-disabled":t||void 0,"data-focused":s||void 0,...d,children:a}));we.displayName="StyledMenuItemBase";var g=(n,i)=>{const r=(0,q.forwardRef)(({className:o,children:t,...s},l)=>(0,e.jsx)("div",{ref:l,className:(0,_.clsx)(n,o),...s,children:t}));return r.displayName=i,r},Se=g(h.menuItemLabel,"StyledMenuItemLabel"),Je=g(h.menuItemLabelLight,"StyledMenuItemLabelLight"),Ue=g(h.noIconFiller,"StyledNoIconFiller"),E=g(h.menuItemLeftContent,"StyledMenuItemLeftContent"),L=g(h.menuItemRightContent,"StyledMenuItemRightContent"),O=g(h.draggableItem,"StyledDraggableItem"),B=(0,q.forwardRef)(({accent:n,isKeySelected:i,isHoverBackgroundDisabled:r,hovered:o,disabled:t,focused:s,isIconDisplayedOnHoverOnly:l,cursor:a,className:d,children:u,...m},c)=>(0,e.jsx)("div",{ref:c,className:(0,_.clsx)(h.hoverableMenuItemBase,d),"data-accent":n,"data-key-selected":i||void 0,"data-hover-background-disabled":r||void 0,"data-disabled":t||void 0,"data-focused":s||void 0,"data-icon-displayed-on-hover-only":l||void 0,"data-cursor":a,...m,children:u}));B.displayName="StyledHoverableMenuItemBase";var Le=g(h.menuItemContextualText,"StyledMenuItemContextualText"),qe=g(h.rightMenuItemContextualText,"StyledRightMenuItemContextualText"),Te="_mainText_d0zu3_1",Be="_menuItemLabelRight_d0zu3_9",R={mainText:Te,menuItemLabelRight:Be},z=({className:n,LeftComponent:i,LeftIcon:r,iconThemeColor:o,withIconContainer:t=!1,withIconContainerBackground:s=!0,text:l,contextualText:a,contextualTextPosition:d="left",gripMode:u="never",disabled:m=!1})=>{const c=I.useTheme(),v=t?I.themeCssVariables.font.color.tertiary:m?I.themeCssVariables.font.color.extraLight:I.themeCssVariables.font.color.light;return(0,e.jsxs)(E,{className:n,children:[u==="always"&&(t?(0,e.jsx)(T,{hasBackground:s,children:(0,e.jsx)(O,{children:(0,e.jsx)(p.IconGripVertical,{size:c.icon.size.md,stroke:c.icon.stroke.sm,color:v})})}):(0,e.jsx)(O,{children:(0,e.jsx)(p.IconGripVertical,{size:c.icon.size.md,stroke:c.icon.stroke.sm,color:v})})),u==="onHover"?(0,e.jsx)(he,{LeftIcon:r,iconThemeColor:o,withIconContainer:t,gripIconColor:v}):(0,e.jsx)(ce,{Icon:r,iconThemeColor:o,withContainer:t,withContainerBackground:s}),i,(0,e.jsxs)(Se,{children:[(0,b.isString)(l)?(0,e.jsx)("div",{className:R.mainText,children:(0,e.jsx)(y.OverflowingTextWithTooltip,{text:l})}):l,d==="left"&&(0,e.jsx)(e.Fragment,{children:(0,b.isString)(a)?(0,b.isNonEmptyString)(a)&&(0,e.jsx)(Le,{children:(0,e.jsx)(y.OverflowingTextWithTooltip,{text:`· ${a}`,tooltipContent:a})}):a})]}),d==="right"&&(0,e.jsx)("div",{className:R.menuItemLabelRight,children:(0,e.jsx)(qe,{children:(0,b.isString)(a)?(0,e.jsx)(y.OverflowingTextWithTooltip,{text:a}):a})})]})},ze="_subMenuIcon_j232v_1",Ne="_subMenuIconOpened_j232v_9",G={subMenuIcon:ze,subMenuIconOpened:Ne},F=({accent:n="default",className:i,withIconContainer:r=!1,withIconContainerBackground:o=!0,iconButtons:t,isIconDisplayedOnHoverOnly:s=!0,LeftIcon:l,iconThemeColor:a,LeftComponent:d,RightIcon:u,RightComponent:m,onClick:c,onMouseEnter:v,onMouseLeave:k,testId:M,text:V,contextualTextPosition:W="left",contextualText:H,hasSubMenu:K=!1,disabled:x=!1,focused:J=!1,selected:U=!1,shortcut:N,shortcutJoinLabel:$,isSubMenuOpened:Y=!1})=>{const j=I.useTheme(),Q=C=>{c&&(C.preventDefault(),C.stopPropagation(),c?.(C))};return(0,e.jsxs)(B,{"data-testid":M??void 0,onClick:x?void 0:Q,disabled:x,className:i,accent:n,isIconDisplayedOnHoverOnly:s,onMouseEnter:v,onMouseLeave:k,focused:J||U,children:[(0,e.jsx)(z,{LeftIcon:l??void 0,iconThemeColor:a,LeftComponent:d,withIconContainer:r,withIconContainerBackground:o,text:V,contextualText:H,contextualTextPosition:W,disabled:x}),(0,e.jsxs)(L,{children:[t&&(0,e.jsx)(L,{className:"hoverable-buttons",children:t}),f.isDefined(N)&&(0,e.jsx)(X.Shortcut,{shortcut:N,sequenceJoinLabel:$}),u&&(0,e.jsx)(u,{size:j.icon.size.md,stroke:j.icon.stroke.sm}),m,K&&(0,e.jsx)("div",{className:(0,_.clsx)(G.subMenuIcon,Y&&G.subMenuIconOpened),style:{visibility:x?"hidden":"visible"},children:(0,e.jsx)(p.IconChevronRight,{size:j.icon.size.sm,color:j.font.color.light})})]})]})},De=({accent:n="default",className:i,iconButtons:r,isIconDisplayedOnHoverOnly:o=!0,isTooltipOpen:t,onClick:s,onMouseEnter:l,onMouseLeave:a,testId:d,avatar:u,hasSubMenu:m=!1,text:c,contextualText:v})=>(0,e.jsx)(F,{accent:n,className:i,iconButtons:r,isIconDisplayedOnHoverOnly:o,isTooltipOpen:t,LeftComponent:f.isDefined(u)?(0,e.jsx)(re.Avatar,{name:u.name,src:u.src,colorSeed:u.colorSeed,size:u.size,shape:u.shape}):void 0,onClick:s,onMouseEnter:l,onMouseLeave:a,testId:d,text:c,contextualText:v,hasSubMenu:m}),Pe=({LeftIcon:n,withIconContainer:i=!1,accent:r="default",iconButtons:o,onClick:t,text:s,contextualText:l,isDragDisabled:a=!1,className:d,isIconDisplayedOnHoverOnly:u=!0,gripMode:m="never"})=>(0,e.jsxs)(B,{onClick:t,accent:r,className:d,isIconDisplayedOnHoverOnly:u,cursor:m!=="never"?a?"default":"drag":"default",children:[(0,e.jsx)(z,{LeftIcon:n,text:s,contextualText:l,withIconContainer:i,disabled:a,gripMode:m}),o&&(0,e.jsx)(L,{className:"hoverable-buttons",children:o})]}),Oe="_suggestionMenuItem_1qyjt_1",Re={suggestionMenuItem:Oe},Ge=({LeftIcon:n,withIconContainer:i=!1,text:r,contextualText:o=void 0,contextualTextPosition:t="left",className:s,selected:l,onClick:a})=>{const d=u=>{a&&(u.preventDefault(),u.stopPropagation(),a?.(u))};return(0,e.jsx)("li",{className:(0,_.clsx)(Re.suggestionMenuItem,s),"data-selected":l||void 0,role:f.isDefined(a)?"button":void 0,tabIndex:f.isDefined(a)?0:void 0,onClick:d,onKeyDown:ie.handleClickableElementKeyDown,children:(0,e.jsx)(E,{children:(0,e.jsx)(z,{LeftIcon:n??void 0,text:r,contextualText:o,contextualTextPosition:t,withIconContainer:i})})})},Ae="_menuPicker_o8ra4_1",Ee="_iconContainer_o8ra4_41",Fe="_label_o8ra4_50",S={menuPicker:Ae,iconContainer:Ee,label:Fe},Ve=({id:n,icon:i,label:r,selected:o=!1,disabled:t=!1,showLabel:s=!0,onClick:l,className:a,testId:d,tooltipContent:u,tooltipDelay:m=0,tooltipOffset:c=5})=>{const v=I.useTheme();return(0,e.jsx)(y.Tooltip,{content:u,disabled:!(0,b.isNonEmptyString)(u),sideOffset:c,side:"bottom",positionMethod:"fixed",delay:m,children:(0,e.jsxs)("button",{id:n,disabled:t,onClick:l,className:(0,_.clsx)(S.menuPicker,a),"data-testid":d,"data-selected":o?"":void 0,"aria-pressed":o,"aria-disabled":t,"aria-label":r,children:[(0,e.jsx)("div",{className:S.iconContainer,children:(0,e.jsx)(i,{size:v.icon.size.md,stroke:v.icon.stroke.sm})}),f.isDefined(r)&&s&&(0,e.jsx)("div",{className:S.label,"data-selected":o?"":void 0,"data-disabled":t?"":void 0,children:r})]})})},We="_button_quwcq_1",He={button:We},Ke=({active:n=!1,className:i,children:r,startIcon:o,endIcon:t,badge:s,size:l="sm",...a})=>(0,e.jsx)(Z.Button,{...a,variant:"ghost",size:l,"data-active":n||void 0,className:ee.mergeClassNames((0,_.clsx)(D.Tab_module_default.tab,He.button),i),children:(0,e.jsx)(D.TabsTabContent,{startIcon:o,endIcon:t,badge:s,children:r})});Object.defineProperty(exports,"DEFAULT_COLOR_LABELS",{enumerable:!0,get:function(){return ue}});Object.defineProperty(exports,"ListItemButton",{enumerable:!0,get:function(){return se}});Object.defineProperty(exports,"MenuItem",{enumerable:!0,get:function(){return F}});Object.defineProperty(exports,"MenuItemAvatar",{enumerable:!0,get:function(){return De}});Object.defineProperty(exports,"MenuItemDraggable",{enumerable:!0,get:function(){return Pe}});Object.defineProperty(exports,"MenuItemSuggestion",{enumerable:!0,get:function(){return Ge}});Object.defineProperty(exports,"MenuPicker",{enumerable:!0,get:function(){return Ve}});Object.defineProperty(exports,"TabButton",{enumerable:!0,get:function(){return Ke}});Object.defineProperty(exports,"useDropdownPage",{enumerable:!0,get:function(){return oe}});

package/dist/navigation-DK1z9KJj.js

@@ -0,0 +1,124 @@
+import { t as T } from "./isDefined-fMi6eQ4r.js";
+import { t as p } from "./mergeClassNames-ClFMR1v0.js";
+import { n as u, t as w } from "./TabsTabContent-s6J5bZ3R.js";
+import { useRender as y } from "@base-ui/react/use-render";
+import { isString as A } from "@sniptt/guards";
+import { clsx as N } from "clsx";
+import { jsx as d, jsxs as x } from "react/jsx-runtime";
+import { useDirection as k } from "@base-ui/react/direction-provider";
+import { Tabs as f } from "@base-ui/react/tabs";
+var v = "_root_ikxnr_1", K = "_list_ikxnr_13", B = "_item_ikxnr_24", I = "_content_ikxnr_35", D = "_separator_ikxnr_55", m = {
+  root: v,
+  list: K,
+  item: B,
+  content: I,
+  separator: D
+}, R = ({ children: r, href: a, render: n, title: t, current: s, className: o, ref: l, "aria-current": e = s ? "page" : void 0, ...b }) => y({
+  defaultTagName: T(a) ? "a" : "span",
+  render: n,
+  ref: l,
+  props: {
+    ...b,
+    children: r,
+    href: a,
+    title: t ?? (A(r) ? r : void 0),
+    "aria-current": e,
+    "data-linked": T(a) || void 0,
+    className: N(m.content, o)
+  }
+}), M = ({ links: r, className: a, render: n, ref: t, "aria-label": s = "Breadcrumb", ...o }) => y({
+  defaultTagName: "nav",
+  render: n,
+  ref: t,
+  props: {
+    ...o,
+    "aria-label": s,
+    className: N(m.root, a),
+    children: /* @__PURE__ */ d("ol", {
+      className: m.list,
+      children: r.map((l, e) => /* @__PURE__ */ x("li", {
+        className: m.item,
+        children: [e > 0 && /* @__PURE__ */ d("span", {
+          className: m.separator,
+          "aria-hidden": "true",
+          children: "/"
+        }), /* @__PURE__ */ d(R, {
+          ...l,
+          current: e === r.length - 1
+        })]
+      }, e))
+    })
+  }
+}), H = ({ event: r, direction: a, loopFocus: n }) => {
+  if (r.altKey || r.ctrlKey || r.metaKey || r.shiftKey) return;
+  const t = r.currentTarget, s = Array.from(t.querySelectorAll('[role="tab"]')).filter((i) => i.closest('[role="tablist"]') === t), o = s.findIndex((i) => i === r.target);
+  if (o === -1) return;
+  const l = a === "rtl" ? ["ArrowLeft", "ArrowRight"] : ["ArrowRight", "ArrowLeft"], [e, b] = t.getAttribute("aria-orientation") === "vertical" ? ["ArrowDown", "ArrowUp"] : l;
+  if (![
+    e,
+    b,
+    "Home",
+    "End"
+  ].includes(r.key)) return;
+  r.preventBaseUIHandler(), r.preventDefault();
+  const c = s.filter((i) => !i.hasAttribute("data-disabled") && !i.hasAttribute("disabled") && i.getAttribute("aria-disabled") !== "true" && !i.closest("[hidden], [inert]"));
+  if (r.key === "Home") {
+    c[0]?.focus();
+    return;
+  }
+  if (r.key === "End") {
+    c[c.length - 1]?.focus();
+    return;
+  }
+  const _ = r.key === b, h = _ ? [...c].reverse() : c, g = h.find((i) => _ ? s.indexOf(i) < o : s.indexOf(i) > o);
+  if (T(g)) {
+    g.focus();
+    return;
+  }
+  n && h[0]?.focus();
+}, L = ({ className: r, children: a, onKeyDown: n, loopFocus: t = !0, ...s }) => {
+  const o = k(), l = (e) => {
+    if (n?.(e), e.defaultPrevented) {
+      e.preventBaseUIHandler();
+      return;
+    }
+    e.baseUIHandlerPrevented || H({
+      event: e,
+      direction: o,
+      loopFocus: t
+    });
+  };
+  return /* @__PURE__ */ x(f.List, {
+    ...s,
+    loopFocus: t,
+    onKeyDown: l,
+    className: p(u.list, r),
+    children: [a, /* @__PURE__ */ d(f.Indicator, { className: u.indicator })]
+  });
+}, P = ({ className: r, ...a }) => /* @__PURE__ */ d(f.Panel, {
+  ...a,
+  className: p(u.panel, r)
+}), U = ({ className: r, ...a }) => /* @__PURE__ */ d(f.Root, {
+  ...a,
+  className: p(u.root, r)
+}), C = ({ className: r, children: a, startIcon: n, endIcon: t, badge: s, highlighted: o = !1, size: l = "sm", ...e }) => /* @__PURE__ */ d(f.Tab, {
+  ...e,
+  className: p(u.tab, r),
+  "data-size": l,
+  "data-highlighted": o || void 0,
+  children: /* @__PURE__ */ d(w, {
+    startIcon: n,
+    endIcon: t,
+    badge: s,
+    children: a
+  })
+}), Q = {
+  Root: U,
+  List: L,
+  Tab: C,
+  Panel: P
+};
+export {
+  M as n,
+  Q as t
+};

package/dist/navigation-DOSnqFwk.cjs

@@ -0,0 +1 @@
+const T=require("./isDefined-DS2Q42p5.cjs"),f=require("./mergeClassNames-D4lshrT6.cjs"),u=require("./TabsTabContent-DZUNi_iE.cjs");let N=require("@base-ui/react/use-render"),h=require("@sniptt/guards"),y=require("clsx"),l=require("react/jsx-runtime"),j=require("@base-ui/react/direction-provider"),_=require("@base-ui/react/tabs");var q="_root_ikxnr_1",v="_list_ikxnr_13",w="_item_ikxnr_24",A="_content_ikxnr_35",k="_separator_ikxnr_55",b={root:q,list:v,item:w,content:A,separator:k},D=({children:e,href:r,render:o,title:t,current:s,className:i,ref:d,"aria-current":a=s?"page":void 0,...m})=>(0,N.useRender)({defaultTagName:T.isDefined(r)?"a":"span",render:o,ref:d,props:{...m,children:e,href:r,title:t??((0,h.isString)(e)?e:void 0),"aria-current":a,"data-linked":T.isDefined(r)||void 0,className:(0,y.clsx)(b.content,i)}}),K=({links:e,className:r,render:o,ref:t,"aria-label":s="Breadcrumb",...i})=>(0,N.useRender)({defaultTagName:"nav",render:o,ref:t,props:{...i,"aria-label":s,className:(0,y.clsx)(b.root,r),children:(0,l.jsx)("ol",{className:b.list,children:e.map((d,a)=>(0,l.jsxs)("li",{className:b.item,children:[a>0&&(0,l.jsx)("span",{className:b.separator,"aria-hidden":"true",children:"/"}),(0,l.jsx)(D,{...d,current:a===e.length-1})]},a))})}}),B=({event:e,direction:r,loopFocus:o})=>{if(e.altKey||e.ctrlKey||e.metaKey||e.shiftKey)return;const t=e.currentTarget,s=Array.from(t.querySelectorAll('[role="tab"]')).filter(n=>n.closest('[role="tablist"]')===t),i=s.findIndex(n=>n===e.target);if(i===-1)return;const d=r==="rtl"?["ArrowLeft","ArrowRight"]:["ArrowRight","ArrowLeft"],[a,m]=t.getAttribute("aria-orientation")==="vertical"?["ArrowDown","ArrowUp"]:d;if(![a,m,"Home","End"].includes(e.key))return;e.preventBaseUIHandler(),e.preventDefault();const c=s.filter(n=>!n.hasAttribute("data-disabled")&&!n.hasAttribute("disabled")&&n.getAttribute("aria-disabled")!=="true"&&!n.closest("[hidden], [inert]"));if(e.key==="Home"){c[0]?.focus();return}if(e.key==="End"){c[c.length-1]?.focus();return}const x=e.key===m,g=x?[...c].reverse():c,p=g.find(n=>x?s.indexOf(n)<i:s.indexOf(n)>i);if(T.isDefined(p)){p.focus();return}o&&g[0]?.focus()},C=({className:e,children:r,onKeyDown:o,loopFocus:t=!0,...s})=>{const i=(0,j.useDirection)(),d=a=>{if(o?.(a),a.defaultPrevented){a.preventBaseUIHandler();return}a.baseUIHandlerPrevented||B({event:a,direction:i,loopFocus:t})};return(0,l.jsxs)(_.Tabs.List,{...s,loopFocus:t,onKeyDown:d,className:f.mergeClassNames(u.Tab_module_default.list,e),children:[r,(0,l.jsx)(_.Tabs.Indicator,{className:u.Tab_module_default.indicator})]})},I=({className:e,...r})=>(0,l.jsx)(_.Tabs.Panel,{...r,className:f.mergeClassNames(u.Tab_module_default.panel,e)}),P=({className:e,...r})=>(0,l.jsx)(_.Tabs.Root,{...r,className:f.mergeClassNames(u.Tab_module_default.root,e)}),R=({className:e,children:r,startIcon:o,endIcon:t,badge:s,highlighted:i=!1,size:d="sm",...a})=>(0,l.jsx)(_.Tabs.Tab,{...a,className:f.mergeClassNames(u.Tab_module_default.tab,e),"data-size":d,"data-highlighted":i||void 0,children:(0,l.jsx)(u.TabsTabContent,{startIcon:o,endIcon:t,badge:s,children:r})}),H={Root:P,List:C,Tab:R,Panel:I};Object.defineProperty(exports,"Breadcrumb",{enumerable:!0,get:function(){return K}});Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return H}});

package/dist/normalizeSearchText-DA4xMLCJ.js

@@ -0,0 +1,18 @@
+import { t as _ } from "./isDefined-fMi6eQ4r.js";
+var i = /[·ʻʼ´¨ˆ˜΄ˇ˘˙˚˛˝¯¸^`]/g, T = new RegExp("([\\p{Script=Latin}\\p{Script=Greek}\\p{Script_Extensions=Arabic}\\p{Script=Hebrew}])\\p{Mark}+", "gu"), R = new RegExp("(\\p{Script=Cyrillic})(\\p{Mark}+)", "gu"), p = /[\u0300\u0301]/g, C = ["г", "к"], L = /[가-힣]+/g, S = /[ㄱ-ㆎ]/g, E = {
+  ø: "o",
+  æ: "ae",
+  ß: "ss",
+  ð: "d",
+  þ: "th",
+  ł: "l",
+  œ: "oe",
+  đ: "d",
+  ı: "i",
+  ŋ: "ng",
+  ς: "σ",
+  ё: "е"
+}, c = new RegExp(`[${Object.keys(E).join("")}]`, "g"), A = (e, r, a) => C.includes(r) ? `${r}${a}` : `${r}${a.replace(p, "")}`, n = (e) => _(e) ? e.toLowerCase().normalize("NFD").replace(i, "").replace(T, "$1").replace(R, A).normalize("NFC").replace(L, (r) => r.normalize("NFD")).replace(S, (r) => r.normalize("NFKD")).replace(c, (r) => E[r] ?? r) : "";
+export {
+  n as t
+};

package/dist/normalizeSearchText-DoNMfZqV.cjs

@@ -0,0 +1 @@
+const E=require("./isDefined-DS2Q42p5.cjs");var _=/[·ʻʼ´¨ˆ˜΄ˇ˘˙˚˛˝¯¸^`]/g,c=new RegExp("([\\p{Script=Latin}\\p{Script=Greek}\\p{Script_Extensions=Arabic}\\p{Script=Hebrew}])\\p{Mark}+","gu"),T=new RegExp("(\\p{Script=Cyrillic})(\\p{Mark}+)","gu"),n=/[\u0300\u0301]/g,R=["г","к"],S=/[가-힣]+/g,C=/[ㄱ-ㆎ]/g,i={ø:"o",æ:"ae",ß:"ss",ð:"d",þ:"th",ł:"l",œ:"oe",đ:"d",ı:"i",ŋ:"ng",ς:"σ",ё:"е"},L=new RegExp(`[${Object.keys(i).join("")}]`,"g"),p=(r,e,a)=>R.includes(e)?`${e}${a}`:`${e}${a.replace(n,"")}`,A=r=>E.isDefined(r)?r.toLowerCase().normalize("NFD").replace(_,"").replace(c,"$1").replace(T,p).normalize("NFC").replace(S,e=>e.normalize("NFD")).replace(C,e=>e.normalize("NFKD")).replace(L,e=>i[e]??e):"";Object.defineProperty(exports,"normalizeSearchText",{enumerable:!0,get:function(){return A}});

package/dist/primitives/accessibility/components/VisuallyHidden.d.ts

@@ -0,0 +1,2 @@
+import { VisuallyHiddenProps } from '../types/VisuallyHiddenProps';
+export declare const VisuallyHidden: ({ render, ref, className, ...props }: VisuallyHiddenProps) => import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>>;

package/dist/primitives/accessibility/index.d.ts

@@ -1,2 +1,3 @@
-export { VisibilityHidden } from './components/VisibilityHidden';
+export { VisuallyHidden } from './components/VisuallyHidden';
+export type { VisuallyHiddenProps } from './types/VisuallyHiddenProps';
 export { handleClickableElementKeyDown } from './utils/handleClickableElementKeyDown';

package/dist/primitives/accessibility/types/VisuallyHiddenProps.d.ts

@@ -0,0 +1,2 @@
+import { useRender } from '@base-ui/react/use-render';
+export type VisuallyHiddenProps = useRender.ComponentProps<'span'>;

package/dist/primitives/accessibility.cjs

@@ -1 +1 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../handleClickableElementKeyDown-0XD9MRqa.cjs");exports.VisibilityHidden=e.VisibilityHidden;exports.handleClickableElementKeyDown=e.handleClickableElementKeyDown;
+Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("../VisuallyHidden-B-n4x1KY.cjs"),l=require("../handleClickableElementKeyDown-CByqtBhO.cjs");exports.VisuallyHidden=e.VisuallyHidden;exports.handleClickableElementKeyDown=l.handleClickableElementKeyDown;

package/dist/primitives/accessibility.mjs

@@ -1,5 +1,6 @@
-import { n as i, t as l } from "../handleClickableElementKeyDown-CJ_JsX2K.js";
+import { t as l } from "../VisuallyHidden-CFZP7ybO.js";
+import { t } from "../handleClickableElementKeyDown-C8Uz61XJ.js";
 export {
-  i as VisibilityHidden,
-  l as handleClickableElementKeyDown
+  l as VisuallyHidden,
+  t as handleClickableElementKeyDown
 };

package/dist/primitives/data-display/Avatar/Avatar.d.ts

@@ -1,2 +1,6 @@
 import { AvatarProps } from './types/AvatarProps';
-export declare const Avatar: ({ src, name, colorSeed, size, shape, variant, icon, color, backgroundColor, borderColor, pulsing, ring, disabled, nativeButton, onClick, className, style, render, "aria-label": ariaLabel, ...props }: AvatarProps) => import("react").JSX.Element;
+export declare const Avatar: (({ src, name, icon, imageProps, fallbackProps, backgroundColor, ...props }: AvatarProps) => import("react").JSX.Element) & {
+    Root: ({ name, colorSeed, size, shape, variant, color, backgroundColor, borderColor, pulsing, ring, className, style, ...props }: import('..').AvatarRootProps) => import("react").JSX.Element;
+    Image: ({ className, ...props }: import('..').AvatarImageProps) => import("react").JSX.Element;
+    Fallback: ({ className, ...props }: import('..').AvatarFallbackProps) => import("react").JSX.Element;
+};

package/dist/primitives/data-display/Avatar/internal/AvatarFallback.d.ts

@@ -0,0 +1,2 @@
+import { AvatarFallbackProps } from '../types/AvatarFallbackProps';
+export declare const AvatarFallback: ({ className, ...props }: AvatarFallbackProps) => import("react").JSX.Element;

package/dist/primitives/data-display/Avatar/internal/AvatarImage.d.ts

@@ -0,0 +1,2 @@
+import { AvatarImageProps } from '../types/AvatarImageProps';
+export declare const AvatarImage: ({ className, ...props }: AvatarImageProps) => import("react").JSX.Element;

package/dist/primitives/data-display/Avatar/internal/AvatarRoot.d.ts

@@ -0,0 +1,2 @@
+import { AvatarRootProps } from '../types/AvatarRootProps';
+export declare const AvatarRoot: ({ name, colorSeed, size, shape, variant, color, backgroundColor, borderColor, pulsing, ring, className, style, ...props }: AvatarRootProps) => import("react").JSX.Element;

package/dist/primitives/data-display/Avatar/internal/getAvatarInitial.d.ts

@@ -0,0 +1 @@
+export declare const getAvatarInitial: (name?: string) => string | undefined;

package/dist/primitives/data-display/Avatar/types/AvatarFallbackProps.d.ts

@@ -0,0 +1,2 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+export type AvatarFallbackProps = AvatarPrimitive.Fallback.Props;

package/dist/primitives/data-display/Avatar/types/AvatarFallbackState.d.ts

@@ -0,0 +1,2 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+export type AvatarFallbackState = AvatarPrimitive.Fallback.State;

package/dist/primitives/data-display/Avatar/types/AvatarImageLoadingStatus.d.ts

@@ -0,0 +1,2 @@
+import { AvatarRootState } from './AvatarRootState';
+export type AvatarImageLoadingStatus = AvatarRootState['imageLoadingStatus'];

package/dist/primitives/data-display/Avatar/types/AvatarImageProps.d.ts

@@ -0,0 +1,2 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+export type AvatarImageProps = AvatarPrimitive.Image.Props;

package/dist/primitives/data-display/Avatar/types/AvatarImageState.d.ts

@@ -0,0 +1,2 @@
+import { Avatar as AvatarPrimitive } from '@base-ui/react/avatar';
+export type AvatarImageState = AvatarPrimitive.Image.State;