@paperless/core 3.0.2 → 3.1.0

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

@@ -10,10 +10,10 @@ import './state-BJbOyUuL.js';
 
 const fieldComponentCss = () => `*{box-sizing:border-box}:host{input[type=number]{-moz-appearance:textfield}input::-webkit-inner-spin-button,input::-webkit-outer-spin-button{-webkit-appearance:none;display:none}}.static{position:static}.relative{position:relative}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.flex{display:flex}.h-6{height:1.5rem}.h-8{height:2rem}.h-full{height:100%}.min-h-4{min-height:1rem}.min-h-5{min-height:1.25rem}.w-inherit{width:inherit}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.cursor-not-allowed{cursor:not-allowed}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-center{justify-content:center}.gap-2{gap:.5rem}.hyphens-auto{hyphens:auto}.break-normal{overflow-wrap:normal;word-break:normal}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-0{border-width:0}.border-solid{border-style:solid}.border-none{border-style:none}.border-indigo-600{--tw-border-opacity:1;border-color:rgb(82 138 250/var(--tw-border-opacity,1))}.border-negative-red-500{--tw-border-opacity:1;border-color:rgb(230 30 30/var(--tw-border-opacity,1))}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white-600{--tw-bg-opacity:1;background-color:rgb(250 250 250/var(--tw-bg-opacity,1))}.p-0{padding:0}.px-2{padding-left:.5rem;padding-right:.5rem}.text-center{text-align:center}.font-geist{font-family:Geist,serif}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.leading-6{line-height:1.5rem}.text-negative-red-500{--tw-text-opacity:1;color:rgb(230 30 30/var(--tw-text-opacity,1))}.text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.text-storm-100{--tw-text-opacity:1;color:rgb(209 210 212/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))}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.ring-indigo-100{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.ring-negative-red-50{--tw-ring-opacity:1;--tw-ring-color:rgb(253 237 237/var(--tw-ring-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}}.selection\\:bg-indigo-500 ::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50 ::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.selection\\:bg-indigo-500::selection{--tw-bg-opacity:1;background-color:rgb(142 179 251/var(--tw-bg-opacity,1))}.selection\\:bg-negative-red-50::selection{--tw-bg-opacity:1;background-color:rgb(253 237 237/var(--tw-bg-opacity,1))}.placeholder\\:text-sm::placeholder{font-size:.875rem;line-height:1.25rem}.placeholder\\:text-storm-500\\/40::placeholder{color:rgba(24,30,41,.4)}.focus\\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.dark\\:border-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(54 60 70/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\\: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-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\\:ring-0:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:border-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(70 75 84/var(--tw-border-opacity,1))}.dark\\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(54 60 70/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\\: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-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\\:ring-0:where([data-theme=dark],[data-theme=dark] *){--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.dark\\:placeholder\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *)::placeholder{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}`;
 
-const field = cva(['flex gap-2', 'w-inherit', 'border-solid rounded-lg', 'relative'], {
+const field = cva(['flex gap-2', 'w-inherit', 'rounded-lg border-solid', 'relative'], {
     variants: {
         variant: {
-            read: 'border-0 items-start flex-wrap hyphens-auto break-normal leading-6',
+            read: 'flex-wrap items-start hyphens-auto break-normal border-0 leading-6',
             write: 'border px-2',
         },
         size: {
@@ -64,24 +64,37 @@ const field = cva(['flex gap-2', 'w-inherit', 'border-solid rounded-lg', 'relati
             variant: 'write',
             focused: false,
             error: false,
-            class: 'border-storm-100 dark:border-hurricane-400',
+            class: `
+      border-storm-100
+      dark:border-hurricane-400
+    `,
         },
         {
             variant: 'write',
             disabled: false,
             focused: true,
             error: false,
-            class: 'border-indigo-600 ring dark:ring-0 ring-indigo-100 selection:bg-indigo-500',
+            class: `
+      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',
+            class: `
+      bg-white
+      dark:bg-hurricane-500
+    `,
         },
         {
             variant: 'write',
             disabled: true,
-            class: 'bg-white-600 dark:bg-hurricane-600 dark:border-hurricane-500 cursor-not-allowed',
+            class: `
+      cursor-not-allowed bg-white-600
+      dark:border-hurricane-500 dark:bg-hurricane-600
+    `,
         },
         {
             disabled: false,
@@ -92,14 +105,25 @@ const field = cva(['flex gap-2', 'w-inherit', 'border-solid rounded-lg', 'relati
             disabled: false,
             focused: true,
             error: true,
-            class: 'ring ring-negative-red-50 selection:bg-negative-red-50 dark:ring-0',
+            class: `
+      ring ring-negative-red-50
+      selection:bg-negative-red-50
+      dark:ring-0
+    `,
         },
     ],
 });
 const input = cva([
-    'text-sm placeholder:text-sm placeholder:text-storm-500/40 dark:placeholder:text-hurricane-200',
-    'border-none  bg-transparent flex-1 min-w-0 p-0',
-    'outline-none focus:outline-none',
+    `
+    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
+  `,
     'font-geist',
 ], {
     variants: {
@@ -112,12 +136,15 @@ const input = cva([
             true: 'cursor-not-allowed',
         },
         error: {
-            false: 'text-storm-500 dark:text-white',
+            false: `
+      text-storm-500
+      dark:text-white
+    `,
             true: 'text-negative-red-500',
         },
     },
 });
-const prefixAndSuffix = cva(['flex flex-shrink-0 justify-center items-center text-center'], {
+const prefixAndSuffix = cva(['flex flex-shrink-0 items-center justify-center text-center'], {
     variants: {
         variant: {
             read: 'leading-6',
@@ -125,7 +152,10 @@ const prefixAndSuffix = cva(['flex flex-shrink-0 justify-center items-center tex
         },
         disabled: {
             false: null,
-            true: 'text-storm-100 dark:text-hurricane-400',
+            true: `
+      text-storm-100
+      dark:text-hurricane-400
+    `,
         },
         focused: {
             false: null,
@@ -149,13 +179,19 @@ const prefixAndSuffix = cva(['flex flex-shrink-0 justify-center items-center tex
             disabled: false,
             focused: false,
             error: false,
-            class: 'text-storm-300 dark:text-hurricane-200',
+            class: `
+      text-storm-300
+      dark:text-hurricane-200
+    `,
         },
         {
             disabled: false,
             focused: true,
             error: false,
-            class: 'text-storm-500 dark:text-white',
+            class: `
+      text-storm-500
+      dark:text-white
+    `,
         },
         {
             disabled: false,
@@ -346,8 +382,8 @@ const Field = class {
     }
     render() {
         const { id, prefix, suffix, hasHeaderSlot, hasLabelSlot, hasHelperSlot, hasErrorSlot, hasValueSlot, } = this._getSlotInfo();
-        return (h(ThemedHost, { key: '09b8254690a1603271faac4d9653c90a582a4766' }, h("p-field-container", { key: '776ed3812a980004c1cdc1b6c5b79df5908b383e', 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 && (h("slot", { key: '597e07f1227421eb34575f2c35a5f752f60a66a3', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '0ec1fd3a079f51c605b593e90d8514119ae0ffa3', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'c71b52f8f6f8fc374e9d7e0c2ed4f838c9f9cb86', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'd62e1c5f5592540dacbb2e18cf5cc560efbbc5a4', name: 'error', slot: 'error' })), h("div", { key: '7d30604708a80bd509b5d739e46d82b5fa23b464', class: field({
+        return (h(ThemedHost, { key: 'd309322e4a2a9e73d7e20cb5e585eba64d3af95f' }, h("p-field-container", { key: '85327bdb7a5aa7e071c4024e3d490a6b9759b184', 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 && (h("slot", { key: '4cbdc7b148e94564fc0b986a7780180bd8813d58', name: 'label', slot: 'label' })), hasHeaderSlot && (h("slot", { key: '61a1b3cb45df2792fbf51aa6e91d11b10e1b72e6', name: 'header', slot: 'header' })), hasHelperSlot && (h("slot", { key: 'd208829c7f4629f7390236d3a8c990d47d91f66b', name: 'helper', slot: 'helper' })), hasErrorSlot && (h("slot", { key: 'e4bd3ef86143630c0ebe9fe006aea4b7be2ca10f', name: 'error', slot: 'error' })), h("div", { key: 'ea260caef724543db24f04bb5861ea2a138c1574', class: field({
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
                 focused: asBoolean(this.focused) || this._focused,
@@ -358,7 +394,7 @@ const Field = class {
                 ? `${this.value}`
                 : undefined }, (this.error?.length ||
             prefix ||
-            (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'b4b203ba8f20620b2d7f368d2c6367bdadea9878', class: prefixAndSuffix({
+            (this.icon && this.iconPosition === 'start')) && (h("div", { key: 'd0e3d37f5fc3e7676cc3bc7f622733504169ddcf', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -368,7 +404,7 @@ const Field = class {
             }), onClick: () => this._focusInput() }, (this.icon && this.iconPosition === 'start') ||
             this.error?.length ? (h("p-icon", { class: 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')) && (h("div", { key: '5fe27dcdc61d7ba5646ecd6e062ad51f808dc4dd', 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')) && (h("div", { key: 'f479afb28bbd5ba74b78deaa7b9daf1ef543fa27', class: prefixAndSuffix({
                 variant: this.variant,
                 error: !!this.error?.length,
                 disabled: asBoolean(this.disabled),
@@ -526,7 +562,7 @@ 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 loader = cva(['rounded-lg w-full'], {
+const loader = cva(['w-full rounded-lg'], {
     variants: {
         variant: {
             read: null,
@@ -635,18 +671,21 @@ const FieldContainer = class {
         }
         return (h(ThemedHost, { key: '9b4ab7a1d59cead07a2065b0d6bc72be41d24287' }, h("label", { key: 'ac31d16bdd75b4b236479638efd367f4771627d1', class: cn('flex w-inherit flex-col gap-1', {
                 'cursor-auto': this.variant === 'read',
-            }), htmlFor: this.id }, h("div", { key: '06a0c419582c71df7323bc3b0deb2d8a98541ca7', class: cn('flex items-end justify-between gap-1 empty:hidden', {
+            }), htmlFor: this.id }, h("div", { key: '512c7c3162d9a40483f5d43d7fbea5635c40b45d', class: cn(`
+         flex items-end justify-between gap-1
+         empty:hidden
+       `, {
                 'flex-row-reverse': this.align === 'end',
-            }) }, (!!label?.length || !!helper?.length) && (h("div", { key: '97d2b33bb04145650b000dde1859015361855fa3', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, h("span", { key: '4a2fc2b62dba4fc7d4a5f816944996333cff2ca3', class: 'min-w-0 overflow-hidden text-ellipsis text-xs font-medium text-storm-300 dark:text-hurricane-200' }, label), helper && (h("p-helper", { key: '1638bb0c6c3683bd2bd0836b9f4fd0ca07561baf', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean(this.required) && asBoolean(this.showOptional)) ||
-            hasHeaderSlot) && (h("div", { key: '4f9f56fc0951dab62bd75c4cc7ea724e17ec05aa', class: 'flex items-center gap-1' }, !asBoolean(this.required) &&
+            }) }, (!!label?.length || !!helper?.length) && (h("div", { key: '77b5887681e6537714b0352a02873a56ab22e304', class: 'flex min-w-0 gap-2', onClick: () => this.focus.emit() }, 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 && (h("p-helper", { key: 'd14700f7a78349ffb1de0a39bcb92ca9833e7f3b', class: 'flex flex-shrink-0', placement: 'top' }, helper)))), ((!asBoolean(this.required) && asBoolean(this.showOptional)) ||
+            hasHeaderSlot) && (h("div", { key: 'a3f63057ac68b62a68cf4d0b31b09039817ea87f', class: 'flex items-center gap-1' }, !asBoolean(this.required) &&
             asBoolean(this.showOptional) &&
-            this.variant === 'write' && (h("span", { key: '5a86b8751d683868f5c6f001571c184684014741', class: 'text-xs font-medium text-storm-200 dark:text-hurricane-300' }, this.optionalTemplate())), hasHeaderSlot && h("slot", { key: '2bb4125dfcf6a346259a64f5a92000413fcd13ab', name: 'header' })))), h("p-tooltip", { key: '9ddda9fc48a0d3e95ba9953c1787728692b04b27', class: cn({
+            this.variant === 'write' && (h("span", { key: '6e98ac54bcabfe7b4481b1745b7c25fbc0c1e717', class: '\n             text-xs font-medium text-storm-200\n             dark:text-hurricane-300\n           ' }, this.optionalTemplate())), hasHeaderSlot && h("slot", { key: 'e4b5a07a66a036c619d0a788c959a3d80af2f58c', name: 'header' })))), h("p-tooltip", { key: 'd482091d838534d3f3e3f177c9f5ccd605e8e519', class: 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(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (h("slot", { key: '3670780d5e0907d655e282fbea6c43dcceea7e00', name: 'error', slot: 'content' })), contentSlot))));
+                asBoolean(this.forceShowTooltip, false), variant: 'error' }, hasErrorSlot && (h("slot", { key: '45fc720b8771ffca3ce381fcc98c162947aa1e71', name: 'error', slot: 'content' })), contentSlot))));
     }
     async _setLocales() {
         this._locales = await getLocaleComponentStrings(this._el);
@@ -688,7 +727,7 @@ const Helper = class {
      */
     placement = 'top';
     render() {
-        return (h(ThemedHost, { key: 'd7f07b4f232bb43ce0988ea8533353a8d193e7bf' }, h("p-tooltip", { key: 'df76c8696c9621a6ea5431c5d256eded55de0b57', class: 'flex', placement: this.placement, strategy: this.strategy }, h("p-icon", { key: 'e7c4d59174ec46413381af510485a890fcab91f8', class: 'cursor-pointer text-storm-300 hover:text-storm-500 dark:text-hurricane-300 dark:hover:text-hurricane-200', size: 'sm', slot: 'trigger', variant: 'question-circle' }), h("div", { key: '1173d658220d127af6982fb2939f7493a84cf52d', slot: 'content' }, h("slot", { key: '53d7d9c9c9c919ba312dc57f92d68fdc5f6b385c' })))));
+        return (h(ThemedHost, { key: 'd7f07b4f232bb43ce0988ea8533353a8d193e7bf' }, h("p-tooltip", { key: 'df76c8696c9621a6ea5431c5d256eded55de0b57', class: 'flex', placement: this.placement, strategy: this.strategy }, 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' }), h("div", { key: '1863361d1ec8867f5f403d823290273b77571516', slot: 'content' }, h("slot", { key: 'd876213ee32eb63e77c9074391f8f31fd42ddd69' })))));
     }
 };
 Helper.style = helperComponentCss();

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

@@ -7,7 +7,7 @@ import './state-BJbOyUuL.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 item = cva(['group', 'flex gap-2 items-center h-8 px-2', 'text-sm', 'rounded-lg'], {
+const item = cva(['group', 'flex h-8 items-center gap-2 px-2', 'text-sm', 'rounded-lg'], {
     variants: {
         hover: {
             false: null,
@@ -15,7 +15,7 @@ const item = cva(['group', 'flex gap-2 items-center h-8 px-2', 'text-sm', 'round
         },
         disabled: {
             false: null,
-            true: 'opacity-60 cursor-not-allowed',
+            true: 'cursor-not-allowed opacity-60',
         },
     },
     compoundVariants: [
@@ -31,8 +31,15 @@ const item = cva(['group', 'flex gap-2 items-center h-8 px-2', 'text-sm', 'round
             disabled: false,
             hover: true,
             class: [
-                'cursor-pointer active:text-storm-100/60 hover:bg-storm-800 active:bg-storm-700',
-                'dark:hover:bg-hurricane-500 dark:active:bg-hurricane-600/50',
+                `
+       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
+     `,
             ],
         },
     ],
@@ -52,7 +59,10 @@ const icon = cva([], {
         {
             disabled: false,
             hover: true,
-            class: 'group-hover:text-storm-100 group-active:text-storm-100/60',
+            class: `
+     group-hover:text-storm-100
+     group-active:text-storm-100/60
+   `,
         },
     ],
 });
@@ -89,10 +99,10 @@ const FloatingMenuItem = class {
      */
     iconRotate;
     render() {
-        return (h(ThemedHost, { key: '17dd39774582fb6952e8afabbc9437d835732475', class: item({
+        return (h(ThemedHost, { key: '9ea48ae1034fdfac03dda8cc37f418b70e84d110', class: item({
                 hover: asBoolean(this.hover) && !asBoolean(this.loading),
                 disabled: asBoolean(this.disabled),
-            }) }, this._getIcon(), h("p", { key: '403c68511a0d5705be8f6e13f1c4c5b6ffd7e394', class: 'min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold empty:hidden' }, h("slot", { key: '9ada19d985b83b8aec672dc5d01fd9d6742cbb9c' }))));
+            }) }, this._getIcon(), h("p", { key: 'd95a7f2ccf5e11fb5048bf9ae651e341a62a75ec', class: '\n       min-w-0 overflow-hidden text-ellipsis text-nowrap font-semibold\n       empty:hidden\n     ' }, h("slot", { key: '0af451107a9e94f6b63aa90d0683e4b50b43ba40' }))));
     }
     _getIcon() {
         if (!this.icon && !this.loading) {

package/dist/esm/p-info-panel.entry.js

@@ -6,37 +6,73 @@ import './state-BJbOyUuL.js';
 
 const infoPanelComponentCss = () => `*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.relative{position:relative}.right-2{right:.5rem}.top-2{top:.5rem}.my-0{margin-bottom:0;margin-top:0}.flex{display:flex}.h-6{height:1.5rem}.h-inherit{height:inherit}.w-6{width:1.5rem}.w-full{width:100%}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.gap-1{gap:.25rem}.rounded-lg{border-radius:.5rem}.bg-amber-50{--tw-bg-opacity:1;background-color:rgb(255 250 224/var(--tw-bg-opacity,1))}.bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.bg-negative-red-100{--tw-bg-opacity:1;background-color:rgb(255 221 221/var(--tw-bg-opacity,1))}.bg-positive-green-100{--tw-bg-opacity:1;background-color:rgb(213 251 199/var(--tw-bg-opacity,1))}.bg-white-700{--tw-bg-opacity:1;background-color:rgb(242 242 242/var(--tw-bg-opacity,1))}.px-4{padding-left:1rem;padding-right:1rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.pr-10{padding-right:2.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.font-medium{font-weight:500}.font-normal{font-weight:400}.text-amber-800{--tw-text-opacity:1;color:rgb(148 77 11/var(--tw-text-opacity,1))}.text-indigo-900{--tw-text-opacity:1;color:rgb(19 73 182/var(--tw-text-opacity,1))}.text-negative-red-800{--tw-text-opacity:1;color:rgb(141 16 16/var(--tw-text-opacity,1))}.text-positive-green-800{--tw-text-opacity:1;color:rgb(47 100 7/var(--tw-text-opacity,1))}.text-storm-800{--tw-text-opacity:1;color:rgb(2 8 21/var(--tw-text-opacity,1))}.text-storm-800\\/60{color:rgba(2,8,21,.6)}.hover\\:bg-white-500\\/40:hover{background-color:hsla(0,0%,100%,.4)}.hover\\:text-storm-800\\/60:hover{color:rgba(2,8,21,.6)}.dark\\:bg-amber-alternative\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(255,231,92,.15)}.dark\\:bg-hurricane-100\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(220,3%,83%,.15)}.dark\\:bg-indigo-300\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(187,209,253,.15)}.dark\\:bg-negative-red-alternative\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(255,92,92,.15)}.dark\\:bg-positive-green-alternative\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:rgba(98,255,92,.15)}.dark\\:text-amber-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 231 92/var(--tw-text-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-indigo-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(165 194 252/var(--tw-text-opacity,1))}.dark\\:text-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 92 92/var(--tw-text-opacity,1))}.dark\\:text-positive-green-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(98 255 92/var(--tw-text-opacity,1))}.dark\\:text-white\\/60:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.6)}.dark\\:text-white\\/70:where(:host([data-theme=dark]),:host([data-theme=dark]) *){color:hsla(0,0%,100%,.7)}.dark\\:hover\\:bg-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:text-white:hover: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-amber-alternative\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(255,231,92,.15)}.dark\\:bg-hurricane-100\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(220,3%,83%,.15)}.dark\\:bg-indigo-300\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(187,209,253,.15)}.dark\\:bg-negative-red-alternative\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(255,92,92,.15)}.dark\\:bg-positive-green-alternative\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:rgba(98,255,92,.15)}.dark\\:text-amber-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 231 92/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))}.dark\\:text-indigo-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(165 194 252/var(--tw-text-opacity,1))}.dark\\:text-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 92 92/var(--tw-text-opacity,1))}.dark\\:text-positive-green-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(98 255 92/var(--tw-text-opacity,1))}.dark\\:text-white\\/60:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.6)}.dark\\:text-white\\/70:where([data-theme=dark],[data-theme=dark] *){color:hsla(0,0%,100%,.7)}.dark\\:hover\\:bg-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:text-white:hover:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
 
-const infopanel = cva(['flex flex-col gap-1', 'w-full h-inherit px-4 py-3', 'rounded-lg relative'], {
+const infopanel = cva(['flex flex-col gap-1', 'h-inherit w-full px-4 py-3', 'relative rounded-lg'], {
     variants: {
         closeAble: {
             true: 'pr-10',
         },
         variant: {
-            neutral: 'bg-indigo-100 dark:bg-indigo-300/15',
-            positive: 'bg-positive-green-100 dark:bg-positive-green-alternative/15',
-            biased: 'bg-amber-50 dark:bg-amber-alternative/15',
-            negative: 'bg-negative-red-100 dark:bg-negative-red-alternative/15',
-            feedback: 'bg-white-700 dark:bg-hurricane-100/15',
+            neutral: `
+      bg-indigo-100
+      dark:bg-indigo-300/15
+    `,
+            positive: `
+      bg-positive-green-100
+      dark:bg-positive-green-alternative/15
+    `,
+            biased: `
+      bg-amber-50
+      dark:bg-amber-alternative/15
+    `,
+            negative: `
+      bg-negative-red-100
+      dark:bg-negative-red-alternative/15
+    `,
+            feedback: `
+      bg-white-700
+      dark:bg-hurricane-100/15
+    `,
         },
     },
 });
 const header = cva('text-sm font-medium', {
     variants: {
         variant: {
-            neutral: 'text-indigo-900 dark:text-indigo-400',
-            positive: 'text-positive-green-800 dark:text-positive-green-alternative',
-            biased: 'text-amber-800 dark:text-amber-alternative',
-            negative: 'text-negative-red-800 dark:text-negative-red-alternative',
-            feedback: 'text-storm-800 dark:text-hurricane-100',
+            neutral: `
+     text-indigo-900
+     dark:text-indigo-400
+   `,
+            positive: `
+     text-positive-green-800
+     dark:text-positive-green-alternative
+   `,
+            biased: `
+     text-amber-800
+     dark:text-amber-alternative
+   `,
+            negative: `
+     text-negative-red-800
+     dark:text-negative-red-alternative
+   `,
+            feedback: `
+     text-storm-800
+     dark:text-hurricane-100
+   `,
         },
     },
 });
 const close = cva([
     'absolute right-2 top-2',
     'flex items-center justify-center',
-    'rounded-lg cursor-pointer',
-    'text-storm-800/60 hover:text-storm-800/60 hover:bg-white-500/40',
-    'dark:text-white/60 dark:hover:text-white dark:hover:bg-white/15',
+    'cursor-pointer rounded-lg',
+    `
+   text-storm-800/60
+   hover:bg-white-500/40 hover:text-storm-800/60
+ `,
+    `
+   dark:text-white/60
+   dark:hover:bg-white/15 dark:hover:text-white
+ `,
     'h-6 w-6',
 ]);
 const InfoPanel = class {
@@ -68,10 +104,10 @@ const InfoPanel = class {
     render() {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        return (h(ThemedHost, { key: 'ee4ad5cee3c5afb9a0a544abde2cbf8fb87e2e2d' }, h("div", { key: '3f6cd689581f8d8bfd317471c5c5e357f93e45ee', class: infopanel({
+        return (h(ThemedHost, { key: '87ae49020797e8641547365c95ff8612133cc199' }, h("div", { key: 'f19b4f2340c1a85b5c37f744506ce9f518e80ba0', class: infopanel({
                 variant: this.variant,
                 closeAble: this.closeable,
-            }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: '7aa48cabaab62a1fbc1ac2c905b3ccacfa46b652', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: '113ae3891146ed67557b04f62211c4caff13e3c2', class: 'h-inherit text-sm font-normal text-storm-800/60 dark:text-white/70' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: 'e05451026aa39bb7584c52bd10397e6706b62b26', class: close(), onClick: () => this._close() }, h("p-icon", { key: 'b030dd77f43543ad6805112a2ef9b23c7363cb26', variant: 'negative' }))))));
+            }) }, (this.header?.length || hasHeaderSlot) && (h("div", { key: '49de1f8919c4d0ae223381866417b9757f7f9eb3', class: header({ variant: this.variant }) }, this.header?.length ? (h("p", { class: 'my-0' }, this.header)) : (h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (h("div", { key: '2612d827209f18b1164d907b15eeb7f7d13db969', class: '\n         h-inherit text-sm font-normal text-storm-800/60\n         dark:text-white/70\n       ' }, this.content?.length ? (h("p", { class: 'my-0' }, this.content)) : (h("slot", { name: 'content' })))), this.closeable && (h("div", { key: '682d40844b695e499d0dbb93144b9f313c0f9da4', class: close(), onClick: () => this._close() }, h("p-icon", { key: '8eeb362cefab7c7ea50f837044668e9633ae947d', variant: 'negative' }))))));
     }
     _close() {
         this.closed.emit();

package/dist/esm/p-label.entry.js

@@ -12,10 +12,13 @@ const label = cva(['flex items-center justify-center gap-2', 'h-6 rounded-full']
         variant: {
             positive: [
                 'bg-positive-green-100 text-positive-green-800',
-                'dark:bg-positive-green-alternative/15 dark:text-positive-green-alternative',
+                `
+       dark:bg-positive-green-alternative/15
+       dark:text-positive-green-alternative
+     `,
             ],
             biased: [
-                'bg-amber-100  text-amber-800',
+                'bg-amber-100 text-amber-800',
                 'dark:bg-amber-alternative/15 dark:text-amber-alternative',
             ],
             negative: [
@@ -33,7 +36,7 @@ const label = cva(['flex items-center justify-center gap-2', 'h-6 rounded-full']
         },
         iconOnly: {
             false: 'px-2',
-            true: 'p-2 w-6',
+            true: 'w-6 p-2',
         },
         keepMobileContent: {
             false: null,
@@ -44,7 +47,10 @@ const label = cva(['flex items-center justify-center gap-2', 'h-6 rounded-full']
         {
             keepMobileContent: false,
             iconOnly: false,
-            class: 'p-2 w-6 desktop-xs:w-auto desktop-xs:py-0',
+            class: `
+      w-6 p-2
+      desktop-xs:w-auto desktop-xs:py-0
+    `,
         },
     ],
 });
@@ -77,14 +83,17 @@ const Label = class {
      */
     keepMobileContent = false;
     render() {
-        return (h(ThemedHost, { key: '53d97bb000a19617372b807e32bc9902758de3b2' }, h("div", { key: '4f1c2e4b9dd25972a2ab5146234a6166ee71bc27', class: label({
+        return (h(ThemedHost, { key: '50279029679d4106c05894266a5d5289cb32ebfa' }, h("div", { key: '4fbae53bce0120c530b26b6b962b219262a93356', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (h("p-icon", { key: '24ec81f74dfeea24990a76edac38ccdc79490e88', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (h("div", { key: 'd0b89fc24b7304a8e61e5157bcf4bdae3bdb26ca', class: cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium', {
+            }) }, this.icon && (h("p-icon", { key: '20f67e7082c6cffa555b7411a2b81ced7263c9f2', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (h("div", { key: 'ff2f20fc5eaeb3bb8eb5aa3956819c52aeaf03df', class: cn(`
+          flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm
+          font-medium
+        `, {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, h("slot", { key: 'ad87aa170cc6f7980678a1cfc25f5dbdf510127e' }))))));
+            }) }, h("slot", { key: '3e11788ad3fb910d573d6f63ac7d57a7671687b2' }))))));
     }
 };
 Label.style = labelComponentCss();

package/dist/esm/p-layout.entry.js

@@ -16,7 +16,10 @@ const Layout = class {
      */
     scroll;
     render() {
-        return (h(Host, { key: 'e3b483bb24e305914144448f81531d58f6dd829a', class: `p-layout variant-${this.variant}` }, h("div", { key: '16d2681d444b554d3d9ca36a83ee559fa770e041', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: '06ad569a41ea6ca7fdc2ac5ce8946d201982715f', class: 'inner-content' }, h("slot", { key: 'e1a9280008ece9ca605b26050acd56152dc6183b', name: 'content' }))), h("div", { key: 'd9100d85435c75ccf7b7256c5854aaa58cc26284', class: 'sidebar' }, h("slot", { key: '1d86ae46ee7208e9809c0dd6cd6c44e98d9d37dd', name: 'sidebar' })), h("div", { key: '6c2caec168d65ea1b01b29020a5865b47a7b8836', class: 'topbar' }, h("slot", { key: 'c55d9abbf08de89657aaf4a2610667eef74135b3', name: 'topbar' }))));
+        return (h(Host, { key: '8f62f5f3f1412e4bb494051d15a064dc0c3263d9', class: `
+      p-layout
+      variant-${this.variant}
+    ` }, h("div", { key: '7f4cd5cbd739fd4ec64cbc065962fe215bd1b33a', class: 'content', onScroll: ev => this.scroll.emit(ev) }, h("div", { key: '1b16574e29b90200b07d3b4d9fad07102eca5ff9', class: 'inner-content' }, h("slot", { key: 'e609a7fa805feee5400356e825cec2b850550fac', name: 'content' }))), h("div", { key: '59bd6420f48ca71728acaf035be6527690534665', class: 'sidebar' }, h("slot", { key: '06844d4224284bd09c96fd7ccd367983cab70254', name: 'sidebar' })), h("div", { key: '002c820da5677f074f48764e9a9f5ecd00920c9e', class: 'topbar' }, h("slot", { key: '1c997e9e8e9ea84809085119bba5b5b2d0f93475', name: 'topbar' }))));
     }
 };
 Layout.style = layoutComponentCss();

package/dist/esm/p-listing-item.entry.js

@@ -13,7 +13,7 @@ const ListingItem = class {
      */
     icon = 'placeholder';
     render() {
-        return (h(ThemedHost, { key: 'e2b07cadde155cc5f8e89c305001f60d6f59ae30' }, h("div", { key: '19cc7bd70f7db7a95dfca67a5ad95ba80dc30228', class: 'flex items-center gap-2 text-storm-500 dark:text-white' }, h("p-icon", { key: '45d2060debccfa81b61b08f72426b908124c3288', variant: this.icon }), h("div", { key: '0b71a178319947208668f96e2598f09e17dd62d6', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: '8531f5b5ab3af0ba370733876465ea140e50b311' })))));
+        return (h(ThemedHost, { key: 'e2b07cadde155cc5f8e89c305001f60d6f59ae30' }, h("div", { key: 'f6a73a4819c9e79d321940e2eaac315c2a5c4071', class: '\n       flex items-center gap-2 text-storm-500\n       dark:text-white\n     ' }, h("p-icon", { key: '70ae7063fd9e6971014b0c980fa0044a06a07480', variant: this.icon }), h("div", { key: '163a4b15c05122af8608b877a974fbbb9213823f', class: 'flex min-w-0 flex-1 flex-col text-sm font-medium' }, h("slot", { key: '9d9c2d335873477597dc37547c71af01befda87d' })))));
     }
 };
 ListingItem.style = listingItemComponentCss();