@paperless/core 3.17.3 → 3.19.0

package/hydrate/index.js

@@ -6752,7 +6752,7 @@ const createStore = (defaultState, shouldUpdate) => {
 const stateThemeOptions = ['light', 'dark'];
 const stateLocaleOptions = ['nl', 'en'];
 const { state: localState} = createStore({
-    theme: stateThemeOptions[0],
+    theme: stateThemeOptions[1],
     locale: stateLocaleOptions[0],
 });
 const state = localState;
@@ -8246,6 +8246,20 @@ var clock$1 = `<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em"
 </svg>
 `;
 
+var history = `<svg width="1em" height="1em" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_2753_40677)">
+<path d="M8 5V8L10.5 9.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.5 6.5H2V4" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+<path d="M4.225 12.0002C5.01123 12.7421 5.99865 13.2359 7.06389 13.4198C8.12914 13.6037 9.22496 13.4697 10.2144 13.0344C11.2039 12.5991 12.0432 11.8818 12.6274 10.9723C13.2116 10.0627 13.5148 9.00116 13.4991 7.92028C13.4834 6.83939 13.1496 5.78708 12.5393 4.89484C11.929 4.0026 11.0693 3.30999 10.0676 2.90356C9.06588 2.49712 7.96664 2.39487 6.90718 2.6096C5.84771 2.82432 4.87502 3.34649 4.11062 4.11087C3.375 4.85587 2.7675 5.55837 2 6.50024" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
+</g>
+<defs>
+<clipPath id="clip0_2753_40677">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
+`;
+
 var addressBook = `<svg width="1em" height="1em" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
   <g clip-path="url(#clip0_4599_3969)">
     <path d="M8.5 9C9.60457 9 10.5 8.10457 10.5 7C10.5 5.89543 9.60457 5 8.5 5C7.39543 5 6.5 5.89543 6.5 7C6.5 8.10457 7.39543 9 8.5 9Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
@@ -8464,6 +8478,7 @@ const icons = {
     'calendar-free': calendarFree,
     'calendar-not-free': calendarNotFree,
     clock: clock$1,
+    history,
     //users
     'address-book': addressBook,
     female,
@@ -88034,7 +88049,7 @@ const calendar$1 = cva(['flex w-[17.5rem] flex-col gap-4'], {
         },
     },
 });
-const header$5 = cva([
+const header$6 = cva([
     'flex items-center gap-2',
     'w-full rounded-lg p-2',
     `
@@ -88278,7 +88293,7 @@ class Calendar {
             nextFn = num => this._changeYear(num);
             nextType = 'year';
         }
-        return (hAsync("div", { class: header$5({ type: this.mode }) }, this.mode !== 'year' && (hAsync("p-button", { disabled: !this._canSetAmount(nextType, -1) || this._view === 'year', icon: 'caret', iconRotate: 90, size: 'sm', tabIndex: -1, variant: 'secondary', iconOnly: true, onClick: () => nextFn(-1) })), hAsync("div", { class: cn('flex gap-2', {
+        return (hAsync("div", { class: header$6({ type: this.mode }) }, this.mode !== 'year' && (hAsync("p-button", { disabled: !this._canSetAmount(nextType, -1) || this._view === 'year', icon: 'caret', iconRotate: 90, size: 'sm', tabIndex: -1, variant: 'secondary', iconOnly: true, onClick: () => nextFn(-1) })), hAsync("div", { class: cn('flex gap-2', {
                 'flex-1': this._enableToday,
             }) }, this.mode !== 'year' && (hAsync("p-button", { active: this._view === 'month' && this.mode !== 'month', disabled: !this._canChangeView('month'), size: 'sm', tabIndex: -1, variant: 'secondary', onClick: () => this._changeView('month') }, dateFnsExports.format(this._viewDate, 'MMMM', {
             locale: state.locale === 'nl' ? localeExports.nl : localeExports.enUS,
@@ -88647,7 +88662,7 @@ class CardContainer {
 
 const cardHeaderComponentCss = () => `*{box-sizing:border-box}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-\\[-1\\]{z-index:-1}.z-\\[1\\]{z-index:1}.ml-auto{margin-left:auto}.flex{display:flex}.inline-flex{display:inline-flex}.aspect-\\[5\\/1\\]{aspect-ratio:5/1}.h-8{height:2rem}.h-full{height:100%}.max-h-\\[6\\.25rem\\]{max-height:6.25rem}.w-full{width:100%}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.gap-2{gap:.5rem}.gap-4{gap:1rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-bottom:.75rem}.pt-3,.py-3{padding-top:.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.text-off-white-700{--tw-text-opacity:1;color:rgb(222 219 213/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.empty\\:hidden:empty{display:none}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.1)}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-white\\/10:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.1)}`;
 
-const header$4 = cva(`relative z-[1] inline-flex w-full flex-col justify-start rounded-t-2xl`, {
+const header$5 = cva(`relative z-[1] inline-flex w-full flex-col justify-start rounded-t-2xl`, {
     variants: {
         variant: {
             default: 'px-4',
@@ -88655,7 +88670,7 @@ const header$4 = cva(`relative z-[1] inline-flex w-full flex-col justify-start r
         },
     },
 });
-const content$6 = cva('flex items-center gap-2', {
+const content$7 = cva('flex items-center gap-2', {
     variants: {
         variant: {
             default: 'py-3',
@@ -88696,9 +88711,9 @@ class CardHeader {
      */
     divider = true;
     render() {
-        return (hAsync(ThemedHost, { key: 'b7eb827631c54142f2a4e3fe2b81271c8144b16a' }, hAsync("div", { key: 'fcb33fb73eb61e36d8c4990b5b27e217221b96a4', class: header$4({
+        return (hAsync(ThemedHost, { key: 'b7eb827631c54142f2a4e3fe2b81271c8144b16a' }, hAsync("div", { key: 'fcb33fb73eb61e36d8c4990b5b27e217221b96a4', class: header$5({
                 variant: this.variant,
-            }) }, hAsync("div", { key: '1ae832e07095882bb8e46398c30609e12fa4d6eb', class: content$6({
+            }) }, hAsync("div", { key: '1ae832e07095882bb8e46398c30609e12fa4d6eb', class: content$7({
                 variant: this.variant,
             }) }, this.icon ? (hAsync("p-icon", { class: '\n          text-storm-300\n          dark:text-hurricane-200\n        ', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })) : (hAsync("slot", { name: 'prefix' })), hAsync("div", { key: '2c9394715612b7415aeb065d9575caf755044e5f', class: title$2() }, hAsync("span", { key: '9d8e7178338dd0e4ed218c5a16d5c77486c7f240', class: 'max-w-full overflow-hidden text-ellipsis' }, this.header?.length ? this.header : hAsync("slot", null)), hAsync("slot", { key: '1483bded5220bda03e8b80228135539a8b099033', name: 'content-suffix' })), hAsync("div", { key: '62055fed1277f466d6e70578c12ce51cb9a73272', class: '\n         ml-auto flex items-center justify-end gap-4\n         empty:hidden\n       ' }, hAsync("slot", { key: '73b2c1a055167b6050ec18f2a8b997bea8f39f8e', name: 'suffix' }))), this.variant === 'default' ? (asBoolean(this.divider) && (hAsync("p-divider", { class: '\n          text-off-white-700\n          dark:text-white/10\n        ' }))) : (hAsync("div", { class: '\n         pointer-events-none absolute left-0 top-0 z-[-1] h-full w-full\n         overflow-hidden rounded-t-2xl\n       ' }, hAsync("p-smile", { class: 'dark:text-hurricane-400', variant: 'card' }))))));
     }
@@ -92558,7 +92573,7 @@ class Datepicker {
 
 const dividerComponentCss = () => `*{box-sizing:border-box}p-divider{--tw-content:""}.static{position:static}.flex{display:flex}.h-full{height:100%}.w-full{width:100%}.flex-col{flex-direction:column}.items-center{align-items:center}.px-2{padding-left:.5rem;padding-right:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.text-hurricane-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.text-off-white-700{--tw-text-opacity:1;color:rgb(222 219 213/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.before\\:hidden:before{content:var(--tw-content);display:none}.before\\:h-px:before{content:var(--tw-content);height:1px}.before\\:w-px:before{content:var(--tw-content);width:1px}.before\\:flex-1:before{content:var(--tw-content);flex:1 1 0%}.before\\:bg-current:before{background-color:currentColor;content:var(--tw-content)}.before\\:content-\\[\\"\\"\\]:before{--tw-content:"";content:var(--tw-content)}.after\\:hidden:after{content:var(--tw-content);display:none}.after\\:h-px:after{content:var(--tw-content);height:1px}.after\\:w-px:after{content:var(--tw-content);width:1px}.after\\:flex-1:after{content:var(--tw-content);flex:1 1 0%}.after\\:bg-current:after{background-color:currentColor;content:var(--tw-content)}.after\\:content-\\[\\"\\"\\]:after{--tw-content:"";content:var(--tw-content)}.empty\\:px-0:empty{padding-left:0;padding-right:0}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}`;
 
-const content$5 = cva([
+const content$6 = cva([
     'flex items-center',
     `
     before:content-[""]
@@ -92613,7 +92628,7 @@ class Divider {
     get _el() { return getElement(this); }
     render() {
         const hasContent = this._el.innerHTML?.length > 0;
-        return (hAsync(ThemedHost, { key: 'ff409606cbaf88fec989b154c9c16eb07b60e185' }, hAsync("div", { key: 'bbf08c6ede2f45885372760c28026fa170dd2cd7', class: cn(content$5({
+        return (hAsync(ThemedHost, { key: 'ff409606cbaf88fec989b154c9c16eb07b60e185' }, hAsync("div", { key: 'bbf08c6ede2f45885372760c28026fa170dd2cd7', class: cn(content$6({
                 variant: this.variant,
                 alignContent: this.alignContent,
             }), {
@@ -92829,7 +92844,7 @@ class DrawerContainer {
 
 const drawerHeaderComponentCss = () => `*{box-sizing:border-box}.static{position:static}.relative{position:relative}.z-\\[1\\]{z-index:1}.flex{display:flex}.inline-flex{display:inline-flex}.size-8{height:2rem;width:2rem}.min-h-12{min-height:3rem}.min-h-18{min-height:4.5rem}.w-full{width:100%}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.overflow-hidden{overflow:hidden}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.pb-0{padding-bottom:0}.text-center{text-align:center}.font-ambit{font-family:Ambit,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
 
-const header$3 = cva([
+const header$4 = cva([
     'relative z-[1] min-h-18 w-full flex-col overflow-hidden rounded-t-2xl',
     `
    bg-white
@@ -92837,7 +92852,7 @@ const header$3 = cva([
  `,
     'inline-flex',
 ]);
-const content$4 = cva(['flex justify-between', 'min-h-12 w-full p-4 pb-0']);
+const content$5 = cva(['flex justify-between', 'min-h-12 w-full p-4 pb-0']);
 const title$1 = cva([
     'flex-1 text-center',
     `
@@ -92859,7 +92874,7 @@ class DrawerHeader {
      */
     close;
     render() {
-        return (hAsync(ThemedHost, { key: 'f0cc21f420fc9ede8f37b703e2bdc05b0494fdfb' }, hAsync("div", { key: 'e90c5f4e51592b3dd5aabddc4cdf394a44afc4d6', class: header$3() }, hAsync("div", { key: '7c34db9d5c88f715dc67663c4bd59292f4d5f465', class: content$4() }, this.showClose && (hAsync("p-button", { key: '65d62aac568049c275aaf0da50927aa162375291', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) })), hAsync("div", { key: '7e1809baea3e11b781292e5948dcd88de22adcbf', class: title$1() }, hAsync("slot", { key: 'a197919fc325a031824cc187d9f01c02047c3cce' })), this.showClose && hAsync("div", { key: 'a89a2a5c054a83c7998f8e3537294bb0d9a3654a', class: 'size-8' })), hAsync("p-smile", { key: 'b6247f9b0f7dd88fe13b507507a5802bef0b518f', class: 'dark:text-hurricane-400' }))));
+        return (hAsync(ThemedHost, { key: 'f0cc21f420fc9ede8f37b703e2bdc05b0494fdfb' }, hAsync("div", { key: 'e90c5f4e51592b3dd5aabddc4cdf394a44afc4d6', class: header$4() }, hAsync("div", { key: '7c34db9d5c88f715dc67663c4bd59292f4d5f465', class: content$5() }, this.showClose && (hAsync("p-button", { key: '65d62aac568049c275aaf0da50927aa162375291', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) })), hAsync("div", { key: '7e1809baea3e11b781292e5948dcd88de22adcbf', class: title$1() }, hAsync("slot", { key: 'a197919fc325a031824cc187d9f01c02047c3cce' })), this.showClose && hAsync("div", { key: 'a89a2a5c054a83c7998f8e3537294bb0d9a3654a', class: 'size-8' })), hAsync("p-smile", { key: 'b6247f9b0f7dd88fe13b507507a5802bef0b518f', class: 'dark:text-hurricane-400' }))));
     }
     static get style() { return drawerHeaderComponentCss(); }
     static get cmpMeta() { return {
@@ -96925,7 +96940,7 @@ const infopanel = cva(['flex flex-col gap-1', 'h-inherit w-full px-4 py-3', 'rel
         },
     },
 });
-const header$2 = cva('text-sm font-medium', {
+const header$3 = cva('text-sm font-medium', {
     variants: {
         variant: {
             neutral: `
@@ -96997,7 +97012,7 @@ class InfoPanel {
         return (hAsync(ThemedHost, { key: '6e90d3fa10339e27158689ab6ff7f4c27e4112a5' }, hAsync("div", { key: '290bb5cf9fbf7d9bd17d91e341012c83f76061a1', class: infopanel({
                 variant: this.variant,
                 closeAble: this.closeable,
-            }) }, (this.header?.length || hasHeaderSlot) && (hAsync("div", { key: '6d04877e365f21579f6c1c0bdd6f0471ff4c4528', class: header$2({ variant: this.variant }) }, this.header?.length ? (hAsync("p", { class: 'my-0' }, this.header)) : (hAsync("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (hAsync("div", { key: 'f30535d8f77ce76af301bd96bd6c71b645ce68da', class: '\n         h-inherit text-sm font-normal text-storm-800/60\n         dark:text-white/70\n       ' }, this.content?.length ? (hAsync("p", { class: 'my-0' }, this.content)) : (hAsync("slot", { name: 'content' })))), this.closeable && (hAsync("div", { key: 'cbff549d70f794782288c3ff59c7a7ede09962bb', class: close(), onClick: () => this._close() }, hAsync("p-icon", { key: 'a982772edafce6a622d02676b4ec5d36e30c31af', variant: 'negative' }))))));
+            }) }, (this.header?.length || hasHeaderSlot) && (hAsync("div", { key: '6d04877e365f21579f6c1c0bdd6f0471ff4c4528', class: header$3({ variant: this.variant }) }, this.header?.length ? (hAsync("p", { class: 'my-0' }, this.header)) : (hAsync("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (hAsync("div", { key: 'f30535d8f77ce76af301bd96bd6c71b645ce68da', class: '\n         h-inherit text-sm font-normal text-storm-800/60\n         dark:text-white/70\n       ' }, this.content?.length ? (hAsync("p", { class: 'my-0' }, this.content)) : (hAsync("slot", { name: 'content' })))), this.closeable && (hAsync("div", { key: 'cbff549d70f794782288c3ff59c7a7ede09962bb', class: close(), onClick: () => this._close() }, hAsync("p-icon", { key: 'a982772edafce6a622d02676b4ec5d36e30c31af', variant: 'negative' }))))));
     }
     _close() {
         this.closed.emit();
@@ -97178,10 +97193,10 @@ class Listing {
         }
     }
     render() {
-        return (hAsync("div", { key: '4aefa549cfa63e471dd51c3dbcfdc9fb8116d7f5', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
+        return (hAsync("div", { key: '2804d4c9827b8c474be59e85929ac3e5c7a8b832', class: cn('flex w-full flex-col flex-wrap items-start gap-1', {
                 'opacity-100': this._generatedOnce,
                 'opacity-0': !this._generatedOnce,
-            }) }, hAsync("slot", { key: '2846ec0b0b2fba3c9f3bff9d9c9c791ff4282c24', onSlotchange: () => this._generateLinesOnce() })));
+            }) }, hAsync("slot", { key: '8c55a162dcdaca095c6e5869e204e50784e37369', onSlotchange: () => this._generateLinesOnce() })));
     }
     _generateLinesOnce() {
         if (this._generateTimeout) {
@@ -97640,14 +97655,14 @@ class ModalFooter {
 
 const modalHeaderComponentCss = () => `*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.z-\\[1\\]{z-index:1}.flex{display:flex}.inline-flex{display:inline-flex}.aspect-\\[7\\/1\\]{aspect-ratio:7/1}.h-12{height:3rem}.max-h-28{max-height:7rem}.w-\\[calc\\(100\\%-7rem\\)\\]{width:calc(100% - 7rem)}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.-translate-y-1\\/2{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))}.-translate-y-1\\/2{--tw-translate-y:-50%}.flex-col{flex-direction:column}.justify-end{justify-content:flex-end}.overflow-hidden{overflow:hidden}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.pb-0{padding-bottom:0}.text-center{text-align:center}.font-ambit{font-family:Ambit,sans-serif}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
 
-const header$1 = cva([
+const header$2 = cva([
     `
    relative z-[1] w-full flex-col overflow-hidden rounded-t-2xl bg-white
    dark:bg-hurricane-600
  `,
     'inline-flex aspect-[7/1] max-h-28',
 ]);
-const content$3 = cva(['flex justify-end', 'h-12 w-full p-4 pb-0']);
+const content$4 = cva(['flex justify-end', 'h-12 w-full p-4 pb-0']);
 const title = cva([
     'flex-1 text-center',
     'w-[calc(100%-7rem)]',
@@ -97671,7 +97686,7 @@ class ModalHeader {
      */
     close;
     render() {
-        return (hAsync(ThemedHost, { key: '6ff888c25d7455ffd6baf7e1dd046d8446555739' }, hAsync("div", { key: '9b9fa9ee81f4174df2f880965afa9cc72b63e800', class: header$1() }, hAsync("div", { key: 'b58b6b353afa85c5e45f71abf9c4d59b5fa42eeb', class: content$3() }, hAsync("div", { key: '576edc988821e2ae50b8a11c8fc4b81fea137cb8', class: title() }, hAsync("slot", { key: 'b9906b5af7dc8542f3d046d8ca9dccc0f8310e9d' })), this.showClose && (hAsync("p-button", { key: 'c5da895fc9b1e6ef042a5f9d829d6e584ff23ab8', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) }))), hAsync("p-smile", { key: 'e0390b852e9ae3633185cdb5441d9172a07f7986', class: 'dark:text-hurricane-400' }))));
+        return (hAsync(ThemedHost, { key: '6ff888c25d7455ffd6baf7e1dd046d8446555739' }, hAsync("div", { key: '9b9fa9ee81f4174df2f880965afa9cc72b63e800', class: header$2() }, hAsync("div", { key: 'b58b6b353afa85c5e45f71abf9c4d59b5fa42eeb', class: content$4() }, hAsync("div", { key: '576edc988821e2ae50b8a11c8fc4b81fea137cb8', class: title() }, hAsync("slot", { key: 'b9906b5af7dc8542f3d046d8ca9dccc0f8310e9d' })), this.showClose && (hAsync("p-button", { key: 'c5da895fc9b1e6ef042a5f9d829d6e584ff23ab8', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) }))), hAsync("p-smile", { key: 'e0390b852e9ae3633185cdb5441d9172a07f7986', class: 'dark:text-hurricane-400' }))));
     }
     static get style() { return modalHeaderComponentCss(); }
     static get cmpMeta() { return {
@@ -97751,7 +97766,7 @@ class Navbar {
     }
     _show = false;
     render() {
-        return (hAsync(ThemedHost, { key: '5a01e00dd1e1871cde9828944b65daabf75ea31a' }, hAsync("p-backdrop", { key: '95bf7c4b78c9e49abae9a7281adf5624df0455a0', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), hAsync("div", { key: '4dfea05f200954ec3793907d88d6d6a96c58f82f', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, hAsync("div", { key: '9909f1ecf0015f9cba38b7eeba19e8beb1ef0ffc', class: '\n        flex w-full items-center justify-end\n        layout-1280:hidden\n      ' }, hAsync("p-button", { key: 'aa42f08f6bdd06a185fa16a6606ba3a1c4b694d9', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), hAsync("div", { key: '4f5af2ea3497d03b5b43ce5caba7c194917dcdcc', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, hAsync("slot", { key: 'd1919e7679b45237b8db4b9f5d128e14f864029a', name: 'company' })), hAsync("div", { key: '1ed21fedd6f1a681604a55280de176bd7659645c', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, hAsync("slot", { key: 'dc92c70f0de47a6b472c0f78cf60228b5936fa26', name: 'content' })), hAsync("div", { key: 'dc342612d9f23c9fa1ede1e0caa974319e980856', class: '\n        mt-auto hidden w-full flex-shrink-0 flex-col\n        layout-1280:flex\n      ' }, hAsync("slot", { key: '6cc26b1d2f8c8107ed140d97357813731f72174a', name: 'user' }))), hAsync("div", { key: '663de2f179c9ac06bc498d06897f325ac0e02bea', class: topbar({ class: sidebarAndTopbar() }) }, hAsync("p-button", { key: '06b683990e12f04950b1d6a9e944849fe64753d0', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), hAsync("slot", { key: '98f91872c91f5e34c9c12b9029475bf2a8b224ba', name: 'topbar' }))));
+        return (hAsync(ThemedHost, { key: 'bc5079cb3704d2db26d1f8be020cdf60f0a716d8' }, hAsync("p-backdrop", { key: '8e530cc8e3823a49e32a4821416163214a16cf7c', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), hAsync("div", { key: '965d4b28217709da09cc6eb47bda38bc452e05f7', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, hAsync("div", { key: 'ee0fd8bdbcd4af099c8b8eaf84595c553cc1bfb4', class: '\n        flex w-full items-center justify-end\n        layout-1280:hidden\n      ' }, hAsync("p-button", { key: 'e0782f8439f47613a6ec58271069bf3034289750', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), hAsync("div", { key: '1fdfb8308644046db8023df990ea7ddd83dcf262', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, hAsync("slot", { key: '994d94f3c6e868c7998f1e99da450c0886e4bbfe', name: 'company' })), hAsync("div", { key: 'c047c41e1d3ca938a9f92272bde090179d14b086', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, hAsync("slot", { key: '552845f3097fa92eee1a37ac02d158f9edde72d5', name: 'content' })), hAsync("div", { key: 'dd477e40950e95ff28dc18f31d337d978693cac8', class: '\n        mt-auto hidden w-full flex-shrink-0 flex-col\n        layout-1280:flex\n      ' }, hAsync("slot", { key: '767b851a061a0e573e8215aa6727b7618c610d1e', name: 'user' }))), hAsync("div", { key: '0264c176351bdb91606fe45aabb193b982f62a65', class: topbar({ class: sidebarAndTopbar() }) }, hAsync("p-button", { key: 'c7ed3bd86467f165cf2902c39851aa374997892c', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), hAsync("slot", { key: 'df81ccf93abf33a58c03c4a5c1ee49cbfcee70a6', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;
@@ -100100,7 +100115,7 @@ const circle$1 = cva([
         },
     ],
 });
-const content$2 = cva('mt-[1px] flex-1 text-sm font-medium', {
+const content$3 = cva('mt-[1px] flex-1 text-sm font-medium', {
     variants: {
         finished: {
             true: null,
@@ -100187,7 +100202,7 @@ class StepperItem {
                 direction: this.direction,
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
-            }) }, this.number), hAsync("div", { key: 'faafa708b0f4548661dfeb114fa78530377d896f', class: content$2({
+            }) }, this.number), hAsync("div", { key: 'faafa708b0f4548661dfeb114fa78530377d896f', class: content$3({
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
                 direction: this.direction,
@@ -100242,6 +100257,194 @@ class StepperLine {
     }; }
 }
 
+const submenuComponentCss = () => `*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-\\[calc\\(1\\.5rem\\)\\]{left:1.5rem}.top-0{top:0}.z-0{z-index:0}.z-10{z-index:10}.m-0{margin:0}.m-2{margin:.5rem}.my-2{margin-bottom:.5rem;margin-top:.5rem}.flex{display:flex}.size-4{height:1rem;width:1rem}.w-full{width:100%}.w-px{width:1px}.flex-1{flex:1 1 0%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.bg-indigo-200{--tw-bg-opacity:1;background-color:rgb(199 217 253/var(--tw-bg-opacity,1))}.bg-indigo-50{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.bg-indigo-500{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.pl-2{padding-left:.5rem}.pr-4{padding-right:1rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.text-hurricane-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-hurricane-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-indigo-200{--tw-text-opacity:1;color:rgb(199 217 253/var(--tw-text-opacity,1))}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.transition-\\[max-height\\]{transition-duration:.15s;transition-property:max-height;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.hover\\:bg-indigo-50:hover{--tw-bg-opacity:1;background-color:rgb(241 246 255/var(--tw-bg-opacity,1))}.group\\/submenu-header:hover .group-hover\\/submenu-header\\:text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:bg-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-indigo-600\\/30:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.3)}.dark\\:bg-storm-500\\/20:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(24,30,41,.2)}.dark\\:text-hurricane-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.dark\\:text-hurricane-300:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(54 60 70/var(--tw-text-opacity,1))}.dark\\:text-indigo-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(199 217 253/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:bg-indigo-600\\/10:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(82,138,250,.1)}.dark\\:bg-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1))}.dark\\:bg-indigo-600\\/30:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.3)}.dark\\:bg-storm-500\\/20:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(24,30,41,.2)}.dark\\:text-hurricane-100:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.dark\\:text-hurricane-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:text-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(54 60 70/var(--tw-text-opacity,1))}.dark\\:text-indigo-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(199 217 253/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:hover\\:bg-indigo-600\\/10:hover:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(82,138,250,.1)}`;
+
+const header$1 = cva([
+    'group/submenu-header',
+    'flex items-center gap-2',
+    'py-1 pl-2 pr-4',
+    'rounded-lg',
+    'cursor-pointer',
+    'transition-colors',
+], {
+    variants: {
+        open: {
+            true: `
+      bg-off-white-300
+      dark:bg-storm-500/20
+    `,
+            false: '',
+        },
+        active: {
+            true: `
+      bg-indigo-50
+      dark:bg-indigo-600/30
+    `,
+            false: `
+      hover:bg-indigo-50
+      dark:hover:bg-indigo-600/10
+    `,
+        },
+    },
+    compoundVariants: [],
+});
+const indexContainer = cva([
+    'm-2 size-4 rounded-full p-2',
+    `
+    text-xs font-semibold text-storm-500
+    dark:text-hurricane-500
+  `,
+    'transition-colors',
+    'flex items-center justify-center',
+], {
+    variants: {
+        open: {
+            true: 'bg-indigo-500',
+            false: '',
+        },
+        active: {
+            true: 'bg-indigo-500',
+            false: '',
+        },
+    },
+    compoundVariants: [
+        {
+            open: false,
+            active: false,
+            class: 'bg-indigo-200',
+        },
+    ],
+});
+class Submenu {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /**
+     * Title of the submenu
+     */
+    title = '';
+    /**
+     * Subtitle of the submenu
+     */
+    subtitle = '';
+    /**
+     * Index of the submenu
+     */
+    index = 0;
+    /**
+     * Wether to show the index
+     */
+    showIndex = true;
+    /**
+     * Wether the submenu is active or not
+     */
+    active = false;
+    /**
+     * Wether the submenu is open or not
+     */
+    open = false;
+    get _el() { return getElement(this); }
+    componentDidLoad() {
+        const submenuItems = this._el.querySelectorAll('p-submenu-item');
+        const hasActiveChild = [...submenuItems].some(i => i.active === true);
+        if (!this.active && hasActiveChild) {
+            this.active = true;
+        }
+        if (!this.active) {
+            return;
+        }
+        this.open = true;
+    }
+    render() {
+        const submenuItems = this._el.querySelectorAll('p-submenu-item');
+        const firstItem = getComputedStyle(submenuItems[0]);
+        const maxHeight = submenuItems.length *
+            Number.parseInt(firstItem.height.replace('px', '')) +
+            16; // the margin of the content
+        return (hAsync(ThemedHost, { key: '110fad52ce96c4fc855408b422a42956b957d092' }, hAsync("div", { key: '0b8f40db722e7c6f6ba8ded2e33a6776af28f0dc', class: 'flex w-full flex-col' }, hAsync("div", { key: '23aa3cf5a7ece75e3fb6312e2e2173d68b2dcd86', class: cn(header$1({
+                active: this.active,
+                open: this.open,
+            })), onClick: () => (this.open = !this.open) }, this.showIndex && (hAsync("div", { key: 'a24b117f984eb4392a90b47fd8363e7e320cb84a', class: indexContainer({
+                active: this.active,
+                open: this.open,
+            }) }, this.index)), hAsync("div", { key: '76fb811ac456b88a7f3d3df3b5badfaf9fe6170f', class: 'flex flex-1 flex-col' }, hAsync("p", { key: 'd2dc662ee53ca37a0f971ce372c3e1a1528717e5', class: cn('m-0 text-sm', {
+                'text-storm-400 group-hover/submenu-header:text-white dark:text-hurricane-100': !this.active,
+                'text-storm-500 dark:text-white': this.active,
+            }) }, this.title), hAsync("p", { key: '60b63c450874ee68b0857641e01a4b0a5d14fe0d', class: cn('m-0 text-xs', {
+                'text-storm-300 dark:text-hurricane-300': !this.active,
+                'text-storm-300 dark:text-indigo-200': this.active,
+            }) }, this.subtitle)), hAsync("p-icon", { key: '89e2bea66fb7e67633e9678648d6756352adeecf', class: cn({
+                'text-storm-500 dark:text-white': this.active,
+                'text-storm-300 dark:text-hurricane-300': !this.active,
+            }), rotate: this.open ? 180 : 0, variant: 'caret' })), hAsync("div", { key: 'bfdb4d322cf02a5dd7dfacd79c39c4253a2b8518', class: cn('relative flex flex-col overflow-hidden transition-[max-height]'), style: {
+                maxHeight: `${this.open ? maxHeight : 0}px`,
+            } }, hAsync("div", { key: '9928a528f546820946876952f5e49faba0f0ebc0', class: '\n         absolute left-[calc(1.5rem)] top-0 z-0 w-px bg-indigo-100\n         dark:bg-hurricane-400\n       ', style: {
+                height: `${maxHeight}px`,
+            } }), hAsync("div", { key: '17c48e3c23851adf85dbf98951486b1e6536f10d', class: 'z-10 my-2 flex flex-col' }, hAsync("slot", { key: 'acfd6ce55e564b140706e6f087e839017c782d1f' }))))));
+    }
+    static get style() { return submenuComponentCss(); }
+    static get cmpMeta() { return {
+        "$flags$": 777,
+        "$tagName$": "p-submenu",
+        "$members$": {
+            "title": [513],
+            "subtitle": [513],
+            "index": [514],
+            "showIndex": [516, "show-index"],
+            "active": [516],
+            "open": [516]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": [["title", "title"], ["subtitle", "subtitle"], ["index", "index"], ["showIndex", "show-index"], ["active", "active"], ["open", "open"]]
+    }; }
+}
+
+const submenuItemComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.h-8{height:2rem}.h-full{height:100%}.w-\\[2px\\]{width:2px}.w-full{width:100%}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-2{gap:.5rem}.gap-6{gap:1.5rem}.bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.bg-transparent{background-color:transparent}.pl-6{padding-left:1.5rem}.text-hurricane-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity,1))}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.group\\/submenu-item:hover .group-hover\\/submenu-item\\:bg-indigo-600{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-100:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.dark\\:text-hurricane-100:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}`;
+
+const content$2 = cva([
+    'flex items-center gap-6',
+    'h-8 w-full pl-6',
+    'cursor-pointer',
+    'group/submenu-item',
+], {
+    variants: {},
+});
+class SubmenuItem {
+    constructor(hostRef) {
+        registerInstance(this, hostRef);
+    }
+    /**
+     * Wether the submenu is active or not
+     */
+    active = false;
+    /**
+     * Icon to show on the label
+     */
+    icon = 'placeholder';
+    render() {
+        return (hAsync(ThemedHost, { key: '812bee8d46780d60ed604505b4f8c00e798a9f8f' }, hAsync("div", { key: 'f5a76dd14ccb0559586b01214c6badb3bcf2eef8', class: cn(content$2({}), {}) }, hAsync("div", { key: '97fe0916207dfefd625ae51d911ef4eeb5d6b4cc', class: cn(`h-full w-[2px] transition-colors`, {
+                'bg-indigo-600': this.active,
+                'bg-transparent group-hover/submenu-item:bg-indigo-600': !this.active,
+            }) }), hAsync("div", { key: '2c6ab60c2fb19b197d5aabd2368a7eb7406fdcb2', class: cn('flex items-center gap-2 transition-colors', {
+                'text-storm-400 dark:text-hurricane-100': !this.active,
+                'text-indigo-600': this.active,
+            }) }, hAsync("p-icon", { key: '7db15690b67f555a46dc72133be72e5937051658', variant: this.icon }), hAsync("slot", { key: '1a4574d13c012affe2713a034445f636369729c8' })))));
+    }
+    static get style() { return submenuItemComponentCss(); }
+    static get cmpMeta() { return {
+        "$flags$": 777,
+        "$tagName$": "p-submenu-item",
+        "$members$": {
+            "active": [516],
+            "icon": [513]
+        },
+        "$listeners$": undefined,
+        "$lazyBundleId$": "-",
+        "$attrsToReflect$": [["active", "active"], ["icon", "icon"]]
+    }; }
+}
+
 const tabContainerComponentCss = () => `*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.relative{position:relative}.bottom-0{bottom:0}.left-0{left:0}.m-0{margin:0}.flex{display:flex}.h-8{height:2rem}.w-full{width:100%}.flex-col{flex-direction:column}.gap-5{gap:1.25rem}.overflow-x-auto{overflow-x:auto}.text-off-white-700{--tw-text-opacity:1;color:rgb(222 219 213/var(--tw-text-opacity,1))}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}`;
 
 class TabContainer {
@@ -101140,7 +101343,7 @@ class TableCell {
         };
     }
     render() {
-        return (hAsync(ThemedHost, { key: 'f5f3de7bc6bf626302e12c004c9b2e80c60294db', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
+        return (hAsync(ThemedHost, { key: 'eb7f83afc2969cb84be91c81b5112566612a3604', class: this._getColumnClasses() }, this.checkbox, this._getContent(), false));
     }
     _getContent() {
         if (this.variant === 'loading') {
@@ -101451,12 +101654,12 @@ class TableFooter {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);
     }
     render() {
-        return (hAsync(ThemedHost, { key: 'e46fcc04ec0a9822388fb7c3b5d5b269d1c81508' }, hAsync("div", { key: '70e36a4c60ba4747f7721bf88dc1af56a8745e92', class: footer({
+        return (hAsync(ThemedHost, { key: '166a446120f9a346cd32cd9b750a3db756f30797' }, hAsync("div", { key: '28d48e2f706c97a3da47c28269c0fa4551eaf5ed', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
                 tableHeaderHasAction: this.tableHeaderHasAction,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (hAsync("p-pagination", { key: '179eb5b828887f78cb6f4a15784cd9be9df47d4a', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
+            this.total > 0 && (hAsync("p-pagination", { key: '2fa3e65aab7a8d701626ff17645a9e9fc3d341fd', class: 'pointer-events-auto z-[2]', enablePaginationPages: this.enablePaginationPages, enablePaginationSize: this.enablePaginationSize, hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, pageSizeOptions: this.pageSizeOptions, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPageSizeChange: ({ detail }) => this._changePageSize(detail), onPagesChange: ({ detail }) => (this._hasPaginationPages = detail > 1) })))));
     }
     _changePageSize(s) {
         if (!s) {
@@ -111295,13 +111498,13 @@ class TableRow {
      */
     isLast = false;
     render() {
-        return (hAsync(ThemedHost, { key: '4420644601f21ec8ff93447e9609cd83003832e7' }, hAsync("div", { key: 'b42cddc200375f6e7ef93cdf1953b1107fa1a25d', class: 'flex flex-col' }, hAsync("div", { key: 'd65dae6ac9c8dfe9ec664c14386415332d7604a9', class: row({
+        return (hAsync(ThemedHost, { key: '98252cd216cba353cf4e169a7f9850b7f373b93e' }, hAsync("div", { key: 'de85352410756fa4b6d555763d5811ff8e70ce67', class: 'flex flex-col' }, hAsync("div", { key: 'c56a01847cde5b860524169165c5f44c78de9d1a', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, hAsync("div", { key: '1c1eeb3b0b43f9eaaf923e75442f033cf12f8990', class: content$1({
+            }) }, hAsync("div", { key: '8074d9c5617995d40dd06cc8f1e0d53f51db7fa7', class: content$1({
                 variant: this.variant,
-            }) }, hAsync("slot", { key: 'fe84b025ad57eaed3ef0ac3c6e019bfd38478494' }), hAsync("div", { key: '81cdc196d081f7a18d80b044b646e0c0fbc1f0d6', class: actions() }, hAsync("slot", { key: 'df1ffcd595ac77edfded8b3185db8ceadf4463c7', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (hAsync("p-divider", { key: '50c2979b52aa58470b3d870b55dc6a1e4d793243' })))));
+            }) }, hAsync("slot", { key: 'c981dfaaa4e3f9c7ba350650e8239bf2b0f77780' }), hAsync("div", { key: 'b51eabcfe145dc6fe263750e9a49ef84ae3ec9df', class: actions() }, hAsync("slot", { key: 'a558a1b83cbcc339dd6223502adf978b5fd46e16', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (hAsync("p-divider", { key: 'b5ca42d03270067f116206c9d291b520ff4db796' })))));
     }
     static get style() { return tableRowComponentCss(); }
     static get cmpMeta() { return {
@@ -111491,7 +111694,7 @@ class Toast {
      */
     action;
     render() {
-        return (hAsync(ThemedHost, { key: '6394f16be6bb3274259ac89c4636aa4316c44412' }, hAsync("div", { key: 'd1e8251c4354dc4cef8b544bf4be4c060663fbc3', class: '\n       flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2\n       shadow-2\n       dark:border-hurricane-800 dark:bg-hurricane-800\n     ', onClick: () => this._onClick() }, hAsync("div", { key: '5e7f692403be82843b611e3137427850cd1d6fc5', class: indicator({ variant: this.variant }) }), hAsync("div", { key: '8de363d0c2a838d4d65f0af927a756d1eb33f378', class: content() }, hAsync("div", { key: '44348814b85e349dbee31098f57f669cbbf2a3d1', class: 'flex w-full min-w-0 flex-col' }, hAsync("p", { key: 'ca5f487607e23e676c9027c8064969d90e1dddde', class: '\n          m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm\n          font-semibold text-storm-500\n          dark:text-white\n        ' }, this.header?.length ? this.header : hAsync("slot", { name: 'header' })), hAsync("p", { key: '7899f789e38ae32d31d0d043291de62a59b01d4d', class: '\n          m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\n          text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content?.length ? this.content : hAsync("slot", { name: 'content' }))), this.enableAction && (hAsync("div", { key: 'dcf72ae9760053615e1766c24b410e8163ff96b8', class: '\n          flex-shrink-0 cursor-pointer p-2 text-storm-200\n          hover:text-storm-500 hover:text-white\n          dark:text-hurricane-200\n        ' }, hAsync("p-icon", { key: 'e6abf4d667376c87776512b2ec0ad63f0e59f8d7', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
+        return (hAsync(ThemedHost, { key: '7f1d26d48ba72212d4bea0047c2645d588ae9ca0' }, hAsync("div", { key: '7a02f52c3f482c36048ddd6aa052e94522ae9eb6', class: '\n       flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2\n       shadow-2\n       dark:border-hurricane-800 dark:bg-hurricane-800\n     ', onClick: () => this._onClick() }, hAsync("div", { key: '77418e7e7b8ce6cee4018d91888e14205bf37e42', class: indicator({ variant: this.variant }) }), hAsync("div", { key: '958c676bdbb79d6fa812d3fa9a48d35e674d9390', class: content() }, hAsync("div", { key: '4da4e4b7cb402d68083001713aeb9de9534eb2c0', class: 'flex w-full min-w-0 flex-col' }, hAsync("p", { key: '1079c6b6be804514906615985cd1503d417fe1e7', class: '\n          m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm\n          font-semibold text-storm-500\n          dark:text-white\n        ' }, this.header?.length ? this.header : hAsync("slot", { name: 'header' })), hAsync("p", { key: 'c7f0ad542870b8924d15b9e1b79cf9cb4e04645e', class: '\n          m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\n          text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content?.length ? this.content : hAsync("slot", { name: 'content' }))), this.enableAction && (hAsync("div", { key: 'a286d1394e72cd729353443ed2a214cf884f84cf', class: '\n          flex-shrink-0 cursor-pointer p-2 text-storm-200\n          hover:text-storm-500 hover:text-white\n          dark:text-hurricane-200\n        ' }, hAsync("p-icon", { key: '9ecb91fdf9154fa881b16a5c3a028eb9dc7e5b9e', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
     }
     _onClick() {
         if (this.enableAction) {
@@ -112065,6 +112268,8 @@ registerComponents([
   Stepper,
   StepperItem,
   StepperLine,
+  Submenu,
+  SubmenuItem,
   TabContainer,
   TabItem,
   Table,