@paperless/core 3.3.0 → 3.4.1

package/dist/cjs/p-empty-state_8.cjs.entry.js

@@ -12,7 +12,7 @@ var constants = require('./constants-BuWBrjuU.js');
 require('./clsx-BtxeOLZW.js');
 require('./state-DM8SZBNO.js');
 
-const emptyStateComponentCss = () => `*{box-sizing:border-box}p-divider{--tw-content:""}.static{position:static}.my-0{margin-bottom:0;margin-top:0}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.flex{display:flex}.w-full{width:100%}.max-w-\\[20rem\\]{max-width:20rem}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.text-center{text-align:center}.font-ambit{font-family:Ambit,sans-serif}.text-5xl{font-size:3rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/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))}.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-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-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-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
+const emptyStateComponentCss = () => `*{box-sizing:border-box}p-divider{--tw-content:""}.static{position:static}.mb-8{margin-bottom:2rem}.mt-4{margin-top:1rem}.flex{display:flex}.w-full{width:100%}.max-w-\\[20rem\\]{max-width:20rem}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.text-center{text-align:center}.font-ambit{font-family:Ambit,sans-serif}.text-5xl{font-size:3rem;line-height:1}.text-sm{font-size:.875rem;line-height:1.25rem}.font-bold{font-weight:700}.font-normal{font-weight:400}.text-indigo-600{--tw-text-opacity:1;color:rgb(82 138 250/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))}`;
 
 const emptyState = index$1.cva(['flex w-full max-w-[20rem] flex-col items-center justify-start'], {
     variants: {
@@ -76,7 +76,7 @@ const EmptyState = class {
                 enableAction: asBoolean.asBoolean(this.enableAction, true),
             }), onClick: ev => this.enableAction && !this.actionLoading
                 ? this.action.emit(ev)
-                : undefined }, this.illustration && (index.h("p-illustration", { key: '2d95c6f7761f817b2bf4968118e7ac5dc6d62abe', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (index.h("slot", { name: 'header' })) : (this.header?.length && (index.h("p", { class: '\n          my-0 text-center font-ambit text-sm font-bold text-storm-500\n          dark:text-white\n        ' }, this.header))), hasContentSlot ? (index.h("slot", { name: 'content' })) : (this.content?.length && (index.h("p", { class: '\n          my-0 text-center text-sm font-normal text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content))), this.enableAction &&
+                : undefined }, this.illustration && (index.h("p-illustration", { key: '2d95c6f7761f817b2bf4968118e7ac5dc6d62abe', class: 'mb-8 text-5xl text-indigo-600', variant: this.illustration })), hasHeaderSlot ? (index.h("slot", { name: 'header' })) : (this.header?.length && (index.h("p", { class: '\n\t\t\t\t\t\t\t\t\tmy-0 text-center font-ambit text-sm font-bold text-storm-500\n\t\t\t\t\t\t\t\t\tdark:text-white\n\t\t\t\t\t\t\t\t' }, this.header))), hasContentSlot ? (index.h("slot", { name: 'content' })) : (this.content?.length && (index.h("p", { class: '\n\t\t\t\t\t\t\t\t\tmy-0 text-center text-sm font-normal text-storm-300\n\t\t\t\t\t\t\t\t\tdark:text-hurricane-200\n\t\t\t\t\t\t\t\t' }, this.content))), this.enableAction &&
             (hasActionSlot ? (index.h("slot", { name: 'action' })) : (index.h("p-button", { class: 'mt-4', icon: this.actionIcon, iconPosition: this.actionIconPosition, loading: this.actionLoading, variant: this.actionVariant }, this.actionText))))));
     }
 };
@@ -156,7 +156,7 @@ const FloatingMenuContainer = class {
 };
 FloatingMenuContainer.style = floatingMenuContainerComponentCss();
 
-const tableCellComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.table{display:table}.table-cell{display:table-cell}.hidden{display:none}.h-6{height:1.5rem}.w-1\\/12{width:8.333333%}.w-10\\/12{width:83.333333%}.w-11\\/12{width:91.666667%}.w-2\\/12{width:16.666667%}.w-3\\/12{width:25%}.w-4\\/12{width:33.333333%}.w-5\\/12{width:41.666667%}.w-6\\/12{width:50%}.w-7\\/12{width:58.333333%}.w-8\\/12{width:66.666667%}.w-9\\/12{width:75%}.w-\\[calc\\(100\\%-1rem\\)\\]{width:calc(100% - 1rem)}.flex-1{flex:1 1 0%}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:.25rem}.pl-8{padding-left:2rem}.pr-0{padding-right:0}.pr-4{padding-right:1rem}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.font-semibold{font-weight:600}.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))}.last-of-type\\:pr-0:last-of-type{padding-right:0}.group:hover .group-hover\\:flex{display:flex}.group:hover .group-hover\\:hidden{display:none}@media (min-width:40rem){.tablet\\:flex{display:flex}.tablet\\:hidden{display:none}.tablet\\:w-1\\/12{width:8.333333%}.tablet\\:w-10\\/12{width:83.333333%}.tablet\\:w-11\\/12{width:91.666667%}.tablet\\:w-2\\/12{width:16.666667%}.tablet\\:w-3\\/12{width:25%}.tablet\\:w-4\\/12{width:33.333333%}.tablet\\:w-5\\/12{width:41.666667%}.tablet\\:w-6\\/12{width:50%}.tablet\\:w-7\\/12{width:58.333333%}.tablet\\:w-8\\/12{width:66.666667%}.tablet\\:w-9\\/12{width:75%}.tablet\\:pr-0{padding-right:0}.tablet\\:pr-4{padding-right:1rem}.group:hover .tablet\\:group-hover\\:flex{display:flex}.group:hover .tablet\\:group-hover\\:hidden{display:none}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex}.desktop-xs\\:hidden{display:none}.desktop-xs\\:w-1\\/12{width:8.333333%}.desktop-xs\\:w-10\\/12{width:83.333333%}.desktop-xs\\:w-11\\/12{width:91.666667%}.desktop-xs\\:w-2\\/12{width:16.666667%}.desktop-xs\\:w-3\\/12{width:25%}.desktop-xs\\:w-4\\/12{width:33.333333%}.desktop-xs\\:w-5\\/12{width:41.666667%}.desktop-xs\\:w-6\\/12{width:50%}.desktop-xs\\:w-7\\/12{width:58.333333%}.desktop-xs\\:w-8\\/12{width:66.666667%}.desktop-xs\\:w-9\\/12{width:75%}.desktop-xs\\:pr-0{padding-right:0}.desktop-xs\\:pr-4{padding-right:1rem}.group:hover .desktop-xs\\:group-hover\\:flex{display:flex}.group:hover .desktop-xs\\:group-hover\\:hidden{display:none}}@media (min-width:80rem){.desktop-sm\\:flex{display:flex}.desktop-sm\\:hidden{display:none}.desktop-sm\\:w-1\\/12{width:8.333333%}.desktop-sm\\:w-10\\/12{width:83.333333%}.desktop-sm\\:w-11\\/12{width:91.666667%}.desktop-sm\\:w-2\\/12{width:16.666667%}.desktop-sm\\:w-3\\/12{width:25%}.desktop-sm\\:w-4\\/12{width:33.333333%}.desktop-sm\\:w-5\\/12{width:41.666667%}.desktop-sm\\:w-6\\/12{width:50%}.desktop-sm\\:w-7\\/12{width:58.333333%}.desktop-sm\\:w-8\\/12{width:66.666667%}.desktop-sm\\:w-9\\/12{width:75%}.desktop-sm\\:pr-0{padding-right:0}.desktop-sm\\:pr-4{padding-right:1rem}.group:hover .desktop-sm\\:group-hover\\:flex{display:flex}.group:hover .desktop-sm\\:group-hover\\:hidden{display:none}}@media (min-width:85.375rem){.desktop\\:flex{display:flex}.desktop\\:hidden{display:none}.desktop\\:w-1\\/12{width:8.333333%}.desktop\\:w-10\\/12{width:83.333333%}.desktop\\:w-11\\/12{width:91.666667%}.desktop\\:w-2\\/12{width:16.666667%}.desktop\\:w-3\\/12{width:25%}.desktop\\:w-4\\/12{width:33.333333%}.desktop\\:w-5\\/12{width:41.666667%}.desktop\\:w-6\\/12{width:50%}.desktop\\:w-7\\/12{width:58.333333%}.desktop\\:w-8\\/12{width:66.666667%}.desktop\\:w-9\\/12{width:75%}.desktop\\:pr-0{padding-right:0}.desktop\\:pr-4{padding-right:1rem}.group:hover .desktop\\:group-hover\\:flex{display:flex}.group:hover .desktop\\:group-hover\\:hidden{display:none}}@media (min-width:90rem){.desktop-lg\\:flex{display:flex}.desktop-lg\\:hidden{display:none}.desktop-lg\\:w-1\\/12{width:8.333333%}.desktop-lg\\:w-10\\/12{width:83.333333%}.desktop-lg\\:w-11\\/12{width:91.666667%}.desktop-lg\\:w-2\\/12{width:16.666667%}.desktop-lg\\:w-3\\/12{width:25%}.desktop-lg\\:w-4\\/12{width:33.333333%}.desktop-lg\\:w-5\\/12{width:41.666667%}.desktop-lg\\:w-6\\/12{width:50%}.desktop-lg\\:w-7\\/12{width:58.333333%}.desktop-lg\\:w-8\\/12{width:66.666667%}.desktop-lg\\:w-9\\/12{width:75%}.desktop-lg\\:pr-0{padding-right:0}.desktop-lg\\:pr-4{padding-right:1rem}.group:hover .desktop-lg\\:group-hover\\:flex{display:flex}.group:hover .desktop-lg\\:group-hover\\:hidden{display:none}}@media (min-width:120rem){.desktop-xl\\:flex{display:flex}.desktop-xl\\:hidden{display:none}.desktop-xl\\:w-1\\/12{width:8.333333%}.desktop-xl\\:w-10\\/12{width:83.333333%}.desktop-xl\\:w-11\\/12{width:91.666667%}.desktop-xl\\:w-2\\/12{width:16.666667%}.desktop-xl\\:w-3\\/12{width:25%}.desktop-xl\\:w-4\\/12{width:33.333333%}.desktop-xl\\:w-5\\/12{width:41.666667%}.desktop-xl\\:w-6\\/12{width:50%}.desktop-xl\\:w-7\\/12{width:58.333333%}.desktop-xl\\:w-8\\/12{width:66.666667%}.desktop-xl\\:w-9\\/12{width:75%}.desktop-xl\\:pr-0{padding-right:0}.desktop-xl\\:pr-4{padding-right:1rem}.group:hover .desktop-xl\\:group-hover\\:flex{display:flex}.group:hover .desktop-xl\\:group-hover\\:hidden{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-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-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-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
+const tableCellComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.table{display:table}.table-cell{display:table-cell}.hidden{display:none}.h-6{height:1.5rem}.w-1\\/12{width:8.333333%}.w-10\\/12{width:83.333333%}.w-11\\/12{width:91.666667%}.w-2\\/12{width:16.666667%}.w-3\\/12{width:25%}.w-4\\/12{width:33.333333%}.w-5\\/12{width:41.666667%}.w-6\\/12{width:50%}.w-7\\/12{width:58.333333%}.w-9\\/12{width:75%}.w-\\[calc\\(100\\%-1rem\\)\\]{width:calc(100% - 1rem)}.flex-1{flex:1 1 0%}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded{border-radius:.25rem}.pl-8{padding-left:2rem}.pr-4{padding-right:1rem}.text-center{text-align:center}.text-start{text-align:start}.text-end{text-align:end}.font-semibold{font-weight:600}.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))}.group:hover .group-hover\\:hidden{display:none}@media (min-width:40rem){.tablet\\:hidden{display:none}.tablet\\:w-1\\/12{width:8.333333%}.tablet\\:w-10\\/12{width:83.333333%}.tablet\\:w-11\\/12{width:91.666667%}.tablet\\:w-2\\/12{width:16.666667%}.tablet\\:w-4\\/12{width:33.333333%}.tablet\\:w-5\\/12{width:41.666667%}.tablet\\:w-6\\/12{width:50%}.tablet\\:w-7\\/12{width:58.333333%}.tablet\\:w-9\\/12{width:75%}.tablet\\:pr-0{padding-right:0}.tablet\\:pr-4{padding-right:1rem}.group:hover .tablet\\:group-hover\\:hidden{display:none}}@media (min-width:64rem){.desktop-xs\\:hidden{display:none}.desktop-xs\\:w-1\\/12{width:8.333333%}.desktop-xs\\:w-10\\/12{width:83.333333%}.desktop-xs\\:w-2\\/12{width:16.666667%}.desktop-xs\\:w-3\\/12{width:25%}.desktop-xs\\:w-4\\/12{width:33.333333%}.desktop-xs\\:w-6\\/12{width:50%}.desktop-xs\\:w-7\\/12{width:58.333333%}.desktop-xs\\:w-8\\/12{width:66.666667%}.desktop-xs\\:pr-0{padding-right:0}.desktop-xs\\:pr-4{padding-right:1rem}.group:hover .desktop-xs\\:group-hover\\:hidden{display:none}}@media (min-width:80rem){.desktop-sm\\:hidden{display:none}.desktop-sm\\:w-1\\/12{width:8.333333%}.desktop-sm\\:w-10\\/12{width:83.333333%}.desktop-sm\\:w-2\\/12{width:16.666667%}.desktop-sm\\:w-3\\/12{width:25%}.desktop-sm\\:w-4\\/12{width:33.333333%}.desktop-sm\\:w-6\\/12{width:50%}.desktop-sm\\:w-7\\/12{width:58.333333%}.desktop-sm\\:w-8\\/12{width:66.666667%}.desktop-sm\\:pr-0{padding-right:0}.desktop-sm\\:pr-4{padding-right:1rem}.group:hover .desktop-sm\\:group-hover\\:hidden{display:none}}@media (min-width:85.375rem){.desktop\\:hidden{display:none}.desktop\\:w-1\\/12{width:8.333333%}.desktop\\:w-10\\/12{width:83.333333%}.desktop\\:w-11\\/12{width:91.666667%}.desktop\\:w-3\\/12{width:25%}.desktop\\:w-4\\/12{width:33.333333%}.desktop\\:w-5\\/12{width:41.666667%}.desktop\\:w-7\\/12{width:58.333333%}.desktop\\:w-8\\/12{width:66.666667%}.desktop\\:w-9\\/12{width:75%}.desktop\\:pr-0{padding-right:0}.desktop\\:pr-4{padding-right:1rem}.group:hover .desktop\\:group-hover\\:hidden{display:none}}@media (min-width:90rem){.desktop-lg\\:hidden{display:none}.desktop-lg\\:w-1\\/12{width:8.333333%}.desktop-lg\\:w-10\\/12{width:83.333333%}.desktop-lg\\:w-2\\/12{width:16.666667%}.desktop-lg\\:w-3\\/12{width:25%}.desktop-lg\\:w-4\\/12{width:33.333333%}.desktop-lg\\:w-6\\/12{width:50%}.desktop-lg\\:w-7\\/12{width:58.333333%}.desktop-lg\\:w-8\\/12{width:66.666667%}.desktop-lg\\:pr-0{padding-right:0}.desktop-lg\\:pr-4{padding-right:1rem}.group:hover .desktop-lg\\:group-hover\\:hidden{display:none}}@media (min-width:120rem){.desktop-xl\\:hidden{display:none}.desktop-xl\\:w-1\\/12{width:8.333333%}.desktop-xl\\:w-10\\/12{width:83.333333%}.desktop-xl\\:w-2\\/12{width:16.666667%}.desktop-xl\\:w-3\\/12{width:25%}.desktop-xl\\:w-4\\/12{width:33.333333%}.desktop-xl\\:w-6\\/12{width:50%}.desktop-xl\\:w-7\\/12{width:58.333333%}.desktop-xl\\:w-8\\/12{width:66.666667%}.desktop-xl\\:pr-0{padding-right:0}.desktop-xl\\:pr-4{padding-right:1rem}.group:hover .desktop-xl\\:group-hover\\:hidden{display:none}}.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:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
 
 const TableCell = class {
     constructor(hostRef) {
@@ -260,10 +260,10 @@ const footer = index$1.cva([
     'after:absolute after:left-0 after:top-0 after:z-[0]',
     'after:h-full after:w-full after:transition-opacity',
     `
-    after:bg-gradient-to-t after:from-white after:via-white/80
-    after:to-transparent
-    dark:after:from-hurricane-700 dark:after:via-hurricane-700/80
-  `,
+			after:bg-gradient-to-t after:from-white after:via-white/80
+			after:to-transparent
+			dark:after:from-hurricane-700 dark:after:via-hurricane-700/80
+		`,
 ], {
     variants: {
         pinned: {
@@ -276,9 +276,9 @@ const footer = index$1.cva([
         },
         tableHeaderHasAction: {
             true: `
-      pb-20 pt-8
-      desktop-xs:py-8
-    `,
+					pb-20 pt-8
+					desktop-xs:py-8
+				`,
             false: 'py-8',
         },
     },
@@ -362,12 +362,12 @@ const TableFooter = class {
         this._renderCheckTimeout = setTimeout(() => this._checkStuck(), 200);
     }
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '2a9d106d8fcda59dbe0615b936dec5c5a6c06ac3' }, index.h("div", { key: '92904418a7130a5b5b03c60c4ef9a5297fa67900', class: footer({
+        return (index.h(themedHost_component.ThemedHost, { key: '9532ab1db5c12d695fa25f36683f6629f51bb0c1' }, index.h("div", { key: '21b10e0e7aa63c43383d9473be7833abcd13d2a5', class: footer({
                 pinned: this._isPinned,
                 hidden: this._hidden,
                 tableHeaderHasAction: this.tableHeaderHasAction,
             }) }, (this.enablePaginationPages || this.enablePaginationSize) &&
-            this.total > 0 && (index.h("p-pagination", { key: 'b085a53358757b965720f35ad4deb70a705b4cfd', 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 && (index.h("p-pagination", { key: '7307f57dfae4759399588fc3bc0285c605d2cbb6', 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) {
@@ -9861,15 +9861,15 @@ function requireCjs () {
 
 var cjsExports = /*@__PURE__*/ requireCjs();
 
-const tableHeaderComponentCss = () => `*{box-sizing:border-box}.static{position:static}.fixed{position:fixed}.bottom-0{bottom:0}.left-0{left:0}.z-\\[1\\]{z-index:1}.z-\\[2\\]{z-index:2}.ml-1{margin-left:.25rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.h-8{height:2rem}.w-3\\/4{width:75%}.w-full{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}.justify-self-start{justify-self:start}.rounded{border-radius:.25rem}.border{border-width:1px}.border-solid{border-style:solid}.border-transparent{border-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.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)}@media (min-width:40rem){.tablet\\:flex{display:flex}.tablet\\:px-0{padding-left:0;padding-right:0}}@media (min-width:64rem){.desktop-xs\\:ml-auto{margin-left:auto}.desktop-xs\\:flex{display:flex}.desktop-xs\\:hidden{display:none}.desktop-xs\\:w-auto{width:auto}.desktop-xs\\:max-w-60{max-width:15rem}.desktop-xs\\:flex-row{flex-direction:row}.desktop-xs\\:items-center{align-items:center}}.dark\\:border-t-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-top-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:text-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.15)}.dark\\:border-t-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-top-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:text-white\\/15:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.15)}`;
+const tableHeaderComponentCss = () => `*{box-sizing:border-box}.static{position:static}.bottom-0{bottom:0}.left-0{left:0}.z-\\[1\\]{z-index:1}.z-\\[2\\]{z-index:2}.ml-1{margin-left:.25rem}.block{display:block}.flex{display:flex}.hidden{display:none}.h-4{height:1rem}.h-8{height:2rem}.w-3\\/4{width:75%}.w-full{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}.justify-self-start{justify-self:start}.rounded{border-radius:.25rem}.border{border-width:1px}.border-solid{border-style:solid}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.px-4{padding-left:1rem;padding-right:1rem}.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)}@media (min-width:40rem){.tablet\\:px-0{padding-left:0;padding-right:0}}@media (min-width:64rem){.desktop-xs\\:flex{display:flex}.desktop-xs\\:hidden{display:none}.desktop-xs\\:w-auto{width:auto}.desktop-xs\\:max-w-60{max-width:15rem}.desktop-xs\\:flex-row{flex-direction:row}.desktop-xs\\:items-center{align-items:center}}.dark\\:bg-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}`;
 
 const header = index$1.cva([
     'z-[1] flex flex-col gap-2',
     'w-full',
     `
-   px-4
-   tablet:px-0
- `,
+		px-4
+		tablet:px-0
+	`,
     'desktop-xs:flex-row',
 ]);
 const TableHeader = class {
@@ -9998,18 +9998,16 @@ const TableHeader = class {
         const mobileTotal = (this.selectedFiltersAmount || 0) + (activeQuickFilter?.default ? 0 : 1);
         const hasCustomFilterSlot = !!this._el.querySelector(':scope > [slot="custom-filter"]');
         const hasCustomActionsSlot = !!this._el.querySelector(':scope > [slot="custom-actions"]');
-        return (index.h(themedHost_component.ThemedHost, { key: '046a82c93f16849095adf724acfd621369af3593' }, index.h("div", { key: 'e46eb857f7945716243299ce4c999673ec453d5a', class: header() }, this.loading && (index.h("p-loader", { key: 'c8a4898ede8aa744b72c6d11afceba5079eeb32a', class: '\n         hidden h-8 w-3/4 rounded\n         desktop-xs:flex\n       ', variant: 'ghost' })), !this.loading &&
-            (hasCustomFilterSlot || quickFilters.length > 0) && (index.h("div", { key: '877290a2e98724bc17e95d3d447ea37e6a005dc4', class: '\n          flex flex-col justify-start gap-4 justify-self-start\n          desktop-xs:flex-row\n        ' }, hasCustomFilterSlot && index.h("slot", { key: 'c1a71c7715dfd42975529c08f7d784f7fc463309', name: 'custom-filter' }), quickFilters.length > 0 && (index.h("p-segment-container", { key: 'a78f5ca023cd8106c610d1535e6e8b262dc15632', class: '\n            hidden\n            desktop-xs:flex\n          ' }, quickFilters.map(item => (index.h("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string'
+        return (index.h(themedHost_component.ThemedHost, { key: '524927d6e7bef8c4ff4f3fd66ebe2673b963d111' }, index.h("div", { key: '716a90c16fff49d307c70ce98cbd8a4111c9ef9c', class: header() }, this.loading && (index.h("p-loader", { key: '8cfdf18f728d2c58eaedbe7c6dbd86206bfff9a1', class: '\n\t\t\t\t\t\t\t\thidden h-8 w-3/4 rounded\n\t\t\t\t\t\t\t\tdesktop-xs:flex\n\t\t\t\t\t\t\t', variant: 'ghost' })), !this.loading &&
+            (hasCustomFilterSlot || quickFilters.length > 0) && (index.h("div", { key: '9a3d996f306af515cd25ee9e17f59b57d5f93edc', class: '\n\t\t\t\t\t\t\t\t\tflex flex-col justify-start gap-4 justify-self-start\n\t\t\t\t\t\t\t\t\tdesktop-xs:flex-row\n\t\t\t\t\t\t\t\t' }, hasCustomFilterSlot && index.h("slot", { key: '2fbf09ff5e6c00bd81cd7263b8e572a87a18db05', name: 'custom-filter' }), quickFilters.length > 0 && (index.h("p-segment-container", { key: 'f5edcf6ea0abf75658794deac1eec25955dd5b06', class: '\n\t\t\t\t\t\t\t\t\t\t\thidden\n\t\t\t\t\t\t\t\t\t\t\tdesktop-xs:flex\n\t\t\t\t\t\t\t\t\t\t' }, quickFilters.map(item => (index.h("p-segment-item", { active: item.identifier === this.activeQuickFilterIdentifier, onClick: () => this.quickFilter.emit(item) }, typeof item.text === 'string'
             ? item.text
-            : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), index.h("div", { key: '17e05645a060b6674211930c340f039e690b2b83', class: '\n        flex flex-col justify-end gap-2\n        desktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center\n      ' }, this.enableSearch && (index.h("p-field", { key: 'e8cc9ab173b7864f5adee53fcb7a6b124e392722', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), index.h("div", { key: '593628e94f3766ad21562a8133cc76e0a8e7c612', class: 'flex items-center gap-2' }, this.enableFilter && (index.h("p-button", { key: '863ea9caf0d1d34e5c45a22db523f54075b861c9', class: `
-           w-full
-           ${this.enableFilterDesktop
-                ? 'desktop-xs:w-auto'
-                : 'desktop-xs:hidden'}
-         `, icon: 'filter', variant: 'secondary', onOnClick: () => this.filter.emit() }, this.filterButtonTemplate
+            : item.text(), ' ', item?.count >= 0 ? `(${item.count})` : ''))))))), index.h("div", { key: '3f4502d0d1e23c28bafe32218adf5ff6cce3fc66', class: '\n\t\t\t\t\t\t\tflex flex-col justify-end gap-2\n\t\t\t\t\t\t\tdesktop-xs:ml-auto desktop-xs:flex-row desktop-xs:items-center\n\t\t\t\t\t\t' }, this.enableSearch && (index.h("p-field", { key: 'baf7fefc1b4d5ea1e5c698d8f9f56bd4fc09592c', class: 'desktop-xs:max-w-60', icon: 'search', placeholder: 'Zoeken...', value: this.query, onValueChange: ev => this._queryObserver.next(ev.detail) })), index.h("div", { key: 'ff1bc59eb869264cec6b237302e701bebc73b54a', class: 'flex items-center gap-2' }, this.enableFilter && (index.h("p-button", { key: '8762f4dcecb698b8cec2d8c16c7597134bfafa70', class: `
+										w-full
+										${this.enableFilterDesktop ? 'desktop-xs:w-auto' : 'desktop-xs:hidden'}
+									`, icon: 'filter', variant: 'secondary', onOnClick: () => this.filter.emit() }, this.filterButtonTemplate
             ? this.filterButtonTemplate()
             : this._defaultFilterButtonTemplate(), this.selectedFiltersAmount &&
-            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (index.h("p-divider", { key: 'f82cc292316723b26ed2f163a8a4e5bd6b321f33', class: '\n           hidden h-4\n           tablet:flex\n           dark:text-white/15\n         ', variant: 'vertical' })), !this.loading && this.enableExport && (index.h("p-button", { key: '68b77661274b6e9c6e8764bbe16519539966e0f9', class: '\n           desktop-xs:auto\n           w-full\n         ', icon: 'upload', variant: 'secondary', onOnClick: () => this.export.emit() }, localization.formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && index.h("slot", { key: '5156a9e3cdcef6ce1aa15efa4909d88abed010da', name: 'custom-actions' })), this.enableAction && this.canUseAction && (index.h("div", { key: 'a8125d245e8a194734b50c2ead689a9bfb7d686e', class: '\n         fixed bottom-0 left-0 z-[2] block w-full border border-solid\n         border-transparent bg-white p-4\n         desktop-xs:hidden\n         dark:border-t-hurricane-400 dark:bg-hurricane-500\n       ' }, this._buttonTemplate(true))))));
+            this._getLabel(this.selectedFiltersAmount), mobileTotal > 0 && this._getLabel(mobileTotal, 'mobile'))), !this.loading && this.enableExport && this.enableFilter && (index.h("p-divider", { key: 'be3c7bae6457e5cadcdc8fecff9ed0e840fa383c', class: '\n\t\t\t\t\t\t\t\t\t\thidden h-4\n\t\t\t\t\t\t\t\t\t\ttablet:flex\n\t\t\t\t\t\t\t\t\t\tdark:text-white/15\n\t\t\t\t\t\t\t\t\t', variant: 'vertical' })), !this.loading && this.enableExport && (index.h("p-button", { key: '8c7760e745405f49b5f8a3f50c46d8f6a15f870e', class: '\n\t\t\t\t\t\t\t\t\t\tdesktop-xs:auto\n\t\t\t\t\t\t\t\t\t\tw-full\n\t\t\t\t\t\t\t\t\t', icon: 'upload', variant: 'secondary', onOnClick: () => this.export.emit() }, localization.formatTranslation(this._locales.export)))), this.enableAction && this._buttonTemplate(), hasCustomActionsSlot && index.h("slot", { key: '9390cea67961f6fe0ac7461bf4f8c1dd1e256eeb', name: 'custom-actions' })), this.enableAction && this.canUseAction && (index.h("div", { key: 'a0e442cec3cee3b2f689ea66c1c166f08bb25909', class: '\n\t\t\t\t\t\t\t\tfixed bottom-0 left-0 z-[2] block w-full border border-solid\n\t\t\t\t\t\t\t\tborder-transparent bg-white p-4\n\t\t\t\t\t\t\t\tdesktop-xs:hidden\n\t\t\t\t\t\t\t\tdark:border-t-hurricane-400 dark:bg-hurricane-500\n\t\t\t\t\t\t\t' }, this._buttonTemplate(true))))));
     }
     async _setLocales() {
         this._locales = await localization.getLocaleComponentStrings(this._el);
@@ -10018,25 +10016,25 @@ const TableHeader = class {
         return (index.h("p-button", { class: mobile
                 ? 'w-full'
                 : `
-        hidden
-        desktop-xs:flex
-      `, disabled: !this.canUseAction, icon: this.actionIcon, loading: this.actionLoading, onOnClick: () => this.action.emit() }, this.actionButtonTemplate
+							hidden
+							desktop-xs:flex
+						`, disabled: !this.canUseAction, icon: this.actionIcon, loading: this.actionLoading, onOnClick: () => this.action.emit() }, this.actionButtonTemplate
             ? this.actionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)
             : this._defaultActionButtonTemplate(mobile ? this.itemsSelectedAmount : 0)));
     }
     _getLabel(amount, variant = 'default') {
         return (index.h("p-badge", { class: `
-      ml-1
-      ${variant === 'default'
+					ml-1
+					${variant === 'default'
                 ? `
-       hidden
-       desktop-xs:flex
-     `
+								hidden
+								desktop-xs:flex
+							`
                 : `
-       flex
-       desktop-xs:hidden
-     `}
-    ` }, amount));
+								flex
+								desktop-xs:hidden
+							`}
+				` }, amount));
     }
 };
 TableHeader.style = tableHeaderComponentCss();
@@ -10078,10 +10076,10 @@ const row = index$1.cva(['flex min-w-[calc(100%-0.5rem)] flex-col', 'group', 're
             class: [
                 'rounded-lg transition-colors',
                 `
-       bg-off-white-300
-       dark:bg-hurricane-400
-       dark:hover:bg-hurricane-400
-     `,
+						bg-off-white-300
+						dark:bg-hurricane-400
+						dark:hover:bg-hurricane-400
+					`,
             ],
         },
         {
@@ -10111,9 +10109,9 @@ const content = index$1.cva('relative flex min-w-full flex-nowrap items-stretch
         {
             variant: ['default', 'secondary'],
             class: `
-      min-h-14 py-2
-      tablet:py-4
-    `,
+					min-h-14 py-2
+					tablet:py-4
+				`,
         },
         {
             variant: ['header', 'header-secondary'],
@@ -10125,9 +10123,9 @@ const actions = index$1.cva([
     'absolute -right-4 top-1 z-[2]',
     'h-[calc(100%-0.5rem)]',
     `
-   opacity-0 transition-opacity
-   group-hover:opacity-100
- `,
+		opacity-0 transition-opacity
+		group-hover:opacity-100
+	`,
     'empty:hidden',
 ]);
 const TableRow = class {
@@ -10151,13 +10149,13 @@ const TableRow = class {
      */
     isLast = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '0d120affd1a9979fee9871f4185e5be8128235e8' }, index.h("div", { key: '5686db4396a01a88c3962bc6a821c0e1552c13f1', class: 'flex flex-col' }, index.h("div", { key: '71e6470049acc4b3acebbb478ebd8fba5f36d688', class: row({
+        return (index.h(themedHost_component.ThemedHost, { key: '48909fcc53360eac03773986a2285dbbefa85a52' }, index.h("div", { key: '0381c54ac8aa2315a1dfef5b71b38ef1688dc841', class: 'flex flex-col' }, index.h("div", { key: 'edc89387e7ba20fa45b67210dec29436f2460127', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, index.h("div", { key: 'e2d1a4259be84eca424d30d53a88a7a8cdb2336c', class: content({
+            }) }, index.h("div", { key: '10fd953e0c0f078af1d8c684a926fe3570aa0d7a', class: content({
                 variant: this.variant,
-            }) }, index.h("slot", { key: '7457daaf7e4fd01b21c68d048ff9dfed9387b507' }), index.h("div", { key: '780993e2462abeb10d1c56a15bd29bc77348bcdd', class: actions() }, index.h("slot", { key: 'e2ff2aa57ae3754fe904cde800a0dc6d9da192ed', name: 'actions' })))), !asBoolean.asBoolean(this.isLast) && this.variant !== 'secondary' && (index.h("p-divider", { key: '5a76c8dca2fa8bdfd6476362d83f30b0832d1762' })))));
+            }) }, index.h("slot", { key: '1523017ded3bbd7b97ca33f030c631efb5c89fe6' }), index.h("div", { key: 'e9fda11a0c6c4e9f958cb7c806cad22ba55f2b84', class: actions() }, index.h("slot", { key: '1bb54521483fad6f4ae930b3a28ff4bb841ca0fe', name: 'actions' })))), !asBoolean.asBoolean(this.isLast) && this.variant !== 'secondary' && (index.h("p-divider", { key: '5ea7a25f675667a320345af30b1169b0a4cf48e6' })))));
     }
 };
 TableRow.style = tableRowComponentCss();
@@ -10173,16 +10171,16 @@ const TableRowActionsContainer = class {
      */
     checked = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '05b47280bc380ad0960a69c27fa641ea735a94f4' }, index.h("div", { key: '5a0480d4df301d4aa395f87fc93b2e068b9f79f4', class: cn.cn(`
-        flex
-        before:w-4 before:bg-gradient-to-l before:from-off-white-200
-      `, {
+        return (index.h(themedHost_component.ThemedHost, { key: '05b47280bc380ad0960a69c27fa641ea735a94f4' }, index.h("div", { key: '6a9d6af5eff48a794b274221edc9a224ce59d34f', class: cn.cn(`
+							flex
+							before:w-4 before:bg-gradient-to-l before:from-off-white-200
+						`, {
                 'dark:before:from-hurricane-600': !this.checked,
                 'dark:before:from-hurricane-400': !!this.checked,
-            }) }, index.h("div", { key: '6772a16f95a60938d7d8a019dcbd7c6e8f0d00c7', class: cn.cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
+            }) }, index.h("div", { key: 'd5a1768092984d480f41b42590515f050030cf84', class: cn.cn('flex h-full items-center gap-2 rounded-r-lg bg-off-white-200 pr-3', {
                 'dark:bg-hurricane-600': !this.checked,
                 'dark:bg-hurricane-400': !!this.checked,
-            }) }, index.h("slot", { key: '27f6a9bf20a79fc58b63412aa0943278408e6f90' })))));
+            }) }, index.h("slot", { key: '05b57013150e1373a3b62bfb93a8e92fb8daa06e' })))));
     }
 };
 TableRowActionsContainer.style = tableRowActionsContainerComponentCss();

package/dist/cjs/p-field_3.cjs.entry.js

@@ -67,9 +67,9 @@ const field = index$1.cva(['flex gap-2', 'w-inherit', 'rounded-lg border-solid',
             focused: false,
             error: false,
             class: `
-      border-storm-100
-      dark:border-hurricane-400
-    `,
+					border-storm-100
+					dark:border-hurricane-400
+				`,
         },
         {
             variant: 'write',
@@ -77,26 +77,26 @@ const field = index$1.cva(['flex gap-2', 'w-inherit', 'rounded-lg border-solid',
             focused: true,
             error: false,
             class: `
-      border-indigo-600 ring ring-indigo-100
-      selection:bg-indigo-500
-      dark:ring-0
-    `,
+					border-indigo-600 ring ring-indigo-100
+					selection:bg-indigo-500
+					dark:ring-0
+				`,
         },
         {
             variant: 'write',
             disabled: false,
             class: `
-      bg-white
-      dark:bg-hurricane-500
-    `,
+					bg-white
+					dark:bg-hurricane-500
+				`,
         },
         {
             variant: 'write',
             disabled: true,
             class: `
-      cursor-not-allowed bg-white-600
-      dark:border-hurricane-500 dark:bg-hurricane-600
-    `,
+					cursor-not-allowed bg-white-600
+					dark:border-hurricane-500 dark:bg-hurricane-600
+				`,
         },
         {
             disabled: false,
@@ -108,24 +108,24 @@ const field = index$1.cva(['flex gap-2', 'w-inherit', 'rounded-lg border-solid',
             focused: true,
             error: true,
             class: `
-      ring ring-negative-red-50
-      selection:bg-negative-red-50
-      dark:ring-0
-    `,
+					ring ring-negative-red-50
+					selection:bg-negative-red-50
+					dark:ring-0
+				`,
         },
     ],
 });
 const input = index$1.cva([
     `
-    text-sm
-    placeholder:text-sm placeholder:text-storm-500/40
-    dark:placeholder:text-hurricane-200
-  `,
+			text-sm
+			placeholder:text-sm placeholder:text-storm-500/40
+			dark:placeholder:text-hurricane-200
+		`,
     'min-w-0 flex-1 border-none bg-transparent p-0',
     `
-    outline-none
-    focus:outline-none
-  `,
+			outline-none
+			focus:outline-none
+		`,
     'font-geist',
 ], {
     variants: {
@@ -139,9 +139,9 @@ const input = index$1.cva([
         },
         error: {
             false: `
-      text-storm-500
-      dark:text-white
-    `,
+					text-storm-500
+					dark:text-white
+				`,
             true: 'text-negative-red-500',
         },
     },
@@ -155,9 +155,9 @@ const prefixAndSuffix = index$1.cva(['flex flex-shrink-0 items-center justify-ce
         disabled: {
             false: null,
             true: `
-      text-storm-100
-      dark:text-hurricane-400
-    `,
+					text-storm-100
+					dark:text-hurricane-400
+				`,
         },
         focused: {
             false: null,
@@ -182,18 +182,18 @@ const prefixAndSuffix = index$1.cva(['flex flex-shrink-0 items-center justify-ce
             focused: false,
             error: false,
             class: `
-      text-storm-300
-      dark:text-hurricane-200
-    `,
+					text-storm-300
+					dark:text-hurricane-200
+				`,
         },
         {
             disabled: false,
             focused: true,
             error: false,
             class: `
-      text-storm-500
-      dark:text-white
-    `,
+					text-storm-500
+					dark:text-white
+				`,
         },
         {
             disabled: false,
@@ -384,8 +384,8 @@ const Field = class {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (index.h(themedHost_component.ThemedHost, { key: 'd957c15ac5c4fd277a79716e8f7644be5b7e413e' }, index.h("p-field-container", { key: '4ec3f19bf0e3336b652add8730974d890deaf1bc', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
-                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (index.h("slot", { key: '74c5bf652fa519804b802cb930b764a62a7991aa', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: 'f63069722b80fab8c262646787de0cfda2479def', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: '3045c36ea36e2d9b81b1fe31955237162ba50c62', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: 'a9fe88d52f8f71ad09d1e2dbd3d0d42818ae64e9', name: 'error', slot: 'error' })), index.h("div", { key: '805fc95477292dcf8404eb5f206bbfd576431dd2', class: field({
+        return (index.h(themedHost_component.ThemedHost, { key: '2d3efe62a6b9463bba1e39d2794fabda20c6f038' }, index.h("p-field-container", { key: 'a55a299950823dba5cbb8ec33946426430a54a2b', align: this.align, error: this.error, forceShowTooltip: (!!this.error?.length && !this._focused && this.autoShowError) ||
+                (!!this.error?.length && this.forceShowTooltip), helper: this.helper, id: id, label: this.label, loading: this.loading, loadingSize: this.size, required: this.required, showOptional: this.showOptional, variant: this.variant }, hasLabelSlot && (index.h("slot", { key: 'ae63afe892c4abfe02e57f2e40d135b394786d21', name: 'label', slot: 'label' })), hasHeaderSlot && (index.h("slot", { key: '0325dfdefaee16f52fc34f34251fffbce423ea39', name: 'header', slot: 'header' })), hasHelperSlot && (index.h("slot", { key: 'fa2afa7090e5021b669e5b57cd749aad558fc6b7', name: 'helper', slot: 'helper' })), hasErrorSlot && (index.h("slot", { key: 'a45dbb5e6505221f441feb3f1adb03bbd8326ba4', name: 'error', slot: 'error' })), index.h("div", { key: '75dc9396f2c2a63206f4df5e238327b90caaf7d9', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
                 focused: asBoolean.asBoolean(this.focused) || this._focused,
@@ -396,7 +396,7 @@ const Field = class {
                 ? `${this.value}`
                 : undefined }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '41d8592d1683e02c23742e3fcae5f198e5dac18e', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (index.h("div", { key: '42da31abb85a0a59b4257392f240abb8412a08eb', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
@@ -406,7 +406,7 @@ const Field = class {
             }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'start') ||
             this.error?.length ? (index.h("p-icon", { class: cn.cn('flex', {
                 'mt-1': this.variant === 'read' && this.size === 'base',
-            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: '696e95bfe4ee145a02e4de13f697a01b62bb2678', class: prefixAndSuffix({
+            }), flip: this.iconFlip, rotate: this.iconRotate, variant: this.error?.length ? 'warning' : this.icon })) : (prefix))), this._getContent(hasValueSlot, id), (suffix || (this.icon && this.iconPosition === 'end')) && (index.h("div", { key: 'c6c9ae5a876c6845ae1ade9386db42c746ee928e', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean.asBoolean(this.disabled),
@@ -562,7 +562,7 @@ const Field = class {
 };
 Field.style = fieldComponentCss();
 
-const fieldContainerComponentCss = () => `*{box-sizing:border-box}.static{position:static}.ml-auto{margin-left:auto}.flex{display:flex}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-full{width:100%}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.cursor-auto{cursor:auto}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-lg{border-radius:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/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))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.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-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-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-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-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/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 fieldContainerComponentCss = () => `*{box-sizing:border-box}.static{position:static}.ml-auto{margin-left:auto}.flex{display:flex}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-8{height:2rem}.w-full{width:100%}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.cursor-auto{cursor:auto}.flex-row-reverse{flex-direction:row-reverse}.flex-col{flex-direction:column}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-lg{border-radius:.5rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/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))}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:85.375rem){.container{max-width:85.375rem}}@media (min-width:90rem){.container{max-width:90rem}}@media (min-width:96rem){.container{max-width:96rem}}@media (min-width:105rem){.container{max-width:105rem}}@media (min-width:120rem){.container{max-width:120rem}}@media (min-width:160rem){.container{max-width:160rem}}@media (min-width:640px){.container{max-width:640px}}@media (min-width:768px){.container{max-width:768px}}@media (min-width:1024px){.container{max-width:1024px}}@media (min-width:1280px){.container{max-width:1280px}}@media (min-width:1536px){.container{max-width:1536px}}.empty\\:hidden:empty{display:none}.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:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
 
 const loader = index$1.cva(['w-full rounded-lg'], {
     variants: {
@@ -673,21 +673,21 @@ const FieldContainer = class {
         }
         return (index.h(themedHost_component.ThemedHost, { key: '9b4ab7a1d59cead07a2065b0d6bc72be41d24287' }, index.h("label", { key: 'ac31d16bdd75b4b236479638efd367f4771627d1', class: cn.cn('flex w-inherit flex-col gap-1', {
                 'cursor-auto': this.variant === 'read',
-            }), htmlFor: this.id }, index.h("div", { key: '512c7c3162d9a40483f5d43d7fbea5635c40b45d', class: cn.cn(`
-         flex items-end justify-between gap-1
-         empty:hidden
-       `, {
+            }), htmlFor: this.id }, index.h("div", { key: '460ad5c8a40a699cf07a7647d94982bbc19a050e', class: cn.cn(`
+								flex items-end justify-between gap-1
+								empty:hidden
+							`, {
                 'flex-row-reverse': this.align === 'end',
-            }) }, (!!label?.length || !!helper?.length) && (index.h("div", { key: '77b5887681e6537714b0352a02873a56ab22e304', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, index.h("span", { key: '786e241b3537a05c4bf12f58333d5c10065879c3', class: '\n           min-w-0 overflow-hidden text-ellipsis text-xs font-medium\n           text-storm-300\n           dark:text-hurricane-200\n         ' }, label), helper && (index.h("p-helper", { key: 'd14700f7a78349ffb1de0a39bcb92ca9833e7f3b', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean.asBoolean(this.required) && asBoolean.asBoolean(this.showOptional)) ||
-            hasHeaderSlot) && (index.h("div", { key: 'a3f63057ac68b62a68cf4d0b31b09039817ea87f', class: 'flex items-center gap-1' }, !asBoolean.asBoolean(this.required) &&
+            }) }, (!!label?.length || !!helper?.length) && (index.h("div", { key: '0db937fbb83c462b3fe6b0804312ea3be1bb7397', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, index.h("span", { key: 'b2306fe3788e40f9e0485d361dd96657db109167', class: '\n\t\t\t\t\t\t\t\t\t\tmin-w-0 overflow-hidden text-ellipsis text-xs font-medium\n\t\t\t\t\t\t\t\t\t\ttext-storm-300\n\t\t\t\t\t\t\t\t\t\tdark:text-hurricane-200\n\t\t\t\t\t\t\t\t\t' }, label), helper && (index.h("p-helper", { key: '676d385ef6ce89323ae8fa5dd8fbc00785ee9c83', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean.asBoolean(this.required) && asBoolean.asBoolean(this.showOptional)) ||
+            hasHeaderSlot) && (index.h("div", { key: 'af4a8faeb4c3fca4554b306ab252378d8a39ab95', class: 'flex items-center gap-1' }, !asBoolean.asBoolean(this.required) &&
             asBoolean.asBoolean(this.showOptional) &&
-            this.variant === 'write' && (index.h("span", { key: '6e98ac54bcabfe7b4481b1745b7c25fbc0c1e717', class: '\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           ' }, this.optionalTemplate())), hasHeaderSlot && index.h("slot", { key: 'e4b5a07a66a036c619d0a788c959a3d80af2f58c', name: 'header' })))), index.h("p-tooltip", { key: 'd482091d838534d3f3e3f177c9f5ccd605e8e519', class: cn.cn({
+            this.variant === 'write' && (index.h("span", { key: '55bc53b5cdbaccf21d088ad061c0da7f5270bf8e', class: '\n\t\t\t\t\t\t\t\t\t\t\t\ttext-xs font-medium text-storm-200\n\t\t\t\t\t\t\t\t\t\t\t\tdark:text-hurricane-300\n\t\t\t\t\t\t\t\t\t\t\t' }, this.optionalTemplate())), hasHeaderSlot && index.h("slot", { key: '9105c1857ad70a42363be7695b698a499467fe9b', name: 'header' })))), index.h("p-tooltip", { key: 'cac4a2b20a6876bab0b53c9d03f514f31bd1d38c', class: cn.cn({
                 'w-full': this.variant === 'write' || this.loading,
                 'ml-auto': this.align === 'end',
                 'font-normal': this.variant === 'read',
                 'text-storm-500 dark:text-white': this.variant === 'read',
             }), content: this.error, enableUserInput: false, placement: this.errorPlacement, show: errorAndErrorIsNotBoolean &&
-                asBoolean.asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (index.h("slot", { key: '45fc720b8771ffca3ce381fcc98c162947aa1e71', name: 'error', slot: 'content' })), contentSlot))));
+                asBoolean.asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (index.h("slot", { key: '5b396d454ec6d1a17f69327a88d4998765621102', name: 'error', slot: 'content' })), contentSlot))));
     }
     async _setLocales() {
         this._locales = await localization.getLocaleComponentStrings(this._el);
@@ -714,7 +714,7 @@ const FieldContainer = class {
 };
 FieldContainer.style = fieldContainerComponentCss();
 
-const helperComponentCss = () => `.inline-flex{display:inline-flex}.h-\\[0\\.875rem\\]{height:.875rem}.w-\\[0\\.875rem\\]{width:.875rem}*{box-sizing:border-box}:host{display:inline-flex;height:.875rem;width:.875rem}.static{position:static}.absolute{position:absolute}.flex{display:flex}.cursor-pointer{cursor:pointer}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.hover\\:text-storm-500:hover{--tw-text-opacity:1;color:rgb(24 30 41/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\\:hover\\:text-hurricane-200:hover: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-300:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}.dark\\:hover\\:text-hurricane-200:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}`;
+const helperComponentCss = () => `.inline-flex{display:inline-flex}.h-\\[0\\.875rem\\]{height:.875rem}.w-\\[0\\.875rem\\]{width:.875rem}*{box-sizing:border-box}:host{display:inline-flex;height:.875rem;width:.875rem}.static{position:static}.absolute{position:absolute}.flex{display:flex}.text-storm-300{--tw-text-opacity:1;color:rgb(116 120 127/var(--tw-text-opacity,1))}`;
 
 const Helper = class {
     constructor(hostRef) {
@@ -729,7 +729,7 @@ const Helper = class {
      */
     placement = 'top';
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: 'd7f07b4f232bb43ce0988ea8533353a8d193e7bf' }, index.h("p-tooltip", { key: 'df76c8696c9621a6ea5431c5d256eded55de0b57', class: 'flex', placement: this.placement, strategy: this.strategy }, index.h("p-icon", { key: 'f582de019e9a60ebe2296405354cb48ebfc4ca1f', class: '\n        cursor-pointer text-storm-300\n        hover:text-storm-500\n        dark:text-hurricane-300\n        dark:hover:text-hurricane-200\n      ', size: 'sm', slot: 'trigger', variant: 'question-circle' }), index.h("div", { key: '1863361d1ec8867f5f403d823290273b77571516', slot: 'content' }, index.h("slot", { key: 'd876213ee32eb63e77c9074391f8f31fd42ddd69' })))));
+        return (index.h(themedHost_component.ThemedHost, { key: 'd7f07b4f232bb43ce0988ea8533353a8d193e7bf' }, index.h("p-tooltip", { key: 'df76c8696c9621a6ea5431c5d256eded55de0b57', class: 'flex', placement: this.placement, strategy: this.strategy }, index.h("p-icon", { key: '3b76a2970773f36bd83618b3c0c0c7072fd7873c', class: '\n\t\t\t\t\t\t\tcursor-pointer text-storm-300\n\t\t\t\t\t\t\thover:text-storm-500\n\t\t\t\t\t\t\tdark:text-hurricane-300\n\t\t\t\t\t\t\tdark:hover:text-hurricane-200\n\t\t\t\t\t\t', size: 'sm', slot: 'trigger', variant: 'question-circle' }), index.h("div", { key: 'f7e26695ff25c129f2c75ad1641ed97c7ed255c8', slot: 'content' }, index.h("slot", { key: 'eb6cfbb1f1d5d005864d5385a3f60ff08e6b1347' })))));
     }
 };
 Helper.style = helperComponentCss();

package/dist/cjs/p-floating-menu-item.cjs.entry.js

@@ -7,7 +7,7 @@ var asBoolean = require('./as-boolean-C1PzA22I.js');
 require('./clsx-BtxeOLZW.js');
 require('./state-DM8SZBNO.js');
 
-const floatingMenuItemComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.h-8{height:2rem}.min-w-0{min-width:0}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.rounded-lg{border-radius:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-50{--tw-text-opacity:1;color:rgb(232 232 234/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.empty\\:hidden:empty{display:none}.hover\\:bg-storm-800:hover{--tw-bg-opacity:1;background-color:rgb(2 8 21/var(--tw-bg-opacity,1))}.active\\:bg-storm-700:active{--tw-bg-opacity:1;background-color:rgb(8 15 28/var(--tw-bg-opacity,1))}.active\\:text-storm-100\\/60:active{color:hsla(220,3%,83%,.6)}.group:hover .group-hover\\:text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.group:active .group-active\\:text-storm-100\\/60{color:hsla(220,3%,83%,.6)}.dark\\:hover\\:bg-hurricane-500:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:active\\:bg-hurricane-600\\/50:active:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(46,52,62,.5)}.dark\\:hover\\:bg-hurricane-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:active\\:bg-hurricane-600\\/50:active:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(46,52,62,.5)}`;
+const floatingMenuItemComponentCss = () => `*{box-sizing:border-box}.static{position:static}.flex{display:flex}.h-8{height:2rem}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.items-center{align-items:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.text-nowrap{text-wrap:nowrap}.rounded-lg{border-radius:.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-semibold{font-weight:600}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.text-storm-50{--tw-text-opacity:1;color:rgb(232 232 234/var(--tw-text-opacity,1))}.opacity-60{opacity:.6}.hover\\:bg-storm-800:hover{--tw-bg-opacity:1;background-color:rgb(2 8 21/var(--tw-bg-opacity,1))}.active\\:bg-storm-700:active{--tw-bg-opacity:1;background-color:rgb(8 15 28/var(--tw-bg-opacity,1))}.active\\:text-storm-100\\/60:active{color:hsla(220,3%,83%,.6)}.group:hover .group-hover\\:text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/var(--tw-text-opacity,1))}.group:active .group-active\\:text-storm-100\\/60{color:hsla(220,3%,83%,.6)}.dark\\:hover\\:bg-hurricane-500:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:active\\:bg-hurricane-600\\/50:active:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(46,52,62,.5)}.dark\\:hover\\:bg-hurricane-500:hover:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(54 60 70/var(--tw-bg-opacity,1))}.dark\\:active\\:bg-hurricane-600\\/50:active:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(46,52,62,.5)}`;
 
 const item = index$1.cva(['group', 'flex h-8 items-center gap-2 px-2', 'text-sm', 'rounded-lg'], {
     variants: {
@@ -34,14 +34,14 @@ const item = index$1.cva(['group', 'flex h-8 items-center gap-2 px-2', 'text-sm'
             hover: true,
             class: [
                 `
-       cursor-pointer
-       hover:bg-storm-800
-       active:bg-storm-700 active:text-storm-100/60
-     `,
+						cursor-pointer
+						hover:bg-storm-800
+						active:bg-storm-700 active:text-storm-100/60
+					`,
                 `
-       dark:hover:bg-hurricane-500
-       dark:active:bg-hurricane-600/50
-     `,
+						dark:hover:bg-hurricane-500
+						dark:active:bg-hurricane-600/50
+					`,
             ],
         },
     ],
@@ -62,9 +62,9 @@ const icon = index$1.cva([], {
             disabled: false,
             hover: true,
             class: `
-     group-hover:text-storm-100
-     group-active:text-storm-100/60
-   `,
+				group-hover:text-storm-100
+				group-active:text-storm-100/60
+			`,
         },
     ],
 });
@@ -101,10 +101,10 @@ const FloatingMenuItem = class {
      */
     iconRotate;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '9ea48ae1034fdfac03dda8cc37f418b70e84d110', class: item({
+        return (index.h(themedHost_component.ThemedHost, { key: '1ae80676a1ac8148c4561e85e43852d10be0f627', class: item({
                 hover: asBoolean.asBoolean(this.hover) && !asBoolean.asBoolean(this.loading),
                 disabled: asBoolean.asBoolean(this.disabled),
-            }) }, this._getIcon(), index.h("p", { key: 'd95a7f2ccf5e11fb5048bf9ae651e341a62a75ec', class: '\n       min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold\n       empty:hidden\n     ' }, index.h("slot", { key: '0af451107a9e94f6b63aa90d0683e4b50b43ba40' }))));
+            }) }, this._getIcon(), index.h("p", { key: '9b13d1ee99c16eadfecb9ccf56e9523667b6f1c1', class: '\n\t\t\t\t\t\tmin-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold\n\t\t\t\t\t\tempty:hidden\n\t\t\t\t\t' }, index.h("slot", { key: '6680dd0852ef84905fa93e58c9b9dd59606b50fa' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {