twenty-ui 1.0.0-alpha.2 → 2.42.0

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

@@ -1,20 +0,0 @@
-import { AvatarProps } from '../../data-display';
-import { MenuItemIconButton } from '../MenuItem/MenuItem';
-import { MouseEvent, ReactNode } from 'react';
-import { MenuItemAccent } from '../MenuItem/types/MenuItemAccent';
-export type MenuItemAvatarProps = {
-    accent?: MenuItemAccent;
-    className?: string;
-    iconButtons?: MenuItemIconButton[];
-    isIconDisplayedOnHoverOnly?: boolean;
-    isTooltipOpen?: boolean;
-    avatar?: Pick<AvatarProps, 'avatarUrl' | 'placeholderColorSeed' | 'placeholder' | 'size' | 'type'> | null;
-    onClick?: (event: MouseEvent<HTMLDivElement>) => void;
-    onMouseEnter?: (event: MouseEvent<HTMLDivElement>) => void;
-    onMouseLeave?: (event: MouseEvent<HTMLDivElement>) => void;
-    testId?: string;
-    text: string;
-    hasSubMenu?: boolean;
-    contextualText?: ReactNode;
-};
-export declare const MenuItemAvatar: ({ accent, className, iconButtons, isIconDisplayedOnHoverOnly, isTooltipOpen, onClick, onMouseEnter, onMouseLeave, testId, avatar, hasSubMenu, text, contextualText, }: MenuItemAvatarProps) => import("react").JSX.Element;

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

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

package/dist/navigation/MenuItemMultiSelect/MenuItemMultiSelect.d.ts

@@ -1,15 +0,0 @@
-import { IconComponent } from '../../icon';
-import { ThemeColor } from '../../theme';
-type MenuItemMultiSelectProps = {
-    color?: ThemeColor;
-    LeftIcon?: IconComponent;
-    iconThemeColor?: ThemeColor | null;
-    selected: boolean;
-    isKeySelected?: boolean;
-    withIconContainer?: boolean;
-    text: string;
-    className?: string;
-    onSelectChange?: (selected: boolean) => void;
-};
-export declare const MenuItemMultiSelect: ({ color, LeftIcon, iconThemeColor, withIconContainer, text, selected, isKeySelected, className, onSelectChange, }: MenuItemMultiSelectProps) => import("react").JSX.Element;
-export {};

package/dist/navigation/MenuItemMultiSelectAvatar/MenuItemMultiSelectAvatar.d.ts

@@ -1,12 +0,0 @@
-import { ReactNode } from 'react';
-type MenuItemMultiSelectAvatarProps = {
-    avatar?: ReactNode;
-    selected: boolean;
-    isKeySelected?: boolean;
-    text?: string;
-    contextualText?: string;
-    className?: string;
-    onSelectChange?: (selected: boolean) => void;
-};
-export declare const MenuItemMultiSelectAvatar: ({ avatar, text, selected, contextualText, className, isKeySelected, onSelectChange, }: MenuItemMultiSelectAvatarProps) => import("react").JSX.Element;
-export {};

package/dist/navigation/MenuItemMultiSelectTag/MenuItemMultiSelectTag.d.ts

@@ -1,13 +0,0 @@
-import { IconComponent } from '../../icon';
-import { ThemeColor } from '../../theme';
-type MenuItemMultiSelectTagProps = {
-    selected: boolean;
-    className?: string;
-    isKeySelected?: boolean;
-    onClick?: () => void;
-    color: ThemeColor | 'transparent';
-    text: string;
-    Icon?: IconComponent;
-};
-export declare const MenuItemMultiSelectTag: ({ color, selected, className, onClick, isKeySelected, text, Icon, }: MenuItemMultiSelectTagProps) => import("react").JSX.Element;
-export {};

package/dist/navigation/MenuItemNavigate/MenuItemNavigate.d.ts

@@ -1,9 +0,0 @@
-import { IconComponent } from '../../icon';
-export type MenuItemNavigateProps = {
-    LeftIcon?: IconComponent;
-    withIconContainer?: boolean;
-    text: string;
-    onClick?: () => void;
-    className?: string;
-};
-export declare const MenuItemNavigate: ({ LeftIcon, withIconContainer, text, className, onClick, }: MenuItemNavigateProps) => import("react").JSX.Element;

package/dist/navigation/MenuItemSelect/MenuItemSelect.d.ts

@@ -1,25 +0,0 @@
-import { IconComponent } from '../../icon';
-import { ThemeColor } from '../../theme';
-import { ReactNode } from 'react';
-export declare const StyledMenuItemSelect: import('react').ForwardRefExoticComponent<{
-    disabled?: boolean;
-    focused?: boolean;
-    isKeySelected?: boolean;
-} & Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-type MenuItemSelectProps = {
-    LeftIcon?: IconComponent | null | undefined;
-    leftIconColor?: ThemeColor | null;
-    withIconContainer?: boolean;
-    selected: boolean;
-    needIconCheck?: boolean;
-    text: string;
-    className?: string;
-    onClick?: () => void;
-    disabled?: boolean;
-    focused?: boolean;
-    hasSubMenu?: boolean;
-    contextualText?: ReactNode;
-    contextualTextPosition?: 'left' | 'right';
-};
-export declare const MenuItemSelect: ({ LeftIcon, leftIconColor, withIconContainer, text, selected, needIconCheck, className, onClick, disabled, focused, hasSubMenu, contextualText, contextualTextPosition, }: MenuItemSelectProps) => import("react").JSX.Element;
-export {};

package/dist/navigation/MenuItemSelectAvatar/MenuItemSelectAvatar.d.ts

@@ -1,14 +0,0 @@
-import { ReactNode } from 'react';
-type MenuItemSelectAvatarProps = {
-    avatar?: ReactNode;
-    selected: boolean;
-    text: string;
-    contextualText?: string;
-    className?: string;
-    onClick?: (event?: React.MouseEvent) => void;
-    disabled?: boolean;
-    focused?: boolean;
-    testId?: string;
-};
-export declare const MenuItemSelectAvatar: ({ avatar, text, contextualText, selected, className, onClick, disabled, focused, testId, }: MenuItemSelectAvatarProps) => import("react").JSX.Element;
-export {};

package/dist/navigation/MenuItemSelectColor/MenuItemSelectColor.d.ts

@@ -1,15 +0,0 @@
-import { ColorSampleVariant } from '../../data-display';
-import { ThemeColor } from '../../theme';
-import { ColorLabels } from '../MenuItem/constants/DefaultColorLabels';
-type MenuItemSelectColorProps = {
-    selected: boolean;
-    className?: string;
-    onClick?: () => void;
-    disabled?: boolean;
-    focused?: boolean;
-    color: ThemeColor;
-    variant?: ColorSampleVariant;
-    colorLabels?: ColorLabels;
-};
-export declare const MenuItemSelectColor: ({ color, selected, className, onClick, disabled, focused, variant, colorLabels, }: MenuItemSelectColorProps) => import("react").JSX.Element;
-export {};

package/dist/navigation/MenuItemSelectTag/MenuItemSelectTag.d.ts

@@ -1,15 +0,0 @@
-import { IconComponent } from '../../icon';
-import { ThemeColor } from '../../theme';
-type MenuItemSelectTagProps = {
-    selected?: boolean;
-    focused?: boolean;
-    isKeySelected?: boolean;
-    className?: string;
-    onClick?: () => void;
-    color: ThemeColor | 'transparent';
-    text: string;
-    variant?: 'solid' | 'outline';
-    LeftIcon?: IconComponent | null;
-};
-export declare const MenuItemSelectTag: ({ color, selected, focused, isKeySelected, className, onClick, text, variant, LeftIcon, }: MenuItemSelectTagProps) => import("react").JSX.Element;
-export {};

package/dist/navigation/MenuItemSwitch/MenuItemSwitch.d.ts

@@ -1,14 +0,0 @@
-import { IconComponent } from '../../icon';
-import { SwitchSize } from '../../input';
-export type MenuItemSwitchProps = {
-    focused?: boolean;
-    LeftIcon?: IconComponent;
-    withIconContainer?: boolean;
-    checked: boolean;
-    text: string;
-    className?: string;
-    onCheckedChange?: (checked: boolean) => void;
-    size?: SwitchSize;
-    disabled?: boolean;
-};
-export declare const MenuItemSwitch: ({ focused, LeftIcon, withIconContainer, text, checked, className, onCheckedChange, size, disabled, }: MenuItemSwitchProps) => import("react").JSX.Element;

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

@@ -1,17 +0,0 @@
-import { IconComponent } from '../../icon';
-import { TooltipDelay } from '../../surfaces';
-export type MenuPickerProps = {
-    id: string;
-    className?: string;
-    disabled?: boolean;
-    icon: IconComponent;
-    label?: string;
-    onClick?: () => void;
-    selected?: boolean;
-    showLabel?: boolean;
-    testId?: string;
-    tooltipContent?: string;
-    tooltipDelay?: TooltipDelay;
-    tooltipOffset?: number;
-};
-export declare const MenuPicker: ({ id, icon: Icon, label, selected, disabled, showLabel, onClick, className, testId, tooltipContent, tooltipDelay, tooltipOffset, }: MenuPickerProps) => import("react").JSX.Element;

package/dist/navigation/RawLink/RawLink.d.ts

@@ -1,9 +0,0 @@
-import * as React from 'react';
-type RawLinkProps = {
-    className?: string;
-    href: string;
-    children?: React.ReactNode;
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-};
-export declare const RawLink: ({ className, href, children, onClick, }: RawLinkProps) => React.JSX.Element;
-export {};

package/dist/navigation/SocialLink/LinkType.d.ts

@@ -1,9 +0,0 @@
-export declare enum LinkType {
-    Url = "url",
-    LinkedIn = "linkedin",
-    Twitter = "twitter",
-    Facebook = "facebook",
-    Instagram = "instagram",
-    TikTok = "tiktok",
-    Bluesky = "bluesky"
-}

package/dist/navigation/SocialLink/SocialLink.d.ts

@@ -1,10 +0,0 @@
-import { LinkType } from './LinkType';
-import * as React from 'react';
-type SocialLinkProps = {
-    label?: string | null;
-    href: string;
-    type: LinkType;
-    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
-};
-export declare const SocialLink: ({ label, href, onClick, type }: SocialLinkProps) => React.JSX.Element;
-export {};

package/dist/navigation/SocialLink/socialLinkProviders.d.ts

@@ -1,10 +0,0 @@
-import { LinkType } from './LinkType';
-export type SocialLinkProvider = {
-    type: LinkType;
-    detectPattern: RegExp;
-    handlePattern: RegExp;
-    reservedPaths: string[];
-    handlePrefix: string;
-    fallbackLabel: string;
-};
-export declare const SOCIAL_LINK_PROVIDERS: SocialLinkProvider[];

package/dist/navigation/UndecoratedLink/UndecoratedLink.d.ts

@@ -1,10 +0,0 @@
-import { default as React } from 'react';
-type UndecoratedLinkProps = {
-    to: string | number;
-    children: React.ReactNode;
-    replace?: boolean;
-    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
-    fullWidth?: boolean;
-};
-export declare const UndecoratedLink: ({ children, to, replace, onClick, fullWidth, }: UndecoratedLinkProps) => React.JSX.Element;
-export {};

package/dist/navigation/index.d.ts

@@ -1,54 +0,0 @@
-export { ClickToActionLink } from './ClickToActionLink/ClickToActionLink';
-export { ContactLink } from './ContactLink/ContactLink';
-export { GithubVersionLink } from './GithubVersionLink/GithubVersionLink';
-export { CAL_LINK } from './Link/constants/Cal';
-export { GITHUB_LINK } from './Link/constants/GithubLink';
-export { TWENTY_PRICING_LINK } from './Link/constants/TwentyPricingLink';
-export { ListItem } from './ListItem/ListItem';
-export type { ListItemColor } from './ListItem/types/ListItemColor';
-export type { ListItemDescriptionPlacement } from './ListItem/types/ListItemDescriptionPlacement';
-export type { ListItemIndicator } from './ListItem/types/ListItemIndicator';
-export type { ListItemProps } from './ListItem/types/ListItemProps';
-export type { ListItemState } from './ListItem/types/ListItemState';
-export type { ColorLabels } from './MenuItem/constants/DefaultColorLabels';
-export { DEFAULT_COLOR_LABELS } from './MenuItem/constants/DefaultColorLabels';
-export type { MenuItemIconButton, MenuItemProps } from './MenuItem/MenuItem';
-export { MenuItemLeftContent, StyledHoverableMenuItemBase, StyledMenuItemIconCheck, StyledMenuItemLabel, StyledMenuItemLeftContent, MenuItem, } from './MenuItem/MenuItem';
-export type { MenuItemAccent } from './MenuItem/types/MenuItemAccent';
-export type { MenuItemDraggableGripMode } from './MenuItem/types/MenuItemDraggableGripMode';
-export type { MenuItemAvatarProps } from './MenuItemAvatar/MenuItemAvatar';
-export { MenuItemAvatar } from './MenuItemAvatar/MenuItemAvatar';
-export type { MenuItemDraggableProps } from './MenuItemDraggable/MenuItemDraggable';
-export { MenuItemDraggable } from './MenuItemDraggable/MenuItemDraggable';
-export type { MenuItemHotKeysProps } from './MenuItemHotKeys/MenuItemHotKeys';
-export { MenuItemHotKeys } from './MenuItemHotKeys/MenuItemHotKeys';
-export { MenuItemMultiSelect } from './MenuItemMultiSelect/MenuItemMultiSelect';
-export { MenuItemMultiSelectAvatar } from './MenuItemMultiSelectAvatar/MenuItemMultiSelectAvatar';
-export { MenuItemMultiSelectTag } from './MenuItemMultiSelectTag/MenuItemMultiSelectTag';
-export type { MenuItemNavigateProps } from './MenuItemNavigate/MenuItemNavigate';
-export { MenuItemNavigate } from './MenuItemNavigate/MenuItemNavigate';
-export { StyledMenuItemSelect, MenuItemSelect, } from './MenuItemSelect/MenuItemSelect';
-export { MenuItemSelectAvatar } from './MenuItemSelectAvatar/MenuItemSelectAvatar';
-export { MenuItemSelectColor } from './MenuItemSelectColor/MenuItemSelectColor';
-export { MenuItemSelectTag } from './MenuItemSelectTag/MenuItemSelectTag';
-export type { MenuItemSuggestionProps } from './MenuItemSuggestion/MenuItemSuggestion';
-export { MenuItemSuggestion } from './MenuItemSuggestion/MenuItemSuggestion';
-export type { MenuItemSwitchProps } from './MenuItemSwitch/MenuItemSwitch';
-export { MenuItemSwitch } from './MenuItemSwitch/MenuItemSwitch';
-export type { MenuPickerProps } from './MenuPicker/MenuPicker';
-export { MenuPicker } from './MenuPicker/MenuPicker';
-export { NavigationBar } from './NavigationBar/NavigationBar';
-export { NavigationBarItem } from './NavigationBarItem/NavigationBarItem';
-export { RawLink } from './RawLink/RawLink';
-export { RoundedLink } from './RoundedLink/RoundedLink';
-export { LinkType } from './SocialLink/LinkType';
-export { SocialLink } from './SocialLink/SocialLink';
-export type { SocialLinkProvider } from './SocialLink/socialLinkProviders';
-export { SOCIAL_LINK_PROVIDERS } from './SocialLink/socialLinkProviders';
-export { Tabs } from './Tabs/Tabs';
-export type { TabsListProps } from './Tabs/types/TabsListProps';
-export type { TabsPanelProps } from './Tabs/types/TabsPanelProps';
-export type { TabsRootProps } from './Tabs/types/TabsRootProps';
-export type { TabsSize } from './Tabs/types/TabsSize';
-export type { TabsTabProps } from './Tabs/types/TabsTabProps';
-export { UndecoratedLink } from './UndecoratedLink/UndecoratedLink';

package/dist/navigation-Bhhmuykh.cjs

@@ -1 +0,0 @@
-const ve=require("./chunk-u_mIcLyS.cjs"),be=require("./handleClickableElementKeyDown-CByqtBhO.cjs"),d=require("./theme-constants-27fpVK7_.cjs"),C=require("./data-display-BuIrNSR6.cjs"),je=require("./utilities-CXHvN7E8.cjs"),Q=require("./linkifyText-C4_e-MKf.cjs"),b=require("./OverflowingTextWithTooltip-DUtQD8sI.cjs"),B=require("./feedback-0U5FcqFh.cjs"),w=require("./surfaces-BgMtsVvD.cjs");let e=require("react/jsx-runtime"),v=require("clsx"),M=require("react");M=ve.__toESM(M,1);let g=require("@sniptt/guards"),X=require("react-router-dom"),xe=require("@base-ui/react/direction-provider"),T=require("@base-ui/react/tabs"),I=require("@tabler/icons-react");var ge="_root_5ahh0_1",Ie={root:ge},Z=t=>(0,e.jsx)("a",{className:(0,v.clsx)(Ie.root,t.className),href:t.href,onClick:t.onClick,target:t.target,rel:t.rel,children:t.children}),ye="_root_1d4p2_1",pe={root:ye},ke=({href:t,children:n,onClick:i,maxWidth:a})=>(0,e.jsx)("a",{className:pe.root,style:{"--contact-link-max-width":a??"100%"},target:"_blank",onClick:i,href:Q.getSafeUrl(t),children:n}),ee="https://github.com/twentyhq/twenty",Ce=({version:t})=>(0,e.jsxs)(Z,{href:ee,target:"_blank",rel:"noreferrer",children:[(0,e.jsx)(I.IconBrandGithub,{size:d.useTheme().icon.size.md}),t]}),Me="https://cal.com/team/twenty/talk-to-us",Se="https://twenty.com/pricing",te={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",Ne="_withBackground_1ivx0_9",F={iconContainer:Le,withBackground:Ne},G=({children:t,className:n,hasBackground:i=!0})=>(0,e.jsx)("div",{className:(0,v.clsx)(F.iconContainer,i&&F.withBackground,n),children:t}),Te=({Icon:t,iconThemeColor:n,withContainer:i=!1,withContainerBackground:a=!0})=>{const r=d.useTheme();if(!t)return null;if(d.isDefined(n))return(0,e.jsx)(C.TintedIconTile,{Icon:t,color:n,size:r.icon.size.md,stroke:r.icon.stroke.sm});const o=(0,e.jsx)(t,{size:r.icon.size.md,stroke:r.icon.stroke.sm});return i?(0,e.jsx)(G,{hasBackground:a,children:o}):o},we="_iconSwapContainer_g9ywp_1",Oe="_defaultIcon_g9ywp_8",Pe="_hoverIcon_g9ywp_13",D={iconSwapContainer:we,defaultIcon:Oe,hoverIcon:Pe},ze=({LeftIcon:t,iconThemeColor:n,withIconContainer:i=!1,gripIconColor:a})=>{const r=d.useTheme();if(!t)return null;const o=(0,e.jsxs)("div",{className:D.iconSwapContainer,children:[(0,e.jsx)("div",{className:(0,v.clsx)(D.defaultIcon,"grip-swap-default-icon"),children:d.isDefined(n)?(0,e.jsx)(C.TintedIconTile,{Icon:t,color:n,size:r.icon.size.md,stroke:r.icon.stroke.sm}):(0,e.jsx)(t,{size:r.icon.size.md,stroke:r.icon.stroke.sm})}),(0,e.jsx)("div",{className:(0,v.clsx)(D.hoverIcon,"grip-swap-hover-icon"),children:(0,e.jsx)(I.IconGripVertical,{size:r.icon.size.md,stroke:r.icon.stroke.sm,color:a})})]});return i&&!d.isDefined(n)?(0,e.jsx)(G,{children:o}):o},Be="_menuItemBase_1jkew_1",Ae="_hoverableMenuItemBase_1jkew_54",Re="_menuItemLabel_1jkew_136",qe="_menuItemLabelLight_1jkew_145",De="_noIconFiller_1jkew_155",We="_menuItemLeftContent_1jkew_159",Ge="_menuItemRightContent_1jkew_172",Ke="_draggableItem_1jkew_183",Ee="_menuItemIconCheckContainer_1jkew_189",Ue="_menuItemContextualText_1jkew_196",Fe="_rightMenuItemContextualText_1jkew_206",j={menuItemBase:Be,hoverableMenuItemBase:Ae,menuItemLabel:Re,menuItemLabelLight:qe,noIconFiller:De,menuItemLeftContent:We,menuItemRightContent:Ge,draggableItem:Ke,menuItemIconCheckContainer:Ee,menuItemContextualText:Ue,rightMenuItemContextualText:Fe},S=(0,M.forwardRef)(({accent:t,isKeySelected:n,isHoverBackgroundDisabled:i,hovered:a,disabled:r,focused:o,className:l,children:s,...c},u)=>(0,e.jsx)("div",{ref:u,className:(0,v.clsx)(j.menuItemBase,l),"data-accent":t,"data-key-selected":n||void 0,"data-hover-background-disabled":i||void 0,"data-disabled":r||void 0,"data-focused":o||void 0,...c,children:s}));S.displayName="StyledMenuItemBase";var p=(t,n)=>{const i=(0,M.forwardRef)(({className:a,children:r,...o},l)=>(0,e.jsx)("div",{ref:l,className:(0,v.clsx)(t,a),...o,children:r}));return i.displayName=n,i},L=p(j.menuItemLabel,"StyledMenuItemLabel"),z=p(j.menuItemLabelLight,"StyledMenuItemLabelLight"),rr=p(j.noIconFiller,"StyledNoIconFiller"),y=p(j.menuItemLeftContent,"StyledMenuItemLeftContent"),K=p(j.menuItemRightContent,"StyledMenuItemRightContent"),H=p(j.draggableItem,"StyledDraggableItem"),A=(0,M.forwardRef)(({accent:t,isKeySelected:n,isHoverBackgroundDisabled:i,hovered:a,disabled:r,focused:o,isIconDisplayedOnHoverOnly:l,cursor:s,className:c,children:u,...h},m)=>(0,e.jsx)("div",{ref:m,className:(0,v.clsx)(j.hoverableMenuItemBase,c),"data-accent":t,"data-key-selected":n||void 0,"data-hover-background-disabled":i||void 0,"data-disabled":r||void 0,"data-focused":o||void 0,"data-icon-displayed-on-hover-only":l||void 0,"data-cursor":s,...h,children:u}));A.displayName="StyledHoverableMenuItemBase";var R=({size:t})=>(0,e.jsx)("div",{className:j.menuItemIconCheckContainer,children:(0,e.jsx)(I.IconCheck,{size:t})}),He=p(j.menuItemContextualText,"StyledMenuItemContextualText"),re=p(j.rightMenuItemContextualText,"StyledRightMenuItemContextualText"),Ve="_mainText_d0zu3_1",$e="_menuItemLabelRight_d0zu3_9",V={mainText:Ve,menuItemLabelRight:$e},k=({className:t,LeftComponent:n,LeftIcon:i,iconThemeColor:a,withIconContainer:r=!1,withIconContainerBackground:o=!0,text:l,contextualText:s,contextualTextPosition:c="left",gripMode:u="never",disabled:h=!1})=>{const m=d.useTheme(),_=r?d.themeCssVariables.font.color.tertiary:h?d.themeCssVariables.font.color.extraLight:d.themeCssVariables.font.color.light;return(0,e.jsxs)(y,{className:t,children:[u==="always"&&(r?(0,e.jsx)(G,{hasBackground:o,children:(0,e.jsx)(H,{children:(0,e.jsx)(I.IconGripVertical,{size:m.icon.size.md,stroke:m.icon.stroke.sm,color:_})})}):(0,e.jsx)(H,{children:(0,e.jsx)(I.IconGripVertical,{size:m.icon.size.md,stroke:m.icon.stroke.sm,color:_})})),u==="onHover"?(0,e.jsx)(ze,{LeftIcon:i,iconThemeColor:a,withIconContainer:r,gripIconColor:_}):(0,e.jsx)(Te,{Icon:i,iconThemeColor:a,withContainer:r,withContainerBackground:o}),n,(0,e.jsxs)(L,{children:[(0,g.isString)(l)?(0,e.jsx)("div",{className:V.mainText,children:(0,e.jsx)(b.OverflowingTextWithTooltip,{text:l})}):l,c==="left"&&(0,e.jsx)(e.Fragment,{children:(0,g.isString)(s)?(0,g.isNonEmptyString)(s)&&(0,e.jsx)(He,{children:(0,e.jsx)(b.OverflowingTextWithTooltip,{text:`· ${s}`,tooltipContent:s})}):s})]}),c==="right"&&(0,e.jsx)("div",{className:V.menuItemLabelRight,children:(0,e.jsx)(re,{children:(0,g.isString)(s)?(0,e.jsx)(b.OverflowingTextWithTooltip,{text:s}):s})})]})},Ye="_subMenuIcon_j232v_1",Je="_subMenuIconOpened_j232v_9",$={subMenuIcon:Ye,subMenuIconOpened:Je},ne=({accent:t="default",className:n,withIconContainer:i=!1,withIconContainerBackground:a=!0,iconButtons:r,isIconDisplayedOnHoverOnly:o=!0,LeftIcon:l,iconThemeColor:s,LeftComponent:c,RightIcon:u,RightComponent:h,onClick:m,onMouseEnter:_,onMouseLeave:f,testId:oe,text:se,contextualTextPosition:le="left",contextualText:ue,hasSubMenu:ce=!1,disabled:O=!1,focused:de=!1,selected:me=!1,hotKeys:U,isSubMenuOpened:he=!1})=>{const P=d.useTheme(),fe=Array.isArray(r)&&r.length>0,_e=q=>{m&&(q.preventDefault(),q.stopPropagation(),m?.(q))};return(0,e.jsxs)(A,{"data-testid":oe??void 0,onClick:O?void 0:_e,disabled:O,className:n,accent:t,isIconDisplayedOnHoverOnly:o,onMouseEnter:_,onMouseLeave:f,focused:de||me,children:[(0,e.jsx)(k,{LeftIcon:l??void 0,iconThemeColor:s,LeftComponent:c,withIconContainer:i,withIconContainerBackground:a,text:se,contextualText:ue,contextualTextPosition:le,disabled:O}),(0,e.jsxs)(K,{children:[r&&(0,e.jsx)("div",{className:"hoverable-buttons",children:fe&&(0,e.jsx)(B.LightIconButtonGroup,{iconButtons:r,size:"small"})}),U&&(0,e.jsx)(w.MenuItemHotKeys,{hotKeys:U}),u&&(0,e.jsx)(u,{size:P.icon.size.md,stroke:P.icon.stroke.sm}),h,ce&&(0,e.jsx)("div",{className:(0,v.clsx)($.subMenuIcon,he&&$.subMenuIconOpened),style:{visibility:O?"hidden":"visible"},children:(0,e.jsx)(I.IconChevronRight,{size:P.icon.size.sm,color:P.font.color.light})})]})]})},Qe=({accent:t="default",className:n,iconButtons:i,isIconDisplayedOnHoverOnly:a=!0,isTooltipOpen:r,onClick:o,onMouseEnter:l,onMouseLeave:s,testId:c,avatar:u,hasSubMenu:h=!1,text:m,contextualText:_})=>(0,e.jsx)(ne,{accent:t,className:n,iconButtons:i,isIconDisplayedOnHoverOnly:a,isTooltipOpen:r,LeftComponent:d.isDefined(u)?(0,e.jsx)(C.Avatar,{placeholder:u.placeholder,avatarUrl:u.avatarUrl,placeholderColorSeed:u.placeholderColorSeed,size:u.size,type:u.type}):void 0,onClick:o,onMouseEnter:l,onMouseLeave:s,testId:c,text:m,contextualText:_,hasSubMenu:h}),Xe=({LeftIcon:t,withIconContainer:n=!1,accent:i="default",iconButtons:a,onClick:r,text:o,contextualText:l,isDragDisabled:s=!1,className:c,isIconDisplayedOnHoverOnly:u=!0,gripMode:h="never"})=>{const m=Array.isArray(a)&&a.length>0;return(0,e.jsxs)(A,{onClick:r,accent:i,className:c,isIconDisplayedOnHoverOnly:u,cursor:h!=="never"?s?"default":"drag":"default",children:[(0,e.jsx)(k,{LeftIcon:t,text:o,contextualText:l,withIconContainer:n,disabled:s,gripMode:h}),m&&(0,e.jsx)(B.LightIconButtonGroup,{className:"hoverable-buttons",iconButtons:a})]})},Ze="_container_gnyb3_1",et={container:Ze},E=({selected:t,onSelectChange:n,ariaLabel:i})=>(0,e.jsx)("div",{className:et.container,onClick:a=>a.stopPropagation(),children:(0,e.jsx)(B.Checkbox,{checked:t,onCheckedChange:a=>n?.(a),"aria-label":i})}),tt="_leftContentWithCheckboxContainer_18kjc_1",rt={leftContentWithCheckboxContainer:tt},nt=({color:t,LeftIcon:n,iconThemeColor:i,withIconContainer:a=!1,text:r,selected:o,isKeySelected:l,className:s,onSelectChange:c})=>{const u=()=>{c?.(!o)};return(0,e.jsx)(S,{isKeySelected:l,className:s,onClick:u,children:(0,e.jsxs)("div",{className:rt.leftContentWithCheckboxContainer,children:[(0,e.jsx)(E,{selected:o,onSelectChange:c,ariaLabel:r}),t?(0,e.jsx)(C.Tag,{color:t,text:r,Icon:n}):(0,e.jsx)(k,{LeftIcon:n,iconThemeColor:i,text:r,withIconContainer:a})]})})},at="_leftContentWithCheckboxContainer_ikfhb_1",it="_textContainer_ikfhb_9",Y={leftContentWithCheckboxContainer:at,textContainer:it},ot=({avatar:t,text:n,selected:i,contextualText:a,className:r,isKeySelected:o,onSelectChange:l})=>{const s=()=>{l?.(!i)};return(0,e.jsx)(S,{className:r,onClick:s,isKeySelected:o,children:(0,e.jsxs)("div",{className:Y.leftContentWithCheckboxContainer,children:[(0,e.jsx)(E,{selected:i,onSelectChange:l,ariaLabel:n??a??"Select item"}),(0,e.jsxs)(y,{children:[t,(0,e.jsxs)("div",{className:Y.textContainer,children:[(0,e.jsx)(L,{children:(0,e.jsx)(b.OverflowingTextWithTooltip,{text:n})}),a&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(z,{children:"·"}),(0,e.jsx)(z,{children:(0,e.jsx)(b.OverflowingTextWithTooltip,{text:a})})]})]})]})]})})},st=({color:t,selected:n,className:i,onClick:a,isKeySelected:r,text:o,Icon:l})=>(0,e.jsx)(S,{isKeySelected:r,onClick:a,className:i,children:(0,e.jsxs)(y,{children:[(0,e.jsx)(E,{selected:n,onSelectChange:()=>a?.(),ariaLabel:o}),(0,e.jsx)(C.Tag,{color:t,text:o,Icon:l})]})}),lt=({LeftIcon:t,withIconContainer:n=!1,text:i,className:a,onClick:r})=>{const o=d.useTheme();return(0,e.jsxs)(S,{onClick:r,className:a,children:[(0,e.jsx)(y,{children:(0,e.jsx)(k,{LeftIcon:t,text:i,withIconContainer:n})}),(0,e.jsx)(I.IconChevronRight,{size:o.icon.size.sm,color:o.font.color.tertiary})]})},ut="_menuItemSelect_rqblm_1",ct={menuItemSelect:ut},N=(0,M.forwardRef)(({disabled:t,focused:n,isKeySelected:i,className:a,children:r,...o},l)=>(0,e.jsx)("div",{ref:l,className:(0,v.clsx)(ct.menuItemSelect,a),"data-disabled":t||void 0,"data-focused":n||void 0,"data-key-selected":i||void 0,...o,children:r}));N.displayName="StyledMenuItemSelect";var dt=({LeftIcon:t,leftIconColor:n,withIconContainer:i=!1,text:a,selected:r,needIconCheck:o=!0,className:l,onClick:s,disabled:c,focused:u,hasSubMenu:h=!1,contextualText:m,contextualTextPosition:_="left"})=>{const f=d.useTheme();return(0,e.jsxs)(N,{onClick:s,className:l,disabled:c,focused:u,role:"option","aria-selected":r,"aria-disabled":c,children:[(0,e.jsx)(k,{LeftIcon:t,iconThemeColor:n,text:a,contextualText:_==="left"?m:null,withIconContainer:i}),(0,e.jsxs)(K,{children:[_==="right"&&(0,e.jsx)(L,{children:(0,g.isString)(m)?(0,e.jsx)(re,{children:(0,e.jsx)(b.OverflowingTextWithTooltip,{text:m})}):m}),r&&o&&(0,e.jsx)(I.IconCheck,{size:f.icon.size.md}),h&&(0,e.jsx)(I.IconChevronRight,{size:f.icon.size.sm,color:f.font.color.tertiary})]})]})},mt="_textContainer_y4rc7_1",ht={textContainer:mt},ft=({avatar:t,text:n,contextualText:i,selected:a,className:r,onClick:o,disabled:l,focused:s,testId:c})=>{const u=d.useTheme();return(0,e.jsxs)(N,{onClick:o,className:r,disabled:l,focused:s,"data-testid":c,role:"option","aria-selected":a,"aria-disabled":l,children:[(0,e.jsxs)(y,{children:[t,(0,e.jsxs)("div",{className:ht.textContainer,children:[(0,e.jsx)(L,{children:(0,e.jsx)(b.OverflowingTextWithTooltip,{text:n})}),i&&(0,e.jsxs)(e.Fragment,{children:[(0,e.jsx)(z,{children:"·"}),(0,e.jsx)(z,{children:(0,e.jsx)(b.OverflowingTextWithTooltip,{text:i})})]})]})]}),a&&(0,e.jsx)(R,{size:u.icon.size.md})]})},_t=({color:t,selected:n,className:i,onClick:a,disabled:r,focused:o,variant:l="default",colorLabels:s=te})=>{const c=d.useTheme();return(0,e.jsxs)(N,{onClick:a,className:i,disabled:r,focused:o,children:[(0,e.jsxs)(y,{children:[(0,e.jsx)(C.ColorSample,{colorName:t,variant:l}),(0,e.jsx)(L,{children:s[t]})]}),n&&(0,e.jsx)(R,{size:c.icon.size.md})]})},vt=({color:t,selected:n,focused:i,isKeySelected:a,className:r,onClick:o,text:l,variant:s="solid",LeftIcon:c})=>{const u=d.useTheme();return(0,e.jsxs)(N,{onClick:o,className:r,focused:i,isKeySelected:a,children:[(0,e.jsx)(y,{children:(0,e.jsx)(C.Tag,{variant:s,color:t,text:l,Icon:c??void 0})}),n&&(0,e.jsx)(R,{size:u.icon.size.md})]})},bt="_suggestionMenuItem_1qyjt_1",jt={suggestionMenuItem:bt},xt=({LeftIcon:t,withIconContainer:n=!1,text:i,contextualText:a=void 0,contextualTextPosition:r="left",className:o,selected:l,onClick:s})=>{const c=u=>{s&&(u.preventDefault(),u.stopPropagation(),s?.(u))};return(0,e.jsx)("li",{className:(0,v.clsx)(jt.suggestionMenuItem,o),"data-selected":l||void 0,role:d.isDefined(s)?"button":void 0,tabIndex:d.isDefined(s)?0:void 0,onClick:c,onKeyDown:be.handleClickableElementKeyDown,children:(0,e.jsx)(y,{children:(0,e.jsx)(k,{LeftIcon:t??void 0,text:i,contextualText:a,contextualTextPosition:r,withIconContainer:n})})})},gt="_switchContainer_1l580_1",It={switchContainer:gt},yt=({focused:t,LeftIcon:n,withIconContainer:i=!1,text:a,checked:r,className:o,onCheckedChange:l,size:s="md",disabled:c=!1})=>{const u=()=>{c||l?.(!r)};return(0,e.jsx)(S,{className:o,focused:t,disabled:c,onClick:u,children:(0,e.jsxs)("div",{className:It.switchContainer,children:[(0,e.jsx)(k,{LeftIcon:n,text:a,withIconContainer:i,disabled:c}),(0,e.jsx)(K,{onClick:h=>h.stopPropagation(),children:(0,e.jsx)(B.Switch,{checked:r,onCheckedChange:c?void 0:l,size:s,disabled:c,"aria-label":a})})]})})},pt="_menuPicker_o8ra4_1",kt="_iconContainer_o8ra4_41",Ct="_label_o8ra4_50",W={menuPicker:pt,iconContainer:kt,label:Ct},Mt=({id:t,icon:n,label:i,selected:a=!1,disabled:r=!1,showLabel:o=!0,onClick:l,className:s,testId:c,tooltipContent:u,tooltipDelay:h=b.TooltipDelay.noDelay,tooltipOffset:m=5})=>{const _=d.useTheme();return(0,e.jsxs)(e.Fragment,{children:[(0,e.jsxs)("button",{id:t,disabled:r,onClick:l,className:(0,v.clsx)(W.menuPicker,s),"data-testid":c,"data-selected":a?"":void 0,"aria-pressed":a,"aria-disabled":r,"aria-label":i,children:[(0,e.jsx)("div",{className:W.iconContainer,children:(0,e.jsx)(n,{size:_.icon.size.md,stroke:_.icon.stroke.sm})}),d.isDefined(i)&&o&&(0,e.jsx)("div",{className:W.label,"data-selected":a?"":void 0,"data-disabled":r?"":void 0,children:i})]}),(0,g.isNonEmptyString)(u)&&(0,e.jsx)(b.AppTooltip,{anchorSelect:`#${t}`,offset:m,title:u,place:b.TooltipPosition.Bottom,positionStrategy:"fixed",delay:h,noArrow:!0})]})},St="_iconButton_19i33_1",Lt={iconButton:St},ae=({Icon:t,isActive:n,onClick:i,ariaLabel:a})=>{const r=d.useTheme();return(0,e.jsx)("button",{type:"button",className:Lt.iconButton,"data-active":n?"":void 0,"aria-label":a,"aria-pressed":n,onClick:i,children:(0,e.jsx)(t,{color:d.themeCssVariables.grayScale.gray10,size:r.icon.size.lg,"aria-hidden":!0})})},Nt="_container_vsk1i_1",Tt={container:Nt},wt=({activeItemName:t,isHidden:n=!1,items:i})=>(0,e.jsx)("nav",{className:Tt.container,"data-hidden":n?"":void 0,"aria-hidden":n,children:i.map(({Icon:a,name:r,label:o,onClick:l})=>(0,e.jsx)(ae,{Icon:a,isActive:t===r,onClick:l,ariaLabel:o},r))}),Ot="_clickable_1d60u_1",Pt={clickable:Ot},zt=({className:t,href:n,children:i,onClick:a})=>(0,e.jsx)("div",{children:(0,e.jsx)("div",{className:(0,v.clsx)(Pt.clickable,t),children:(0,e.jsx)(X.Link,{target:"_blank",onClick:a,to:n,children:i})})}),Bt="_root_os1x1_1",At={root:Bt},ie=({label:t,href:n,onClick:i,className:a})=>{if(!(0,g.isNonEmptyString)(t))return(0,e.jsx)(e.Fragment,{});const r=o=>{o.stopPropagation(),i?.(o)};return(0,e.jsx)("a",{href:Q.getSafeUrl(n),target:"_blank",rel:"noreferrer",onClick:r,className:(0,v.clsx)(At.root,a),children:t})},Rt=({label:t,href:n,onClick:i,type:a})=>(0,e.jsx)(ie,{href:n,onClick:i,label:(0,g.isNonEmptyString)(t)?t:je.getDisplayValueByUrlType({type:a,href:n})??n}),qt="_root_o0irp_1",Dt="_list_o0irp_10",Wt="_tab_o0irp_37",Gt="_content_o0irp_89",Kt="_label_o0irp_102",Et="_startIcon_o0irp_108",Ut="_badge_o0irp_109",Ft="_panel_o0irp_124",Ht="_indicator_o0irp_133",x={root:qt,list:Dt,tab:Wt,content:Gt,label:Kt,startIcon:Et,badge:Ut,panel:Ft,indicator:Ht},Vt=({event:t,direction:n,loopFocus:i})=>{if(t.altKey||t.ctrlKey||t.metaKey||t.shiftKey)return;const a=t.currentTarget,r=Array.from(a.querySelectorAll('[role="tab"]')).filter(f=>f.closest('[role="tablist"]')===a),o=r.findIndex(f=>f===t.target);if(o===-1)return;const l=n==="rtl"?["ArrowLeft","ArrowRight"]:["ArrowRight","ArrowLeft"],[s,c]=a.getAttribute("aria-orientation")==="vertical"?["ArrowDown","ArrowUp"]:l;if(![s,c,"Home","End"].includes(t.key))return;t.preventBaseUIHandler(),t.preventDefault();const u=r.filter(f=>!f.hasAttribute("data-disabled")&&!f.hasAttribute("disabled")&&f.getAttribute("aria-disabled")!=="true"&&!f.closest("[hidden], [inert]"));if(t.key==="Home"){u[0]?.focus();return}if(t.key==="End"){u[u.length-1]?.focus();return}const h=t.key===c,m=h?[...u].reverse():u,_=m.find(f=>h?r.indexOf(f)<o:r.indexOf(f)>o);if(d.isDefined(_)){_.focus();return}i&&m[0]?.focus()},$t=({className:t,children:n,onKeyDown:i,loopFocus:a=!0,...r})=>{const o=(0,xe.useDirection)(),l=s=>{if(i?.(s),s.defaultPrevented){s.preventBaseUIHandler();return}s.baseUIHandlerPrevented||Vt({event:s,direction:o,loopFocus:a})};return(0,e.jsxs)(T.Tabs.List,{...r,loopFocus:a,onKeyDown:l,className:w.mergeClassNames(x.list,t),children:[n,(0,e.jsx)(T.Tabs.Indicator,{className:x.indicator})]})},Yt=({className:t,...n})=>(0,e.jsx)(T.Tabs.Panel,{...n,className:w.mergeClassNames(x.panel,t)}),Jt=({className:t,...n})=>(0,e.jsx)(T.Tabs.Root,{...n,className:w.mergeClassNames(x.root,t)}),J=t=>d.isDefined(t)&&!(0,g.isBoolean)(t)&&t!=="",Qt=({className:t,children:n,startIcon:i,badge:a,size:r="sm",...o})=>(0,e.jsx)(T.Tabs.Tab,{...o,className:w.mergeClassNames(x.tab,t),"data-size":r,children:(0,e.jsxs)("span",{className:x.content,children:[J(i)&&(0,e.jsx)("span",{className:x.startIcon,"aria-hidden":!0,children:i}),(0,e.jsx)("span",{className:x.label,children:n}),J(a)&&(0,e.jsx)("span",{className:x.badge,children:a})]})}),Xt={Root:Jt,List:$t,Tab:Qt,Panel:Yt},Zt="_undecoratedLink_1uam7_1",er={undecoratedLink:Zt},tr=({children:t,to:n,replace:i=!1,onClick:a,fullWidth:r=!1})=>(0,e.jsx)(X.Link,{to:n,replace:i,onClick:a,className:er.undecoratedLink,style:r?{width:"100%"}:void 0,children:t});Object.defineProperty(exports,"CAL_LINK",{enumerable:!0,get:function(){return Me}});Object.defineProperty(exports,"ClickToActionLink",{enumerable:!0,get:function(){return Z}});Object.defineProperty(exports,"ContactLink",{enumerable:!0,get:function(){return ke}});Object.defineProperty(exports,"DEFAULT_COLOR_LABELS",{enumerable:!0,get:function(){return te}});Object.defineProperty(exports,"GITHUB_LINK",{enumerable:!0,get:function(){return ee}});Object.defineProperty(exports,"GithubVersionLink",{enumerable:!0,get:function(){return Ce}});Object.defineProperty(exports,"MenuItem",{enumerable:!0,get:function(){return ne}});Object.defineProperty(exports,"MenuItemAvatar",{enumerable:!0,get:function(){return Qe}});Object.defineProperty(exports,"MenuItemDraggable",{enumerable:!0,get:function(){return Xe}});Object.defineProperty(exports,"MenuItemLeftContent",{enumerable:!0,get:function(){return k}});Object.defineProperty(exports,"MenuItemMultiSelect",{enumerable:!0,get:function(){return nt}});Object.defineProperty(exports,"MenuItemMultiSelectAvatar",{enumerable:!0,get:function(){return ot}});Object.defineProperty(exports,"MenuItemMultiSelectTag",{enumerable:!0,get:function(){return st}});Object.defineProperty(exports,"MenuItemNavigate",{enumerable:!0,get:function(){return lt}});Object.defineProperty(exports,"MenuItemSelect",{enumerable:!0,get:function(){return dt}});Object.defineProperty(exports,"MenuItemSelectAvatar",{enumerable:!0,get:function(){return ft}});Object.defineProperty(exports,"MenuItemSelectColor",{enumerable:!0,get:function(){return _t}});Object.defineProperty(exports,"MenuItemSelectTag",{enumerable:!0,get:function(){return vt}});Object.defineProperty(exports,"MenuItemSuggestion",{enumerable:!0,get:function(){return xt}});Object.defineProperty(exports,"MenuItemSwitch",{enumerable:!0,get:function(){return yt}});Object.defineProperty(exports,"MenuPicker",{enumerable:!0,get:function(){return Mt}});Object.defineProperty(exports,"NavigationBar",{enumerable:!0,get:function(){return wt}});Object.defineProperty(exports,"NavigationBarItem",{enumerable:!0,get:function(){return ae}});Object.defineProperty(exports,"RawLink",{enumerable:!0,get:function(){return zt}});Object.defineProperty(exports,"RoundedLink",{enumerable:!0,get:function(){return ie}});Object.defineProperty(exports,"SocialLink",{enumerable:!0,get:function(){return Rt}});Object.defineProperty(exports,"StyledHoverableMenuItemBase",{enumerable:!0,get:function(){return A}});Object.defineProperty(exports,"StyledMenuItemIconCheck",{enumerable:!0,get:function(){return R}});Object.defineProperty(exports,"StyledMenuItemLabel",{enumerable:!0,get:function(){return L}});Object.defineProperty(exports,"StyledMenuItemLeftContent",{enumerable:!0,get:function(){return y}});Object.defineProperty(exports,"StyledMenuItemSelect",{enumerable:!0,get:function(){return N}});Object.defineProperty(exports,"TWENTY_PRICING_LINK",{enumerable:!0,get:function(){return Se}});Object.defineProperty(exports,"Tabs",{enumerable:!0,get:function(){return Xt}});Object.defineProperty(exports,"UndecoratedLink",{enumerable:!0,get:function(){return tr}});