twenty-ui 1.0.0-alpha.2 → 2.41.0

package/dist/{json-visualizer-CMuFIF8y.cjs → json-visualizer-CN76kFy-.cjs}

@@ -1 +1 @@
-const R=require("./accessibility-Cx4HvKc4.cjs"),z=require("./handleClickableElementKeyDown-CByqtBhO.cjs"),c=require("./theme-constants-27fpVK7_.cjs");let r=require("react/jsx-runtime"),x=require("clsx"),p=require("react"),b=require("@sniptt/guards"),O=require("@base-ui/react/collapsible"),d=require("@tabler/icons-react");var N=(0,p.createContext)(void 0),_=()=>{const e=(0,p.useContext)(N);if(!c.isDefined(e))throw new Error("useJsonTreeContextOrThrow must be used within a JsonTreeContextProvider");return e},B="_button_1ix33_1",K="_red_1ix33_17",F="_chevron_1ix33_22",C={button:B,red:K,chevron:F},H=({isOpen:e,onClick:n,variant:t})=>{const o=c.useTheme(),{arrowButtonCollapsedLabel:a,arrowButtonExpandedLabel:l}=_(),s=t==="blue"?c.themeCssVariables.color.blue:t==="red"?c.themeCssVariables.font.color.danger:c.themeCssVariables.font.color.secondary;return(0,r.jsxs)("button",{className:(0,x.clsx)(C.button,t==="red"&&C.red),onClick:n,children:[(0,r.jsx)(R.VisibilityHidden,{children:e?l:a}),(0,r.jsx)("div",{className:C.chevron,"data-open":e||void 0,children:(0,r.jsx)(d.IconChevronDown,{size:o.icon.size.md,color:s})})]})},G="_labelContainer_1pq94_1",M="_blue_1pq94_23",Q="_red_1pq94_29",h={labelContainer:G,blue:M,red:Q},w=({label:e,Icon:n,highlighting:t})=>{const o=c.useTheme();return(0,r.jsxs)("span",{className:(0,x.clsx)(h.labelContainer,t==="blue"&&h.blue,t==="red"&&h.red),children:[(0,r.jsx)(n,{size:o.icon.size.md,color:t==="blue"?o.color.blue:t==="red"?o.font.color.danger:o.font.color.tertiary}),(0,r.jsx)("span",{children:e})]})},q=({label:e,value:n,depth:t,keyPath:o,highlighting:a})=>{const{emptyObjectLabel:l}=_();return(0,r.jsx)(g,{elements:Object.entries(n).map(([s,i])=>({id:s,label:s,value:i})),renderElementsCount:s=>`{${s}}`,label:e,Icon:d.IconCube,depth:t,emptyElementsText:l,keyPath:o,highlighting:a})},U="_text_3y2ep_1",W="_blue_3y2ep_10",X="_red_3y2ep_14",y={text:U,blue:W,red:X},Y=({valueAsString:e,highlighting:n})=>{const{onNodeValueClick:t}=_(),o=c.isDefined(t),a=()=>{t?.(e)},l=(0,x.clsx)(y.text,n==="blue"&&y.blue,n==="red"&&y.red);return o?(0,r.jsx)("span",{className:l,role:"button",tabIndex:0,onClick:a,onKeyDown:z.handleClickableElementKeyDown,children:e}):(0,r.jsx)("span",{className:l,children:e})},Z="_listItem_1i7if_1",ee={listItem:Z},m=e=>(0,r.jsxs)("li",{className:ee.listItem,children:[e.label&&(0,r.jsx)(w,{label:e.label,Icon:e.Icon,highlighting:e.highlighting}),(0,r.jsx)(Y,{valueAsString:e.valueAsString,highlighting:e.highlighting})]}),P=e=>(0,b.isArray)(e),J=({label:e,value:n,depth:t,keyPath:o})=>{const{getNodeHighlighting:a,emptyStringLabel:l}=_(),s=a?.(o);return c.isDefined(n)?(0,b.isString)(n)?(0,r.jsx)(m,{label:e,valueAsString:(0,b.isNonEmptyString)(n)?n:l,Icon:d.IconTypography,highlighting:s}):(0,b.isNumber)(n)?(0,r.jsx)(m,{label:e,valueAsString:String(n),Icon:d.IconNumber9,highlighting:s}):(0,b.isBoolean)(n)?(0,r.jsx)(m,{label:e,valueAsString:String(n),Icon:d.IconCheckbox,highlighting:s}):P(n)?(0,r.jsx)(A,{label:e,value:n,depth:t,keyPath:o,highlighting:s}):(0,r.jsx)(q,{label:e,value:n,depth:t,keyPath:o,highlighting:s}):(0,r.jsx)(m,{label:e,valueAsString:"null",Icon:d.IconCircleOff,highlighting:s})},re="_container_1c6yj_1",ne="_labelContainer_1c6yj_6",te="_elementsCount_1c6yj_12",se="_elementsCountRed_1c6yj_16",oe="_panel_1c6yj_20",le="_list_1c6yj_30",ae="_nested_1c6yj_37",u={container:re,labelContainer:ne,elementsCount:te,elementsCountRed:se,panel:oe,list:le,nested:ae},g=({label:e,Icon:n,elements:t,renderElementsCount:o,emptyElementsText:a,depth:l,keyPath:s,highlighting:i})=>{const{shouldExpandNodeInitially:j}=_(),D=!c.isDefined(e),[v,E]=(0,p.useState)(j({keyPath:s,depth:l})),I=(0,r.jsx)("ul",{className:(0,x.clsx)(u.list,l>0&&u.nested),children:t.length===0?(0,r.jsx)(m,{valueAsString:a,highlighting:void 0}):t.map(({id:f,label:$,value:L})=>{const k=(0,b.isNonEmptyString)(s)?`${s}.${f}`:String(f);return(0,r.jsx)(J,{label:$,value:L,depth:l+1,keyPath:k},f)})}),V=()=>{E(!v)};return D?(0,r.jsx)("li",{className:u.container,children:I}):(0,r.jsxs)(O.Collapsible.Root,{className:u.container,open:v,render:(0,r.jsx)("li",{}),children:[(0,r.jsxs)("div",{className:u.labelContainer,children:[(0,r.jsx)(H,{isOpen:v,onClick:V,variant:i==="partial-blue"?"blue":i==="red"?i:void 0}),(0,r.jsx)(w,{label:e,Icon:n,highlighting:i==="red"?i:void 0}),o&&(0,r.jsx)("span",{className:(0,x.clsx)(u.elementsCount,i==="red"&&u.elementsCountRed),children:o(t.length)})]}),(0,r.jsx)(O.Collapsible.Panel,{className:u.panel,children:I})]})},A=({label:e,value:n,depth:t,keyPath:o,highlighting:a})=>{const{emptyArrayLabel:l}=_();return(0,r.jsx)(g,{elements:[...n.entries()].map(([s,i])=>({id:s,label:String(s),value:i})),renderElementsCount:s=>`[${s}]`,label:e,Icon:d.IconBrackets,depth:t,emptyElementsText:l,keyPath:o,highlighting:a})},ie="_list_80v6h_1",ce="_nested_80v6h_8",T={list:ie,nested:ce},ue=({depth:e,className:n,children:t})=>(0,r.jsx)("ul",{className:(0,x.clsx)(T.list,e>0&&T.nested,n),children:t}),S=({value:e,children:n})=>(0,r.jsx)(N.Provider,{value:e,children:n}),de=({value:e,getNodeHighlighting:n,shouldExpandNodeInitially:t,emptyArrayLabel:o,emptyObjectLabel:a,emptyStringLabel:l,arrowButtonCollapsedLabel:s,arrowButtonExpandedLabel:i,onNodeValueClick:j})=>(0,r.jsx)(S,{value:{getNodeHighlighting:n,shouldExpandNodeInitially:t,emptyArrayLabel:o,emptyObjectLabel:a,emptyStringLabel:l,arrowButtonCollapsedLabel:s,arrowButtonExpandedLabel:i,onNodeValueClick:j},children:(0,r.jsx)(ue,{depth:0,children:(0,r.jsx)(J,{value:e,depth:0,keyPath:""})})}),_e=({depth:e})=>e<=1;Object.defineProperty(exports,"JsonArrayNode",{enumerable:!0,get:function(){return A}});Object.defineProperty(exports,"JsonNestedNode",{enumerable:!0,get:function(){return g}});Object.defineProperty(exports,"JsonNode",{enumerable:!0,get:function(){return J}});Object.defineProperty(exports,"JsonObjectNode",{enumerable:!0,get:function(){return q}});Object.defineProperty(exports,"JsonTree",{enumerable:!0,get:function(){return de}});Object.defineProperty(exports,"JsonTreeContext",{enumerable:!0,get:function(){return N}});Object.defineProperty(exports,"JsonTreeContextProvider",{enumerable:!0,get:function(){return S}});Object.defineProperty(exports,"JsonValueNode",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"isArray",{enumerable:!0,get:function(){return P}});Object.defineProperty(exports,"isTwoFirstDepths",{enumerable:!0,get:function(){return _e}});Object.defineProperty(exports,"useJsonTreeContextOrThrow",{enumerable:!0,get:function(){return _}});
+const c=require("./theme-constants-Do_FO7Uy.cjs"),R=require("./accessibility-BEkMTFE2.cjs"),z=require("./handleClickableElementKeyDown-CByqtBhO.cjs");let x=require("clsx"),p=require("react"),b=require("@sniptt/guards"),r=require("react/jsx-runtime"),O=require("@base-ui/react/collapsible"),d=require("@tabler/icons-react");var N=(0,p.createContext)(void 0),_=()=>{const e=(0,p.useContext)(N);if(!c.isDefined(e))throw new Error("useJsonTreeContextOrThrow must be used within a JsonTreeContextProvider");return e},B="_button_1ix33_1",K="_red_1ix33_17",F="_chevron_1ix33_22",C={button:B,red:K,chevron:F},H=({isOpen:e,onClick:n,variant:t})=>{const o=c.useTheme(),{arrowButtonCollapsedLabel:a,arrowButtonExpandedLabel:l}=_(),s=t==="blue"?c.themeCssVariables.color.blue:t==="red"?c.themeCssVariables.font.color.danger:c.themeCssVariables.font.color.secondary;return(0,r.jsxs)("button",{className:(0,x.clsx)(C.button,t==="red"&&C.red),onClick:n,children:[(0,r.jsx)(R.VisibilityHidden,{children:e?l:a}),(0,r.jsx)("div",{className:C.chevron,"data-open":e||void 0,children:(0,r.jsx)(d.IconChevronDown,{size:o.icon.size.md,color:s})})]})},G="_labelContainer_1pq94_1",M="_blue_1pq94_23",Q="_red_1pq94_29",h={labelContainer:G,blue:M,red:Q},w=({label:e,Icon:n,highlighting:t})=>{const o=c.useTheme();return(0,r.jsxs)("span",{className:(0,x.clsx)(h.labelContainer,t==="blue"&&h.blue,t==="red"&&h.red),children:[(0,r.jsx)(n,{size:o.icon.size.md,color:t==="blue"?o.color.blue:t==="red"?o.font.color.danger:o.font.color.tertiary}),(0,r.jsx)("span",{children:e})]})},q=({label:e,value:n,depth:t,keyPath:o,highlighting:a})=>{const{emptyObjectLabel:l}=_();return(0,r.jsx)(g,{elements:Object.entries(n).map(([s,i])=>({id:s,label:s,value:i})),renderElementsCount:s=>`{${s}}`,label:e,Icon:d.IconCube,depth:t,emptyElementsText:l,keyPath:o,highlighting:a})},U="_text_3y2ep_1",W="_blue_3y2ep_10",X="_red_3y2ep_14",y={text:U,blue:W,red:X},Y=({valueAsString:e,highlighting:n})=>{const{onNodeValueClick:t}=_(),o=c.isDefined(t),a=()=>{t?.(e)},l=(0,x.clsx)(y.text,n==="blue"&&y.blue,n==="red"&&y.red);return o?(0,r.jsx)("span",{className:l,role:"button",tabIndex:0,onClick:a,onKeyDown:z.handleClickableElementKeyDown,children:e}):(0,r.jsx)("span",{className:l,children:e})},Z="_listItem_1i7if_1",ee={listItem:Z},m=e=>(0,r.jsxs)("li",{className:ee.listItem,children:[e.label&&(0,r.jsx)(w,{label:e.label,Icon:e.Icon,highlighting:e.highlighting}),(0,r.jsx)(Y,{valueAsString:e.valueAsString,highlighting:e.highlighting})]}),P=e=>(0,b.isArray)(e),J=({label:e,value:n,depth:t,keyPath:o})=>{const{getNodeHighlighting:a,emptyStringLabel:l}=_(),s=a?.(o);return c.isDefined(n)?(0,b.isString)(n)?(0,r.jsx)(m,{label:e,valueAsString:(0,b.isNonEmptyString)(n)?n:l,Icon:d.IconTypography,highlighting:s}):(0,b.isNumber)(n)?(0,r.jsx)(m,{label:e,valueAsString:String(n),Icon:d.IconNumber9,highlighting:s}):(0,b.isBoolean)(n)?(0,r.jsx)(m,{label:e,valueAsString:String(n),Icon:d.IconCheckbox,highlighting:s}):P(n)?(0,r.jsx)(A,{label:e,value:n,depth:t,keyPath:o,highlighting:s}):(0,r.jsx)(q,{label:e,value:n,depth:t,keyPath:o,highlighting:s}):(0,r.jsx)(m,{label:e,valueAsString:"null",Icon:d.IconCircleOff,highlighting:s})},re="_container_1c6yj_1",ne="_labelContainer_1c6yj_6",te="_elementsCount_1c6yj_12",se="_elementsCountRed_1c6yj_16",oe="_panel_1c6yj_20",le="_list_1c6yj_30",ae="_nested_1c6yj_37",u={container:re,labelContainer:ne,elementsCount:te,elementsCountRed:se,panel:oe,list:le,nested:ae},g=({label:e,Icon:n,elements:t,renderElementsCount:o,emptyElementsText:a,depth:l,keyPath:s,highlighting:i})=>{const{shouldExpandNodeInitially:j}=_(),D=!c.isDefined(e),[v,E]=(0,p.useState)(j({keyPath:s,depth:l})),I=(0,r.jsx)("ul",{className:(0,x.clsx)(u.list,l>0&&u.nested),children:t.length===0?(0,r.jsx)(m,{valueAsString:a,highlighting:void 0}):t.map(({id:f,label:$,value:L})=>{const k=(0,b.isNonEmptyString)(s)?`${s}.${f}`:String(f);return(0,r.jsx)(J,{label:$,value:L,depth:l+1,keyPath:k},f)})}),V=()=>{E(!v)};return D?(0,r.jsx)("li",{className:u.container,children:I}):(0,r.jsxs)(O.Collapsible.Root,{className:u.container,open:v,render:(0,r.jsx)("li",{}),children:[(0,r.jsxs)("div",{className:u.labelContainer,children:[(0,r.jsx)(H,{isOpen:v,onClick:V,variant:i==="partial-blue"?"blue":i==="red"?i:void 0}),(0,r.jsx)(w,{label:e,Icon:n,highlighting:i==="red"?i:void 0}),o&&(0,r.jsx)("span",{className:(0,x.clsx)(u.elementsCount,i==="red"&&u.elementsCountRed),children:o(t.length)})]}),(0,r.jsx)(O.Collapsible.Panel,{className:u.panel,children:I})]})},A=({label:e,value:n,depth:t,keyPath:o,highlighting:a})=>{const{emptyArrayLabel:l}=_();return(0,r.jsx)(g,{elements:[...n.entries()].map(([s,i])=>({id:s,label:String(s),value:i})),renderElementsCount:s=>`[${s}]`,label:e,Icon:d.IconBrackets,depth:t,emptyElementsText:l,keyPath:o,highlighting:a})},ie="_list_80v6h_1",ce="_nested_80v6h_8",T={list:ie,nested:ce},ue=({depth:e,className:n,children:t})=>(0,r.jsx)("ul",{className:(0,x.clsx)(T.list,e>0&&T.nested,n),children:t}),S=({value:e,children:n})=>(0,r.jsx)(N.Provider,{value:e,children:n}),de=({value:e,getNodeHighlighting:n,shouldExpandNodeInitially:t,emptyArrayLabel:o,emptyObjectLabel:a,emptyStringLabel:l,arrowButtonCollapsedLabel:s,arrowButtonExpandedLabel:i,onNodeValueClick:j})=>(0,r.jsx)(S,{value:{getNodeHighlighting:n,shouldExpandNodeInitially:t,emptyArrayLabel:o,emptyObjectLabel:a,emptyStringLabel:l,arrowButtonCollapsedLabel:s,arrowButtonExpandedLabel:i,onNodeValueClick:j},children:(0,r.jsx)(ue,{depth:0,children:(0,r.jsx)(J,{value:e,depth:0,keyPath:""})})}),_e=({depth:e})=>e<=1;Object.defineProperty(exports,"JsonArrayNode",{enumerable:!0,get:function(){return A}});Object.defineProperty(exports,"JsonNestedNode",{enumerable:!0,get:function(){return g}});Object.defineProperty(exports,"JsonNode",{enumerable:!0,get:function(){return J}});Object.defineProperty(exports,"JsonObjectNode",{enumerable:!0,get:function(){return q}});Object.defineProperty(exports,"JsonTree",{enumerable:!0,get:function(){return de}});Object.defineProperty(exports,"JsonTreeContext",{enumerable:!0,get:function(){return N}});Object.defineProperty(exports,"JsonTreeContextProvider",{enumerable:!0,get:function(){return S}});Object.defineProperty(exports,"JsonValueNode",{enumerable:!0,get:function(){return m}});Object.defineProperty(exports,"isArray",{enumerable:!0,get:function(){return P}});Object.defineProperty(exports,"isTwoFirstDepths",{enumerable:!0,get:function(){return _e}});Object.defineProperty(exports,"useJsonTreeContextOrThrow",{enumerable:!0,get:function(){return _}});

package/dist/{json-visualizer-BR2xCR53.js → json-visualizer-Q7wzKVum.js}

@@ -1,11 +1,11 @@
-import { n as R } from "./accessibility-DqRb9dOq.js";
-import { t as k } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
-import { c as p, r as g, s as v } from "./theme-constants-Bpkh40Q_.js";
-import { Et as z, Ft as B, Gs as q, H, Ma as K, Tt as P, in as F } from "./TablerIcons-CSp0ySKT.js";
-import { jsx as r, jsxs as _ } from "react/jsx-runtime";
+import { c as p, r as g, s as v } from "./theme-constants-DETwIS-a.js";
+import { Et as R, Ft as k, H as q, Na as z, Tt as B, in as H, qs as K } from "./TablerIcons-Ctfi8z4q.js";
+import { n as P } from "./accessibility-C7H0m2Th.js";
+import { t as F } from "./handleClickableElementKeyDown-C8Uz61XJ.js";
 import { clsx as c } from "clsx";
 import { createContext as G, useContext as M, useState as Q } from "react";
 import { isArray as U, isBoolean as W, isNonEmptyString as w, isNumber as X, isString as Y } from "@sniptt/guards";
+import { jsx as r, jsxs as _ } from "react/jsx-runtime";
 import { Collapsible as I } from "@base-ui/react/collapsible";
 var T = G(void 0), u = () => {
   const e = M(T);
@@ -20,10 +20,10 @@ var T = G(void 0), u = () => {
   return /* @__PURE__ */ _("button", {
     className: c(N.button, t === "red" && N.red),
     onClick: n,
-    children: [/* @__PURE__ */ r(R, { children: e ? s : l }), /* @__PURE__ */ r("div", {
+    children: [/* @__PURE__ */ r(P, { children: e ? s : l }), /* @__PURE__ */ r("div", {
       className: N.chevron,
       "data-open": e || void 0,
-      children: /* @__PURE__ */ r(z, {
+      children: /* @__PURE__ */ r(R, {
         size: a.icon.size.md,
         color: o
       })
@@ -52,7 +52,7 @@ var T = G(void 0), u = () => {
     })),
     renderElementsCount: (o) => `{${o}}`,
     label: e,
-    Icon: F,
+    Icon: H,
     depth: t,
     emptyElementsText: s,
     keyPath: a,
@@ -71,7 +71,7 @@ var T = G(void 0), u = () => {
     role: "button",
     tabIndex: 0,
     onClick: l,
-    onKeyDown: k,
+    onKeyDown: F,
     children: e
   }) : /* @__PURE__ */ r("span", {
     className: s,
@@ -92,17 +92,17 @@ var T = G(void 0), u = () => {
   return v(n) ? Y(n) ? /* @__PURE__ */ r(m, {
     label: e,
     valueAsString: w(n) ? n : s,
-    Icon: q,
+    Icon: K,
     highlighting: o
   }) : X(n) ? /* @__PURE__ */ r(m, {
     label: e,
     valueAsString: String(n),
-    Icon: K,
+    Icon: z,
     highlighting: o
   }) : W(n) ? /* @__PURE__ */ r(m, {
     label: e,
     valueAsString: String(n),
-    Icon: P,
+    Icon: B,
     highlighting: o
   }) : _e(n) ? /* @__PURE__ */ r(ye, {
     label: e,
@@ -119,7 +119,7 @@ var T = G(void 0), u = () => {
   }) : /* @__PURE__ */ r(m, {
     label: e,
     valueAsString: "null",
-    Icon: B,
+    Icon: k,
     highlighting: o
   });
 }, ve = "_container_1c6yj_1", be = "_labelContainer_1c6yj_6", Ce = "_elementsCount_1c6yj_12", he = "_elementsCountRed_1c6yj_16", pe = "_panel_1c6yj_20", Ne = "_list_1c6yj_30", fe = "_nested_1c6yj_37", d = {
@@ -191,7 +191,7 @@ var T = G(void 0), u = () => {
     })),
     renderElementsCount: (o) => `[${o}]`,
     label: e,
-    Icon: H,
+    Icon: q,
     depth: t,
     emptyElementsText: s,
     keyPath: a,

package/dist/layout-BN3KI-Wu.cjs

@@ -0,0 +1 @@
+const v=require("./theme-constants-Do_FO7Uy.cjs");let o=require("clsx"),a=require("react/jsx-runtime"),p=require("@base-ui/react/direction-provider"),s=require("@base-ui/react/collapsible");var f="_container_1ucks_1",b="_animatedCircleLoadingSpin_1ucks_1",y={container:f,animatedCircleLoadingSpin:b},x=({children:e})=>(0,a.jsx)("div",{className:y.container,children:e}),j="_container_vp2nv_1",g="_animatedContainerFadeIn_vp2nv_1",A={container:j,animatedContainerFadeIn:g},h=({children:e})=>(0,a.jsx)("div",{className:A.container,children:e}),C="_fadeIn_15pom_1",I="_animatedEaseInFadeIn_15pom_1",O={fadeIn:C,animatedEaseInFadeIn:I},P=({children:e,duration:n="normal"})=>(0,a.jsx)("div",{className:O.fadeIn,"data-duration":n,children:e}),q="_panel_rreni_1",N={panel:q},W=({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})}),E="_panel_18upp_1",$="_contained_18upp_25",u={panel:E,contained:$},z=({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})})},R="_container_n86lv_1",S="_layer_n86lv_8",L="_visible_n86lv_17",T="_hidden_n86lv_22",d={container:R,layer:S,visible:L,hidden:T},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},D=({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},ee=(function(e){return e.Left="left",e.Center="center",e})({}),ae=(function(e){return e.Primary="primary",e.Secondary="secondary",e.Tertiary="tertiary",e})({}),ne=({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}),re=({direction:e,children:n})=>(0,a.jsx)(p.DirectionProvider,{direction:e,children:n});Object.defineProperty(exports,"AnimatedCircleLoading",{enumerable:!0,get:function(){return x}});Object.defineProperty(exports,"AnimatedContainer",{enumerable:!0,get:function(){return h}});Object.defineProperty(exports,"AnimatedEaseIn",{enumerable:!0,get:function(){return P}});Object.defineProperty(exports,"AnimatedEaseInOut",{enumerable:!0,get:function(){return W}});Object.defineProperty(exports,"AnimatedExpandableContainer",{enumerable:!0,get:function(){return z}});Object.defineProperty(exports,"AnimatedIconCrossfade",{enumerable:!0,get:function(){return w}});Object.defineProperty(exports,"AnimatedRotate",{enumerable:!0,get:function(){return D}});Object.defineProperty(exports,"AutogrowWrapper",{enumerable:!0,get:function(){return K}});Object.defineProperty(exports,"Section",{enumerable:!0,get:function(){return ne}});Object.defineProperty(exports,"SectionAlignment",{enumerable:!0,get:function(){return ee}});Object.defineProperty(exports,"SectionFontColor",{enumerable:!0,get:function(){return ae}});Object.defineProperty(exports,"TextDirectionProvider",{enumerable:!0,get:function(){return re}});

package/dist/{layout-CLLg1bKJ.js → layout-LzKpLxiO.js}

@@ -1,30 +1,31 @@
-import { r as u } from "./theme-constants-Bpkh40Q_.js";
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { r as u } from "./theme-constants-DETwIS-a.js";
 import { clsx as o } from "clsx";
+import { jsx as e, jsxs as p } from "react/jsx-runtime";
+import { DirectionProvider as f } from "@base-ui/react/direction-provider";
 import { Collapsible as s } from "@base-ui/react/collapsible";
-var f = "_container_1ucks_1", y = "_animatedCircleLoadingSpin_1ucks_1", h = {
-  container: f,
-  animatedCircleLoadingSpin: y
-}, X = ({ children: a }) => /* @__PURE__ */ e("div", {
-  className: h.container,
-  children: a
-}), I = "_container_vp2nv_1", A = "_animatedContainerFadeIn_vp2nv_1", N = {
-  container: I,
-  animatedContainerFadeIn: A
+var y = "_container_1ucks_1", h = "_animatedCircleLoadingSpin_1ucks_1", I = {
+  container: y,
+  animatedCircleLoadingSpin: h
 }, Y = ({ children: a }) => /* @__PURE__ */ e("div", {
-  className: N.container,
+  className: I.container,
   children: a
-}), C = "_fadeIn_15pom_1", W = "_animatedEaseInFadeIn_15pom_1", b = {
-  fadeIn: C,
-  animatedEaseInFadeIn: W
-}, Z = ({ children: a, duration: n = "normal" }) => /* @__PURE__ */ e("div", {
-  className: b.fadeIn,
+}), A = "_container_vp2nv_1", N = "_animatedContainerFadeIn_vp2nv_1", C = {
+  container: A,
+  animatedContainerFadeIn: N
+}, Z = ({ children: a }) => /* @__PURE__ */ e("div", {
+  className: C.container,
+  children: a
+}), W = "_fadeIn_15pom_1", b = "_animatedEaseInFadeIn_15pom_1", x = {
+  fadeIn: W,
+  animatedEaseInFadeIn: b
+}, aa = ({ children: a, duration: n = "normal" }) => /* @__PURE__ */ e("div", {
+  className: x.fadeIn,
   "data-duration": n,
   children: a
-}), x = "_panel_rreni_1", g = { panel: x }, D = ({ children: a, isOpen: n, marginBottom: r, marginTop: i, duration: t = "normal" }) => /* @__PURE__ */ e(s.Root, {
+}), g = "_panel_rreni_1", E = { panel: g }, ea = ({ children: a, isOpen: n, marginBottom: r, marginTop: i, duration: t = "normal" }) => /* @__PURE__ */ e(s.Root, {
   open: n,
   children: /* @__PURE__ */ e(s.Panel, {
-    className: g.panel,
+    className: E.panel,
     "data-duration": t,
     style: {
       "--animated-ease-in-out-margin-top": i ?? "0",
@@ -32,10 +33,10 @@ var f = "_container_1ucks_1", y = "_animatedCircleLoadingSpin_1ucks_1", h = {
     },
     children: a
   })
-}), E = "_panel_18upp_1", $ = "_contained_18upp_25", m = {
-  panel: E,
-  contained: $
-}, aa = ({ children: a, isExpanded: n, dimension: r = "height", animationDurations: i = "default", containAnimation: t = !0 }) => {
+}), $ = "_panel_18upp_1", q = "_contained_18upp_25", m = {
+  panel: $,
+  contained: q
+}, na = ({ children: a, isExpanded: n, dimension: r = "height", animationDurations: i = "default", containAnimation: t = !0 }) => {
   const _ = i === "default" ? void 0 : {
     "--animated-expandable-opacity-duration": `${i.opacity}s`,
     "--animated-expandable-size-duration": `${i.size}s`
@@ -49,12 +50,12 @@ var f = "_container_1ucks_1", y = "_animatedCircleLoadingSpin_1ucks_1", h = {
       children: a
     })
   });
-}, q = "_container_n86lv_1", z = "_layer_n86lv_8", R = "_visible_n86lv_17", L = "_hidden_n86lv_22", d = {
-  container: q,
-  layer: z,
-  visible: R,
-  hidden: L
-}, ea = ({ isActive: a, ActiveIcon: n, InactiveIcon: r, size: i }) => {
+}, z = "_container_n86lv_1", R = "_layer_n86lv_8", L = "_visible_n86lv_17", O = "_hidden_n86lv_22", d = {
+  container: z,
+  layer: R,
+  visible: L,
+  hidden: O
+}, ra = ({ isActive: a, ActiveIcon: n, InactiveIcon: r, size: i }) => {
   const t = u(), _ = i ?? t.icon.size.sm;
   return /* @__PURE__ */ p("div", {
     className: d.container,
@@ -67,19 +68,19 @@ var f = "_container_1ucks_1", y = "_animatedCircleLoadingSpin_1ucks_1", h = {
       children: /* @__PURE__ */ e(n, { size: _ })
     })]
   });
-}, O = "_container_1dmel_1", S = "_animatedRotateIn_1dmel_1", H = "_animateOnHover_1dmel_18", v = {
-  container: O,
+}, P = "_container_1dmel_1", S = "_animatedRotateIn_1dmel_1", H = "_animateOnHover_1dmel_18", v = {
+  container: P,
   animatedRotateIn: S,
   animateOnHover: H
-}, na = ({ children: a, duration: n = "fast", animateOnHover: r }) => /* @__PURE__ */ e("div", {
+}, ia = ({ children: a, duration: n = "fast", animateOnHover: r }) => /* @__PURE__ */ e("div", {
   className: o(v.container, r && v.animateOnHover),
   "data-duration": n,
   children: a
-}), P = "_container_c9ls6_1", j = "_nodeWrapper_c9ls6_6", k = "_childWrapper_c9ls6_12", c = {
-  container: P,
+}), T = "_container_c9ls6_1", j = "_nodeWrapper_c9ls6_6", k = "_childWrapper_c9ls6_12", c = {
+  container: T,
   nodeWrapper: j,
   childWrapper: k
-}, ra = ({ children: a, node: n = a, className: r }) => /* @__PURE__ */ p("div", {
+}, ta = ({ children: a, node: n = a, className: r }) => /* @__PURE__ */ p("div", {
   className: o(c.container, r),
   children: [/* @__PURE__ */ e("span", {
     className: c.nodeWrapper,
@@ -88,32 +89,36 @@ var f = "_container_1ucks_1", y = "_animatedCircleLoadingSpin_1ucks_1", h = {
     className: c.childWrapper,
     children: a
   })]
-}), w = "_section_15iqe_1", F = "_fullWidth_15iqe_5", T = "_left_15iqe_9", B = "_center_15iqe_13", G = "_primary_15iqe_17", J = "_secondary_15iqe_21", K = "_tertiary_15iqe_25", l = {
+}), w = "_section_15iqe_1", F = "_fullWidth_15iqe_5", B = "_left_15iqe_9", D = "_center_15iqe_13", G = "_primary_15iqe_17", J = "_secondary_15iqe_21", K = "_tertiary_15iqe_25", l = {
   section: w,
   fullWidth: F,
-  left: T,
-  center: B,
+  left: B,
+  center: D,
   primary: G,
   secondary: J,
   tertiary: K
-}, ia = /* @__PURE__ */ (function(a) {
+}, da = /* @__PURE__ */ (function(a) {
   return a.Left = "left", a.Center = "center", a;
-})({}), ta = /* @__PURE__ */ (function(a) {
+})({}), oa = /* @__PURE__ */ (function(a) {
   return a.Primary = "primary", a.Secondary = "secondary", a.Tertiary = "tertiary", a;
-})({}), da = ({ children: a, className: n, alignment: r = "left", fullWidth: i = !0, fontColor: t = "primary" }) => /* @__PURE__ */ e("div", {
+})({}), _a = ({ children: a, className: n, alignment: r = "left", fullWidth: i = !0, fontColor: t = "primary" }) => /* @__PURE__ */ e("div", {
   className: o(l.section, l[r], l[t], i && l.fullWidth, n),
   children: a
+}), la = ({ direction: a, children: n }) => /* @__PURE__ */ e(f, {
+  direction: a,
+  children: n
 });
 export {
-  na as a,
-  D as c,
-  X as d,
-  ra as i,
-  Z as l,
-  ia as n,
-  ea as o,
-  ta as r,
-  aa as s,
-  da as t,
-  Y as u
+  ta as a,
+  na as c,
+  Z as d,
+  Y as f,
+  oa as i,
+  ea as l,
+  _a as n,
+  ia as o,
+  da as r,
+  ra as s,
+  la as t,
+  aa as u
 };

package/dist/mergeClassNames-BHKm1BNi.js

@@ -0,0 +1,6 @@
+import { clsx as o } from "clsx";
+import { isFunction as p } from "@sniptt/guards";
+var x = (t, r) => (i) => o(t, p(r) ? r(i) : r);
+export {
+  x as t
+};

package/dist/mergeClassNames-BbJtXN2t.cjs

@@ -0,0 +1 @@
+let i=require("clsx"),n=require("@sniptt/guards");var u=(r,e)=>t=>(0,i.clsx)(r,(0,n.isFunction)(e)?e(t):e);Object.defineProperty(exports,"mergeClassNames",{enumerable:!0,get:function(){return u}});

package/dist/navigation-BqWHvCpD.cjs

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