nogbase-ui 1.0.0

package/dist/navigation/menu/menu-item/internals/components/MenuItemIcon.d.ts

@@ -0,0 +1,11 @@
+import { ThemeColor } from '../../../../../theme';
+import { IconComponent } from '../../../../../display';
+
+export type MenuItemIconProps = {
+    Icon: IconComponent | null | undefined;
+    iconThemeColor?: ThemeColor | null;
+    withContainer?: boolean;
+    withContainerBackground?: boolean;
+};
+export declare const MenuItemIcon: ({ Icon, iconThemeColor, withContainer, withContainerBackground, }: MenuItemIconProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MenuItemIcon.d.ts.map

package/dist/navigation/menu/menu-item/internals/components/MenuItemIcon.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemIcon.d.ts","sourceRoot":"","sources":["../../../../../../src/navigation/menu/menu-item/internals/components/MenuItemIcon.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,aAAa,EAAkB,MAAM,aAAa,CAAC;AACjE,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAM5C,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IACvC,cAAc,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,uBAAuB,CAAC,EAAE,OAAO,CAAC;CACnC,CAAC;AAEF,eAAO,MAAM,YAAY,GAAI,mEAK1B,iBAAiB,mDA+BnB,CAAC"}

package/dist/navigation/menu/menu-item/internals/components/MenuItemIconBoxContainer.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+
+export declare const StyledIconContainer: ({ children, className, hasBackground, }: {
+    children?: ReactNode;
+    className?: string;
+    hasBackground?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export { StyledIconContainer as MenuItemIconBoxContainer };
+//# sourceMappingURL=MenuItemIconBoxContainer.d.ts.map

package/dist/navigation/menu/menu-item/internals/components/MenuItemIconBoxContainer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemIconBoxContainer.d.ts","sourceRoot":"","sources":["../../../../../../src/navigation/menu/menu-item/internals/components/MenuItemIconBoxContainer.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAqBvC,eAAO,MAAM,mBAAmB,GAAI,yCAIjC;IACD,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,OAAO,CAAC;CACzB,4CAMA,CAAC;AAEF,OAAO,EAAE,mBAAmB,IAAI,wBAAwB,EAAE,CAAC"}

package/dist/navigation/menu/menu-item/internals/components/MenuItemIconWithGripSwap.d.ts

@@ -0,0 +1,11 @@
+import { ThemeColor } from '../../../../../theme';
+import { IconComponent } from '../../../../../display';
+
+export type MenuItemIconWithGripSwapProps = {
+    LeftIcon: IconComponent | null | undefined;
+    iconThemeColor?: ThemeColor | null;
+    withIconContainer?: boolean;
+    gripIconColor: string;
+};
+export declare const MenuItemIconWithGripSwap: ({ LeftIcon, iconThemeColor, withIconContainer, gripIconColor, }: MenuItemIconWithGripSwapProps) => import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=MenuItemIconWithGripSwap.d.ts.map

package/dist/navigation/menu/menu-item/internals/components/MenuItemIconWithGripSwap.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemIconWithGripSwap.d.ts","sourceRoot":"","sources":["../../../../../../src/navigation/menu/menu-item/internals/components/MenuItemIconWithGripSwap.tsx"],"names":[],"mappings":"AACA,OAAO,EACL,KAAK,aAAa,EAGnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AA2B5C,MAAM,MAAM,6BAA6B,GAAG;IAC1C,QAAQ,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,cAAc,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,EAAE,MAAM,CAAC;CACvB,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,iEAKtC,6BAA6B,mDAoC/B,CAAC"}

package/dist/navigation/menu/menu-item/internals/components/MenuItemLeftContent.d.ts

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

package/dist/navigation/menu/menu-item/internals/components/MenuItemLeftContent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemLeftContent.d.ts","sourceRoot":"","sources":["../../../../../../src/navigation/menu/menu-item/internals/components/MenuItemLeftContent.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,SAAS,EAAc,MAAM,OAAO,CAAC;AAGnD,OAAO,EACL,KAAK,aAAa,EAGnB,MAAM,aAAa,CAAC;AACrB,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,WAAW,CAAC;AAE5C,OAAO,EAAE,KAAK,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AA8BvF,KAAK,wBAAwB,GAAG;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,SAAS,CAAC;IAC1B,QAAQ,EAAE,aAAa,GAAG,IAAI,GAAG,SAAS,CAAC;IAC3C,cAAc,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,2BAA2B,CAAC,EAAE,OAAO,CAAC;IACtC,QAAQ,CAAC,EAAE,yBAAyB,CAAC;IACrC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,IAAI,EAAE,SAAS,CAAC;IAChB,cAAc,CAAC,EAAE,SAAS,CAAC;IAC3B,sBAAsB,CAAC,EAAE,MAAM,GAAG,OAAO,CAAC;CAC3C,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,2KAYjC,wBAAwB,4CAmF1B,CAAC"}

package/dist/navigation/menu/menu-item/internals/components/StyledMenuItemBase.d.ts

@@ -0,0 +1,27 @@
+import { MenuItemAccent } from '../../types/MenuItemAccent';
+
+export type MenuItemBaseProps = {
+    accent?: MenuItemAccent;
+    isKeySelected?: boolean;
+    isHoverBackgroundDisabled?: boolean;
+    hovered?: boolean;
+    disabled?: boolean;
+    focused?: boolean;
+};
+export declare const StyledMenuItemBase: import('@linaria/react').StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & MenuItemBaseProps>;
+export declare const StyledMenuItemLabel: import('@linaria/react').StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledMenuItemLabelLight: import('@linaria/react').StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledNoIconFiller: import('@linaria/react').StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledMenuItemLeftContent: import('@linaria/react').StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledMenuItemRightContent: import('@linaria/react').StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledDraggableItem: import('@linaria/react').StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledHoverableMenuItemBase: import('@linaria/react').StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
+    isIconDisplayedOnHoverOnly?: boolean;
+    cursor?: "drag" | "default";
+} & MenuItemBaseProps>;
+export declare const StyledMenuItemIconCheck: ({ size }: {
+    size?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const StyledMenuItemContextualText: import('@linaria/react').StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const StyledRightMenuItemContextualText: import('@linaria/react').StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+//# sourceMappingURL=StyledMenuItemBase.d.ts.map

package/dist/navigation/menu/menu-item/internals/components/StyledMenuItemBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StyledMenuItemBase.d.ts","sourceRoot":"","sources":["../../../../../../src/navigation/menu/menu-item/internals/components/StyledMenuItemBase.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,4BAA4B,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,MAAM,CAAC,EAAE,cAAc,CAAC;IACxB,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,yBAAyB,CAAC,EAAE,OAAO,CAAC;IACpC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF,eAAO,MAAM,kBAAkB,gKAmE9B,CAAC;AAEF,eAAO,MAAM,mBAAmB,qKAS/B,CAAC;AAEF,eAAO,MAAM,wBAAwB,qKAQpC,CAAC;AAEF,eAAO,MAAM,kBAAkB,qKAE9B,CAAC;AAEF,eAAO,MAAM,yBAAyB,qKAarC,CAAC;AAEF,eAAO,MAAM,0BAA0B,qKAStC,CAAC;AAEF,eAAO,MAAM,mBAAmB,qKAK/B,CAAC;AAOF,eAAO,MAAM,2BAA2B;iCAJT,OAAO;aAC3B,MAAM,GAAG,SAAS;sBAsF5B,CAAC;AASF,eAAO,MAAM,uBAAuB,GAAI,UAAU;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAE,4CAIlE,CAAC;AAEF,eAAO,MAAM,4BAA4B,qKAQxC,CAAC;AAEF,eAAO,MAAM,iCAAiC,qKAS7C,CAAC"}

package/dist/navigation/menu/menu-item/types/MenuItemAccent.d.ts

@@ -0,0 +1,2 @@
+export type MenuItemAccent = 'default' | 'danger' | 'placeholder';
+//# sourceMappingURL=MenuItemAccent.d.ts.map

package/dist/navigation/menu/menu-item/types/MenuItemAccent.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemAccent.d.ts","sourceRoot":"","sources":["../../../../../src/navigation/menu/menu-item/types/MenuItemAccent.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC"}

package/dist/navigation/menu/menu-item/types/MenuItemDraggableGripMode.d.ts

@@ -0,0 +1,2 @@
+export type MenuItemDraggableGripMode = 'always' | 'onHover' | 'never';
+//# sourceMappingURL=MenuItemDraggableGripMode.d.ts.map

package/dist/navigation/menu/menu-item/types/MenuItemDraggableGripMode.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItemDraggableGripMode.d.ts","sourceRoot":"","sources":["../../../../../src/navigation/menu/menu-item/types/MenuItemDraggableGripMode.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,yBAAyB,GAAG,QAAQ,GAAG,SAAS,GAAG,OAAO,CAAC"}

package/dist/navigation/navigation-bar/components/NavigationBar.d.ts

@@ -0,0 +1,13 @@
+import { IconComponent } from '../../../display/icon/types/IconComponent';
+
+type NavigationBarProps = {
+    activeItemName: string;
+    items: {
+        name: string;
+        Icon: IconComponent;
+        onClick: () => void;
+    }[];
+};
+export declare const NavigationBar: ({ activeItemName, items, }: NavigationBarProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NavigationBar.d.ts.map

package/dist/navigation/navigation-bar/components/NavigationBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBar.d.ts","sourceRoot":"","sources":["../../../../src/navigation/navigation-bar/components/NavigationBar.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAa1E,KAAK,kBAAkB,GAAG;IACxB,cAAc,EAAE,MAAM,CAAC;IACvB,KAAK,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,aAAa,CAAC;QAAC,OAAO,EAAE,MAAM,IAAI,CAAA;KAAE,EAAE,CAAC;CACrE,CAAC;AAEF,eAAO,MAAM,aAAa,GAAI,4BAG3B,kBAAkB,4CAapB,CAAC"}

package/dist/navigation/navigation-bar/components/NavigationBarItem.d.ts

@@ -0,0 +1,10 @@
+import { IconComponent } from '../../../display/icon/types/IconComponent';
+
+type NavigationBarItemProps = {
+    Icon: IconComponent;
+    isActive: boolean;
+    onClick: () => void;
+};
+export declare const NavigationBarItem: ({ Icon, isActive, onClick, }: NavigationBarItemProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NavigationBarItem.d.ts.map

package/dist/navigation/navigation-bar/components/NavigationBarItem.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationBarItem.d.ts","sourceRoot":"","sources":["../../../../src/navigation/navigation-bar/components/NavigationBarItem.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,sCAAsC,CAAC;AAsB1E,KAAK,sBAAsB,GAAG;IAC5B,IAAI,EAAE,aAAa,CAAC;IACpB,QAAQ,EAAE,OAAO,CAAC;IAClB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,GAAI,8BAI/B,sBAAsB,4CAWxB,CAAC"}

package/dist/navigation/notification-counter/components/NotificationCounter.d.ts

@@ -0,0 +1,8 @@
+type NotificationCounterProps = {
+    count: number;
+    variant?: 'primary' | 'secondary';
+    className?: string;
+};
+export declare const NotificationCounter: ({ count, variant, className, }: NotificationCounterProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=NotificationCounter.d.ts.map

package/dist/navigation/notification-counter/components/NotificationCounter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotificationCounter.d.ts","sourceRoot":"","sources":["../../../../src/navigation/notification-counter/components/NotificationCounter.tsx"],"names":[],"mappings":"AAuBA,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,SAAS,GAAG,WAAW,CAAC;IAClC,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,mBAAmB,GAAI,gCAIjC,wBAAwB,4CAM1B,CAAC"}

package/dist/navigation.cjs

@@ -0,0 +1 @@
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./jsx-runtime-CycUbF8Y.cjs"),a=require("@linaria/react"),C=require("./Toggle-Cw3Dds-m.cjs"),y=require("./ThemeProvider-CLAfdrfV.cjs"),j=require("react"),f=require("./TintedIconTile-C6Ogk0pF.cjs"),D=require("react-router-dom"),S=require("@sniptt/guards"),ue=require("./getDisplayValueByUrlType-B64lHVXJ.cjs"),V=require("./AppTooltip-BSOOys5a.cjs"),l=require("./themeCssVariables-DswYV7vR.cjs"),M=require("./utils-DOUsOuwI.cjs"),me=require("framer-motion"),I=require("./OverflowingTextWithTooltip-Bx--oslz.cjs"),B=require("./ColorSample-BWfzelYk.cjs"),G=require("./Tag-C0ieQE9o.cjs"),de=s=>s&&s.__esModule?s:{default:s},pe=de(j),je=a.styled("div")({name:"StyledContainer",class:"s11i7kvk",propsAsIs:!1}),he=a.styled("div")({name:"StyledText",class:"s10fleot",propsAsIs:!1}),ye=a.styled("div")({name:"StyledIconContainer",class:"s1uhvzhk",propsAsIs:!1}),fe=a.styled("label")({name:"StyledToggleContainer",class:"smtgka1",propsAsIs:!1}),Ce=({isAdvancedModeEnabled:s,setIsAdvancedModeEnabled:t,label:n="Advanced:"})=>{const{theme:r}=j.useContext(y.ThemeContext),o=c=>{t(c)},i=j.useId(),x=r.color.yellow;return e.jsxRuntimeExports.jsxs(je,{children:[e.jsxRuntimeExports.jsx(ye,{children:e.jsxRuntimeExports.jsx(f.IconPoint,{size:12,color:x,fill:x})}),e.jsxRuntimeExports.jsxs(fe,{htmlFor:i,children:[e.jsxRuntimeExports.jsx(he,{children:n}),e.jsxRuntimeExports.jsx(C.Toggle,{id:i,onChange:o,color:x,value:s})]})]})},ge=a.styled("a")({name:"StyledButtonLink",class:"s1gqcg9z",propsAsIs:!1}),P=s=>e.jsxRuntimeExports.jsx(ge,{className:s.className,href:s.href,onClick:s.onClick,target:s.target,rel:s.rel,children:s.children}),Ie=()=>({maxWidth:s})=>s??"100%",Re=a.styled("a")({name:"StyledClickableLink",class:"s1dd08x",propsAsIs:!1,vars:{"s1dd08x-0":[Ie()]}}),Se=({href:s,children:t,onClick:n,maxWidth:r})=>e.jsxRuntimeExports.jsx(Re,{maxWidth:r,target:"_blank",onClick:n,href:s,children:t}),F="https://github.com/nogbasehq/nogbase",Ee=({version:s})=>{const{theme:t}=j.useContext(y.ThemeContext);return e.jsxRuntimeExports.jsxs(P,{href:F,target:"_blank",rel:"noreferrer",children:[e.jsxRuntimeExports.jsx(f.IconBrandGithub,{size:t.icon.size.md}),s]})},be=a.styled("div")({name:"StyledClickable",class:"s1n3wksf",propsAsIs:!1}),ke=({className:s,href:t,children:n,onClick:r})=>e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(be,{className:s,children:e.jsxRuntimeExports.jsx(D.Link,{target:"_blank",onClick:r,to:t,children:n})})}),ve=a.styled("a")({name:"StyledLink",class:"srl6h1l",propsAsIs:!1}),U=({label:s,href:t,onClick:n,className:r})=>{if(!S.isNonEmptyString(s))return e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{});const o=i=>{i.stopPropagation(),n?.(i)};return e.jsxRuntimeExports.jsx(ve,{href:t,target:"_blank",rel:"noreferrer",onClick:o,className:r,children:s})};var H=(s=>(s.Url="url",s.LinkedIn="linkedin",s.Twitter="twitter",s.Facebook="facebook",s))(H||{});const Me=({label:s,href:t,onClick:n,type:r})=>{const o=ue.getDisplayValueByUrlType({type:r,href:t})??s;return e.jsxRuntimeExports.jsx(U,{href:t,onClick:n,label:o})},Te="u1kcr0e1",Ae=({children:s,to:t,replace:n=!1,onClick:r,fullWidth:o=!1})=>e.jsxRuntimeExports.jsx(D.Link,{to:t,replace:n,onClick:r,className:Te,style:o?{width:"100%"}:void 0,children:s}),Le="https://cal.com/team/nogbase/talk-to-us",ze="https://nogbase.com/pricing",Ve=()=>({disabled:s})=>s?l.themeCssVariables.background.secondary:"transparent",_e=()=>({selected:s,disabled:t})=>t?l.themeCssVariables.border.color.medium:s?l.themeCssVariables.color.blue:l.themeCssVariables.border.color.medium,we=()=>({selected:s,disabled:t})=>t?l.themeCssVariables.font.color.extraLight:s?l.themeCssVariables.color.blue:l.themeCssVariables.font.color.tertiary,qe=()=>({disabled:s})=>s?"default":"pointer",Ne=()=>({selected:s,disabled:t})=>t?l.themeCssVariables.background.secondary:s?l.themeCssVariables.background.transparent.primary:l.themeCssVariables.background.transparent.light,Be=a.styled("button")({name:"StyledMenuPicker",class:"s1xnljnm",propsAsIs:!1,vars:{"s1xnljnm-0":[Ve()],"s1xnljnm-1":[_e()],"s1xnljnm-2":[we()],"s1xnljnm-3":[qe()],"s1xnljnm-4":[Ne()]}}),Ge=a.styled("div")({name:"StyledIconContainer",class:"s3qfn51",propsAsIs:!1}),Oe=()=>({selected:s,disabled:t})=>t?l.themeCssVariables.font.color.extraLight:s?l.themeCssVariables.color.blue:l.themeCssVariables.font.color.tertiary,We=a.styled("div")({name:"StyledLabel",class:"s1y6epzy",propsAsIs:!1,vars:{"s1y6epzy-0":[Oe()]}}),$e=({id:s,icon:t,label:n,selected:r=!1,disabled:o=!1,showLabel:i=!0,onClick:x,className:c,testId:m,tooltipContent:u,tooltipDelay:h=V.TooltipDelay.noDelay,tooltipOffset:d=5})=>{const{theme:p}=j.useContext(y.ThemeContext);return e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsxs(Be,{id:s,selected:r,disabled:o,onClick:x,className:c,"data-testid":m,"aria-pressed":r,"aria-disabled":o,"aria-label":n,children:[e.jsxRuntimeExports.jsx(Ge,{children:e.jsxRuntimeExports.jsx(t,{size:p.icon.size.md,stroke:p.icon.stroke.sm})}),M.o(n)&&i&&e.jsxRuntimeExports.jsx(We,{selected:r,disabled:o,children:n})]}),S.isNonEmptyString(u)&&e.jsxRuntimeExports.jsx(V.AppTooltip,{anchorSelect:`#${s}`,offset:d,content:u,place:V.TooltipPosition.Bottom,positionStrategy:"fixed",delay:h,noArrow:!0})]})},De=a.styled("div")({name:"StyledCommandTextContainer",class:"s33s3ug",propsAsIs:!1}),Pe=a.styled("div")({name:"StyledCommandText",class:"suwd2ti",propsAsIs:!1}),Fe=a.styled("div")({name:"StyledCommandKey",class:"s1quemx3",propsAsIs:!1}),K=({hotKeys:s,joinLabel:t="then"})=>e.jsxRuntimeExports.jsx(Pe,{children:s&&e.jsxRuntimeExports.jsx(De,{children:s.map((n,r)=>e.jsxRuntimeExports.jsxs(pe.default.Fragment,{children:[e.jsxRuntimeExports.jsx(Fe,{children:n}),r<s.length-1&&t]},r))})}),Ue=a.styled("div")({name:"StyledIconContainerBase",class:"senmj74",propsAsIs:!1}),He=a.styled("div")({name:"StyledIconContainerWithBackground",class:"syzdrr6",propsAsIs:!1}),A=({children:s,className:t,hasBackground:n=!0})=>{const r=n?He:Ue;return e.jsxRuntimeExports.jsx(r,{className:t,children:s})},J=({Icon:s,iconThemeColor:t,withContainer:n=!1,withContainerBackground:r=!0})=>{const{theme:o}=j.useContext(y.ThemeContext);if(!s)return null;if(M.o(t))return e.jsxRuntimeExports.jsx(f.TintedIconTile,{Icon:s,color:t,size:o.icon.size.md,stroke:o.icon.stroke.sm});const i=e.jsxRuntimeExports.jsx(s,{size:o.icon.size.md,stroke:o.icon.stroke.sm});return n?e.jsxRuntimeExports.jsx(A,{hasBackground:r,children:i}):i},Ke=a.styled("div")({name:"StyledIconSwapContainer",class:"s1lbmvf8",propsAsIs:!1}),Je=a.styled("div")({name:"StyledDefaultIcon",class:"s1aiwdip",propsAsIs:!1}),Ye=a.styled("div")({name:"StyledHoverIcon",class:"s4uztl6",propsAsIs:!1}),Y=({LeftIcon:s,iconThemeColor:t,withIconContainer:n=!1,gripIconColor:r})=>{const{theme:o}=j.useContext(y.ThemeContext);if(!s)return null;const i=e.jsxRuntimeExports.jsxs(Ke,{children:[e.jsxRuntimeExports.jsx(Je,{className:"grip-swap-default-icon",children:M.o(t)?e.jsxRuntimeExports.jsx(f.TintedIconTile,{Icon:s,color:t,size:o.icon.size.md,stroke:o.icon.stroke.sm}):e.jsxRuntimeExports.jsx(s,{size:o.icon.size.md,stroke:o.icon.stroke.sm})}),e.jsxRuntimeExports.jsx(Ye,{className:"grip-swap-hover-icon",children:e.jsxRuntimeExports.jsx(f.IconGripVertical,{size:o.icon.size.md,stroke:o.icon.stroke.sm,color:r})})]});return n&&!M.o(t)?e.jsxRuntimeExports.jsx(A,{children:i}):i},Qe=()=>({isKeySelected:s,focused:t})=>s||t?l.themeCssVariables.background.transparent.light:"transparent",Xe=()=>({isHoverBackgroundDisabled:s,disabled:t})=>t||s?"none":"background 0.1s ease",Ze=()=>({accent:s,disabled:t})=>{if(t!==void 0&&t!==!1)return l.themeCssVariables.font.color.tertiary;switch(s){case"danger":return l.themeCssVariables.font.color.danger;case"placeholder":return l.themeCssVariables.font.color.tertiary;default:return l.themeCssVariables.font.color.secondary}},es=()=>({accent:s,disabled:t,isHoverBackgroundDisabled:n,isKeySelected:r,focused:o})=>t===!0?r||o?l.themeCssVariables.background.transparent.light:"transparent":s==="danger"?l.themeCssVariables.background.transparent.danger:n===!0?"transparent":l.themeCssVariables.background.transparent.light,E=a.styled("div")({name:"StyledMenuItemBase",class:"scdi7ap",propsAsIs:!1,vars:{"scdi7ap-0":[Qe()],"scdi7ap-1":[Xe()],"scdi7ap-2":[Ze()],"scdi7ap-3":[es()]}}),b=a.styled("div")({name:"StyledMenuItemLabel",class:"s1tnlat5",propsAsIs:!1}),T=a.styled("div")({name:"StyledMenuItemLabelLight",class:"s16uoqc2",propsAsIs:!1}),ss=a.styled("div")({name:"StyledNoIconFiller",class:"su9t9ge",propsAsIs:!1}),g=a.styled("div")({name:"StyledMenuItemLeftContent",class:"sjbi2aq",propsAsIs:!1}),_=a.styled("div")({name:"StyledMenuItemRightContent",class:"s1jupcn5",propsAsIs:!1}),N=a.styled("div")({name:"StyledDraggableItem",class:"s1haa213",propsAsIs:!1}),ts=()=>({isKeySelected:s,focused:t})=>s||t?l.themeCssVariables.background.transparent.light:"transparent",ns=()=>({isHoverBackgroundDisabled:s,disabled:t})=>t||s?"none":"background 0.1s ease",rs=()=>({accent:s,disabled:t})=>{if(t!==void 0&&t!==!1)return l.themeCssVariables.font.color.tertiary;switch(s){case"danger":return l.themeCssVariables.font.color.danger;case"placeholder":return l.themeCssVariables.font.color.tertiary;default:return l.themeCssVariables.font.color.secondary}},os=()=>({accent:s,disabled:t,isHoverBackgroundDisabled:n,isKeySelected:r,focused:o})=>t===!0?r||o?l.themeCssVariables.background.transparent.light:"transparent":s==="danger"?l.themeCssVariables.background.transparent.danger:n===!0?"transparent":l.themeCssVariables.background.transparent.light,is=()=>({isIconDisplayedOnHoverOnly:s})=>s===!0?"0":"1",ls=()=>({isIconDisplayedOnHoverOnly:s})=>s===!0?l.themeCssVariables.spacing[2]:"auto",as=()=>({cursor:s,disabled:t})=>t!==void 0&&t!==!1?"default":s==="drag"?"grab":"pointer",O=a.styled("div")({name:"StyledHoverableMenuItemBase",class:"sqou7u1",propsAsIs:!1,vars:{"sqou7u1-0":[ts()],"sqou7u1-1":[ns()],"sqou7u1-2":[rs()],"sqou7u1-3":[os()],"sqou7u1-4":[is()],"sqou7u1-5":[ls()],"sqou7u1-6":[as()]}}),cs=a.styled("div")({name:"StyledMenuItemIconCheckContainer",class:"sa2a0ln",propsAsIs:!1}),w=({size:s})=>e.jsxRuntimeExports.jsx(cs,{children:e.jsxRuntimeExports.jsx(B.IconCheck,{size:s})}),Q=a.styled("div")({name:"StyledMenuItemContextualText",class:"s1hgpe6x",propsAsIs:!1}),W=a.styled("div")({name:"StyledRightMenuItemContextualText",class:"s17l3xsm",propsAsIs:!1}),xs=a.styled("div")({name:"StyledMainText",class:"sn2pafm",propsAsIs:!1}),us=a.styled("div")({name:"StyledMenuItemLabelRight",class:"svk88g9",propsAsIs:!1}),R=({className:s,LeftComponent:t,LeftIcon:n,iconThemeColor:r,withIconContainer:o=!1,withIconContainerBackground:i=!0,text:x,contextualText:c,contextualTextPosition:m="left",gripMode:u="never",disabled:h=!1})=>{const{theme:d}=j.useContext(y.ThemeContext),p=o?l.themeCssVariables.font.color.tertiary:h?l.themeCssVariables.font.color.extraLight:l.themeCssVariables.font.color.light;return e.jsxRuntimeExports.jsxs(g,{className:s,children:[u==="always"&&(o?e.jsxRuntimeExports.jsx(A,{hasBackground:i,children:e.jsxRuntimeExports.jsx(N,{children:e.jsxRuntimeExports.jsx(f.IconGripVertical,{size:d.icon.size.md,stroke:d.icon.stroke.sm,color:p})})}):e.jsxRuntimeExports.jsx(N,{children:e.jsxRuntimeExports.jsx(f.IconGripVertical,{size:d.icon.size.md,stroke:d.icon.stroke.sm,color:p})})),u==="onHover"?e.jsxRuntimeExports.jsx(Y,{LeftIcon:n,iconThemeColor:r,withIconContainer:o,gripIconColor:p}):e.jsxRuntimeExports.jsx(J,{Icon:n,iconThemeColor:r,withContainer:o,withContainerBackground:i}),t,e.jsxRuntimeExports.jsxs(b,{children:[S.isString(x)?e.jsxRuntimeExports.jsx(xs,{children:e.jsxRuntimeExports.jsx(I.OverflowingTextWithTooltip,{text:x})}):x,m==="left"&&e.jsxRuntimeExports.jsx(e.jsxRuntimeExports.Fragment,{children:S.isString(c)?S.isNonEmptyString(c)&&e.jsxRuntimeExports.jsx(Q,{children:e.jsxRuntimeExports.jsx(I.OverflowingTextWithTooltip,{text:`· ${c}`,tooltipContent:c})}):c})]}),m==="right"&&e.jsxRuntimeExports.jsx(us,{children:e.jsxRuntimeExports.jsx(W,{children:S.isString(c)?e.jsxRuntimeExports.jsx(I.OverflowingTextWithTooltip,{text:c}):c})})]})},ms=()=>me.motion.div,ds=a.styled(ms())({name:"StyledSubMenuIcon",class:"s97ygdf",propsAsIs:!0}),X=({accent:s="default",className:t,withIconContainer:n=!1,withIconContainerBackground:r=!0,iconButtons:o,isIconDisplayedOnHoverOnly:i=!0,LeftIcon:x,iconThemeColor:c,LeftComponent:m,RightIcon:u,RightComponent:h,onClick:d,onMouseEnter:p,onMouseLeave:k,testId:se,text:te,contextualTextPosition:ne="left",contextualText:re,hasSubMenu:oe=!1,disabled:z=!1,focused:ie=!1,selected:le=!1,hotKeys:$,isSubMenuOpened:ae=!1})=>{const{theme:v}=j.useContext(y.ThemeContext),ce=Array.isArray(o)&&o.length>0,xe=q=>{d&&(q.preventDefault(),q.stopPropagation(),d?.(q))};return e.jsxRuntimeExports.jsxs(O,{"data-testid":se??void 0,onClick:z?void 0:xe,disabled:z,className:t,accent:s,isIconDisplayedOnHoverOnly:i,onMouseEnter:p,onMouseLeave:k,focused:ie||le,children:[e.jsxRuntimeExports.jsx(R,{LeftIcon:x??void 0,iconThemeColor:c,LeftComponent:m,withIconContainer:n,withIconContainerBackground:r,text:te,contextualText:re,contextualTextPosition:ne,disabled:z}),e.jsxRuntimeExports.jsxs(_,{children:[o&&e.jsxRuntimeExports.jsx("div",{className:"hoverable-buttons",children:ce&&e.jsxRuntimeExports.jsx(C.LightIconButtonGroup,{iconButtons:o,size:"small"})}),$&&e.jsxRuntimeExports.jsx(K,{hotKeys:$}),u&&e.jsxRuntimeExports.jsx(u,{size:v.icon.size.md,stroke:v.icon.stroke.sm}),h,oe&&e.jsxRuntimeExports.jsx(ds,{animate:{rotate:ae?90:0},transition:{duration:v.animation.duration.normal},style:{visibility:z?"hidden":"visible"},children:e.jsxRuntimeExports.jsx(f.IconChevronRight,{size:v.icon.size.sm,color:v.font.color.light})})]})]})},ps=({accent:s="default",className:t,iconButtons:n,isIconDisplayedOnHoverOnly:r=!0,isTooltipOpen:o,onClick:i,onMouseEnter:x,onMouseLeave:c,testId:m,avatar:u,hasSubMenu:h=!1,text:d,contextualText:p})=>e.jsxRuntimeExports.jsx(X,{accent:s,className:t,iconButtons:n,isIconDisplayedOnHoverOnly:r,isTooltipOpen:o,LeftComponent:M.o(u)?e.jsxRuntimeExports.jsx(V.Avatar,{placeholder:u.placeholder,avatarUrl:u.avatarUrl,placeholderColorSeed:u.placeholderColorSeed,size:u.size,type:u.type}):void 0,onClick:i,onMouseEnter:x,onMouseLeave:c,testId:m,text:d,contextualText:p,hasSubMenu:h}),js=({LeftIcon:s,withIconContainer:t=!1,accent:n="default",iconButtons:r,onClick:o,text:i,contextualText:x,isDragDisabled:c=!1,className:m,isIconDisplayedOnHoverOnly:u=!0,gripMode:h="never"})=>{const d=Array.isArray(r)&&r.length>0,p=h!=="never"?c?"default":"drag":"default";return e.jsxRuntimeExports.jsxs(O,{onClick:o,accent:n,className:m,isIconDisplayedOnHoverOnly:u,cursor:p,children:[e.jsxRuntimeExports.jsx(R,{LeftIcon:s,text:i,contextualText:x,withIconContainer:t,disabled:c,gripMode:h}),d&&e.jsxRuntimeExports.jsx(C.LightIconButtonGroup,{className:"hoverable-buttons",iconButtons:r})]})},hs=a.styled("div")({name:"StyledLeftContentWithCheckboxContainer",class:"s173nnho",propsAsIs:!1}),ys=({color:s,LeftIcon:t,iconThemeColor:n,withIconContainer:r=!1,text:o,selected:i,isKeySelected:x,className:c,onSelectChange:m})=>{const u=()=>{m?.(!i)};return e.jsxRuntimeExports.jsx(E,{isKeySelected:x,className:c,onClick:u,children:e.jsxRuntimeExports.jsxs(hs,{children:[e.jsxRuntimeExports.jsx(C.Checkbox,{checked:i}),s?e.jsxRuntimeExports.jsx(G.Tag,{color:s,text:o,Icon:t}):e.jsxRuntimeExports.jsx(R,{LeftIcon:t,iconThemeColor:n,text:o,withIconContainer:r})]})})},fs=a.styled("div")({name:"StyledLeftContentWithCheckboxContainer",class:"srv37ca",propsAsIs:!1}),Cs=a.styled("div")({name:"StyledTextContainer",class:"s11aub3a",propsAsIs:!1}),gs=({avatar:s,text:t,selected:n,contextualText:r,className:o,isKeySelected:i,onSelectChange:x})=>{const c=()=>{x?.(!n)};return e.jsxRuntimeExports.jsx(E,{className:o,onClick:c,isKeySelected:i,children:e.jsxRuntimeExports.jsxs(fs,{children:[e.jsxRuntimeExports.jsx(C.Checkbox,{checked:n}),e.jsxRuntimeExports.jsxs(g,{children:[s,e.jsxRuntimeExports.jsxs(Cs,{children:[e.jsxRuntimeExports.jsx(b,{children:e.jsxRuntimeExports.jsx(I.OverflowingTextWithTooltip,{text:t})}),r&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(T,{children:"·"}),e.jsxRuntimeExports.jsx(T,{children:e.jsxRuntimeExports.jsx(I.OverflowingTextWithTooltip,{text:r})})]})]})]})]})})},Is=({color:s,selected:t,className:n,onClick:r,isKeySelected:o,text:i,Icon:x})=>e.jsxRuntimeExports.jsx(E,{isKeySelected:o,onClick:r,className:n,children:e.jsxRuntimeExports.jsxs(g,{children:[e.jsxRuntimeExports.jsx(C.Checkbox,{size:C.CheckboxSize.Small,shape:C.CheckboxShape.Squared,checked:t}),e.jsxRuntimeExports.jsx(G.Tag,{color:s,text:i,Icon:x})]})}),Rs=({LeftIcon:s,withIconContainer:t=!1,text:n,className:r,onClick:o})=>{const{theme:i}=j.useContext(y.ThemeContext);return e.jsxRuntimeExports.jsxs(E,{onClick:o,className:r,children:[e.jsxRuntimeExports.jsx(g,{children:e.jsxRuntimeExports.jsx(R,{LeftIcon:s,text:n,withIconContainer:t})}),e.jsxRuntimeExports.jsx(f.IconChevronRight,{size:i.icon.size.sm,color:i.font.color.tertiary})]})},Ss=()=>({disabled:s,focused:t,isKeySelected:n})=>s===!0?"inherit":t===!0||n===!0?l.themeCssVariables.background.transparent.light:"",Es=()=>({disabled:s})=>s===!0?"inherit":l.themeCssVariables.background.transparent.light,bs=()=>({disabled:s})=>s===!0?l.themeCssVariables.font.color.tertiary:l.themeCssVariables.font.color.secondary,ks=()=>({disabled:s})=>s===!0?"default":"pointer",L=a.styled("div")({name:"StyledMenuItemSelect",class:"sozj5mr",propsAsIs:!1,vars:{"sozj5mr-0":[Ss()],"sozj5mr-1":[Es()],"sozj5mr-2":[bs()],"sozj5mr-3":[ks()]}}),vs=({LeftIcon:s,leftIconColor:t,withIconContainer:n=!1,text:r,selected:o,needIconCheck:i=!0,className:x,onClick:c,disabled:m,focused:u,hasSubMenu:h=!1,contextualText:d,contextualTextPosition:p="left"})=>{const{theme:k}=j.useContext(y.ThemeContext);return e.jsxRuntimeExports.jsxs(L,{onClick:c,className:x,disabled:m,focused:u,role:"option","aria-selected":o,"aria-disabled":m,children:[e.jsxRuntimeExports.jsx(R,{LeftIcon:s,iconThemeColor:t,text:r,contextualText:p==="left"?d:null,withIconContainer:n}),e.jsxRuntimeExports.jsxs(_,{children:[p==="right"&&e.jsxRuntimeExports.jsx(b,{children:S.isString(d)?e.jsxRuntimeExports.jsx(W,{children:e.jsxRuntimeExports.jsx(I.OverflowingTextWithTooltip,{text:d})}):d}),o&&i&&e.jsxRuntimeExports.jsx(B.IconCheck,{size:k.icon.size.md}),h&&e.jsxRuntimeExports.jsx(f.IconChevronRight,{size:k.icon.size.sm,color:k.font.color.tertiary})]})]})},Ms=a.styled("div")({name:"StyledTextContainer",class:"s1w3dihv",propsAsIs:!1}),Ts=({avatar:s,text:t,contextualText:n,selected:r,className:o,onClick:i,disabled:x,focused:c,testId:m})=>{const{theme:u}=j.useContext(y.ThemeContext);return e.jsxRuntimeExports.jsxs(L,{onClick:i,className:o,disabled:x,focused:c,"data-testid":m,role:"option","aria-selected":r,"aria-disabled":x,children:[e.jsxRuntimeExports.jsxs(g,{children:[s,e.jsxRuntimeExports.jsxs(Ms,{children:[e.jsxRuntimeExports.jsx(b,{children:e.jsxRuntimeExports.jsx(I.OverflowingTextWithTooltip,{text:t})}),n&&e.jsxRuntimeExports.jsxs(e.jsxRuntimeExports.Fragment,{children:[e.jsxRuntimeExports.jsx(T,{children:"·"}),e.jsxRuntimeExports.jsx(T,{children:e.jsxRuntimeExports.jsx(I.OverflowingTextWithTooltip,{text:n})})]})]})]}),r&&e.jsxRuntimeExports.jsx(w,{size:u.icon.size.md})]})},Z={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"},As=({color:s,selected:t,className:n,onClick:r,disabled:o,focused:i,variant:x="default",colorLabels:c=Z})=>{const{theme:m}=j.useContext(y.ThemeContext);return e.jsxRuntimeExports.jsxs(L,{onClick:r,className:n,disabled:o,focused:i,children:[e.jsxRuntimeExports.jsxs(g,{children:[e.jsxRuntimeExports.jsx(B.ColorSample,{colorName:s,variant:x}),e.jsxRuntimeExports.jsx(b,{children:c[s]})]}),t&&e.jsxRuntimeExports.jsx(w,{size:m.icon.size.md})]})},Ls=({color:s,selected:t,focused:n,isKeySelected:r,className:o,onClick:i,text:x,variant:c="solid",LeftIcon:m})=>{const{theme:u}=j.useContext(y.ThemeContext);return e.jsxRuntimeExports.jsxs(L,{onClick:i,className:o,focused:n,isKeySelected:r,children:[e.jsxRuntimeExports.jsx(g,{children:e.jsxRuntimeExports.jsx(G.Tag,{variant:c,color:s,text:x,Icon:m??void 0})}),t&&e.jsxRuntimeExports.jsx(w,{size:u.icon.size.md})]})},zs=()=>({selected:s})=>s?l.themeCssVariables.background.transparent.medium:"transparent",Vs=a.styled("li")({name:"StyledSuggestionMenuItem",class:"s1u5qpn6",propsAsIs:!1,vars:{"s1u5qpn6-0":[zs()]}}),_s=({LeftIcon:s,withIconContainer:t=!1,text:n,contextualText:r=void 0,contextualTextPosition:o="left",className:i,selected:x,onClick:c})=>{const m=u=>{c&&(u.preventDefault(),u.stopPropagation(),c?.(u))};return e.jsxRuntimeExports.jsx(Vs,{onClick:m,className:i,selected:x,children:e.jsxRuntimeExports.jsx(g,{children:e.jsxRuntimeExports.jsx(R,{LeftIcon:s??void 0,text:n,contextualText:r,contextualTextPosition:o,withIconContainer:t})})})},ws=a.styled("div")({name:"StyledToggleContainer",class:"sbwbycn",propsAsIs:!1}),qs=({focused:s,LeftIcon:t,withIconContainer:n=!1,text:r,toggled:o,className:i,onToggleChange:x,toggleSize:c,disabled:m=!1})=>{const u=()=>{m||x?.(!o)};return e.jsxRuntimeExports.jsx(E,{className:i,focused:s,disabled:m,onClick:u,children:e.jsxRuntimeExports.jsxs(ws,{children:[e.jsxRuntimeExports.jsx(R,{LeftIcon:t,text:r,withIconContainer:n,disabled:m}),e.jsxRuntimeExports.jsx(_,{onClick:h=>h.stopPropagation(),children:e.jsxRuntimeExports.jsx(C.Toggle,{value:o,onChange:m?void 0:x,toggleSize:c,disabled:m})})]})})},Ns=()=>({isActive:s})=>s?l.themeCssVariables.background.transparent.light:"none",Bs=a.styled("div")({name:"StyledIconButton",class:"s144imed",propsAsIs:!1,vars:{"s144imed-0":[Ns()]}}),ee=({Icon:s,isActive:t,onClick:n})=>{const{theme:r}=j.useContext(y.ThemeContext);return e.jsxRuntimeExports.jsx(Bs,{isActive:t,onClick:n,children:e.jsxRuntimeExports.jsx(s,{color:l.themeCssVariables.grayScale.gray10,size:r.icon.size.lg})})},Gs=a.styled("div")({name:"StyledContainer",class:"s12jcd8z",propsAsIs:!1}),Os=({activeItemName:s,items:t})=>e.jsxRuntimeExports.jsx(Gs,{children:t.map(({Icon:n,name:r,onClick:o})=>e.jsxRuntimeExports.jsx(ee,{Icon:n,isActive:s===r,onClick:o},r))}),Ws=()=>({variant:s})=>s==="primary"?l.themeCssVariables.color.blue:l.themeCssVariables.background.transparent.light,$s=()=>({variant:s})=>s==="primary"?"white":l.themeCssVariables.font.color.secondary,Ds=a.styled("div")({name:"StyledNotificationCounter",class:"s1on6j1k",propsAsIs:!1,vars:{"s1on6j1k-0":[Ws()],"s1on6j1k-1":[$s()]}}),Ps=({count:s,variant:t="primary",className:n})=>e.jsxRuntimeExports.jsx(Ds,{variant:t,className:n,children:s});exports.AdvancedSettingsToggle=Ce;exports.CAL_LINK=Le;exports.ClickToActionLink=P;exports.ContactLink=Se;exports.DEFAULT_COLOR_LABELS=Z;exports.GITHUB_LINK=F;exports.GithubVersionLink=Ee;exports.LinkType=H;exports.MenuItem=X;exports.MenuItemAvatar=ps;exports.MenuItemDraggable=js;exports.MenuItemHotKeys=K;exports.MenuItemIcon=J;exports.MenuItemIconBoxContainer=A;exports.MenuItemIconWithGripSwap=Y;exports.MenuItemLeftContent=R;exports.MenuItemMultiSelect=ys;exports.MenuItemMultiSelectAvatar=gs;exports.MenuItemMultiSelectTag=Is;exports.MenuItemNavigate=Rs;exports.MenuItemSelect=vs;exports.MenuItemSelectAvatar=Ts;exports.MenuItemSelectColor=As;exports.MenuItemSelectTag=Ls;exports.MenuItemSuggestion=_s;exports.MenuItemToggle=qs;exports.MenuPicker=$e;exports.NOGBASE_PRICING_LINK=ze;exports.NavigationBar=Os;exports.NavigationBarItem=ee;exports.NotificationCounter=Ps;exports.RawLink=ke;exports.RoundedLink=U;exports.SocialLink=Me;exports.StyledDraggableItem=N;exports.StyledHoverableMenuItemBase=O;exports.StyledIconContainer=A;exports.StyledMenuItemBase=E;exports.StyledMenuItemContextualText=Q;exports.StyledMenuItemIconCheck=w;exports.StyledMenuItemLabel=b;exports.StyledMenuItemLabelLight=T;exports.StyledMenuItemLeftContent=g;exports.StyledMenuItemRightContent=_;exports.StyledMenuItemSelect=L;exports.StyledNoIconFiller=ss;exports.StyledRightMenuItemContextualText=W;exports.UndecoratedLink=Ae;