twenty-ui 1.0.0-alpha.2 → 2.42.0

package/dist/navigation.cjs

@@ -1 +0,0 @@
-Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./utilities-CXHvN7E8.cjs"),n=require("./surfaces-BgMtsVvD.cjs"),e=require("./navigation-Bhhmuykh.cjs");exports.CAL_LINK=e.CAL_LINK;exports.ClickToActionLink=e.ClickToActionLink;exports.ContactLink=e.ContactLink;exports.DEFAULT_COLOR_LABELS=e.DEFAULT_COLOR_LABELS;exports.GITHUB_LINK=e.GITHUB_LINK;exports.GithubVersionLink=e.GithubVersionLink;exports.LinkType=t.LinkType;exports.ListItem=n.ListItem;exports.MenuItem=e.MenuItem;exports.MenuItemAvatar=e.MenuItemAvatar;exports.MenuItemDraggable=e.MenuItemDraggable;exports.MenuItemHotKeys=n.MenuItemHotKeys;exports.MenuItemLeftContent=e.MenuItemLeftContent;exports.MenuItemMultiSelect=e.MenuItemMultiSelect;exports.MenuItemMultiSelectAvatar=e.MenuItemMultiSelectAvatar;exports.MenuItemMultiSelectTag=e.MenuItemMultiSelectTag;exports.MenuItemNavigate=e.MenuItemNavigate;exports.MenuItemSelect=e.MenuItemSelect;exports.MenuItemSelectAvatar=e.MenuItemSelectAvatar;exports.MenuItemSelectColor=e.MenuItemSelectColor;exports.MenuItemSelectTag=e.MenuItemSelectTag;exports.MenuItemSuggestion=e.MenuItemSuggestion;exports.MenuItemSwitch=e.MenuItemSwitch;exports.MenuPicker=e.MenuPicker;exports.NavigationBar=e.NavigationBar;exports.NavigationBarItem=e.NavigationBarItem;exports.RawLink=e.RawLink;exports.RoundedLink=e.RoundedLink;exports.SOCIAL_LINK_PROVIDERS=t.SOCIAL_LINK_PROVIDERS;exports.SocialLink=e.SocialLink;exports.StyledHoverableMenuItemBase=e.StyledHoverableMenuItemBase;exports.StyledMenuItemIconCheck=e.StyledMenuItemIconCheck;exports.StyledMenuItemLabel=e.StyledMenuItemLabel;exports.StyledMenuItemLeftContent=e.StyledMenuItemLeftContent;exports.StyledMenuItemSelect=e.StyledMenuItemSelect;exports.TWENTY_PRICING_LINK=e.TWENTY_PRICING_LINK;exports.Tabs=e.Tabs;exports.UndecoratedLink=e.UndecoratedLink;

package/dist/navigation.mjs

@@ -1,43 +0,0 @@
-import { n as a, r as t } from "./utilities-Ba96imFW.js";
-import { c as n, d as I } from "./surfaces-CMiB6au_.js";
-import { A as m, C as u, D as o, E as M, M as l, N as L, O as r, P as S, S as c, T as k, _ as d, a as C, b as g, c as N, d as T, f as A, g as _, h as v, i as y, j as b, k as f, l as p, m as R, n as B, o as E, p as K, r as O, s as h, t as D, u as P, v as w, w as G, x as H, y as U } from "./navigation-BtjiCRRV.js";
-export {
-  m as CAL_LINK,
-  S as ClickToActionLink,
-  L as ContactLink,
-  r as DEFAULT_COLOR_LABELS,
-  l as GITHUB_LINK,
-  b as GithubVersionLink,
-  t as LinkType,
-  n as ListItem,
-  c as MenuItem,
-  H as MenuItemAvatar,
-  g as MenuItemDraggable,
-  I as MenuItemHotKeys,
-  u as MenuItemLeftContent,
-  U as MenuItemMultiSelect,
-  w as MenuItemMultiSelectAvatar,
-  d as MenuItemMultiSelectTag,
-  _ as MenuItemNavigate,
-  R as MenuItemSelect,
-  K as MenuItemSelectAvatar,
-  A as MenuItemSelectColor,
-  T as MenuItemSelectTag,
-  P as MenuItemSuggestion,
-  p as MenuItemSwitch,
-  N as MenuPicker,
-  E as NavigationBar,
-  h as NavigationBarItem,
-  C as RawLink,
-  y as RoundedLink,
-  a as SOCIAL_LINK_PROVIDERS,
-  O as SocialLink,
-  G as StyledHoverableMenuItemBase,
-  k as StyledMenuItemIconCheck,
-  M as StyledMenuItemLabel,
-  o as StyledMenuItemLeftContent,
-  v as StyledMenuItemSelect,
-  f as TWENTY_PRICING_LINK,
-  B as Tabs,
-  D as UndecoratedLink
-};

package/dist/surfaces/AppTooltip/AppTooltip.d.ts

@@ -1,34 +0,0 @@
-import { IconComponent } from '../../icon/types/IconComponent';
-export declare enum TooltipPosition {
-    Top = "top",
-    Left = "left",
-    Right = "right",
-    Bottom = "bottom"
-}
-export declare enum TooltipDelay {
-    noDelay = "0ms",
-    shortDelay = "300ms",
-    mediumDelay = "500ms",
-    longDelay = "1000ms"
-}
-type PlacesType = 'top' | 'top-start' | 'top-end' | 'right' | 'right-start' | 'right-end' | 'bottom' | 'bottom-start' | 'bottom-end' | 'left' | 'left-start' | 'left-end';
-type PositionStrategy = 'absolute' | 'fixed';
-export type AppTooltipProps = {
-    className?: string;
-    anchorSelect?: string;
-    offset?: number;
-    noArrow?: boolean;
-    hidden?: boolean;
-    place?: PlacesType;
-    delay?: TooltipDelay;
-    positionStrategy?: PositionStrategy;
-    interactive?: boolean;
-    maxWidth?: string;
-    isOpen?: boolean;
-    title?: string;
-    Icon?: IconComponent;
-    description?: string;
-    children?: React.ReactNode;
-};
-export declare const AppTooltip: ({ anchorSelect, className, title, Icon, description, hidden, noArrow, offset, delay, place, positionStrategy, children, interactive, maxWidth, isOpen, }: AppTooltipProps) => import("react").JSX.Element;
-export {};

package/dist/surfaces/Menu/types/MenuPopupProps.d.ts

@@ -1,12 +0,0 @@
-import { Menu as MenuPrimitive } from '@base-ui/react/menu';
-import { MenuAlign } from './MenuAlign';
-import { MenuSide } from './MenuSide';
-export type MenuPopupProps = MenuPrimitive.Popup.Props & {
-    side?: MenuSide;
-    align?: MenuAlign;
-    sideOffset?: number;
-    alignOffset?: number;
-    anchor?: MenuPrimitive.Positioner.Props['anchor'];
-    container?: MenuPrimitive.Portal.Props['container'];
-    keepMounted?: boolean;
-};

package/dist/surfaces/Modal/Modal.d.ts

@@ -1,2 +0,0 @@
-import { ModalProps } from './types/ModalProps';
-export declare const Modal: ({ isOpen, ariaLabel, children, size, padding, overlay, isMobile, isInContainer, container, gap, smallBorderRadius, narrowWidth, autoHeight, width, modalZIndex, backdropZIndex, backdropTestId, backdropClickOutsideId, preventClickOutside, onBackdropMouseDown, modalRef: externalRef, }: ModalProps) => import("react").JSX.Element;

package/dist/surfaces/Modal/types/ModalOverlay.d.ts

@@ -1 +0,0 @@
-export type ModalOverlay = 'light' | 'dark' | 'transparent';

package/dist/surfaces/Modal/types/ModalPadding.d.ts

@@ -1 +0,0 @@
-export type ModalPadding = 'none' | 'small' | 'medium' | 'large';

package/dist/surfaces/Modal/types/ModalProps.d.ts

@@ -1,26 +0,0 @@
-import { default as React } from 'react';
-import { ModalOverlay } from './ModalOverlay';
-import { ModalPadding } from './ModalPadding';
-import { ModalSize } from './ModalSize';
-export type ModalProps = React.PropsWithChildren & {
-    isOpen: boolean;
-    ariaLabel?: string;
-    size?: ModalSize;
-    padding?: ModalPadding;
-    overlay?: ModalOverlay;
-    isMobile?: boolean;
-    isInContainer?: boolean;
-    container?: HTMLElement | null;
-    gap?: number;
-    smallBorderRadius?: boolean;
-    narrowWidth?: boolean;
-    autoHeight?: boolean;
-    width?: React.CSSProperties['width'];
-    modalZIndex?: number;
-    backdropZIndex?: number;
-    backdropTestId?: string;
-    backdropClickOutsideId?: string;
-    preventClickOutside?: boolean;
-    onBackdropMouseDown?: (e: React.MouseEvent) => void;
-    modalRef?: React.RefObject<HTMLDivElement | null>;
-};

package/dist/surfaces/Modal/types/ModalSize.d.ts

@@ -1 +0,0 @@
-export type ModalSize = 'small' | 'medium' | 'large' | 'extraLarge' | 'fullscreen';

package/dist/surfaces/ModalBackdrop/ModalBackdrop.d.ts

@@ -1,8 +0,0 @@
-import { ModalOverlay } from '../Modal/types/ModalOverlay';
-export declare const ModalBackdrop: import('react').ForwardRefExoticComponent<Omit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    overlay: ModalOverlay;
-    backdropZIndex: number;
-    isInContainer?: boolean;
-    'data-testid'?: string;
-    'data-click-outside-id'?: string;
-} & import('react').RefAttributes<HTMLDivElement>>;

package/dist/surfaces/ModalContent/ModalContent.d.ts

@@ -1,9 +0,0 @@
-export type ModalContentProps = React.PropsWithChildren & {
-    isVerticallyCentered?: boolean;
-    isHorizontallyCentered?: boolean;
-    noPadding?: boolean;
-    overflowHidden?: boolean;
-    gap?: number;
-    contentPadding?: number;
-};
-export declare const ModalContent: ({ children, isVerticallyCentered, isHorizontallyCentered, noPadding, overflowHidden, gap, contentPadding, }: ModalContentProps) => import("react").JSX.Element;

package/dist/surfaces/ModalFooter/ModalFooter.d.ts

@@ -1,7 +0,0 @@
-export type ModalFooterProps = React.PropsWithChildren & {
-    autoHeight?: boolean;
-    centered?: boolean;
-    smallPadding?: boolean;
-    className?: string;
-};
-export declare const ModalFooter: ({ children, autoHeight, centered, smallPadding, className, }: ModalFooterProps) => import("react").JSX.Element;

package/dist/surfaces/ModalHeader/ModalHeader.d.ts

@@ -1,8 +0,0 @@
-export type ModalHeaderProps = React.PropsWithChildren & {
-    noPadding?: boolean;
-    autoHeight?: boolean;
-    hasBorderBottom?: boolean;
-    paddingHorizontal?: number;
-    backgroundColor?: string;
-};
-export declare const ModalHeader: ({ children, noPadding, autoHeight, hasBorderBottom, paddingHorizontal, backgroundColor, }: ModalHeaderProps) => import("react").JSX.Element;

package/dist/surfaces/Popover/types/PopoverPopupProps.d.ts

@@ -1,13 +0,0 @@
-import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
-import { PopoverAlign } from './PopoverAlign';
-import { PopoverSide } from './PopoverSide';
-export type PopoverPopupProps = PopoverPrimitive.Popup.Props & {
-    side?: PopoverSide;
-    align?: PopoverAlign;
-    sideOffset?: number;
-    alignOffset?: number;
-    arrow?: boolean;
-    anchor?: PopoverPrimitive.Positioner.Props['anchor'];
-    container?: PopoverPrimitive.Portal.Props['container'];
-    keepMounted?: boolean;
-};

package/dist/surfaces-BgMtsVvD.cjs

@@ -1 +0,0 @@
-const ae=require("./chunk-u_mIcLyS.cjs"),P=require("./theme-constants-27fpVK7_.cjs");let a=require("react/jsx-runtime"),s=require("clsx"),C=require("react");C=ae.__toESM(C,1);let H=require("@sniptt/guards"),L=require("@base-ui/react/use-render"),x=require("@base-ui/react/alert-dialog"),oe=require("@base-ui/react/direction-provider"),_=require("@base-ui/react/menu"),E=require("@base-ui/react/dialog"),b=require("@base-ui/react/popover"),U=require("@tabler/icons-react");var v=(e,r)=>o=>(0,s.clsx)(e,(0,H.isFunction)(r)?r(o):r),te="_root_1fskg_1",ne="_solid_1fskg_22",ie="_outline_1fskg_26",de="_soft_1fskg_30",se="_sm_1fskg_35",le="_md_1fskg_40",_e="_square_1fskg_46",ce="_round_1fskg_51",ue="_accent_1fskg_57",ve="_success_1fskg_63",me="_warning_1fskg_69",pe="_hoverable_1fskg_75",ge="_box_1fskg_113",he="_indicator_1fskg_134",fe="_check_1fskg_150",xe="_minus_1fskg_151",j={root:te,solid:ne,outline:ie,soft:de,sm:se,md:le,square:_e,round:ce,accent:ue,success:ve,warning:me,hoverable:pe,box:ge,indicator:he,check:fe,minus:xe},be="_backdrop_12kqm_1",je="_viewport_12kqm_12",ke="_popup_12kqm_31",Pe="_header_12kqm_73",Ce="_body_12kqm_81",Ne="_footer_12kqm_85",De="_title_12kqm_96",Me="_description_12kqm_103",k={backdrop:be,viewport:je,popup:ke,header:Pe,body:Ce,footer:Ne,title:De,description:Me},ye=({render:e,ref:r,className:o,...t})=>(0,L.useRender)({render:e,ref:r,props:{...t,className:(0,s.clsx)(k.body,o)}}),we=({className:e,...r})=>(0,a.jsx)(x.AlertDialog.Description,{...r,className:v(k.description,e)}),Ie=({render:e,ref:r,className:o,...t})=>(0,L.useRender)({render:e,ref:r,props:{...t,className:(0,s.clsx)(k.footer,o)}}),Ae=({render:e,ref:r,className:o,...t})=>(0,L.useRender)({render:e,ref:r,props:{...t,className:(0,s.clsx)(k.header,o)}}),Oe=({size:e="md",container:r,keepMounted:o,className:t,...n})=>{const i=P.useThemeContainer(),d=(0,oe.useDirection)();return(0,a.jsxs)(x.AlertDialog.Portal,{container:r===void 0?i??void 0:r,keepMounted:o,children:[(0,a.jsx)(x.AlertDialog.Backdrop,{className:k.backdrop}),(0,a.jsx)(x.AlertDialog.Viewport,{dir:d,className:k.viewport,children:(0,a.jsx)(x.AlertDialog.Popup,{...n,"data-size":e,className:v(k.popup,t)})})]})},Re=({className:e,...r})=>(0,a.jsx)(x.AlertDialog.Title,{...r,className:v(k.title,e)}),Te=()=>({Root:x.AlertDialog.Root,Trigger:x.AlertDialog.Trigger,Popup:Oe,Title:Re,Description:we,Close:x.AlertDialog.Close,Header:Ae,Body:ye,Footer:Ie}),He=Te(),Le="_card_1cl8g_1",qe={card:Le},Se=({children:e,className:r,fullWidth:o,rounded:t,backgroundColor:n,style:i,...d})=>(0,a.jsx)("div",{className:(0,s.clsx)(qe.card,r),"data-full-width":o||void 0,"data-rounded":t||void 0,style:P.isDefined(n)?{...i,"--card-background-color":n}:i,...d,children:e}),Be="_cardContent_10wri_1",Fe={cardContent:Be},ze=({children:e,className:r,divider:o,isClickable:t,hasHoverHighlight:n,...i})=>(0,a.jsx)("div",{className:(0,s.clsx)(Fe.cardContent,r),"data-divider":o||void 0,"data-clickable":t||void 0,"data-hover-highlight":n||void 0,...i,children:e}),$e="_cardFooter_15rlh_1",Ee={cardFooter:$e},Ge=({children:e,className:r,divider:o,...t})=>(0,a.jsx)("div",{className:(0,s.clsx)(Ee.cardFooter,r),"data-no-divider":o===!1||void 0,...t,children:e}),Ke="_cardHeader_yrli2_1",Ue={cardHeader:Ke},We=({children:e,className:r,...o})=>(0,a.jsx)("div",{className:(0,s.clsx)(Ue.cardHeader,r),...o,children:e}),Ve="_commandTextContainer_2o210_1",Xe="_commandText_2o210_1",Ye="_commandKey_2o210_15",G={commandTextContainer:Ve,commandText:Xe,commandKey:Ye},V=({hotKeys:e,joinLabel:r="then"})=>(0,a.jsx)("div",{className:G.commandText,children:e&&(0,a.jsx)("div",{className:G.commandTextContainer,children:e.map((o,t)=>(0,a.jsxs)(C.default.Fragment,{children:[(0,a.jsx)("div",{className:G.commandKey,children:o}),t<e.length-1&&r]},t))})}),I=e=>P.isDefined(e)&&!(0,H.isBoolean)(e)&&e!=="",Ze=({checked:e,disabled:r})=>(0,a.jsx)("span",{"aria-hidden":!0,className:(0,s.clsx)(j.root,j.solid,j.sm,j.square,j.accent),"data-checked":e||void 0,"data-disabled":r||void 0,children:(0,a.jsx)("span",{className:j.box,children:e&&(0,a.jsx)("span",{className:j.indicator,children:(0,a.jsx)(U.IconCheck,{"aria-hidden":!0})})})}),Je="_root_1mkwm_2",Qe="_startIcon_1mkwm_47",er="_endIcon_1mkwm_48",rr="_label_1mkwm_60",ar="_text_1mkwm_70",or="_description_1mkwm_77",tr="_inlineDescription_1mkwm_85",nr="_endDescription_1mkwm_90",ir="_hotkeys_1mkwm_95",dr="_actions_1mkwm_101",sr="_checkIndicator_1mkwm_117",lr="_submenuIcon_1mkwm_124",l={root:Je,startIcon:Qe,endIcon:er,label:rr,text:ar,description:or,inlineDescription:tr,endDescription:nr,hotkeys:ir,actions:dr,checkIndicator:sr,submenuIcon:lr},X=({color:e="neutral",selected:r=!1,focused:o=!1,disabled:t=!1,indicator:n="none",startIcon:i,endIcon:d,description:m,descriptionPlacement:c="inline",actions:p,hotkeys:h,hasSubmenu:f=!1,className:g,children:M,render:S,ref:B,onClick:F,...z})=>{const O=I(m),$=R=>{if(t){R.preventDefault();return}F?.(R)};return(0,L.useRender)({render:S,ref:B,state:{color:e,indicator:n,selected:r,highlighted:o,disabled:t},props:{...z,className:(0,s.clsx)(l.root,g),"aria-disabled":t||void 0,onClick:$,children:(0,a.jsxs)(a.Fragment,{children:[n==="checkbox"&&(0,a.jsx)(Ze,{checked:r,disabled:t}),I(i)&&(0,a.jsx)("div",{className:l.startIcon,children:i}),(0,a.jsxs)("div",{className:l.label,children:[(0,a.jsx)("div",{className:l.text,children:M}),O&&c==="inline"&&(0,a.jsx)("div",{className:(0,s.clsx)(l.description,l.inlineDescription),children:m})]}),O&&c==="end"&&(0,a.jsx)("div",{className:(0,s.clsx)(l.description,l.endDescription),children:m}),I(p)&&(0,a.jsx)("div",{className:l.actions,children:p}),(0,H.isNonEmptyArray)(h)&&(0,a.jsx)("div",{className:l.hotkeys,children:(0,a.jsx)(V,{hotKeys:h})}),I(d)&&(0,a.jsx)("div",{className:l.endIcon,children:d}),n==="check"&&r&&(0,a.jsx)(U.IconCheck,{className:l.checkIndicator,"aria-hidden":!0}),f&&(0,a.jsx)(U.IconChevronRight,{className:l.submenuIcon,"aria-hidden":!0})]})}})},q=({color:e="neutral",startIcon:r,endIcon:o,description:t,descriptionPlacement:n,hotkeys:i,disabled:d=!1,children:m,render:c,...p},h)=>({...p,disabled:d,render:(f,g)=>(0,a.jsx)(X,{...f,render:(0,H.isFunction)(c)?M=>c(M,g):c,color:e,disabled:d,startIcon:r,endIcon:o,description:t,descriptionPlacement:n,hotkeys:i,...h?.(g),children:m})}),_r=e=>(0,a.jsx)(_.Menu.CheckboxItem,{...q(e,r=>({indicator:"checkbox",selected:r.checked}))}),cr="_positioner_3411d_1",ur="_popup_3411d_5",vr="_group_3411d_36",mr="_groupLabel_3411d_42",pr="_separator_3411d_54",D={positioner:cr,popup:ur,group:vr,groupLabel:mr,separator:pr},gr=({className:e,...r})=>(0,a.jsx)(_.Menu.Group,{...r,className:v(D.group,e)}),hr=({className:e,...r})=>(0,a.jsx)(_.Menu.GroupLabel,{...r,className:v(D.groupLabel,e)}),fr=e=>(0,a.jsx)(_.Menu.Item,{...q(e)}),Y=(0,C.createContext)(!1),xr={root:{side:"bottom",align:"start",sideOffset:8,alignOffset:0},submenu:{side:"inline-end",align:"start",sideOffset:0,alignOffset:-4}},br=({side:e,align:r,sideOffset:o,alignOffset:t,anchor:n,keepMounted:i,className:d,children:m,...c})=>{const p=P.useThemeContainer(),{container:h=p??void 0,...f}=c,g=xr[(0,C.useContext)(Y)?"submenu":"root"];return(0,a.jsx)(_.Menu.Portal,{container:h,keepMounted:i,children:(0,a.jsx)(_.Menu.Positioner,{side:e??g.side,align:r??g.align,sideOffset:o??g.sideOffset,alignOffset:t??g.alignOffset,anchor:n,className:D.positioner,children:(0,a.jsx)(_.Menu.Popup,{...f,className:v(D.popup,d),children:m})})})},jr=({className:e,...r})=>(0,a.jsx)(_.Menu.RadioGroup,{...r,className:v(D.group,e)}),kr=e=>(0,a.jsx)(_.Menu.RadioItem,{...q(e,r=>({indicator:"check",selected:r.checked}))}),Pr=({className:e,...r})=>(0,a.jsx)(_.Menu.Separator,{...r,className:v(D.separator,e)}),Cr=({children:e,...r})=>(0,a.jsx)(Y.Provider,{value:!0,children:(0,a.jsx)(_.Menu.SubmenuRoot,{...r,children:e})}),Nr=e=>(0,a.jsx)(_.Menu.SubmenuTrigger,{...q(e,()=>({hasSubmenu:!0}))}),Dr={Root:_.Menu.Root,Trigger:_.Menu.Trigger,Popup:br,Item:fr,CheckboxItem:_r,RadioGroup:jr,RadioItem:kr,Group:gr,GroupLabel:hr,Separator:Pr,SubmenuRoot:Cr,SubmenuTrigger:Nr},Mr="_modal_4h0sx_1",yr="_small_4h0sx_20",wr="_medium_4h0sx_24",Ir="_large_4h0sx_28",Ar="_extraLarge_4h0sx_32",Or="_paddingNone_4h0sx_37",Rr="_paddingSmall_4h0sx_41",Tr="_paddingMedium_4h0sx_45",Hr="_paddingLarge_4h0sx_49",Lr="_overlayDark_4h0sx_53",qr="_smallBorderRadius_4h0sx_57",Sr="_overlayTransparent_4h0sx_61",Br="_mobile_4h0sx_67",Fr="_narrowWidth_4h0sx_74",zr="_autoHeight_4h0sx_78",$r="_fullscreen_4h0sx_82",u={modal:Mr,small:yr,medium:wr,large:Ir,extraLarge:Ar,paddingNone:Or,paddingSmall:Rr,paddingMedium:Tr,paddingLarge:Hr,overlayDark:Lr,smallBorderRadius:qr,overlayTransparent:Sr,mobile:Br,narrowWidth:Fr,autoHeight:zr,fullscreen:$r},Er="_backdrop_1oefj_1",Gr="_overlayLight_1oefj_16",Kr="_inContainer_1oefj_20",K={backdrop:Er,overlayLight:Gr,inContainer:Kr},W=(0,C.forwardRef)(({overlay:e,backdropZIndex:r,isInContainer:o,className:t,style:n,...i},d)=>(0,a.jsx)("div",{ref:d,className:(0,s.clsx)(K.backdrop,e==="light"&&K.overlayLight,o&&K.inContainer,t),style:{"--modal-backdrop-z-index":r,...n},...i}));W.displayName="ModalBackdrop";var Ur=40,Wr=39,Vr=new Set(["ArrowUp","ArrowDown","ArrowLeft","ArrowRight","Home","End"]),Xr={none:u.paddingNone,small:u.paddingSmall,medium:u.paddingMedium,large:u.paddingLarge},Yr={dark:u.overlayDark,light:void 0,transparent:u.overlayTransparent},Zr=({isOpen:e,ariaLabel:r,children:o,size:t="medium",padding:n="medium",overlay:i="dark",isMobile:d=!1,isInContainer:m=!1,container:c,gap:p,smallBorderRadius:h,narrowWidth:f,autoHeight:g,width:M,modalZIndex:S=Ur,backdropZIndex:B=Wr,backdropTestId:F="modal-backdrop",backdropClickOutsideId:z,preventClickOutside:O,onBackdropMouseDown:$,modalRef:R})=>{const Z=(0,C.useRef)(null),J=R??Z,Q=P.useThemeContainer(),ee=P.isDefined(c)?c:Q??void 0,re=y=>{y.stopPropagation(),$?.(y)};return(0,a.jsx)(E.Dialog.Root,{open:e,modal:!1,disablePointerDismissal:!0,children:(0,a.jsx)(E.Dialog.Portal,{container:ee,children:(0,a.jsx)(W,{"data-testid":F,"data-click-outside-id":z,onMouseDown:re,overlay:i,backdropZIndex:B,isInContainer:m,children:(0,a.jsx)(E.Dialog.Popup,{initialFocus:!1,finalFocus:!1,onKeyDown:y=>{Vr.has(y.key)&&y.preventBaseUIHandler()},render:(0,a.jsx)("div",{ref:J,"aria-label":r,className:(0,s.clsx)(u.modal,u[t],Xr[n],Yr[i],d&&u.mobile,h&&u.smallBorderRadius,f&&u.narrowWidth,g&&u.autoHeight),style:{"--modal-z-index":S,width:d?void 0:M,gap:p!==void 0?`var(--t-spacing-${p})`:void 0},"data-globally-prevent-click-outside":O}),children:o})})})})},Jr="_content_1g670_1",Qr="_verticallyCentered_1g670_11",ea="_horizontallyCentered_1g670_15",ra="_overflowHidden_1g670_19",aa="_withContentPadding_1g670_23",oa="_noPadding_1g670_27",N={content:Jr,verticallyCentered:Qr,horizontallyCentered:ea,overflowHidden:ra,withContentPadding:aa,noPadding:oa},ta=({children:e,isVerticallyCentered:r,isHorizontallyCentered:o,noPadding:t,overflowHidden:n,gap:i,contentPadding:d})=>(0,a.jsx)("div",{className:(0,s.clsx)(N.content,r&&N.verticallyCentered,o&&N.horizontallyCentered,n&&N.overflowHidden,d!==void 0&&N.withContentPadding,t&&N.noPadding),style:{gap:i!==void 0?`var(--t-spacing-${i})`:void 0,"--modal-content-padding":d!==void 0?`var(--t-spacing-${d})`:void 0},children:e}),na="_footer_1lanc_1",ia="_autoHeight_1lanc_12",da="_centered_1lanc_16",sa="_smallPadding_1lanc_20",T={footer:na,autoHeight:ia,centered:da,smallPadding:sa},la=({children:e,autoHeight:r,centered:o,smallPadding:t,className:n})=>(0,a.jsx)("div",{className:(0,s.clsx)(T.footer,r&&T.autoHeight,o&&T.centered,t&&T.smallPadding,n),children:e}),_a="_header_1njem_1",ca="_autoHeight_1njem_11",ua="_noPadding_1njem_15",va="_withHorizontalPadding_1njem_19",ma="_withBorderBottom_1njem_29",w={header:_a,autoHeight:ca,noPadding:ua,withHorizontalPadding:va,withBorderBottom:ma},pa=({children:e,noPadding:r,autoHeight:o,hasBorderBottom:t,paddingHorizontal:n,backgroundColor:i})=>(0,a.jsx)("div",{className:(0,s.clsx)(w.header,o&&w.autoHeight,r&&w.noPadding,n!==void 0&&w.withHorizontalPadding,t&&w.withBorderBottom),style:{"--modal-header-padding-horizontal":n!==void 0?`var(--t-spacing-${n})`:void 0,backgroundColor:i},children:e}),ga="_positioner_zlrze_1",ha="_popup_zlrze_5",fa="_title_zlrze_29",xa="_description_zlrze_36",ba="_arrow_zlrze_42",A={positioner:ga,popup:ha,title:fa,description:xa,arrow:ba},ja=({className:e,...r})=>(0,a.jsx)(b.Popover.Description,{...r,className:v(A.description,e)}),ka=({side:e="bottom",align:r="center",sideOffset:o=8,alignOffset:t,arrow:n=!1,anchor:i,container:d,keepMounted:m,className:c,children:p,...h})=>{const f=P.useThemeContainer();return(0,a.jsx)(b.Popover.Portal,{container:d??f??void 0,keepMounted:m,children:(0,a.jsx)(b.Popover.Positioner,{side:e,align:r,sideOffset:o,alignOffset:t,anchor:i,className:A.positioner,children:(0,a.jsxs)(b.Popover.Popup,{...h,className:v(A.popup,c),children:[n&&(0,a.jsx)(b.Popover.Arrow,{className:A.arrow}),p]})})})},Pa=({className:e,...r})=>(0,a.jsx)(b.Popover.Title,{...r,className:v(A.title,e)}),Ca={Root:b.Popover.Root,Trigger:b.Popover.Trigger,Popup:ka,Title:Pa,Description:ja,Close:b.Popover.Close};Object.defineProperty(exports,"AlertDialog",{enumerable:!0,get:function(){return He}});Object.defineProperty(exports,"Card",{enumerable:!0,get:function(){return Se}});Object.defineProperty(exports,"CardContent",{enumerable:!0,get:function(){return ze}});Object.defineProperty(exports,"CardFooter",{enumerable:!0,get:function(){return Ge}});Object.defineProperty(exports,"CardHeader",{enumerable:!0,get:function(){return We}});Object.defineProperty(exports,"Checkbox_module_default",{enumerable:!0,get:function(){return j}});Object.defineProperty(exports,"ListItem",{enumerable:!0,get:function(){return X}});Object.defineProperty(exports,"ListItem_module_default",{enumerable:!0,get:function(){return l}});Object.defineProperty(exports,"Menu",{enumerable:!0,get:function(){return Dr}});Object.defineProperty(exports,"MenuItemHotKeys",{enumerable:!0,get:function(){return V}});Object.defineProperty(exports,"Modal",{enumerable:!0,get:function(){return Zr}});Object.defineProperty(exports,"ModalBackdrop",{enumerable:!0,get:function(){return W}});Object.defineProperty(exports,"ModalContent",{enumerable:!0,get:function(){return ta}});Object.defineProperty(exports,"ModalFooter",{enumerable:!0,get:function(){return la}});Object.defineProperty(exports,"ModalHeader",{enumerable:!0,get:function(){return pa}});Object.defineProperty(exports,"Popover",{enumerable:!0,get:function(){return Ca}});Object.defineProperty(exports,"isRenderableSlot",{enumerable:!0,get:function(){return I}});Object.defineProperty(exports,"mergeClassNames",{enumerable:!0,get:function(){return v}});