@sula-tech/webcomponents 0.19.2 → 0.19.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -22,6 +22,7 @@ export interface SulaMenuItem {
22
22
  route?: string;
23
23
  expanded?: boolean;
24
24
  selected?: boolean;
25
+ disabled?: boolean;
25
26
  }
26
27
  export type SelectedMenuItem = {
27
28
  id: string;
@@ -88,13 +88,14 @@ export declare class SulaMenu {
88
88
  isSelectedGrandchild(parentItemId: string, parentChildId: string, grandchildId: string): boolean;
89
89
  isItemActive(item: Pick<SulaMenuMainItem, 'id' | 'expanded' | 'children'>): boolean;
90
90
  isSubItemActive(parentItemId: string, item: Pick<SulaMenuSubItem, 'id' | 'expanded' | 'children'>): boolean;
91
+ isItemFaded(item: Pick<SulaMenuItem, 'disabled'>, active: boolean): boolean;
91
92
  handleItemClick(clickedItem: SulaMenuMainItem): void;
92
93
  handleSubItemClick(parentItemId: string, clickedChild: SulaMenuSubItem): void;
93
94
  handleGrandchildClick(parentItemId: string, parentChildId: string, clickedGrandchild: NonNullable<SulaMenuSubItem['children']>[number]): void;
94
- getItemIconClass(item: SulaMenuMainItem): "text-negative-negative-1 text-xl" | "text-icon-primary text-2xl";
95
- getSubItemIconClass(_item: SulaMenuSubItem): string;
96
- getSubItemCaretIconClass(): string;
97
- getCaretIconClass(item: SulaMenuMainItem): "text-text-primary text-base" | "text-text-secondary text-base";
95
+ getItemIconClass(item: SulaMenuMainItem): "text-icon-disabled text-2xl" | "text-negative-negative-1 text-xl" | "text-icon-primary text-2xl";
96
+ getSubItemIconClass(item: SulaMenuSubItem, active: boolean): "text-icon-disabled text-xl" | "text-icon-primary text-xl";
97
+ getSubItemCaretIconClass(item: SulaMenuSubItem, active: boolean): "text-icon-disabled text-base" | "text-icon-primary text-base";
98
+ getCaretIconClass(item: SulaMenuMainItem): "text-text-disabled text-base" | "text-text-primary text-base" | "text-text-secondary text-base";
98
99
  toggleMenu(): void;
99
100
  handleMenuMouseEnter(): void;
100
101
  handleMenuMouseLeave(): void;
@@ -94,4 +94,5 @@ export declare const WithTruncatedLongLabels: any;
94
94
  export declare const WithLongLabelsCustomLayout: any;
95
95
  export declare const WithComfortableDensity: any;
96
96
  export declare const WithHiddenItems: any;
97
+ export declare const WithDisabledItems: any;
97
98
  export declare const WithoutBrandImage: any;
@@ -1 +1 @@
1
- {"version":3,"file":"index.esm.js","sources":["src/components/sula-menu/model/sula-menu.model.ts"],"sourcesContent":["export enum SulaMenuDensity {\n Compact = 'compact',\n Default = 'default',\n Comfortable = 'comfortable',\n}\n\nexport enum SulaMenuLabelOverflow {\n Truncate = 'truncate',\n Wrap = 'wrap',\n}\n\nexport interface SulaMenuMainItem extends SulaMenuItem {\n children?: SulaMenuSubItem[];\n}\n\nexport interface SulaMenuSubItem extends SulaMenuItem {\n children?: SulaMenuItem[];\n}\n\nexport interface SulaMenuItem {\n id: string;\n label: string;\n icon: string;\n hidden?: boolean;\n open?: boolean;\n route?: string;\n expanded?: boolean;\n selected?: boolean;\n}\n\nexport type SelectedMenuItem = {\n id: string;\n parentItemId?: string;\n parentChildId?: string;\n};\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC7B,CAAC,EAJW,eAAe,KAAf,eAAe,GAI1B,EAAA,CAAA,CAAA;IAEW;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,GAGhC,EAAA,CAAA,CAAA;;;;"}
1
+ {"version":3,"file":"index.esm.js","sources":["src/components/sula-menu/model/sula-menu.model.ts"],"sourcesContent":["export enum SulaMenuDensity {\n Compact = 'compact',\n Default = 'default',\n Comfortable = 'comfortable',\n}\n\nexport enum SulaMenuLabelOverflow {\n Truncate = 'truncate',\n Wrap = 'wrap',\n}\n\nexport interface SulaMenuMainItem extends SulaMenuItem {\n children?: SulaMenuSubItem[];\n}\n\nexport interface SulaMenuSubItem extends SulaMenuItem {\n children?: SulaMenuItem[];\n}\n\nexport interface SulaMenuItem {\n id: string;\n label: string;\n icon: string;\n hidden?: boolean;\n open?: boolean;\n route?: string;\n expanded?: boolean;\n selected?: boolean;\n disabled?: boolean;\n}\n\nexport type SelectedMenuItem = {\n id: string;\n parentItemId?: string;\n parentChildId?: string;\n};\n"],"names":[],"mappings":"IAAY;AAAZ,CAAA,UAAY,eAAe,EAAA;AACzB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,SAAA,CAAA,GAAA,SAAmB;AACnB,IAAA,eAAA,CAAA,aAAA,CAAA,GAAA,aAA2B;AAC7B,CAAC,EAJW,eAAe,KAAf,eAAe,GAI1B,EAAA,CAAA,CAAA;IAEW;AAAZ,CAAA,UAAY,qBAAqB,EAAA;AAC/B,IAAA,qBAAA,CAAA,UAAA,CAAA,GAAA,UAAqB;AACrB,IAAA,qBAAA,CAAA,MAAA,CAAA,GAAA,MAAa;AACf,CAAC,EAHW,qBAAqB,KAArB,qBAAqB,GAGhC,EAAA,CAAA,CAAA;;;;"}
@@ -53032,7 +53032,7 @@ const SulaLoader = class {
53032
53032
 
53033
53033
  SulaLoader.style = sulaLoaderCss;
53034
53034
 
53035
- const sulaMenuCss = '*,:after,:before{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{font-family:Figtree;line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host,:host button,:host input,:host option,:host select,:host textarea{font-family:Figtree,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:host{--sula-menu-width:256px;--sula-menu-collapsed-width:88px;--sula-menu-main-item-font-size:0.875rem;--sula-menu-main-item-line-height:1.25rem;--sula-menu-main-item-max-lines:2;--sula-menu-main-item-padding-block:0.5rem;display:block;height:100%;overflow:visible;position:relative;transition:width .36s cubic-bezier(.22,1,.36,1);width:var(--sula-menu-width)}:host(.menu-host--density-compact){--sula-menu-main-item-font-size:0.75rem;--sula-menu-main-item-line-height:1rem;--sula-menu-main-item-padding-block:0.375rem}:host(.menu-host--density-comfortable){--sula-menu-main-item-font-size:1rem;--sula-menu-main-item-line-height:1.5rem;--sula-menu-main-item-padding-block:0.625rem}:host(.menu-host--collapsed){width:var(--sula-menu-collapsed-width)}.menu-shell{min-height:100%;overflow:hidden;transform-origin:left top;transition:width .36s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.22,1,.36,1),box-shadow .36s cubic-bezier(.22,1,.36,1),border-radius .28s cubic-bezier(.4,0,.2,1),background-color .22s cubic-bezier(.4,0,.2,1);width:100%;will-change:width,transform,box-shadow,border-radius}.menu-shell--expanded{box-shadow:0 10px 24px rgba(15,23,42,.08),0 2px 8px rgba(15,23,42,.06)}.menu-shell--collapsed{box-shadow:0 8px 18px rgba(15,23,42,.06),0 1px 4px rgba(15,23,42,.04)}.menu-shell--preview{border-radius:0 24px 24px 0;bottom:0;box-shadow:0 28px 60px rgba(15,23,42,.18),0 10px 24px rgba(15,23,42,.12);left:0;position:absolute;top:0;transform:translateX(0);width:var(--sula-menu-width);z-index:2}.menu-header{gap:0;transition:padding .36s cubic-bezier(.22,1,.36,1),gap .24s cubic-bezier(.4,0,.2,1)}.menu-nav,.menu-toggle-wrapper{transition:padding .36s cubic-bezier(.22,1,.36,1)}.menu-brand-image{flex:0 0 auto;transition:margin .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}.menu-copy{display:block;max-width:220px;min-width:0;opacity:1;overflow:hidden;transform:translateX(0);transform-origin:left center;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .2s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.22,1,.36,1),margin-left .32s cubic-bezier(.22,1,.36,1);white-space:nowrap;will-change:opacity,transform,max-width,margin-left}.menu-copy--visible{max-width:100%;opacity:1;pointer-events:auto;transform:translateX(0)}.menu-copy--hidden{max-width:0;opacity:0;pointer-events:none;transform:translateX(-10px)}.menu-title{flex:1 1 auto;min-width:0}.menu-title.menu-copy--visible{max-width:100%}.menu-item-label{flex:1 1 auto;font-size:var(--sula-menu-main-item-font-size);line-height:var(--sula-menu-main-item-line-height)}.menu-item-label--truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item-label--wrap{-webkit-box-orient:vertical;-webkit-line-clamp:var(--sula-menu-main-item-max-lines);line-clamp:var(--sula-menu-main-item-max-lines);display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;text-overflow:clip;white-space:normal;word-break:break-word}.menu-item{padding-block:var(--sula-menu-main-item-padding-block);transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),padding .32s cubic-bezier(.22,1,.36,1)}.menu-item-caret{max-width:16px;opacity:1;overflow:hidden;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .18s cubic-bezier(.4,0,.2,1),max-width .28s cubic-bezier(.22,1,.36,1),margin-left .28s cubic-bezier(.22,1,.36,1)}.menu-item-caret--visible{margin-left:12px;max-width:16px;opacity:1}.menu-item-caret--hidden{margin-left:0;max-width:0;opacity:0;transform:translateX(-8px)}.menu-item-caret--expanded{transform:rotate(180deg)}.submenu{max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-6px);transform-origin:top left;transition:max-height .26s cubic-bezier(.22,1,.36,1),opacity .12s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.22,1,.36,1);will-change:max-height,opacity,transform}.submenu--expanded{max-height:999px;opacity:1;pointer-events:auto;transform:translateY(0)}.submenu-item{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.22,1,.36,1)}.submenu-item--branch{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .24s cubic-bezier(.22,1,.36,1),margin-left .24s cubic-bezier(.22,1,.36,1)}.submenu-item-branch-content{min-width:0}.submenu-branch{transform-origin:top left}.submenu-grandchild-item{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.22,1,.36,1)}.submenu-grandchild-label{display:block}.menu-toggle{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),padding .32s cubic-bezier(.22,1,.36,1)}.menu-toggle-icon{flex:0 0 auto;transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.4,0,.2,1),background-color .22s cubic-bezier(.4,0,.2,1)}.menu-toggle-label{margin-left:0;white-space:nowrap}.menu-toggle-label.menu-copy--visible{margin-left:12px}@media (prefers-reduced-motion:reduce){.menu-brand-image,.menu-copy,.menu-header,.menu-item,.menu-item-caret,.menu-nav,.menu-shell,.menu-toggle,.menu-toggle-icon,.menu-toggle-wrapper,.submenu,.submenu-item,:host{transition:none}}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:300;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Light.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:300;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-LightItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:400;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:400;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:500;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Medium.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:500;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-MediumItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:600;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-SemiBold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:600;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-SemiBoldItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:700;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Bold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:700;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-BoldItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:800;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-ExtraBold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:800;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-ExtraBoldItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:900;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Black.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:900;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-BlackItalic.ttf) format("truetype")}:root{--color-green-50:#f1f9f4;--color-green-100:#e6f4ed;--color-green-200:#cae7d8;--color-green-300:#a0d4b8;--color-green-400:#68bb8e;--color-green-500:#04843f;--color-green-600:#037236;--color-green-700:#03632f;--color-green-800:#035428;--color-green-900:#024521;--color-green-950:#012b15;--color-red-50:#fef6f6;--color-red-100:#fde8e8;--color-red-200:#fad1d1;--color-red-300:#f7abab;--color-red-400:#f17474;--color-red-500:#c80505;--color-red-600:#b30404;--color-red-700:#9f0404;--color-red-800:#860303;--color-red-900:#6d0303;--color-red-950:#330d00;--color-yellow-50:#fdf4e7;--color-yellow-100:#fcedd9;--color-yellow-200:#fae0bd;--color-yellow-300:#f6c788;--color-yellow-400:#f3b159;--color-yellow-500:#ef9928;--color-yellow-600:#e49226;--color-yellow-700:#d17e10;--color-yellow-800:#b46d0e;--color-yellow-900:#93590b;--color-yellow-950:#402705;--color-orange-50:#fef4f1;--color-orange-100:#fde8e2;--color-orange-200:#fbd2c6;--color-orange-300:#f8b4a0;--color-orange-400:#f58e70;--color-orange-500:#f05223;--color-orange-600:#ea4210;--color-orange-700:#d23b0e;--color-orange-800:#b5330c;--color-orange-900:#942a0a;--color-orange-950:#401204;--color-blue-50:#ecf0f9;--color-blue-100:#dde3f4;--color-blue-200:#b2c2e5;--color-blue-300:#7994d2;--color-blue-400:#4066bf;--color-blue-500:#001e64;--color-blue-600:#001c5c;--color-blue-700:#00174c;--color-blue-800:#00123d;--color-blue-900:#000f33;--color-blue-950:#000d2b;--color-ambar-50:#fff6eb;--color-ambar-100:#ffefdc;--color-ambar-200:#fedfb9;--color-ambar-300:#fdca8b;--color-ambar-400:#fdb359;--color-ambar-500:#fc9c26;--color-ambar-600:#ec8403;--color-ambar-700:#d87803;--color-ambar-800:#ba6803;--color-ambar-900:#975402;--color-ambar-950:#402301;--color-gray-50:#fff;--color-gray-100:#f3f4f4;--color-gray-200:#e5e6e6;--color-gray-300:#bfc0c0;--color-gray-400:#acaeae;--color-gray-500:#949595;--color-gray-600:#737575;--color-gray-700:#6c6e6e;--color-gray-800:#313333;--color-gray-900:#272929;--color-gray-950:#191d1d;--color-white-opacity-50:#ffffff0d;--color-white-opacity-100:#ffffff1a;--color-white-opacity-200:#ffffff26;--color-white-opacity-300:#ffffff45;--color-white-opacity-400:#ffffff5c;--color-white-opacity-500:#ffffff80;--color-white-opacity-600:#ffffff8c;--color-white-opacity-700:#ffffffa3;--color-white-opacity-800:#ffffffba;--color-white-opacity-900:#fffc;--color-white-opacity-950:#ffffffe8;--color-ciano-50:#f1f6fe;--color-ciano-100:#dfeafc;--color-ciano-200:#c3d9f9;--color-ciano-300:#90b9f4;--color-ciano-400:#5d98ee;--color-ciano-500:#1769e0;--color-ciano-600:#155fcb;--color-ciano-700:#1355b4;--color-ciano-800:#104899;--color-ciano-900:#0d3b7d;--color-ciano-950:#071e40;--color-extra-color-blue-light:#e7f0f4;--color-extra-color-blue-dark:#162931;--color-black-opacity-50:rgba(25,29,29,.02);--color-black-opacity-100:rgba(25,29,29,.05);--color-black-opacity-200:rgba(25,29,29,.11);--color-black-opacity-300:rgba(25,29,29,.28);--color-black-opacity-400:rgba(25,29,29,.36);--color-black-opacity-500:rgba(25,29,29,.44);--color-black-opacity-600:rgba(25,29,29,.62);--color-black-opacity-700:rgba(25,29,29,.64);--color-black-opacity-800:rgba(25,29,29,.72);--color-black-opacity-900:rgba(25,29,29,.8);--color-black-opacity-950:rgba(25,29,29,.96);--color-shadow-opacity-50:rgba(0,0,0,.04);--color-shadow-opacity-100:rgba(0,0,0,.06);--color-shadow-opacity-200:rgba(0,0,0,.12);--color-shadow-opacity-300:rgba(0,0,0,.2);--color-shadow-opacity-400:rgba(0,0,0,.32);--color-shadow-opacity-500:rgba(0,0,0,.5);--color-shadow-opacity-600:rgba(0,0,0,.55);--color-shadow-opacity-700:rgba(0,0,0,.64);--color-shadow-opacity-800:rgba(0,0,0,.73);--color-shadow-opacity-900:rgba(0,0,0,.8);--color-shadow-opacity-950:rgba(0,0,0,.91);--color-feedback-success:#04843f;--color-feedback-error:#c80505;--color-feedback-informational:#1355b4;--color-feedback-alert:#ef9928;--color-brand-primary:#f05223;--color-brand-secondary:#001c5c;--color-brand-tertiary-1:#1769e0;--color-brand-tertiary-2:#fc9c26;--color-surface-body:#fff;--color-surface-on-body:#f3f4f4;--color-surface-on-body-blue:#e7f0f4;--color-surface-on-body-brand:#fff6eb;--color-surface-on-body-feedback-success:#e6f4ed;--color-surface-on-body-feedback-error:#fde8e8;--color-surface-on-body-feedback-alert:#fdf4e7;--color-surface-on-body-feedback-info:#dfeafc;--color-text-brand:#f05223;--color-text-primary:#313333;--color-text-secondary:#6c6e6e;--color-text-disabled:#949595;--color-text-link:#1355b4;--color-states-empty-bg-hover:rgba(25,29,29,.05);--color-states-empty-bg-pressed:rgba(25,29,29,.11);--color-states-bg-disabled:rgba(25,29,29,.02);--color-states-bg-focus:#1355b4;--color-states-primary-hover:#ea4210;--color-states-primary-pressed:#d23b0e;--color-states-danger-hover:#b30404;--color-states-danger-pressed:#9f0404;--color-states-negative-hover:#e5e6e6;--color-states-negative-pressed:#bfc0c0;--color-icon-primary:#6c6e6e;--color-icon-secondary:#fff;--color-icon-tertiary:#b30404;--color-icon-disabled:#acaeae;--color-neutral-neutral-1:#fff;--color-neutral-neutral-2:#f3f4f4;--color-neutral-neutral-3:#acaeae;--color-neutral-neutral-4:#949595;--color-neutral-neutral-5:#737575;--color-neutral-neutral-6:#6c6e6e;--color-neutral-neutral-7:#313333;--color-neutral-neutral-8:#272929;--color-negative-negative-1:#fff;--color-negative-negative-2:#313333;--color-opacity-body:#fffc;--color-opacity-on-body:rgba(25,29,29,.02);--color-opacity-overlay:rgba(25,29,29,.62);--color-opacity-on-overlay:#ffffff1a;--color-line-input:#949595;--color-line-general-strong:#bfc0c0;--color-line-general:#e5e6e6;--color-line-hair:rgba(25,29,29,.05);--color-box-shadow-body:#fff;--color-box-shadow-shadow-color-1:rgba(0,0,0,.04);--color-box-shadow-shadow-color-2:rgba(0,0,0,.06)}.static{position:static}.z-50{z-index:50}.mb-0{margin-bottom:0}.mb-3{margin-bottom:.75rem}.ml-8{margin-left:.5rem}.ml-\\[-2px\\]{margin-left:-2px}.ml-\\[1\\.6rem\\]{margin-left:1.6rem}.mr-6{margin-right:1.5rem}.h-10{height:2.5rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-10{max-height:2.5rem}.w-10{width:2.5rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-10{max-width:2.5rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.list-none{list-style-type:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-xs{border-radius:.5rem}.border{border-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-line-general{border-color:var(--color-line-general)}.border-negative-negative-1{border-color:var(--color-negative-negative-1)}.bg-box-shadow-body{background-color:var(--color-box-shadow-body)}.bg-brand-primary{background-color:var(--color-brand-primary)}.bg-surface-body{background-color:var(--color-surface-body)}.p-8{padding:.5rem}.px-0{padding-left:0;padding-right:0}.px-12{padding-left:.75rem;padding-right:.75rem}.px-20{padding-left:1.25rem;padding-right:1.25rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-16{padding-bottom:1rem;padding-top:1rem}.pb-12{padding-bottom:.75rem}.pb-16{padding-bottom:1rem}.pl-16{padding-left:1rem}.pl-20{padding-left:1.25rem}.pl-24{padding-left:1.5rem}.pl-8{padding-left:.5rem}.pt-12{padding-top:.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-tight{line-height:1.25}.text-icon-primary{color:var(--color-icon-primary)}.text-negative-negative-1{color:var(--color-negative-negative-1)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:bg-box-shadow-body:hover{background-color:var(--color-box-shadow-body)}';
53035
+ const sulaMenuCss = '*,:after,:before{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;border:0 solid #e5e7eb;box-sizing:border-box}::backdrop{--tw-ring-color:rgba(59,130,246,.5);--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scroll-snap-strictness:proximity;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:rgba(147,197,253,.5);--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;}/*! tailwindcss v3.4.17 | MIT License | https://tailwindcss.com*/:after,:before{--tw-content:""}:host,html{-webkit-text-size-adjust:100%;font-feature-settings:normal;-webkit-tap-highlight-color:transparent;font-family:ui-sans-serif,system-ui,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;font-variation-settings:normal;line-height:1.5;-moz-tab-size:4;tab-size:4}body{font-family:Figtree;line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}abbr:where([title]){text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,pre,samp{font-feature-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:1em;font-variation-settings:normal}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{border-collapse:collapse;border-color:inherit;text-indent:0}button,input,optgroup,select,textarea{font-feature-settings:inherit;color:inherit;font-family:inherit;font-size:100%;font-variation-settings:inherit;font-weight:inherit;letter-spacing:inherit;line-height:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dd,dl,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,p,pre{margin:0}fieldset,legend{padding:0}menu,ol,ul{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::placeholder,textarea::placeholder{color:#9ca3af;opacity:1}[role=button],button{cursor:pointer}:disabled{cursor:default}audio,canvas,embed,iframe,img,object,svg,video{display:block;vertical-align:middle}img,video{height:auto;max-width:100%}[hidden]:where(:not([hidden=until-found])){display:none}.visible{visibility:visible}.absolute{position:absolute}.relative{position:relative}.block{display:block}.flex{display:flex}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}:host,:host button,:host input,:host option,:host select,:host textarea{font-family:Figtree,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:host{--sula-menu-width:256px;--sula-menu-collapsed-width:88px;--sula-menu-main-item-font-size:0.875rem;--sula-menu-main-item-line-height:1.25rem;--sula-menu-main-item-max-lines:2;--sula-menu-main-item-padding-block:0.5rem;display:block;height:100%;overflow:visible;position:relative;transition:width .36s cubic-bezier(.22,1,.36,1);width:var(--sula-menu-width)}:host(.menu-host--density-compact){--sula-menu-main-item-font-size:0.75rem;--sula-menu-main-item-line-height:1rem;--sula-menu-main-item-padding-block:0.375rem}:host(.menu-host--density-comfortable){--sula-menu-main-item-font-size:1rem;--sula-menu-main-item-line-height:1.5rem;--sula-menu-main-item-padding-block:0.625rem}:host(.menu-host--collapsed){width:var(--sula-menu-collapsed-width)}.menu-shell{min-height:100%;overflow:hidden;transform-origin:left top;transition:width .36s cubic-bezier(.22,1,.36,1),transform .36s cubic-bezier(.22,1,.36,1),box-shadow .36s cubic-bezier(.22,1,.36,1),border-radius .28s cubic-bezier(.4,0,.2,1),background-color .22s cubic-bezier(.4,0,.2,1);width:100%;will-change:width,transform,box-shadow,border-radius}.menu-shell--expanded{box-shadow:0 10px 24px rgba(15,23,42,.08),0 2px 8px rgba(15,23,42,.06)}.menu-shell--collapsed{box-shadow:0 8px 18px rgba(15,23,42,.06),0 1px 4px rgba(15,23,42,.04)}.menu-shell--preview{border-radius:0 24px 24px 0;bottom:0;box-shadow:0 28px 60px rgba(15,23,42,.18),0 10px 24px rgba(15,23,42,.12);left:0;position:absolute;top:0;transform:translateX(0);width:var(--sula-menu-width);z-index:2}.menu-header{gap:0;transition:padding .36s cubic-bezier(.22,1,.36,1),gap .24s cubic-bezier(.4,0,.2,1)}.menu-nav,.menu-toggle-wrapper{transition:padding .36s cubic-bezier(.22,1,.36,1)}.menu-brand-image{flex:0 0 auto;transition:margin .32s cubic-bezier(.22,1,.36,1),transform .32s cubic-bezier(.22,1,.36,1)}.menu-copy{display:block;max-width:220px;min-width:0;opacity:1;overflow:hidden;transform:translateX(0);transform-origin:left center;transition:max-width .32s cubic-bezier(.22,1,.36,1),opacity .2s cubic-bezier(.4,0,.2,1),transform .32s cubic-bezier(.22,1,.36,1),margin-left .32s cubic-bezier(.22,1,.36,1);white-space:nowrap;will-change:opacity,transform,max-width,margin-left}.menu-copy--visible{max-width:100%;opacity:1;pointer-events:auto;transform:translateX(0)}.menu-copy--hidden{max-width:0;opacity:0;pointer-events:none;transform:translateX(-10px)}.menu-title{flex:1 1 auto;min-width:0}.menu-title.menu-copy--visible{max-width:100%}.menu-item-label{flex:1 1 auto;font-size:var(--sula-menu-main-item-font-size);line-height:var(--sula-menu-main-item-line-height)}.menu-item-label--truncate{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.menu-item-label--wrap{-webkit-box-orient:vertical;-webkit-line-clamp:var(--sula-menu-main-item-max-lines);line-clamp:var(--sula-menu-main-item-max-lines);display:-webkit-box;overflow:hidden;overflow-wrap:anywhere;text-overflow:clip;white-space:normal;word-break:break-word}.menu-item{padding-block:var(--sula-menu-main-item-padding-block);transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),padding .32s cubic-bezier(.22,1,.36,1)}.menu-item-caret{max-width:16px;opacity:1;overflow:hidden;transition:transform .28s cubic-bezier(.22,1,.36,1),opacity .18s cubic-bezier(.4,0,.2,1),max-width .28s cubic-bezier(.22,1,.36,1),margin-left .28s cubic-bezier(.22,1,.36,1)}.menu-item-caret--visible{margin-left:12px;max-width:16px;opacity:1}.menu-item-caret--hidden{margin-left:0;max-width:0;opacity:0;transform:translateX(-8px)}.menu-item-caret--expanded{transform:rotate(180deg)}.submenu{max-height:0;opacity:0;overflow:hidden;pointer-events:none;transform:translateY(-6px);transform-origin:top left;transition:max-height .26s cubic-bezier(.22,1,.36,1),opacity .12s cubic-bezier(.4,0,.2,1),transform .18s cubic-bezier(.22,1,.36,1);will-change:max-height,opacity,transform}.submenu--expanded{max-height:999px;opacity:1;pointer-events:auto;transform:translateY(0)}.submenu-item{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.22,1,.36,1)}.submenu-item--branch{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),border-color .24s cubic-bezier(.22,1,.36,1),margin-left .24s cubic-bezier(.22,1,.36,1)}.submenu-item-branch-content{min-width:0}.submenu-branch{transform-origin:top left}.submenu-grandchild-item{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),transform .24s cubic-bezier(.22,1,.36,1)}.submenu-grandchild-label{display:block}.menu-toggle{transition:background-color .2s cubic-bezier(.4,0,.2,1),color .2s cubic-bezier(.4,0,.2,1),padding .32s cubic-bezier(.22,1,.36,1)}.menu-toggle-icon{flex:0 0 auto;transition:transform .32s cubic-bezier(.22,1,.36,1),border-color .22s cubic-bezier(.4,0,.2,1),background-color .22s cubic-bezier(.4,0,.2,1)}.menu-toggle-label{margin-left:0;white-space:nowrap}.menu-toggle-label.menu-copy--visible{margin-left:12px}@media (prefers-reduced-motion:reduce){.menu-brand-image,.menu-copy,.menu-header,.menu-item,.menu-item-caret,.menu-nav,.menu-shell,.menu-toggle,.menu-toggle-icon,.menu-toggle-wrapper,.submenu,.submenu-item,:host{transition:none}}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:300;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Light.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:300;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-LightItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:400;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Regular.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:400;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Italic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:500;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Medium.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:500;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-MediumItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:600;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-SemiBold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:600;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-SemiBoldItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:700;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Bold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:700;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-BoldItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:800;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-ExtraBold.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:800;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-ExtraBoldItalic.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:900;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-Black.ttf) format("truetype")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:900;src:local("Figtree"),url(@sula-tech/tailwind-css-plugin/assets/fonts/Figtree-BlackItalic.ttf) format("truetype")}:root{--color-green-50:#f1f9f4;--color-green-100:#e6f4ed;--color-green-200:#cae7d8;--color-green-300:#a0d4b8;--color-green-400:#68bb8e;--color-green-500:#04843f;--color-green-600:#037236;--color-green-700:#03632f;--color-green-800:#035428;--color-green-900:#024521;--color-green-950:#012b15;--color-red-50:#fef6f6;--color-red-100:#fde8e8;--color-red-200:#fad1d1;--color-red-300:#f7abab;--color-red-400:#f17474;--color-red-500:#c80505;--color-red-600:#b30404;--color-red-700:#9f0404;--color-red-800:#860303;--color-red-900:#6d0303;--color-red-950:#330d00;--color-yellow-50:#fdf4e7;--color-yellow-100:#fcedd9;--color-yellow-200:#fae0bd;--color-yellow-300:#f6c788;--color-yellow-400:#f3b159;--color-yellow-500:#ef9928;--color-yellow-600:#e49226;--color-yellow-700:#d17e10;--color-yellow-800:#b46d0e;--color-yellow-900:#93590b;--color-yellow-950:#402705;--color-orange-50:#fef4f1;--color-orange-100:#fde8e2;--color-orange-200:#fbd2c6;--color-orange-300:#f8b4a0;--color-orange-400:#f58e70;--color-orange-500:#f05223;--color-orange-600:#ea4210;--color-orange-700:#d23b0e;--color-orange-800:#b5330c;--color-orange-900:#942a0a;--color-orange-950:#401204;--color-blue-50:#ecf0f9;--color-blue-100:#dde3f4;--color-blue-200:#b2c2e5;--color-blue-300:#7994d2;--color-blue-400:#4066bf;--color-blue-500:#001e64;--color-blue-600:#001c5c;--color-blue-700:#00174c;--color-blue-800:#00123d;--color-blue-900:#000f33;--color-blue-950:#000d2b;--color-ambar-50:#fff6eb;--color-ambar-100:#ffefdc;--color-ambar-200:#fedfb9;--color-ambar-300:#fdca8b;--color-ambar-400:#fdb359;--color-ambar-500:#fc9c26;--color-ambar-600:#ec8403;--color-ambar-700:#d87803;--color-ambar-800:#ba6803;--color-ambar-900:#975402;--color-ambar-950:#402301;--color-gray-50:#fff;--color-gray-100:#f3f4f4;--color-gray-200:#e5e6e6;--color-gray-300:#bfc0c0;--color-gray-400:#acaeae;--color-gray-500:#949595;--color-gray-600:#737575;--color-gray-700:#6c6e6e;--color-gray-800:#313333;--color-gray-900:#272929;--color-gray-950:#191d1d;--color-white-opacity-50:#ffffff0d;--color-white-opacity-100:#ffffff1a;--color-white-opacity-200:#ffffff26;--color-white-opacity-300:#ffffff45;--color-white-opacity-400:#ffffff5c;--color-white-opacity-500:#ffffff80;--color-white-opacity-600:#ffffff8c;--color-white-opacity-700:#ffffffa3;--color-white-opacity-800:#ffffffba;--color-white-opacity-900:#fffc;--color-white-opacity-950:#ffffffe8;--color-ciano-50:#f1f6fe;--color-ciano-100:#dfeafc;--color-ciano-200:#c3d9f9;--color-ciano-300:#90b9f4;--color-ciano-400:#5d98ee;--color-ciano-500:#1769e0;--color-ciano-600:#155fcb;--color-ciano-700:#1355b4;--color-ciano-800:#104899;--color-ciano-900:#0d3b7d;--color-ciano-950:#071e40;--color-extra-color-blue-light:#e7f0f4;--color-extra-color-blue-dark:#162931;--color-black-opacity-50:rgba(25,29,29,.02);--color-black-opacity-100:rgba(25,29,29,.05);--color-black-opacity-200:rgba(25,29,29,.11);--color-black-opacity-300:rgba(25,29,29,.28);--color-black-opacity-400:rgba(25,29,29,.36);--color-black-opacity-500:rgba(25,29,29,.44);--color-black-opacity-600:rgba(25,29,29,.62);--color-black-opacity-700:rgba(25,29,29,.64);--color-black-opacity-800:rgba(25,29,29,.72);--color-black-opacity-900:rgba(25,29,29,.8);--color-black-opacity-950:rgba(25,29,29,.96);--color-shadow-opacity-50:rgba(0,0,0,.04);--color-shadow-opacity-100:rgba(0,0,0,.06);--color-shadow-opacity-200:rgba(0,0,0,.12);--color-shadow-opacity-300:rgba(0,0,0,.2);--color-shadow-opacity-400:rgba(0,0,0,.32);--color-shadow-opacity-500:rgba(0,0,0,.5);--color-shadow-opacity-600:rgba(0,0,0,.55);--color-shadow-opacity-700:rgba(0,0,0,.64);--color-shadow-opacity-800:rgba(0,0,0,.73);--color-shadow-opacity-900:rgba(0,0,0,.8);--color-shadow-opacity-950:rgba(0,0,0,.91);--color-feedback-success:#04843f;--color-feedback-error:#c80505;--color-feedback-informational:#1355b4;--color-feedback-alert:#ef9928;--color-brand-primary:#f05223;--color-brand-secondary:#001c5c;--color-brand-tertiary-1:#1769e0;--color-brand-tertiary-2:#fc9c26;--color-surface-body:#fff;--color-surface-on-body:#f3f4f4;--color-surface-on-body-blue:#e7f0f4;--color-surface-on-body-brand:#fff6eb;--color-surface-on-body-feedback-success:#e6f4ed;--color-surface-on-body-feedback-error:#fde8e8;--color-surface-on-body-feedback-alert:#fdf4e7;--color-surface-on-body-feedback-info:#dfeafc;--color-text-brand:#f05223;--color-text-primary:#313333;--color-text-secondary:#6c6e6e;--color-text-disabled:#949595;--color-text-link:#1355b4;--color-states-empty-bg-hover:rgba(25,29,29,.05);--color-states-empty-bg-pressed:rgba(25,29,29,.11);--color-states-bg-disabled:rgba(25,29,29,.02);--color-states-bg-focus:#1355b4;--color-states-primary-hover:#ea4210;--color-states-primary-pressed:#d23b0e;--color-states-danger-hover:#b30404;--color-states-danger-pressed:#9f0404;--color-states-negative-hover:#e5e6e6;--color-states-negative-pressed:#bfc0c0;--color-icon-primary:#6c6e6e;--color-icon-secondary:#fff;--color-icon-tertiary:#b30404;--color-icon-disabled:#acaeae;--color-neutral-neutral-1:#fff;--color-neutral-neutral-2:#f3f4f4;--color-neutral-neutral-3:#acaeae;--color-neutral-neutral-4:#949595;--color-neutral-neutral-5:#737575;--color-neutral-neutral-6:#6c6e6e;--color-neutral-neutral-7:#313333;--color-neutral-neutral-8:#272929;--color-negative-negative-1:#fff;--color-negative-negative-2:#313333;--color-opacity-body:#fffc;--color-opacity-on-body:rgba(25,29,29,.02);--color-opacity-overlay:rgba(25,29,29,.62);--color-opacity-on-overlay:#ffffff1a;--color-line-input:#949595;--color-line-general-strong:#bfc0c0;--color-line-general:#e5e6e6;--color-line-hair:rgba(25,29,29,.05);--color-box-shadow-body:#fff;--color-box-shadow-shadow-color-1:rgba(0,0,0,.04);--color-box-shadow-shadow-color-2:rgba(0,0,0,.06)}.static{position:static}.z-50{z-index:50}.mb-0{margin-bottom:0}.mb-3{margin-bottom:.75rem}.ml-8{margin-left:.5rem}.ml-\\[-2px\\]{margin-left:-2px}.ml-\\[1\\.6rem\\]{margin-left:1.6rem}.mr-6{margin-right:1.5rem}.h-10{height:2.5rem}.h-9{height:2.25rem}.h-full{height:100%}.max-h-10{max-height:2.5rem}.w-10{width:2.5rem}.w-9{width:2.25rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-10{max-width:2.5rem}.flex-1{flex:1 1 0%}.flex-none{flex:none}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.select-none{user-select:none}.list-none{list-style-type:none}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-8>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.5rem*var(--tw-space-x-reverse))}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-xs{border-radius:.5rem}.border{border-width:1px}.border-l{border-left-width:1px}.border-l-2{border-left-width:2px}.border-line-general{border-color:var(--color-line-general)}.border-negative-negative-1{border-color:var(--color-negative-negative-1)}.bg-box-shadow-body{background-color:var(--color-box-shadow-body)}.bg-brand-primary{background-color:var(--color-brand-primary)}.bg-surface-body{background-color:var(--color-surface-body)}.p-8{padding:.5rem}.px-0{padding-left:0;padding-right:0}.px-12{padding-left:.75rem;padding-right:.75rem}.px-20{padding-left:1.25rem;padding-right:1.25rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-16{padding-bottom:1rem;padding-top:1rem}.pb-12{padding-bottom:.75rem}.pb-16{padding-bottom:1rem}.pl-16{padding-left:1rem}.pl-20{padding-left:1.25rem}.pl-24{padding-left:1.5rem}.pl-8{padding-left:.5rem}.pt-12{padding-top:.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-base{font-size:1rem;line-height:1.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-tight{line-height:1.25}.text-icon-disabled{color:var(--color-icon-disabled)}.text-icon-primary{color:var(--color-icon-primary)}.text-negative-negative-1{color:var(--color-negative-negative-1)}.text-text-disabled{color:var(--color-text-disabled)}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.shadow{--tw-shadow:0 1px 3px 0 rgba(0,0,0,.1),0 1px 2px -1px rgba(0,0,0,.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color),0 1px 2px -1px var(--tw-shadow-color)}.shadow,.shadow-md{box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.hover\\:bg-box-shadow-body:hover{background-color:var(--color-box-shadow-body)}';
53036
53036
 
53037
53037
  const SulaMenu = class {
53038
53038
  constructor(e) {
@@ -53166,7 +53166,13 @@ const SulaMenu = class {
53166
53166
  isSubItemActive(e, t) {
53167
53167
  return this.isSelectedSubItem(e, t.id) || this.hasSelectedGrandchild(e, t.id) || !!t.expanded && this.hasVisibleGrandchildren(t);
53168
53168
  }
53169
+ isItemFaded(e, t) {
53170
+ return !!e.disabled && !t;
53171
+ }
53169
53172
  handleItemClick(e) {
53173
+ if (e.disabled) {
53174
+ return;
53175
+ }
53170
53176
  this.itemClicked.emit(e);
53171
53177
  if (!this.hasVisibleSubItems(e)) {
53172
53178
  this.selectedItem = {
@@ -53180,6 +53186,9 @@ const SulaMenu = class {
53180
53186
  }) : t));
53181
53187
  }
53182
53188
  handleSubItemClick(e, t) {
53189
+ if (t.disabled) {
53190
+ return;
53191
+ }
53183
53192
  this.itemClicked.emit(t);
53184
53193
  if (!this.hasVisibleGrandchildren(t)) {
53185
53194
  this.selectedItem = {
@@ -53199,6 +53208,9 @@ const SulaMenu = class {
53199
53208
  }));
53200
53209
  }
53201
53210
  handleGrandchildClick(e, t, o) {
53211
+ if (o.disabled) {
53212
+ return;
53213
+ }
53202
53214
  this.itemClicked.emit(o);
53203
53215
  this.selectedItem = {
53204
53216
  id: o.id,
@@ -53208,20 +53220,34 @@ const SulaMenu = class {
53208
53220
  this.itemSelected.emit(o);
53209
53221
  }
53210
53222
  getItemIconClass(e) {
53211
- if (this.isItemActive(e)) {
53223
+ const t = this.isItemActive(e);
53224
+ if (this.isItemFaded(e, t)) {
53225
+ return "text-icon-disabled text-2xl";
53226
+ }
53227
+ if (t) {
53212
53228
  return "text-negative-negative-1 text-xl";
53213
53229
  } else {
53214
53230
  return "text-icon-primary text-2xl";
53215
53231
  }
53216
53232
  }
53217
- getSubItemIconClass(e) {
53233
+ getSubItemIconClass(e, t) {
53234
+ if (this.isItemFaded(e, t)) {
53235
+ return "text-icon-disabled text-xl";
53236
+ }
53218
53237
  return "text-icon-primary text-xl";
53219
53238
  }
53220
- getSubItemCaretIconClass() {
53239
+ getSubItemCaretIconClass(e, t) {
53240
+ if (this.isItemFaded(e, t)) {
53241
+ return "text-icon-disabled text-base";
53242
+ }
53221
53243
  return "text-icon-primary text-base";
53222
53244
  }
53223
53245
  getCaretIconClass(e) {
53224
- if (this.isItemActive(e)) {
53246
+ const t = this.isItemActive(e);
53247
+ if (this.isItemFaded(e, t)) {
53248
+ return "text-text-disabled text-base";
53249
+ }
53250
+ if (t) {
53225
53251
  return "text-text-primary text-base";
53226
53252
  }
53227
53253
  return "text-text-secondary text-base";
@@ -53252,20 +53278,28 @@ const SulaMenu = class {
53252
53278
  const r = this.hasVisibleGrandchildren(o);
53253
53279
  const c = t && !!o.expanded;
53254
53280
  const i = this.isSubItemActive(e.id, o);
53281
+ const a = this.isItemFaded(o, i);
53255
53282
  if (!r) {
53256
53283
  return h$1("li", {
53257
53284
  class: "list-none",
53258
53285
  key: o.id
53259
53286
  }, h$1("a", {
53260
- class: "submenu-item flex min-w-0 cursor-pointer items-center rounded-xs py-16 pl-24 select-none hover:bg-box-shadow-body",
53287
+ class: {
53288
+ "submenu-item flex min-w-0 items-center rounded-xs py-16 pl-24 select-none": true,
53289
+ "cursor-pointer hover:bg-box-shadow-body": !o.disabled,
53290
+ "cursor-not-allowed": !!o.disabled
53291
+ },
53261
53292
  title: o.label,
53293
+ "aria-disabled": !!o.disabled,
53262
53294
  onClick: () => this.handleSubItemClick(e.id, o)
53263
53295
  }, h$1("sula-icon", {
53264
53296
  icon: o.icon,
53265
- customClass: this.getSubItemIconClass(o)
53297
+ customClass: this.getSubItemIconClass(o, i)
53266
53298
  }), h$1("span", {
53267
53299
  class: {
53268
- "ml-8 truncate text-sm text-text-primary": true,
53300
+ "ml-8 truncate text-sm": true,
53301
+ "text-text-primary": !a,
53302
+ "text-text-disabled": a,
53269
53303
  "font-bold": i
53270
53304
  }
53271
53305
  }, o.label)));
@@ -53275,26 +53309,31 @@ const SulaMenu = class {
53275
53309
  key: o.id
53276
53310
  }, h$1("a", {
53277
53311
  class: {
53278
- "submenu-item submenu-item--branch flex w-full cursor-pointer items-center rounded-xs py-16 pl-24 select-none hover:bg-box-shadow-body": true,
53312
+ "submenu-item submenu-item--branch flex w-full items-center rounded-xs py-16 pl-24 select-none": true,
53313
+ "cursor-pointer hover:bg-box-shadow-body": !o.disabled,
53314
+ "cursor-not-allowed": !!o.disabled,
53279
53315
  "ml-[-2px] border-l-2 border-negative-negative-1 font-bold": i
53280
53316
  },
53281
53317
  title: o.label,
53318
+ "aria-disabled": !!o.disabled,
53282
53319
  onClick: () => this.handleSubItemClick(e.id, o)
53283
53320
  }, h$1("div", {
53284
53321
  class: "submenu-item-branch-content flex min-w-0 flex-1 items-center"
53285
53322
  }, h$1("sula-icon", {
53286
53323
  icon: o.icon,
53287
- customClass: this.getSubItemIconClass(o)
53324
+ customClass: this.getSubItemIconClass(o, i)
53288
53325
  }), h$1("span", {
53289
53326
  class: {
53290
- "ml-8 truncate text-sm text-text-primary": true,
53327
+ "ml-8 truncate text-sm": true,
53328
+ "text-text-primary": !a,
53329
+ "text-text-disabled": a,
53291
53330
  "font-bold": i
53292
53331
  }
53293
53332
  }, o.label)), h$1("div", {
53294
53333
  class: "submenu-item-branch-caret flex flex-none items-center justify-end pl-8"
53295
53334
  }, h$1("sula-icon", {
53296
53335
  icon: `ph-bold ph-caret-${c ? "up" : "down"}`,
53297
- customClass: this.getSubItemCaretIconClass()
53336
+ customClass: this.getSubItemCaretIconClass(o, i)
53298
53337
  }))), h$1("ul", {
53299
53338
  "aria-hidden": !c,
53300
53339
  class: {
@@ -53302,25 +53341,36 @@ const SulaMenu = class {
53302
53341
  "submenu--expanded": c,
53303
53342
  "submenu-branch ml-[-2px] pl-20 border-l-2 border-negative-negative-1": true
53304
53343
  }
53305
- }, this.getVisibleGrandchildren(o).map((t => h$1("li", {
53306
- class: "list-none",
53307
- key: t.id
53308
- }, h$1("a", {
53309
- class: "submenu-grandchild-item flex cursor-pointer items-center rounded-xs p-8 text-sm text-text-primary hover:bg-box-shadow-body",
53310
- onClick: () => this.handleGrandchildClick(e.id, o.id, t)
53311
- }, h$1("span", {
53312
- class: {
53313
- "submenu-grandchild-label truncate pl-16 text-sm": true,
53314
- "font-bold": this.isSelectedGrandchild(e.id, o.id, t.id)
53315
- },
53316
- title: t.label
53317
- }, t.label)))))));
53344
+ }, this.getVisibleGrandchildren(o).map((t => {
53345
+ const r = this.isSelectedGrandchild(e.id, o.id, t.id);
53346
+ const c = this.isItemFaded(t, r);
53347
+ return h$1("li", {
53348
+ class: "list-none",
53349
+ key: t.id
53350
+ }, h$1("a", {
53351
+ class: {
53352
+ "submenu-grandchild-item flex items-center rounded-xs p-8 text-sm": true,
53353
+ "cursor-pointer hover:bg-box-shadow-body": !t.disabled,
53354
+ "cursor-not-allowed": !!t.disabled,
53355
+ "text-text-primary": !c,
53356
+ "text-text-disabled": c
53357
+ },
53358
+ "aria-disabled": !!t.disabled,
53359
+ onClick: () => this.handleGrandchildClick(e.id, o.id, t)
53360
+ }, h$1("span", {
53361
+ class: {
53362
+ "submenu-grandchild-label truncate pl-16 text-sm": true,
53363
+ "font-bold": r
53364
+ },
53365
+ title: t.label
53366
+ }, t.label)));
53367
+ }))));
53318
53368
  }));
53319
53369
  }
53320
53370
  render() {
53321
53371
  const e = !this.collapsed || this.previewExpanded;
53322
53372
  return h$1(Host, {
53323
- key: "48020dd99ef6a66e766a9af46fa7ab7661cb29b6",
53373
+ key: "6ac5f4be864c6c7fe904ed4e7b9bd972ef3712ee",
53324
53374
  class: {
53325
53375
  "menu-host--collapsed": this.collapsed,
53326
53376
  "menu-host--density-compact": this.density === SulaMenuDensity.Compact,
@@ -53328,7 +53378,7 @@ const SulaMenu = class {
53328
53378
  },
53329
53379
  style: this.hostStyleVariables
53330
53380
  }, h$1("aside", {
53331
- key: "23e8d02cfaa86313efe988d73b535377d99f87f6",
53381
+ key: "20482baeca3b66bf1c6814e36449e1326c5cd185",
53332
53382
  part: "shell",
53333
53383
  onMouseEnter: () => this.handleMenuMouseEnter(),
53334
53384
  onMouseLeave: () => this.handleMenuMouseLeave(),
@@ -53339,24 +53389,24 @@ const SulaMenu = class {
53339
53389
  "menu-shell--preview": this.collapsed && this.previewExpanded
53340
53390
  }
53341
53391
  }, h$1("div", {
53342
- key: "e9641de21f21877ffbb2918d0c4014751652a12f",
53392
+ key: "9c82ea881535b698d62341f05c47d55f73d9291d",
53343
53393
  class: {
53344
53394
  "menu-header flex items-center pb-12": true,
53345
53395
  "mb-3 px-7": e,
53346
53396
  "mb-0 justify-center px-0": !e
53347
53397
  }
53348
53398
  }, this.image && h$1("div", {
53349
- key: "84b3c2edfe0e81c465628d2e135648c09a27d093",
53399
+ key: "a3b140eb5a58db588171824fdfacaeb3753390ba",
53350
53400
  class: {
53351
53401
  "menu-brand-image max-h-10 max-w-10 overflow-hidden": true,
53352
53402
  "mr-6": e
53353
53403
  }
53354
53404
  }, h$1("img", {
53355
- key: "d709dab9b8d00577079a3233fbec1fa42cf10611",
53405
+ key: "84cbed65f274042f333d3975a2f83518967c9bf7",
53356
53406
  src: this.image,
53357
53407
  alt: this.menuTitle
53358
53408
  })), h$1("div", {
53359
- key: "e6259c977a25b97dfaf9e31c57249665a334a351",
53409
+ key: "94d2c33c27b361f4f73fc33fa517c455b2db1838",
53360
53410
  "aria-hidden": !e,
53361
53411
  title: e ? this.menuTitle : undefined,
53362
53412
  class: {
@@ -53365,11 +53415,11 @@ const SulaMenu = class {
53365
53415
  "menu-copy--hidden": !e
53366
53416
  }
53367
53417
  }, h$1("h1", {
53368
- key: "a02d878fef40d8e2a95aed13e3ab5e38cf022a55",
53418
+ key: "f5f470c893d61b33cc7126adef4effbf55e79ece",
53369
53419
  part: "title",
53370
53420
  class: "truncate text-xl font-semibold leading-tight text-text-primary"
53371
53421
  }, this.menuTitle))), h$1("nav", {
53372
- key: "87660eaa996e0c2a629cb949de83a9b290f7c12c",
53422
+ key: "a8a04e84487fc9ca3e0496428e5ff512c958f76d",
53373
53423
  class: {
53374
53424
  "menu-nav flex h-full flex-col overflow-y-auto overflow-x-hidden pb-16": true,
53375
53425
  "px-20": e,
@@ -53377,16 +53427,21 @@ const SulaMenu = class {
53377
53427
  }
53378
53428
  }, this.getVisibleItems(this.items).map((t => {
53379
53429
  const o = this.hasVisibleSubItems(t);
53430
+ const r = this.isItemActive(t);
53431
+ const c = this.isItemFaded(t, r);
53380
53432
  return h$1("li", {
53381
53433
  class: "decoration-none list-none",
53382
53434
  key: t.id
53383
53435
  }, h$1("div", {
53384
53436
  class: {
53385
- "menu-item flex w-full cursor-pointer items-center rounded-xs p-8 hover:bg-box-shadow-body": true,
53437
+ "menu-item flex w-full items-center rounded-xs p-8": true,
53438
+ "cursor-pointer hover:bg-box-shadow-body": !t.disabled,
53439
+ "cursor-not-allowed": !!t.disabled,
53386
53440
  "justify-between": e,
53387
53441
  "justify-center": !e
53388
53442
  },
53389
53443
  title: !e ? t.label : undefined,
53444
+ "aria-disabled": !!t.disabled,
53390
53445
  onClick: () => this.handleItemClick(t)
53391
53446
  }, h$1("div", {
53392
53447
  class: {
@@ -53397,7 +53452,7 @@ const SulaMenu = class {
53397
53452
  }, h$1("div", {
53398
53453
  class: {
53399
53454
  "flex flex-none items-center justify-center": true,
53400
- "h-9 w-9 rounded-full bg-brand-primary": this.isItemActive(t)
53455
+ "h-9 w-9 rounded-full bg-brand-primary": r
53401
53456
  }
53402
53457
  }, h$1("sula-icon", {
53403
53458
  icon: t.icon,
@@ -53413,8 +53468,9 @@ const SulaMenu = class {
53413
53468
  "menu-item-label--wrap": this.labelOverflow !== SulaMenuLabelOverflow.Truncate,
53414
53469
  "menu-copy--visible": e,
53415
53470
  "menu-copy--hidden": !e,
53416
- "font-bold text-text-primary": this.isItemActive(t),
53417
- "text-text-secondary": !this.isItemActive(t)
53471
+ "font-bold text-text-primary": r,
53472
+ "text-text-disabled": c,
53473
+ "text-text-secondary": !r && !c
53418
53474
  }
53419
53475
  }, t.label)), o && h$1("sula-icon", {
53420
53476
  "aria-hidden": !e,
@@ -53435,14 +53491,14 @@ const SulaMenu = class {
53435
53491
  }
53436
53492
  }, this.renderSubmenuItems(t, e)));
53437
53493
  }))), h$1("div", {
53438
- key: "ff667fa4db6667703b1562c0d782cdf518a5a46d",
53494
+ key: "b26f82dcb98d573bd22425962ab5fa68ba46a157",
53439
53495
  class: {
53440
53496
  "menu-toggle-wrapper pb-16": true,
53441
53497
  "px-20": e,
53442
53498
  "px-12": !e
53443
53499
  }
53444
53500
  }, h$1("button", {
53445
- key: "3fd3215c8fd810594d6a0b60bfd6a58c54d7c2b6",
53501
+ key: "4dcfa3c0de3c81b535c0c8f546ea9fe92cef2323",
53446
53502
  type: "button",
53447
53503
  class: {
53448
53504
  "menu-toggle flex w-full cursor-pointer items-center rounded-xs p-8 hover:bg-box-shadow-body": true,
@@ -53452,14 +53508,14 @@ const SulaMenu = class {
53452
53508
  title: this.collapsed ? "Fixar menu" : "Ocultar menu",
53453
53509
  onClick: () => this.toggleMenu()
53454
53510
  }, h$1("div", {
53455
- key: "157186d59768f548a31479076737e5dc2c7329f3",
53511
+ key: "b55252be76564d8c791c0b6be718c752ea67f717",
53456
53512
  class: "menu-toggle-icon flex h-10 w-10 items-center justify-center rounded-full border border-line-general bg-surface-body"
53457
53513
  }, h$1("sula-icon", {
53458
- key: "ea5b83403bf2bfe57ce60dccca6fe0c170a2aeff",
53514
+ key: "3c196506dc2e00426a3258e96240aee88c51e9fe",
53459
53515
  icon: `ph ph-arrow-${this.collapsed ? "right" : "left"}`,
53460
53516
  customClass: "text-text-secondary text-xl"
53461
53517
  })), h$1("span", {
53462
- key: "85f9c12beacc6357b6d7acec33ef5ae8d7f6c27d",
53518
+ key: "a3684820fa7fe39602c50deb8ab4ff2c7a99db2c",
53463
53519
  part: "toggle-label",
53464
53520
  "aria-hidden": !e,
53465
53521
  class: {
@@ -57583,4 +57639,4 @@ SulaTooltip.style = sulaTooltipCss;
57583
57639
 
57584
57640
  export { SulaAvatar as sula_avatar, SulaBadge as sula_badge, SulaBreadcrumb as sula_breadcrumb, SulaButton as sula_button, SulaCheckbox as sula_checkbox, SulaChip as sula_chip, SulaDropdown as sula_dropdown, SulaIcon as sula_icon, SulaIconPicker as sula_icon_picker, SulaLoader as sula_loader, SulaMenu as sula_menu, SulaMenuSelectList as sula_menu_select_list, SulaModal as sula_modal, SulaProgressBar as sula_progress_bar, SulaRadioButton as sula_radio_button, SulaSearchBar as sula_search_bar, SulaSegmentedControl as sula_segmented_control, SulaSwitch as sula_switch, SulaTable as sula_table, SulaTableBody as sula_table_body, SulaTableCell as sula_table_cell, SulaTableHeadCell as sula_table_head_cell, SulaTableHeader as sula_table_header, SulaTableRow as sula_table_row, SulaTag as sula_tag, SulaTextarea as sula_textarea, SulaTextfield as sula_textfield, SulaTiles as sula_tiles, SulaTimelineList as sula_timeline_list, SulaToggle as sula_toggle, SulaTooltip as sula_tooltip };
57585
57641
  //# sourceMappingURL=sula-avatar.sula-badge.sula-breadcrumb.sula-button.sula-checkbox.sula-chip.sula-dropdown.sula-icon.sula-icon-picker.sula-loader.sula-menu.sula-menu-select-list.sula-modal.sula-progress-bar.sula-radio-button.sula-search-bar.sula-segmented-control.sula-switch.sula-table.sula-table-body.sula-table-cell.sula-table-head-cell.sula-table-header.sula-table-row.sula-tag.sula-textarea.sula-textfield.sula-tiles.sula-timeline-list.sula-toggle.sula-tooltip.entry.esm.js.map
57586
- //# sourceMappingURL=p-c2f9f164.entry.js.map
57642
+ //# sourceMappingURL=p-95ca03c9.entry.js.map