twenty-ui 2.49.0 → 2.51.1

package/dist/Tooltip-cLCgtFBF.js

@@ -1,124 +0,0 @@
-import { t as er } from "./isDefined-fMi6eQ4r.js";
-import { t as tr } from "./theme-B2EaXhye.js";
-import { t as u } from "./mergeClassNames-ClFMR1v0.js";
-import { t as n } from "./isRenderableSlot-DT_depzM.js";
-import { t as ar } from "./useProvidedTextDirection-Dk8LBQeF.js";
-import { isFunction as v, isNumber as x, isString as nr } from "@sniptt/guards";
-import { Fragment as h, jsx as o, jsxs as d } from "react/jsx-runtime";
-import { Tooltip as t } from "@base-ui/react/tooltip";
-var sr = "_positioner_16x57_1", pr = "_popup_16x57_8", lr = "_content_16x57_50", dr = "_title_16x57_56", cr = "_icon_16x57_68", mr = "_description_16x57_78", _r = "_arrow_16x57_84", s = {
-  positioner: sr,
-  popup: pr,
-  content: lr,
-  title: dr,
-  icon: cr,
-  description: mr,
-  arrow: _r
-}, g = ({ className: r, ...e }) => /* @__PURE__ */ o(t.Arrow, {
-  ...e,
-  className: u(s.arrow, r)
-}), vr = ({ children: r, description: e, startIcon: i }) => /* @__PURE__ */ d("div", {
-  className: s.content,
-  children: [n(r) && /* @__PURE__ */ d("div", {
-    className: s.title,
-    children: [n(i) && /* @__PURE__ */ o("span", {
-      className: s.icon,
-      "aria-hidden": !0,
-      children: i
-    }), /* @__PURE__ */ o("span", { children: r })]
-  }), n(e) && /* @__PURE__ */ o("div", {
-    className: s.description,
-    children: e
-  })]
-}), P = ({ className: r, withExitAnimation: e = !1, maxWidth: i, style: p, ...l }) => /* @__PURE__ */ o(t.Popup, {
-  role: "tooltip",
-  "data-with-exit-animation": e || void 0,
-  ...l,
-  className: u(s.popup, r),
-  style: (c) => ({
-    "--tw-tooltip-max-width": x(i) ? `${i}px` : i,
-    ...v(p) ? p(c) : p
-  })
-}), w = ({ container: r, ...e }) => {
-  const i = tr();
-  return /* @__PURE__ */ o(t.Portal, {
-    ...e,
-    container: r ?? i ?? void 0
-  });
-}, N = ({ className: r, ...e }) => {
-  const i = ar();
-  return /* @__PURE__ */ o(t.Positioner, {
-    dir: i,
-    ...e,
-    className: u(s.positioner, r)
-  });
-}, ur = 10, Tr = "300px", fr = ({ content: r, children: e, description: i, startIcon: p, open: l, defaultOpen: c, onOpenChange: D, onOpenChangeComplete: A, disabled: F = !1, disableHoverablePopup: b, trackCursorAxis: H, actionsRef: E, handle: R, triggerId: S, defaultTriggerId: j, delay: L, closeDelay: O, closeOnClick: U, side: V = "top", align: $ = "center", sideOffset: y = ur, alignOffset: B, anchor: C, positionMethod: M, collisionBoundary: X, collisionPadding: k, collisionAvoidance: q, sticky: z, arrowPadding: G, disableAnchorTracking: I, arrow: J = !1, maxWidth: K = Tr, container: Q, keepMounted: Y, triggerProps: Z, positionerProps: W, portalProps: rr, ...or }) => {
-  const m = n(i), _ = F || !v(r) && !n(r) && !m, T = /* @__PURE__ */ o(t.Trigger, {
-    render: e,
-    delay: L,
-    closeDelay: O,
-    closeOnClick: U,
-    ...Z
-  }), f = (a) => {
-    if (!(n(a) || m)) return /* @__PURE__ */ o(h, { children: T });
-    const ir = nr(a) || x(a) || m || n(p);
-    return /* @__PURE__ */ d(h, { children: [T, /* @__PURE__ */ o(w, {
-      container: Q,
-      keepMounted: Y,
-      ...rr,
-      children: /* @__PURE__ */ o(N, {
-        side: V,
-        align: $,
-        sideOffset: y,
-        alignOffset: B,
-        anchor: C,
-        positionMethod: M,
-        collisionBoundary: X,
-        collisionPadding: k,
-        collisionAvoidance: q,
-        sticky: z,
-        arrowPadding: G,
-        disableAnchorTracking: I,
-        ...W,
-        children: /* @__PURE__ */ d(P, {
-          maxWidth: K,
-          ...or,
-          children: [ir ? /* @__PURE__ */ o(vr, {
-            description: i,
-            startIcon: p,
-            children: a
-          }) : a, J && /* @__PURE__ */ o(g, {})]
-        })
-      })
-    })] });
-  };
-  return /* @__PURE__ */ o(t.Root, {
-    open: er(l) ? l && !_ : void 0,
-    defaultOpen: c && !_,
-    onOpenChange: D,
-    onOpenChangeComplete: A,
-    disabled: _,
-    disableHoverablePopup: b,
-    trackCursorAxis: H,
-    actionsRef: E,
-    handle: R,
-    triggerId: S,
-    defaultTriggerId: j,
-    children: v(r) ? (a) => f(r(a)) : f(r)
-  });
-}, Fr = Object.assign(fr, {
-  Root: t.Root,
-  Trigger: t.Trigger,
-  Portal: w,
-  Positioner: N,
-  Popup: P,
-  Arrow: g,
-  Viewport: t.Viewport,
-  Provider: t.Provider,
-  Handle: t.Handle,
-  createHandle: t.createHandle
-});
-export {
-  vr as n,
-  Fr as t
-};

package/dist/components/navigation/MenuItem/MenuItem.d.ts

@@ -1,2 +0,0 @@
-import { MenuItemProps } from './types/MenuItemProps';
-export declare const MenuItem: ({ accent, className, withIconContainer, withIconContainerBackground, iconButtons, isIconDisplayedOnHoverOnly, LeftIcon, iconThemeColor, LeftComponent, RightIcon, RightComponent, onClick, onMouseEnter, onMouseLeave, testId, text, contextualTextPosition, contextualText, hasSubMenu, disabled, focused, selected, shortcut, shortcutJoinLabel, isSubMenuOpened, }: MenuItemProps) => import("react").JSX.Element;

package/dist/components/navigation/MenuItem/parts/MenuItemIcon.d.ts

@@ -1,9 +0,0 @@
-import { IconComponent } from '../../../../icon';
-import { ThemeColor } from '../../../../theme';
-export type MenuItemIconProps = {
-    Icon: IconComponent | null | undefined;
-    iconThemeColor?: ThemeColor | null;
-    withContainer?: boolean;
-    withContainerBackground?: boolean;
-};
-export declare const MenuItemIcon: ({ Icon, iconThemeColor, withContainer, withContainerBackground, }: MenuItemIconProps) => import("react").JSX.Element | null;

package/dist/components/navigation/MenuItem/parts/MenuItemIconBoxContainer.d.ts

@@ -1,7 +0,0 @@
-import { ReactNode } from 'react';
-export declare const StyledIconContainer: ({ children, className, hasBackground, }: {
-    children?: ReactNode;
-    className?: string;
-    hasBackground?: boolean;
-}) => import("react").JSX.Element;
-export { StyledIconContainer as MenuItemIconBoxContainer };

package/dist/components/navigation/MenuItem/parts/MenuItemIconWithGripSwap.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-export type MenuItemIconWithGripSwapProps = {
-    leadingContent?: ReactNode;
-    withIconContainer?: boolean;
-    withIconContainerBackground?: boolean;
-    gripIconColor: string;
-};
-export declare const MenuItemIconWithGripSwap: ({ leadingContent, withIconContainer, withIconContainerBackground, gripIconColor, }: MenuItemIconWithGripSwapProps) => import("react").JSX.Element | null;

package/dist/components/navigation/MenuItem/parts/MenuItemLeftContent.d.ts

@@ -1,19 +0,0 @@
-import { ReactNode } from 'react';
-import { MenuItemDraggableGripMode } from '../types/MenuItemDraggableGripMode';
-import { IconComponent } from '../../../../icon';
-import { ThemeColor } from '../../../../theme';
-type MenuItemLeftContentProps = {
-    className?: string;
-    LeftComponent?: ReactNode;
-    LeftIcon: IconComponent | null | undefined;
-    iconThemeColor?: ThemeColor | null;
-    withIconContainer?: boolean;
-    withIconContainerBackground?: boolean;
-    gripMode?: MenuItemDraggableGripMode;
-    disabled?: boolean;
-    text: ReactNode;
-    contextualText?: ReactNode;
-    contextualTextPosition?: 'left' | 'right';
-};
-export declare const MenuItemLeftContent: ({ className, LeftComponent, LeftIcon, iconThemeColor, withIconContainer, withIconContainerBackground, text, contextualText, contextualTextPosition, gripMode, disabled, }: MenuItemLeftContentProps) => import("react").JSX.Element;
-export {};

package/dist/components/navigation/MenuItem/parts/StyledMenuItemBase.d.ts

@@ -1,25 +0,0 @@
-import { MenuItemAccent } from '../types/MenuItemAccent';
-export type MenuItemBaseProps = {
-    accent?: MenuItemAccent;
-    isKeySelected?: boolean;
-    isHoverBackgroundDisabled?: boolean;
-    hovered?: boolean;
-    disabled?: boolean;
-    focused?: boolean;
-};
-export declare const StyledMenuItemBase: import('react').ForwardRefExoticComponent<MenuItemBaseProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const StyledMenuItemLabel: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const StyledMenuItemLabelLight: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const StyledNoIconFiller: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const StyledMenuItemLeftContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const StyledMenuItemRightContent: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const StyledDraggableItem: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const StyledHoverableMenuItemBase: import('react').ForwardRefExoticComponent<{
-    isIconDisplayedOnHoverOnly?: boolean;
-    cursor?: "drag" | "default";
-} & MenuItemBaseProps & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const StyledMenuItemIconCheck: ({ size }: {
-    size?: number;
-}) => import("react").JSX.Element;
-export declare const StyledMenuItemContextualText: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-export declare const StyledRightMenuItemContextualText: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/navigation/MenuItem/types/MenuItemDraggableGripMode.d.ts

@@ -1 +0,0 @@
-export type MenuItemDraggableGripMode = 'always' | 'onHover' | 'never';

package/dist/components/navigation/MenuItem/types/MenuItemProps.d.ts

@@ -1,33 +0,0 @@
-import { ShortcutDefinition } from '../../../../primitives/typography/Shortcut/types/ShortcutDefinition';
-import { MenuItemAccent } from './MenuItemAccent';
-import { IconComponent } from '../../../../icon';
-import { ThemeColor } from '../../../../theme';
-import { MouseEvent, ReactNode } from 'react';
-export type MenuItemProps = {
-    accent?: MenuItemAccent;
-    className?: string;
-    withIconContainer?: boolean;
-    withIconContainerBackground?: boolean;
-    iconButtons?: ReactNode;
-    isIconDisplayedOnHoverOnly?: boolean;
-    isTooltipOpen?: boolean;
-    LeftIcon?: IconComponent | null;
-    iconThemeColor?: ThemeColor | null;
-    LeftComponent?: ReactNode;
-    RightIcon?: IconComponent | null;
-    RightComponent?: ReactNode;
-    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
-    onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
-    onMouseLeave?: (event: MouseEvent<HTMLDivElement>) => void;
-    testId?: string;
-    disabled?: boolean;
-    text: ReactNode;
-    contextualTextPosition?: 'left' | 'right';
-    contextualText?: ReactNode;
-    hasSubMenu?: boolean;
-    focused?: boolean;
-    selected?: boolean;
-    shortcut?: ShortcutDefinition;
-    shortcutJoinLabel?: string;
-    isSubMenuOpened?: boolean;
-};

package/dist/components/navigation/MenuItemAvatar/MenuItemAvatar.d.ts

@@ -1,2 +0,0 @@
-import { MenuItemAvatarProps } from './types/MenuItemAvatarProps';
-export declare const MenuItemAvatar: ({ accent, className, iconButtons, isIconDisplayedOnHoverOnly, isTooltipOpen, onClick, onMouseEnter, onMouseLeave, testId, avatar, hasSubMenu, text, contextualText, }: MenuItemAvatarProps) => import("react").JSX.Element;

package/dist/components/navigation/MenuItemAvatar/types/MenuItemAvatarProps.d.ts

@@ -1,18 +0,0 @@
-import { MenuItemAccent } from '../../MenuItem/types/MenuItemAccent';
-import { AvatarProps } from '../../../../primitives/data-display/Avatar/types/AvatarProps';
-import { MouseEvent, ReactNode } from 'react';
-export type MenuItemAvatarProps = {
-    accent?: MenuItemAccent;
-    className?: string;
-    iconButtons?: ReactNode;
-    isIconDisplayedOnHoverOnly?: boolean;
-    isTooltipOpen?: boolean;
-    avatar?: Pick<AvatarProps, 'src' | 'colorSeed' | 'name' | 'size' | 'shape'> | null;
-    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
-    onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
-    onMouseLeave?: (event: MouseEvent<HTMLDivElement>) => void;
-    testId?: string;
-    text: string;
-    hasSubMenu?: boolean;
-    contextualText?: ReactNode;
-};

package/dist/components/navigation/MenuItemDraggable/MenuItemDraggable.d.ts

@@ -1,2 +0,0 @@
-import { MenuItemDraggableProps } from './types/MenuItemDraggableProps';
-export declare const MenuItemDraggable: ({ LeftIcon, LeftComponent, withIconContainer, accent, iconButtons, onClick, text, contextualText, isDragDisabled, className, isIconDisplayedOnHoverOnly, gripMode, }: MenuItemDraggableProps) => import("react").JSX.Element;

package/dist/components/navigation/MenuItemDraggable/types/MenuItemDraggableProps.d.ts

@@ -1,20 +0,0 @@
-import { MenuItemAccent } from '../../MenuItem/types/MenuItemAccent';
-import { MenuItemDraggableGripMode } from '../../MenuItem/types/MenuItemDraggableGripMode';
-import { IconComponent } from '../../../../icon';
-import { ReactNode } from 'react';
-export type MenuItemDraggableProps = {
-    LeftIcon?: IconComponent | undefined;
-    LeftComponent?: ReactNode;
-    withIconContainer?: boolean;
-    accent?: MenuItemAccent;
-    iconButtons?: ReactNode;
-    isTooltipOpen?: boolean;
-    onClick?: () => void;
-    text: ReactNode;
-    contextualText?: ReactNode;
-    className?: string;
-    isIconDisplayedOnHoverOnly?: boolean;
-    gripMode?: MenuItemDraggableGripMode;
-    isDragDisabled?: boolean;
-    isHoverDisabled?: boolean;
-};

package/dist/components/navigation/MenuItemSuggestion/MenuItemSuggestion.d.ts

@@ -1,2 +0,0 @@
-import { MenuItemSuggestionProps } from './types/MenuItemSuggestionProps';
-export declare const MenuItemSuggestion: ({ LeftIcon, withIconContainer, text, contextualText, contextualTextPosition, className, selected, onClick, }: MenuItemSuggestionProps) => import("react").JSX.Element;

package/dist/components/navigation/MenuItemSuggestion/types/MenuItemSuggestionProps.d.ts

@@ -1,12 +0,0 @@
-import { IconComponent } from '../../../../icon';
-import { MouseEvent } from 'react';
-export type MenuItemSuggestionProps = {
-    LeftIcon?: IconComponent | null;
-    withIconContainer?: boolean;
-    text: string;
-    contextualText?: string;
-    contextualTextPosition?: 'left' | 'right';
-    selected?: boolean;
-    className?: string;
-    onClick?: (event: MouseEvent<HTMLLIElement>) => void;
-};

package/dist/components/navigation/MenuPicker/MenuPicker.d.ts

@@ -1,2 +0,0 @@
-import { MenuPickerProps } from './types/MenuPickerProps';
-export declare const MenuPicker: ({ id, icon: Icon, label, selected, disabled, showLabel, onClick, className, testId, tooltipContent, tooltipDelay, tooltipOffset, }: MenuPickerProps) => import("react").JSX.Element;

package/dist/components/navigation/MenuPicker/types/MenuPickerProps.d.ts

@@ -1,15 +0,0 @@
-import { IconComponent } from '../../../../icon';
-export type MenuPickerProps = {
-    id: string;
-    className?: string;
-    disabled?: boolean;
-    icon: IconComponent;
-    label?: string;
-    onClick?: () => void;
-    selected?: boolean;
-    showLabel?: boolean;
-    testId?: string;
-    tooltipContent?: string;
-    tooltipDelay?: number;
-    tooltipOffset?: number;
-};

package/dist/data-display-BSKGlijb.cjs

@@ -1 +0,0 @@
-const o=require("./theme-1XkFz8Qu.cjs"),_=require("./isDefined-DS2Q42p5.cjs"),A=require("./doNotTranslate-CHE7WmRS.cjs"),k=require("./utilities-xZh8D2gd.cjs"),z=require("./Loader-Bb72CUQ9.cjs"),y=require("./OverflowingTextWithTooltip-Z2daM0_x.cjs");let p=require("@base-ui/react/use-render"),f=require("@sniptt/guards"),g=require("clsx"),e=require("react/jsx-runtime");var L={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"}},F="_badge_1q6rc_1",Y={badge:F},I=({size:t="sm",color:r="tertiary",shape:s="pill",className:l,render:a,ref:n,...i})=>(0,p.useRender)({defaultTagName:"span",render:a,ref:n,props:{...i,className:(0,g.clsx)(Y.badge,l),"data-badge-size":t,"data-badge-color":r,"data-badge-shape":s}}),M="_chip_j2xcu_1",W="_label_j2xcu_26",Z="_endElementDivider_j2xcu_75",v={chip:M,label:W,endElementDivider:Z},$={height:"var(--t-spacing-4)"},U=({children:t,size:r="sm",variant:s="ghost",color:l="primary",shape:a="square",weight:n="regular",onClick:i,clickable:d=_.isDefined(i),startElement:c,endElement:u,endElementDivider:b=!1,maxWidth:m,truncate:h=!0,tooltipContent:j,tooltipDelay:C,isTooltipMultiline:w,tooltipPlace:S,alwaysShowTooltip:N=!1,className:O,style:P,render:R,ref:V,...D})=>{const E=_.isDefined(t)&&!(0,f.isBoolean)(t)&&t!=="",B=(0,f.isString)(t)?{text:t,tooltipContent:j}:{text:t??!1,tooltipContent:j??""};return(0,p.useRender)({render:R,ref:V,state:{size:r,variant:s,color:l,shape:a,weight:n,clickable:d,truncate:h},props:{...D,onClick:i,className:(0,g.clsx)(v.chip,O),style:{..._.isDefined(m)?{"--tw-chip-max-width":A.doNotTranslate(`calc(${m}px - 2 * var(--tw-chip-padding))`)}:{},...P},children:(0,e.jsxs)(e.Fragment,{children:[c,E&&(0,e.jsx)(y.OverflowingTextWithTooltip,{...B,render:(0,e.jsx)("span",{}),className:v.label,style:r==="md"?$:void 0,truncate:h,tooltipDelay:C,isTooltipMultiline:w,tooltipPlace:S,alwaysShowTooltip:N}),_.isDefined(u)&&u!==!1&&(0,e.jsxs)(e.Fragment,{children:[b&&(0,e.jsx)("span",{className:v.endElementDivider}),u]})]})}})},G="_root_6bfj6_1",H="_circle_6bfj6_13",T={root:G,circle:H},J=({colorName:t,color:r,variant:s,className:l,style:a,render:n,ref:i,...d})=>(0,p.useRender)({defaultTagName:"div",render:n,ref:i,props:{...d,className:(0,g.clsx)(T.root,s==="circle"&&T.circle,l),style:{"--color-sample-color":r??o.themeCssVariables.tag.background[t],"--color-sample-border-color":o.themeCssVariables.tag.text[t],...a}}}),K="_status_y5v42_1",Q="_content_y5v42_49",q={status:K,content:Q},X=({children:t,color:r,loading:s=!1,weight:l="regular",className:a,style:n,render:i,ref:d,...c})=>{const u=k.parseThemeColor(r);return(0,p.useRender)({defaultTagName:"span",render:i,ref:d,state:{loading:s,weight:l},props:{"aria-busy":s||void 0,...c,className:(0,g.clsx)(q.status,a),style:{"--tw-status-background":o.themeCssVariables.tag.background[u],"--tw-status-text-color":o.themeCssVariables.tag.text[u],...n},children:(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)("span",{className:q.content,children:t}),s&&(0,e.jsx)(z.Loader,{color:r,"aria-hidden":"true",render:(0,e.jsx)("span",{})})]})}})},ee="_tag_1rqsl_1",te="_content_1rqsl_46",re="_overflowingText_1rqsl_55",ae="_iconContainer_1rqsl_59",x={tag:ee,content:te,overflowingText:re,iconContainer:ae},se=({children:t,color:r,weight:s="regular",variant:l="soft",startIcon:a,truncate:n=!0,borderStyle:i="solid",className:d,style:c,render:u,ref:b,...m})=>(0,p.useRender)({defaultTagName:"span",render:u,ref:b,state:{variant:l,weight:s,truncate:n},props:{...m,className:(0,g.clsx)(x.tag,d),style:{"--tw-tag-background":r==="transparent"?"transparent":o.themeCssVariables.tag.background[r]??o.themeCssVariables.tag.background.gray,"--tw-tag-text":r==="transparent"?o.themeCssVariables.font.color.secondary:o.themeCssVariables.tag.text[r]??o.themeCssVariables.font.color.secondary,"--tw-tag-border-style":i,...c},children:(0,e.jsxs)(e.Fragment,{children:[_.isDefined(a)&&!(0,f.isBoolean)(a)&&a!==""&&(0,e.jsx)("span",{className:x.iconContainer,"aria-hidden":!0,children:a}),(0,e.jsx)("span",{className:x.content,children:(0,f.isString)(t)&&n?(0,e.jsx)(y.OverflowingTextWithTooltip,{text:t,render:(0,e.jsx)("span",{}),className:x.overflowingText}):t})]})}});Object.defineProperty(exports,"AVATAR_PROPERTIES_BY_SIZE",{enumerable:!0,get:function(){return L}});Object.defineProperty(exports,"Badge",{enumerable:!0,get:function(){return I}});Object.defineProperty(exports,"Chip",{enumerable:!0,get:function(){return U}});Object.defineProperty(exports,"ColorSample",{enumerable:!0,get:function(){return J}});Object.defineProperty(exports,"Status",{enumerable:!0,get:function(){return X}});Object.defineProperty(exports,"Tag",{enumerable:!0,get:function(){return se}});