twenty-ui 1.0.0-alpha.2 → 2.41.0

package/dist/feedback.cjs

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("./data-display-BuIrNSR6.cjs"),e=require("./feedback-0U5FcqFh.cjs");exports.AnimatedPlaceholder=e.AnimatedPlaceholder;exports.AnimatedPlaceholderEmptyContainer=e.AnimatedPlaceholderEmptyContainer;exports.AnimatedPlaceholderEmptySubTitle=e.AnimatedPlaceholderEmptySubTitle;exports.AnimatedPlaceholderEmptyTextContainer=e.AnimatedPlaceholderEmptyTextContainer;exports.AnimatedPlaceholderEmptyTitle=e.AnimatedPlaceholderEmptyTitle;exports.AnimatedPlaceholderErrorContainer=e.AnimatedPlaceholderErrorContainer;exports.AnimatedPlaceholderErrorSubTitle=e.AnimatedPlaceholderErrorSubTitle;exports.AnimatedPlaceholderErrorTextContainer=e.AnimatedPlaceholderErrorTextContainer;exports.AnimatedPlaceholderErrorTitle=e.AnimatedPlaceholderErrorTitle;exports.BACKGROUND=e.BACKGROUND;exports.Banner=e.Banner;exports.Callout=e.Callout;exports.CircularProgressBar=e.CircularProgressBar;exports.DARK_BACKGROUND=e.DARK_BACKGROUND;exports.DARK_MOVING_IMAGE=e.DARK_MOVING_IMAGE;exports.Info=e.Info;exports.InlineBanner=e.InlineBanner;exports.Loader=r.Loader;exports.MOVING_IMAGE=e.MOVING_IMAGE;exports.ProgressBar=e.ProgressBar;exports.SidePanelInformationBanner=e.SidePanelInformationBanner;exports.Toast=e.Toast;

package/dist/feedback.mjs

@@ -1,26 +0,0 @@
-import { o as e } from "./data-display-CID60EMx.js";
-import { a as t, c as o, ct as n, d as l, dt as s, f as i, ft as d, h as m, i as A, l as c, lt as P, m as h, n as E, o as p, p as C, pt as B, r as I, s as T, t as f, u, ut as G } from "./feedback-4pPehd1L.js";
-export {
-  P as AnimatedPlaceholder,
-  u as AnimatedPlaceholderEmptyContainer,
-  l as AnimatedPlaceholderEmptySubTitle,
-  i as AnimatedPlaceholderEmptyTextContainer,
-  C as AnimatedPlaceholderEmptyTitle,
-  p as AnimatedPlaceholderErrorContainer,
-  T as AnimatedPlaceholderErrorSubTitle,
-  o as AnimatedPlaceholderErrorTextContainer,
-  c as AnimatedPlaceholderErrorTitle,
-  B as BACKGROUND,
-  n as Banner,
-  m as Callout,
-  h as CircularProgressBar,
-  d as DARK_BACKGROUND,
-  s as DARK_MOVING_IMAGE,
-  t as Info,
-  A as InlineBanner,
-  e as Loader,
-  G as MOVING_IMAGE,
-  I as ProgressBar,
-  E as SidePanelInformationBanner,
-  f as Toast
-};

package/dist/input/Button/Button.d.ts

@@ -1,31 +0,0 @@
-import { default as React } from 'react';
-import { IconComponent } from '../../icon/types/IconComponent';
-import { ClickOutsideAttributes } from '../../utilities/types/ClickOutsideAttributes';
-export type ButtonSize = 'medium' | 'small';
-export type ButtonPosition = 'standalone' | 'left' | 'middle' | 'right';
-export type ButtonVariant = 'primary' | 'secondary' | 'tertiary';
-export type ButtonAccent = 'default' | 'blue' | 'danger' | 'green';
-export type ButtonProps = {
-    id?: string;
-    className?: string;
-    Icon?: IconComponent;
-    title?: string;
-    fullWidth?: boolean;
-    variant?: ButtonVariant;
-    inverted?: boolean;
-    size?: ButtonSize;
-    position?: ButtonPosition;
-    accent?: ButtonAccent;
-    soon?: boolean;
-    justify?: 'center' | 'flex-start' | 'flex-end';
-    disabled?: boolean;
-    focus?: boolean;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    to?: string;
-    target?: string;
-    dataTestId?: string;
-    hotkeys?: string[];
-    ariaLabel?: string;
-    isLoading?: boolean;
-} & Pick<React.ComponentProps<'button'>, 'type'> & ClickOutsideAttributes;
-export declare const Button: ({ className, Icon, title, id, fullWidth, variant, inverted, size, accent, position, soon, disabled, justify, focus: propFocus, onClick, to, target, dataTestId, dataClickOutsideId, dataGloballyPreventClickOutside, hotkeys, ariaLabel, type, isLoading, }: ButtonProps) => React.JSX.Element;

package/dist/input/Button/constant.d.ts

@@ -1 +0,0 @@
-export declare const baseTransitionTiming = 300;

package/dist/input/Button/internal/ButtonHotKeys.d.ts

@@ -1,7 +0,0 @@
-import { ButtonAccent, ButtonSize, ButtonVariant } from '../Button';
-export declare const ButtonHotkeys: ({ size, accent, variant, hotkeys, }: {
-    size: ButtonSize;
-    accent: ButtonAccent;
-    variant: ButtonVariant;
-    hotkeys: string[];
-}) => import("react").JSX.Element;

package/dist/input/Button/internal/ButtonIcon.d.ts

@@ -1,5 +0,0 @@
-import { IconComponent } from '../../../icon';
-export declare const ButtonIcon: ({ Icon, isLoading, }: {
-    Icon?: IconComponent;
-    isLoading?: boolean;
-}) => import("react").JSX.Element;

package/dist/input/Button/internal/ButtonText.d.ts

@@ -1,5 +0,0 @@
-export declare const ButtonText: ({ hasIcon, isLoading, title, }: {
-    isLoading?: boolean;
-    hasIcon: boolean;
-    title?: string;
-}) => import("react").JSX.Element;

package/dist/input/ButtonGroup/ButtonGroup.d.ts

@@ -1,7 +0,0 @@
-import { default as React, ReactNode } from 'react';
-import { ButtonProps } from '../Button/Button';
-export type ButtonGroupProps = Partial<Pick<ButtonProps, 'variant' | 'size' | 'accent'>> & {
-    className?: string;
-    children: ReactNode[];
-};
-export declare const ButtonGroup: ({ className, children, variant, size, accent, }: ButtonGroupProps) => React.JSX.Element;

package/dist/input/CardPicker/CardPicker.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-type CardPickerProps = {
-    children: React.ReactNode;
-    handleChange?: () => void;
-    checked?: boolean;
-};
-export declare const CardPicker: ({ children, checked, handleChange, }: CardPickerProps) => React.JSX.Element;
-export {};

package/dist/input/IconButton/IconButton.d.ts

@@ -1,22 +0,0 @@
-import { default as React } from 'react';
-import { IconComponent } from '../../icon';
-export type IconButtonSize = 'medium' | 'small';
-export type IconButtonPosition = 'standalone' | 'left' | 'middle' | 'right';
-export type IconButtonVariant = 'primary' | 'secondary' | 'tertiary';
-export type IconButtonAccent = 'default' | 'blue' | 'danger';
-export type IconButtonProps = {
-    className?: string;
-    Icon?: IconComponent;
-    variant?: IconButtonVariant;
-    size?: IconButtonSize;
-    position?: IconButtonPosition;
-    accent?: IconButtonAccent;
-    disabled?: boolean;
-    focus?: boolean;
-    dataTestId?: string;
-    ariaLabel?: string;
-    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-    to?: string;
-    children?: React.ReactNode;
-};
-export declare const IconButton: ({ className, Icon, variant, size, accent, position, disabled, focus, dataTestId, ariaLabel, onClick, to, children, }: IconButtonProps) => React.JSX.Element;

package/dist/input/LightButton/LightButton.d.ts

@@ -1,15 +0,0 @@
-import { MouseEvent } from 'react';
-import { IconComponent } from '../../icon';
-export type LightButtonAccent = 'secondary' | 'tertiary';
-export type LightButtonProps = {
-    className?: string;
-    Icon?: IconComponent;
-    title?: string;
-    accent?: LightButtonAccent;
-    active?: boolean;
-    disabled?: boolean;
-    focus?: boolean;
-    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    type?: React.ComponentProps<'button'>['type'];
-};
-export declare const LightButton: ({ className, Icon, title, active, accent, disabled, focus, type, onClick, }: LightButtonProps) => import("react").JSX.Element;

package/dist/input/MainButton/MainButton.d.ts

@@ -1,17 +0,0 @@
-import { default as React, FunctionComponent } from 'react';
-import { IconComponent } from '../../icon';
-export type MainButtonVariant = 'primary' | 'secondary';
-type Props = {
-    title: string;
-    fullWidth?: boolean;
-    width?: number;
-    variant?: MainButtonVariant;
-    soon?: boolean;
-} & React.ComponentProps<'button'>;
-type MainButtonProps = Props & {
-    Icon?: IconComponent | FunctionComponent<{
-        size: number;
-    }>;
-};
-export declare const MainButton: ({ Icon, title, width, fullWidth, variant, type, onClick, disabled, className, }: MainButtonProps) => React.JSX.Element;
-export {};

package/dist/input/Radio/Radio.d.ts

@@ -1,32 +0,0 @@
-import * as React from 'react';
-export declare enum RadioSize {
-    Large = "large",
-    Small = "small"
-}
-export declare enum LabelPosition {
-    Left = "left",
-    Right = "right"
-}
-export type RadioProps = {
-    checked?: boolean;
-    className?: string;
-    name?: string;
-    disabled?: boolean;
-    label?: string;
-    labelPosition?: LabelPosition;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onCheckedChange?: (checked: boolean) => void;
-    size?: RadioSize;
-    style?: React.CSSProperties;
-    value?: string;
-};
-export declare const Radio: {
-    ({ checked, className, name, disabled, label, labelPosition, onChange, onCheckedChange, size, value, }: RadioProps): React.JSX.Element;
-    Group: ({ value, onChange, onValueChange, children, }: {
-        children?: React.ReactNode | undefined;
-    } & {
-        value?: string;
-        onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-        onValueChange?: (value: string) => void;
-    }) => React.JSX.Element;
-};

package/dist/input/RadioGroup/RadioGroup.d.ts

@@ -1,8 +0,0 @@
-import { default as React } from 'react';
-type RadioGroupProps = React.PropsWithChildren & {
-    value?: string;
-    onChange?: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    onValueChange?: (value: string) => void;
-};
-export declare const RadioGroup: ({ value, onChange, onValueChange, children, }: RadioGroupProps) => React.JSX.Element;
-export {};

package/dist/input.cjs

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./feedback-0U5FcqFh.cjs");exports.AnimatedButton=t.AnimatedButton;exports.AnimatedLightIconButton=t.AnimatedLightIconButton;exports.BASE_CODE_EDITOR_THEME_ID=t.BASE_CODE_EDITOR_THEME_ID;exports.Button=t.Button;exports.ButtonGroup=t.ButtonGroup;exports.CardPicker=t.CardPicker;exports.Checkbox=t.Checkbox;exports.CodeEditor=t.CodeEditor;exports.ColorPickerButton=t.ColorPickerButton;exports.ColorSchemeCard=t.ColorSchemeCard;exports.ColorSchemePicker=t.ColorSchemePicker;exports.CoreEditorHeader=t.CoreEditorHeader;exports.Field=t.Field;exports.FloatingButton=t.FloatingButton;exports.FloatingButtonGroup=t.FloatingButtonGroup;exports.FloatingIconButton=t.FloatingIconButton;exports.FloatingIconButtonGroup=t.FloatingIconButtonGroup;exports.IconButton=t.IconButton;exports.IconButtonGroup=t.IconButtonGroup;exports.IconButtonWithTooltip=t.IconButtonWithTooltip;exports.IconListViewGrip=t.IconListViewGrip;exports.Input=t.Input;exports.InputGroup=t.InputGroup;exports.InputHint=t.InputHint;exports.InputLabel=t.InputLabel;exports.InsideButton=t.InsideButton;exports.LabelPosition=t.LabelPosition;exports.LightButton=t.LightButton;exports.LightIconButton=t.LightIconButton;exports.LightIconButtonGroup=t.LightIconButtonGroup;exports.MainButton=t.MainButton;exports.Radio=t.Radio;exports.RadioGroup=t.RadioGroup;exports.RadioSize=t.RadioSize;exports.RoundedIconButton=t.RoundedIconButton;exports.SearchInput=t.SearchInput;exports.SegmentedControl=t.SegmentedControl;exports.Select=t.Select;exports.Slider=t.Slider;exports.StyledTabContainer=t.StyledTabContainer;exports.Switch=t.Switch;exports.TabButton=t.TabButton;exports.TabContent=t.TabContent;exports.Textarea=t.Textarea;exports.baseTransitionTiming=t.baseTransitionTiming;exports.getBaseCodeEditorTheme=t.getBaseCodeEditorTheme;

package/dist/input.mjs

@@ -1,49 +0,0 @@
-import { $ as a, A as o, B as n, C as s, D as e, E as i, F as u, G as r, H as B, I as d, J as c, K as I, L as p, M as l, N as C, O as g, P as h, Q as S, R as T, S as m, T as E, U as G, V as b, W as L, X as F, Y as R, Z as k, _ as P, at as _, b as x, et as A, g as D, it as H, j as w, k as M, nt as O, ot as y, q as z, rt as V, st as W, tt as f, v as j, w as q, x as v, y as J, z as K } from "./feedback-4pPehd1L.js";
-export {
-  W as AnimatedButton,
-  y as AnimatedLightIconButton,
-  F as BASE_CODE_EDITOR_THEME_ID,
-  _ as Button,
-  V as ButtonGroup,
-  S as CardPicker,
-  k as Checkbox,
-  c as CodeEditor,
-  r as ColorPickerButton,
-  L as ColorSchemeCard,
-  G as ColorSchemePicker,
-  z as CoreEditorHeader,
-  B as Field,
-  b as FloatingButton,
-  n as FloatingButtonGroup,
-  K as FloatingIconButton,
-  T as FloatingIconButtonGroup,
-  p as IconButton,
-  u as IconButtonGroup,
-  h as IconButtonWithTooltip,
-  C as IconListViewGrip,
-  l as Input,
-  w as InputGroup,
-  o as InputHint,
-  M as InputLabel,
-  d as InsideButton,
-  a as LabelPosition,
-  g as LightButton,
-  I as LightIconButton,
-  e as LightIconButtonGroup,
-  i as MainButton,
-  A as Radio,
-  O as RadioGroup,
-  f as RadioSize,
-  E as RoundedIconButton,
-  q as SearchInput,
-  s as SegmentedControl,
-  m as Select,
-  v as Slider,
-  J as StyledTabContainer,
-  x as Switch,
-  P as TabButton,
-  j as TabContent,
-  D as Textarea,
-  H as baseTransitionTiming,
-  R as getBaseCodeEditorTheme
-};

package/dist/json-visualizer.cjs

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./json-visualizer-CMuFIF8y.cjs");exports.JsonArrayNode=e.JsonArrayNode;exports.JsonNestedNode=e.JsonNestedNode;exports.JsonNode=e.JsonNode;exports.JsonObjectNode=e.JsonObjectNode;exports.JsonTree=e.JsonTree;exports.JsonTreeContext=e.JsonTreeContext;exports.JsonTreeContextProvider=e.JsonTreeContextProvider;exports.JsonValueNode=e.JsonValueNode;exports.isArray=e.isArray;exports.isTwoFirstDepths=e.isTwoFirstDepths;exports.useJsonTreeContextOrThrow=e.useJsonTreeContextOrThrow;

package/dist/layout-BZkTRAmh.cjs

@@ -1 +0,0 @@
-const v=require("./theme-constants-27fpVK7_.cjs");let a=require("react/jsx-runtime"),o=require("clsx"),s=require("@base-ui/react/collapsible");var p="_container_1ucks_1",f="_animatedCircleLoadingSpin_1ucks_1",b={container:p,animatedCircleLoadingSpin:f},y=({children:e})=>(0,a.jsx)("div",{className:b.container,children:e}),x="_container_vp2nv_1",j="_animatedContainerFadeIn_vp2nv_1",A={container:x,animatedContainerFadeIn:j},g=({children:e})=>(0,a.jsx)("div",{className:A.container,children:e}),h="_fadeIn_15pom_1",C="_animatedEaseInFadeIn_15pom_1",I={fadeIn:h,animatedEaseInFadeIn:C},O=({children:e,duration:n="normal"})=>(0,a.jsx)("div",{className:I.fadeIn,"data-duration":n,children:e}),P="_panel_rreni_1",N={panel:P},q=({children:e,isOpen:n,marginBottom:r,marginTop:t,duration:i="normal"})=>(0,a.jsx)(s.Collapsible.Root,{open:n,children:(0,a.jsx)(s.Collapsible.Panel,{className:N.panel,"data-duration":i,style:{"--animated-ease-in-out-margin-top":t??"0","--animated-ease-in-out-margin-bottom":r??"0"},children:e})}),W="_panel_18upp_1",E="_contained_18upp_25",u={panel:W,contained:E},$=({children:e,isExpanded:n,dimension:r="height",animationDurations:t="default",containAnimation:i=!0})=>{const l=t==="default"?void 0:{"--animated-expandable-opacity-duration":`${t.opacity}s`,"--animated-expandable-size-duration":`${t.size}s`};return(0,a.jsx)(s.Collapsible.Root,{open:n,children:(0,a.jsx)(s.Collapsible.Panel,{className:(0,o.clsx)(u.panel,i&&u.contained),"data-dimension":r,style:l,children:e})})},z="_container_n86lv_1",R="_layer_n86lv_8",S="_visible_n86lv_17",L="_hidden_n86lv_22",d={container:z,layer:R,visible:S,hidden:L},w=({isActive:e,ActiveIcon:n,InactiveIcon:r,size:t})=>{const i=v.useTheme(),l=t??i.icon.size.sm;return(0,a.jsxs)("div",{className:d.container,style:{"--animated-icon-crossfade-size":`${l}px`},children:[(0,a.jsx)("div",{className:(0,o.clsx)(d.layer,e?d.hidden:d.visible),children:(0,a.jsx)(r,{size:l})}),(0,a.jsx)("div",{className:(0,o.clsx)(d.layer,e?d.visible:d.hidden),children:(0,a.jsx)(n,{size:l})})]})},F="_container_1dmel_1",H="_animatedRotateIn_1dmel_1",k="_animateOnHover_1dmel_18",m={container:F,animatedRotateIn:H,animateOnHover:k},T=({children:e,duration:n="fast",animateOnHover:r})=>(0,a.jsx)("div",{className:(0,o.clsx)(m.container,r&&m.animateOnHover),"data-duration":n,children:e}),B="_container_c9ls6_1",G="_nodeWrapper_c9ls6_6",J="_childWrapper_c9ls6_12",_={container:B,nodeWrapper:G,childWrapper:J},K=({children:e,node:n=e,className:r})=>(0,a.jsxs)("div",{className:(0,o.clsx)(_.container,r),children:[(0,a.jsx)("span",{className:_.nodeWrapper,children:n}),(0,a.jsx)("div",{className:_.childWrapper,children:e})]}),M="_section_15iqe_1",Q="_fullWidth_15iqe_5",U="_left_15iqe_9",V="_center_15iqe_13",X="_primary_15iqe_17",Y="_secondary_15iqe_21",Z="_tertiary_15iqe_25",c={section:M,fullWidth:Q,left:U,center:V,primary:X,secondary:Y,tertiary:Z},D=(function(e){return e.Left="left",e.Center="center",e})({}),ee=(function(e){return e.Primary="primary",e.Secondary="secondary",e.Tertiary="tertiary",e})({}),ae=({children:e,className:n,alignment:r="left",fullWidth:t=!0,fontColor:i="primary"})=>(0,a.jsx)("div",{className:(0,o.clsx)(c.section,c[r],c[i],t&&c.fullWidth,n),children:e});Object.defineProperty(exports,"AnimatedCircleLoading",{enumerable:!0,get:function(){return y}});Object.defineProperty(exports,"AnimatedContainer",{enumerable:!0,get:function(){return g}});Object.defineProperty(exports,"AnimatedEaseIn",{enumerable:!0,get:function(){return O}});Object.defineProperty(exports,"AnimatedEaseInOut",{enumerable:!0,get:function(){return q}});Object.defineProperty(exports,"AnimatedExpandableContainer",{enumerable:!0,get:function(){return $}});Object.defineProperty(exports,"AnimatedIconCrossfade",{enumerable:!0,get:function(){return w}});Object.defineProperty(exports,"AnimatedRotate",{enumerable:!0,get:function(){return T}});Object.defineProperty(exports,"AutogrowWrapper",{enumerable:!0,get:function(){return K}});Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return ae}});Object.defineProperty(exports,"SectionAlignment",{enumerable:!0,get:function(){return D}});Object.defineProperty(exports,"SectionFontColor",{enumerable:!0,get:function(){return ee}});

package/dist/layout.cjs

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./HorizontalSeparator-BxdfXfBV.cjs"),e=require("./layout-BZkTRAmh.cjs");exports.AnimatedCircleLoading=e.AnimatedCircleLoading;exports.AnimatedContainer=e.AnimatedContainer;exports.AnimatedEaseIn=e.AnimatedEaseIn;exports.AnimatedEaseInOut=e.AnimatedEaseInOut;exports.AnimatedExpandableContainer=e.AnimatedExpandableContainer;exports.AnimatedIconCrossfade=e.AnimatedIconCrossfade;exports.AnimatedRotate=e.AnimatedRotate;exports.AutogrowWrapper=e.AutogrowWrapper;exports.HorizontalSeparator=n.HorizontalSeparator;exports.ResizeHandle=n.ResizeHandle;exports.Section=e.Section;exports.SectionAlignment=e.SectionAlignment;exports.SectionFontColor=e.SectionFontColor;exports.useResizeHandle=n.useResizeHandle;

package/dist/layout.mjs

@@ -1,18 +0,0 @@
-import { n as e, r as n, t } from "./HorizontalSeparator-B0KT6025.js";
-import { a as s, c as i, d as r, i as d, l as m, n as A, o as l, r as p, s as c, t as C, u } from "./layout-CLLg1bKJ.js";
-export {
-  r as AnimatedCircleLoading,
-  u as AnimatedContainer,
-  m as AnimatedEaseIn,
-  i as AnimatedEaseInOut,
-  c as AnimatedExpandableContainer,
-  l as AnimatedIconCrossfade,
-  s as AnimatedRotate,
-  d as AutogrowWrapper,
-  t as HorizontalSeparator,
-  n as ResizeHandle,
-  C as Section,
-  A as SectionAlignment,
-  p as SectionFontColor,
-  e as useResizeHandle
-};

package/dist/navigation/ListItem/types/ListItemProps.d.ts

@@ -1,20 +0,0 @@
-import { useRender } from '@base-ui/react/use-render';
-import { ReactNode } from 'react';
-import { ListItemColor } from './ListItemColor';
-import { ListItemDescriptionPlacement } from './ListItemDescriptionPlacement';
-import { ListItemIndicator } from './ListItemIndicator';
-import { ListItemState } from './ListItemState';
-export type ListItemProps = Omit<useRender.ComponentProps<'div', ListItemState>, 'color'> & {
-    color?: ListItemColor;
-    selected?: boolean;
-    focused?: boolean;
-    disabled?: boolean;
-    indicator?: ListItemIndicator;
-    startIcon?: ReactNode;
-    endIcon?: ReactNode;
-    description?: ReactNode;
-    descriptionPlacement?: ListItemDescriptionPlacement;
-    actions?: ReactNode;
-    hotkeys?: string[];
-    hasSubmenu?: boolean;
-};

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}});