@paperless/core 3.0.2 → 3.1.1

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

@@ -11,7 +11,7 @@ const selectComponentCss = () => `*{box-sizing:border-box}:host{--tw-translate-y
 
 const multiContainer = cva([
     'flex items-center gap-2',
-    'flex-1 min-w-0 h-full',
+    'h-full min-w-0 flex-1',
     'pointer-events-none overflow-hidden',
 ]);
 const multiItem = cva([
@@ -19,7 +19,7 @@ const multiItem = cva([
     'pointer-events-auto cursor-pointer',
     'flex h-[1.625rem] items-center gap-2',
     'h-[1.625rem] px-2',
-    'text-sm font-semibold whitespace-nowrap',
+    'whitespace-nowrap text-sm font-semibold',
     'rounded-lg',
     'bg-indigo-100',
     'dark:bg-white/15',
@@ -27,7 +27,10 @@ const multiItem = cva([
 const textContainer = cva('block w-full overflow-hidden text-start', {
     variants: {
         variant: {
-            placeholder: 'text-storm-400 dark:text-white',
+            placeholder: `
+     text-storm-400
+     dark:text-white
+   `,
             default: null,
         },
         enableTextWrap: {
@@ -35,7 +38,11 @@ const textContainer = cva('block w-full overflow-hidden text-start', {
             false: 'text-ellipsis whitespace-nowrap',
         },
         error: {
-            true: 'text-negative-red-700 dark:text-negative-red-alternative group-hover/button:text-negative-red-800',
+            true: `
+     text-negative-red-700
+     group-hover/button:text-negative-red-800
+     dark:text-negative-red-alternative
+   `,
             false: null,
         },
     },
@@ -272,7 +279,7 @@ const Select = class {
             if (this._selectedItem?.length === 0) {
                 return placeholder;
             }
-            return (h("div", { class: multiContainer(), ref: ref => (this._multiContainerRef = ref) }, this._selectedItem.map(item => (h("div", { class: multiItem(), onClick: () => this._selectValue(item) }, item[this.selectionDisplayKey ?? this.displayKey], h("p-icon", { class: 'text-xs text-indigo-500 group-hover/item:text-indigo-800 dark:text-white/15 dark:group-hover/item:text-white', variant: 'negative' })))), h("div", { class: 'extra pointer-events-none hidden text-sm text-storm-100' }, "+", this._amountHidden)));
+            return (h("div", { class: multiContainer(), ref: ref => (this._multiContainerRef = ref) }, this._selectedItem.map(item => (h("div", { class: multiItem(), onClick: () => this._selectValue(item) }, item[this.selectionDisplayKey ?? this.displayKey], h("p-icon", { class: '\n          text-xs text-indigo-500\n          group-hover/item:text-indigo-800\n          dark:text-white/15\n          dark:group-hover/item:text-white\n        ', variant: 'negative' })))), h("div", { class: 'extra pointer-events-none hidden text-sm text-storm-100' }, "+", this._amountHidden)));
         }
         return this._getDisplay(this._selectedItem, true);
     }
@@ -340,8 +347,8 @@ const Select = class {
         if (this.error?.length) {
             buttonIcon = 'warning';
         }
-        return (h(ThemedHost, { key: '617063ca6cf31255928f6f6856cb1902b1d225a2' }, h("p-field-container", { key: '4a6d95f7bfbc79b886044f2fe31695990b4e210d', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, h("p-dropdown", { key: '86dd982fca64c61a7c54a6ce104a358a8bfc4c04', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, h("p-button", { key: '21fe3c6214c05e6a8f90fd817ecb793bed8b7c3b', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
-                this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, h("div", { key: '7e5b6ceacca4ca732caa7385b96c22d0c8436ac5', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
+        return (h(ThemedHost, { key: '76b10df3dbbf0a1758ea13c7205ea4c11ea05056' }, h("p-field-container", { key: 'e17bca429b8a24a4c5e4399911c9efcebd8a6b24', error: this.error, forceShowTooltip: !!this.error?.length && !this._showDropdown, helper: this.helper, label: this.label, prefix: this.prefix, required: this.required, showOptional: this.showOptional, variant: 'write' }, h("p-dropdown", { key: '1bcd1b15692330794bed8b34fbe203b8015681d9', applyChevron: false, applyFullWidth: true, applyMaxWidth: false, "disable-trigger-click": this.disabled, insideClick: true, manual: true, manualChevron: true, scrollable: this.enableAutocomplete ? 'large' : true, show: this._showDropdown, slot: 'content', strategy: this.strategy, onIsOpen: ev => this._onDropdownOpen(ev) }, h("p-button", { key: '383466f2cec3fa3e7aa65aa3db077445cb2917ef', active: this._showDropdown, chevron: this.showChevron ? (this._showDropdown ? 'up' : 'down') : false, class: 'w-full', error: !!this.error?.length, icon: buttonIcon, iconClass: this.applyClassOnSelectedItem &&
+                this._selectedItem?.[this.iconClassKey], size: this.size, slot: 'trigger', variant: 'secondary', onClick: ev => this._onClick(ev) }, h("div", { key: '8d5b4d842f4d49f029f1a61f98a8d768c61cf3ef', class: 'relative min-w-0 flex-1', ref: ref => (this._inputRef = ref) }, this._displayValue)), this.loading ? this._getLoadingItems() : this._getItems(), this.showAddItem && this._getAddItem()))));
     }
     documentClickHandler(event) {
         if (!this._showDropdown || childOfComposed(event, this._el)) {
@@ -502,7 +509,7 @@ const Select = class {
         });
         if (this._items.length === 0) {
             items = [
-                h("p", { class: 'w-full p-2 text-center text-sm text-storm-400 dark:text-hurricane-200', slot: 'items' }, this.emptyStateText),
+                h("p", { class: '\n       w-full p-2 text-center text-sm text-storm-400\n       dark:text-hurricane-200\n     ', slot: 'items' }, this.emptyStateText),
             ];
         }
         if (this.enableSelectAll && this._items.length > 0) {
@@ -595,7 +602,10 @@ const Select = class {
                 }) }, item[this.dropdownDisplayKey ?? this.displayKey])));
         }
         if (this.iconKey && (!isSelection || this.showIconOnSelectedItem)) {
-            content = (h("span", { class: 'flex items-center gap-2' }, item[this.iconKey] && (h("p-icon", { class: cn('text-storm-300 dark:text-hurricane-200', (!isSelection || !!this.applyClassOnSelectedItem) &&
+            content = (h("span", { class: 'flex items-center gap-2' }, item[this.iconKey] && (h("p-icon", { class: cn(`
+          text-storm-300
+          dark:text-hurricane-200
+        `, (!isSelection || !!this.applyClassOnSelectedItem) &&
                     (!isSelectedInMenu || !!this.applyClassOnSelectedItemInMenu)
                     ? (item?.[this.iconClassKey] ?? '')
                     : ''), variant: item[this.iconKey] })), h("div", { class: textContainer({

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

@@ -21,7 +21,10 @@ const smile = cva(null, {
     compoundVariants: [
         {
             variant: ['modal', 'card'],
-            class: 'absolute bottom-0 left-1/2 -translate-x-1/2 z-[-1] aspect-[8/3] text-off-white-500',
+            class: `
+     absolute bottom-0 left-1/2 z-[-1] aspect-[8/3] -translate-x-1/2
+     text-off-white-500
+   `,
         },
     ],
 });
@@ -49,7 +52,7 @@ const Smile = class {
      */
     variant = 'modal';
     render() {
-        return (h(Host, { key: '4a84d723aa104604444b292f01a6b4e342945992', class: smile({ variant: this.variant }) }, h("div", { key: '437b7370a3177f0d9266fd7f3595df703a035312', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
+        return (h(Host, { key: '6c99a0206e831d9122665ca9f17c1f533a9c8bc2', class: smile({ variant: this.variant }) }, h("div", { key: 'f157da0f0fae32f1355533d6a9fafe69c73a3309', class: svg({ variant: this.variant }), innerHTML: smileSvg })));
     }
 };
 Smile.style = smileComponentCss();

package/dist/esm/p-stepper-item_2.entry.js

@@ -21,8 +21,8 @@ const item = cva('flex gap-2', {
     },
 });
 const circle = cva([
-    'h-6 w-6 flex items-center justify-center',
-    'text-sm text-center font-medium',
+    'flex h-6 w-6 items-center justify-center',
+    'text-center text-sm font-medium',
     'border border-solid',
     'rounded-full',
 ], {
@@ -50,19 +50,19 @@ const circle = cva([
             finished: false,
             active: false,
             class: [
-                'text-indigo-600 bg-indigo-50 border-indigo-600',
-                'dark:text-hurricane-200 dark:bg-white/15 dark:border-white/15',
+                'border-indigo-600 bg-indigo-50 text-indigo-600',
+                'dark:border-white/15 dark:bg-white/15 dark:text-hurricane-200',
             ],
         },
         {
             active: true,
             finished: false,
-            class: 'text-white bg-indigo-600 border-indigo-600',
+            class: 'border-indigo-600 bg-indigo-600 text-white',
         },
         {
             active: false,
             finished: true,
-            class: 'text-white bg-indigo-600 border-indigo-600',
+            class: 'border-indigo-600 bg-indigo-600 text-white',
         },
         {
             direction: 'vertical',
@@ -76,7 +76,7 @@ const circle = cva([
         },
     ],
 });
-const content = cva('text-sm font-medium flex-1 mt-[1px]', {
+const content = cva('mt-[1px] flex-1 text-sm font-medium', {
     variants: {
         finished: {
             true: null,
@@ -95,22 +95,34 @@ const content = cva('text-sm font-medium flex-1 mt-[1px]', {
         {
             finished: false,
             active: false,
-            class: 'text-storm-400 dark:text-hurricane-200',
+            class: `
+     text-storm-400
+     dark:text-hurricane-200
+   `,
         },
         {
             active: true,
             finished: false,
-            class: 'text-storm-500 dark:text-white',
+            class: `
+     text-storm-500
+     dark:text-white
+   `,
         },
         {
             active: false,
             finished: true,
-            class: 'text-storm-500 dark:text-white',
+            class: `
+     text-storm-500
+     dark:text-white
+   `,
         },
         {
             direction: 'horizontal',
             active: false,
-            class: 'hidden desktop-xs:inline-block',
+            class: `
+     hidden
+     desktop-xs:inline-block
+   `,
         },
     ],
 });
@@ -143,19 +155,19 @@ const StepperItem = class {
      */
     active = false;
     render() {
-        return (h(ThemedHost, { key: '197bcb21f1d28e35bee93f7fe3efa2c70361a4dc' }, h("div", { key: '8c0e55e1ca56a4b2c3107542c5533c5166686215', class: item({
+        return (h(ThemedHost, { key: '59225e7cf6387dc74870532f93d41f017ac2b917' }, h("div", { key: '3405b371edfc473077228b13dfb6642af24ca7b3', class: item({
                 align: this.align,
                 contentPosition: this.contentPosition,
-            }) }, h("div", { key: '5905ce66b404e06f9c1b79818bc1167adbcdd4de', class: circle({
+            }) }, h("div", { key: 'd4c559d9f794406bd0c967a0b8d02437b1fa5770', class: circle({
                 align: this.align,
                 direction: this.direction,
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
-            }) }, this.number), h("div", { key: '829cb80e0b3873461f91cb63521ca70e8578c909', class: content({
+            }) }, this.number), h("div", { key: 'e62cac677b32c265bafaa4f7e0844dae1fdee71b', class: content({
                 active: asBoolean(this.active),
                 finished: asBoolean(this.finished),
                 direction: this.direction,
-            }) }, h("slot", { key: '38fd35eb991bdfbc3884c93cc710067e7cb4435a' })))));
+            }) }, h("slot", { key: '853a7664d61bd16d5e0da555bf779a250ba9c15f' })))));
     }
 };
 StepperItem.style = stepperItemComponentCss();

package/dist/esm/p-tab-container.entry.js

@@ -7,7 +7,7 @@ const TabContainer = class {
         registerInstance(this, hostRef);
     }
     render() {
-        return (h("div", { key: '52a5885561b5e33d4f3add2bf07615ad98b17977', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '19fda7b08f566510d4b7a565b5e6686daa42fe28', class: 'scrollbar-hide flex w-full gap-5 overflow-x-auto' }, h("slot", { key: '8ee560a0e3125fddaf38beac8ac80662b193fda4' })), h("p-divider", { key: '994c5d428c65eaf22f2d720a586809f888a567e9', class: 'absolute bottom-0 left-0 m-0 w-full text-off-white-700 dark:text-hurricane-400' })));
+        return (h("div", { key: '52a5885561b5e33d4f3add2bf07615ad98b17977', class: 'relative flex h-8 w-full flex-col' }, h("div", { key: '19fda7b08f566510d4b7a565b5e6686daa42fe28', class: 'flex w-full gap-5 overflow-x-auto scrollbar-hide' }, h("slot", { key: '8ee560a0e3125fddaf38beac8ac80662b193fda4' })), h("p-divider", { key: '153374f8cc24d554a8beeef4fdaa30a93173d3fc', class: '\n       absolute bottom-0 left-0 m-0 w-full text-off-white-700\n       dark:text-hurricane-400\n     ' })));
     }
 };
 TabContainer.style = tabContainerComponentCss();

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

@@ -7,16 +7,32 @@ import './state-BJbOyUuL.js';
 const tabItemComponentCss = () => `*{box-sizing:border-box}:host{--tw-content:" "}.static{position:static}.flex{display:flex}.h-8{height:2rem}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.justify-between{justify-content:space-between}.text-sm{font-size:.875rem;line-height:1.25rem}.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))}.after\\:h-\\[2px\\]:after{content:var(--tw-content);height:2px}.after\\:bg-indigo-600:after{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\\:bg-transparent:after{background-color:transparent;content:var(--tw-content)}.hover\\:text-storm-400:hover{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.hover\\:after\\:bg-storm-400:hover:after{--tw-bg-opacity:1;background-color:rgb(70 75 84/var(--tw-bg-opacity,1));content:var(--tw-content)}.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\\: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\\:hover\\:after\\:bg-white:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *):after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:var(--tw-content)}.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\\: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))}.dark\\:hover\\:after\\:bg-white:hover:where([data-theme=dark],[data-theme=dark] *):after{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1));content:var(--tw-content)}`;
 
 const item = cva([
-    'h-8 flex flex-col justify-between text-sm',
+    'flex h-8 flex-col justify-between text-sm',
     'cursor-pointer',
-    "after:h-[2px] after:content-[' ']",
+    `
+    after:content-['
+    ']
+    after:h-[2px]
+  `,
 ], {
     variants: {
         active: {
-            true: 'after:bg-indigo-600 text-indigo-600',
+            true: `
+      text-indigo-600
+      after:bg-indigo-600
+    `,
             false: [
-                'text-storm-300 after:bg-transparent hover:after:bg-storm-400 hover:text-storm-400',
-                'dark:text-hurricane-200 dark:hover:after:bg-white dark:hover:text-white',
+                `
+       text-storm-300
+       after:bg-transparent
+       hover:text-storm-400
+       hover:after:bg-storm-400
+     `,
+                `
+       dark:text-hurricane-200
+       dark:hover:text-white
+       dark:hover:after:bg-white
+     `,
             ],
         },
     },
@@ -30,7 +46,7 @@ const TabItem = class {
      */
     active = false;
     render() {
-        return (h(ThemedHost, { key: '8795ed5e38ffff0da5edb9154fd084c690e2b95d' }, h("div", { key: 'dfd1fd4d2deeebfe2eac22eae0b84985c158ed26', class: item({ active: this.active }) }, h("slot", { key: '418044c86b215e216a9df1fd9398fd008fa1c41f' }))));
+        return (h(ThemedHost, { key: '68381d5e607b93bd36eaac21b4548f1a8cbe1169' }, h("div", { key: 'fe0d645f2421de9d8f0c3c2b008125b9c70244d4', class: item({ active: this.active }) }, h("slot", { key: 'bba769a606b49e9f5eab7f47a3bdd263bbc34f3f' }))));
     }
 };
 TabItem.style = tabItemComponentCss();

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

@@ -1,6 +1,6 @@
 import { r as registerInstance, a as createEvent, d as getElement, h, e as Host } from './index-yFtRjnrU.js';
 import { f as formatTranslation, g as getLocaleComponentStrings } from './localization-CwQG70_4.js';
-import { f as floatingMenuContainerClass } from './table-helpers-DA1PfY6l.js';
+import { f as floatingMenuContainerClass } from './table-helpers-Bvtfm-ta.js';
 import { f as isMobile } from './screens-CWO2YJCh.js';
 import { c as cn } from './cn-CsNqHcjL.js';
 import { P as PAGINATION_DEFAULT_PAGE_SIZE, a as PAGINATION_DEFAULT_PAGE_SIZE_OPTIONS, T as TABLE_COLUMN_SIZES } from './constants-CEaB2BT0.js';

package/dist/esm/p-toast-container.entry.js

@@ -5,11 +5,16 @@ import './clsx-ChV9xqsO.js';
 const toastContainerComponentCss = () => `*{box-sizing:border-box}.static{position:static}.fixed{position:fixed}.bottom-\\[calc\\(env\\(safe-area-inset-bottom\\2c 0\\)\\+1rem\\)\\]{bottom:calc(env(safe-area-inset-bottom,0) + 1rem)}.left-\\[calc\\(env\\(safe-area-inset-left\\2c 0\\)\\+1rem\\)\\]{left:calc(env(safe-area-inset-left,0) + 1rem)}.right-\\[calc\\(env\\(safe-area-inset-right\\2c 0\\)\\+1rem\\)\\]{right:calc(env(safe-area-inset-right,0) + 1rem)}.top-\\[calc\\(env\\(safe-area-inset-top\\2c 0\\)\\+1rem\\)\\]{top:calc(env(safe-area-inset-top,0) + 1rem)}.z-\\[600\\]{z-index:600}.z-toast{z-index:700}.flex{display:flex}.max-w-\\[calc\\(100\\%-\\(env\\(safe-area-inset-left\\2c 0\\)\\+env\\(safe-area-inset-right\\2c 0\\)\\+2rem\\)\\)\\]{max-width:calc(100% - env(safe-area-inset-left,0) - env(safe-area-inset-right,0) - 2rem)}.flex-col{flex-direction:column}.gap-4{gap:1rem}.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}}@media (min-width:40rem){.tablet\\:max-w-\\[26\\.5rem\\]{max-width:26.5rem}}`;
 
 const container = cva([
-    'fixed flex flex-col gap-4 z-toast',
+    'fixed z-toast flex flex-col gap-4',
     'tablet:max-w-[26.5rem]',
     'z-[600]',
-    'w-[calc(100%-(env(safe-area-inset-left,0)+env(safe-area-inset-right, 0)+2rem))]',
-    'max-w-[calc(100%-(env(safe-area-inset-left,0)+env(safe-area-inset-right,0)+2rem))]',
+    `
+    w-[calc(100%-(env(safe-area-inset-left,0)+env(safe-area-inset-right,
+    0)+2rem))]
+  `,
+    `
+    max-w-[calc(100%-(env(safe-area-inset-left,0)+env(safe-area-inset-right,0)+2rem))]
+  `,
 ], {
     variants: {
         placement: {
@@ -41,9 +46,9 @@ const ToastContainer = class {
      */
     placement = 'top-end';
     render() {
-        return (h("div", { key: '9f7195032efea614ae656d732d69b987cb7f8f58', class: container({
+        return (h("div", { key: 'bd21d7bd4c72892795945f527a55d244c74a3e8a', class: container({
                 placement: this.placement,
-            }) }, h("slot", { key: '8ded7b7a44be3acdf86942a0af7487e536c47560' })));
+            }) }, h("slot", { key: 'c822ef2a7a7269a926b0e6d416d3f584e133e668' })));
     }
 };
 ToastContainer.style = toastContainerComponentCss();

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

@@ -6,18 +6,30 @@ import './state-BJbOyUuL.js';
 
 const toastComponentCss = () => `*{box-sizing:border-box}.static{position:static}.m-0{margin:0}.flex{display:flex}.h-9{height:2.25rem}.w-\\[2px\\]{width:2px}.w-\\[calc\\(100\\%-2px-0\\.5rem\\)\\]{width:calc(100% - 2px - .5rem)}.w-full{width:100%}.min-w-0{min-width:0}.flex-shrink-0{flex-shrink:0}.cursor-pointer{cursor:pointer}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-solid{border-style:solid}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.bg-amber-500{--tw-bg-opacity:1;background-color:rgb(225 159 35/var(--tw-bg-opacity,1))}.bg-indigo-800{--tw-bg-opacity:1;background-color:rgb(27 88 210/var(--tw-bg-opacity,1))}.bg-negative-red-500{--tw-bg-opacity:1;background-color:rgb(230 30 30/var(--tw-bg-opacity,1))}.bg-positive-green-500{--tw-bg-opacity:1;background-color:rgb(92 195 14/var(--tw-bg-opacity,1))}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-2{padding:.5rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-semibold{font-weight:600}.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))}.shadow-2{--tw-shadow:0 1px 1px rgba(0,2,2,.04),0 2px 2px rgba(0,2,2,.04),0 4px 4px rgba(0,2,2,.04);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color),0 2px 2px var(--tw-shadow-color),0 4px 4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.hover\\:text-storm-500:hover{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.hover\\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:border-hurricane-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(24 30 41/var(--tw-border-opacity,1))}.dark\\:bg-amber-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(255 231 92/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-800:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))}.dark\\:bg-indigo-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(165 194 252/var(--tw-bg-opacity,1))}.dark\\:bg-negative-red-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(255 92 92/var(--tw-bg-opacity,1))}.dark\\:bg-positive-green-alternative:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(98 255 92/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-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\\:border-hurricane-800:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(24 30 41/var(--tw-border-opacity,1))}.dark\\:bg-amber-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(255 231 92/var(--tw-bg-opacity,1))}.dark\\:bg-hurricane-800:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))}.dark\\:bg-indigo-400:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(165 194 252/var(--tw-bg-opacity,1))}.dark\\:bg-negative-red-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(255 92 92/var(--tw-bg-opacity,1))}.dark\\:bg-positive-green-alternative:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(98 255 92/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-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
 
-const indicator = cva('w-[2px] rounded-full h-9 flex-shrink-0', {
+const indicator = cva('h-9 w-[2px] flex-shrink-0 rounded-full', {
     variants: {
         variant: {
-            neutral: 'bg-indigo-800 dark:bg-indigo-400',
-            positive: 'bg-positive-green-500 dark:bg-positive-green-alternative',
-            biased: 'bg-amber-500 dark:bg-amber-alternative',
-            negative: 'bg-negative-red-500 dark:bg-negative-red-alternative',
+            neutral: `
+     bg-indigo-800
+     dark:bg-indigo-400
+   `,
+            positive: `
+     bg-positive-green-500
+     dark:bg-positive-green-alternative
+   `,
+            biased: `
+     bg-amber-500
+     dark:bg-amber-alternative
+   `,
+            negative: `
+     bg-negative-red-500
+     dark:bg-negative-red-alternative
+   `,
         },
     },
 });
 const content = cva([
-    'flex justify-between items-center gap-2',
+    'flex items-center justify-between gap-2',
     'w-[calc(100%-2px-0.5rem)]',
 ]);
 const Toast = class {
@@ -58,7 +70,7 @@ const Toast = class {
      */
     action;
     render() {
-        return (h(ThemedHost, { key: '6fd875b74af13f4a1c7dd6e924d7044ff06c944f' }, h("div", { key: 'f908fa3fc32e0818e5b7ccd64adf925678719072', class: 'flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2 shadow-2 dark:border-hurricane-800 dark:bg-hurricane-800', onClick: () => this._onClick() }, h("div", { key: '7f2788fde508ad480ffaaf544f6815f87e520499', class: indicator({ variant: this.variant }) }), h("div", { key: '99bde4f91347f270375852e62b573cba43d570d2', class: content() }, h("div", { key: '2ea0b73745021b483607c52166204f3e00b33d38', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: 'd9cf48a043d897e211da6ce6d389ee65c59d7560', class: 'm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500 dark:text-white' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: 'cbae153aafab6f54d0af33ab3a99f1c03a44cd78', class: 'm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs text-storm-300 dark:text-hurricane-200' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: '300ae00c2e2e30c87c32f78bf05a3bb3a65e2a97', class: 'flex-shrink-0 cursor-pointer p-2 text-storm-200 hover:text-storm-500 hover:text-white dark:text-hurricane-200' }, h("p-icon", { key: 'a7849a36ec22b1a300c0d788c0e41ea1e8e76340', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
+        return (h(ThemedHost, { key: '691f56d7bd82c2c908b4773e39bf327174af3784' }, h("div", { key: 'd7ea2273b9ac2685b2a6583d25f7e7236061eeda', class: '\n       flex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2\n       shadow-2\n       dark:border-hurricane-800 dark:bg-hurricane-800\n     ', onClick: () => this._onClick() }, h("div", { key: 'e7dba6bb34063d4c20df2c16bd87be7dbbe53815', class: indicator({ variant: this.variant }) }), h("div", { key: '1fc1320c89627a6da22f3010abcb7c6b7af25109', class: content() }, h("div", { key: '1122c87ff8fa6f3410d416ee223fc7532c723652', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '78ea333ecd424872e1a1e99b14e6427ec1b3a68d', class: '\n          m-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm\n          font-semibold text-storm-500\n          dark:text-white\n        ' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: '899613703dc181f980c2e45ef54d6aeb24d7f3ab', class: '\n          m-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\n          text-storm-300\n          dark:text-hurricane-200\n        ' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: '2fcede21976b5f039715905c282c0990f7b7b7cf', class: '\n          flex-shrink-0 cursor-pointer p-2 text-storm-200\n          hover:text-storm-500 hover:text-white\n          dark:text-hurricane-200\n        ' }, h("p-icon", { key: '12a6725ddedad306f9af430fb0e61f6ad3d4f9ef', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
     }
     _onClick() {
         if (this.enableAction) {

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

@@ -9,44 +9,88 @@ import './state-BJbOyUuL.js';
 const toggleComponentCss = () => `*{box-sizing:border-box}:host{--tw-content:unset}.pointer-events-none{pointer-events:none}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-\\[1px\\]{left:1px}.left-\\[2px\\]{left:2px}.top-1\\/2{top:50%}.m-0{margin:0}.flex{display:flex}.h-3{height:.75rem}.h-4{height:1rem}.h-\\[14px\\]{height:14px}.w-3{width:.75rem}.w-8{width:2rem}.w-\\[14px\\]{width:14px}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-y-1\\/2{--tw-translate-y:-50%}.-translate-y-1\\/2,.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-not-allowed{cursor:not-allowed}.cursor-pointer{cursor:pointer}.appearance-none{appearance:none}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.rounded-full{border-radius:9999px}.border{border-width:1px}.border-solid{border-style:solid}.border-storm-100{--tw-border-opacity:1;border-color:rgb(209 210 212/var(--tw-border-opacity,1))}.border-storm-50{--tw-border-opacity:1;border-color:rgb(232 232 234/var(--tw-border-opacity,1))}.bg-storm-100{--tw-bg-opacity:1;background-color:rgb(209 210 212/var(--tw-bg-opacity,1))}.bg-storm-50{--tw-bg-opacity:1;background-color:rgb(232 232 234/var(--tw-bg-opacity,1))}.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))}.shadow-1{--tw-shadow:0 1px 1px rgba(0,2,2,.08);--tw-shadow-colored:0 1px 1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.outline-none{outline:2px solid transparent;outline-offset:2px}.ring-1{--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(1px + 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-storm-500\\/10{--tw-ring-color:rgba(24,30,41,.1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:h-1:after{content:var(--tw-content);height:.25rem}.after\\:w-1:after{content:var(--tw-content);width:.25rem}.after\\:rounded-full:after{border-radius:9999px;content:var(--tw-content)}.after\\:bg-indigo-800:after{--tw-bg-opacity:1;background-color:rgb(27 88 210/var(--tw-bg-opacity,1));content:var(--tw-content)}.after\\:transition-all:after{content:var(--tw-content);transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.after\\:content-\\[unset\\]:after{--tw-content:unset;content:var(--tw-content)}.checked\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)}.checked\\:bg-indigo-600:checked{--tw-bg-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity,1))}.checked\\:ring-2:checked{--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(2px + 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)}.checked\\:ring-indigo-100:checked{--tw-ring-opacity:1;--tw-ring-color:rgb(227 236 254/var(--tw-ring-opacity,1))}.empty\\:hidden:empty{display:none}.hover\\:border-storm-500\\/20:hover{border-color:rgba(24,30,41,.2)}.hover\\:bg-indigo-100:hover{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.checked\\:hover\\:border-storm-500\\/20:hover:checked{border-color:rgba(24,30,41,.2)}.checked\\:hover\\:bg-indigo-700:hover:checked{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.group\\/p-toggle:hover .group-hover\\/p-toggle\\:w-\\[18px\\],.group\\/toggle-label:hover .group-hover\\/toggle-label\\:w-\\[18px\\]{width:18px}.group\\/toggle-label:hover .group-hover\\/toggle-label\\:border-storm-500\\/20{border-color:rgba(24,30,41,.2)}.group\\/toggle-label:hover .group-hover\\/toggle-label\\:bg-indigo-100{--tw-bg-opacity:1;background-color:rgb(227 236 254/var(--tw-bg-opacity,1))}.group\\/p-toggle:hover .group-hover\\/p-toggle\\:after\\:w-2:after,.group\\/toggle-label:hover .group-hover\\/toggle-label\\:after\\:w-2:after{content:var(--tw-content);width:.5rem}.group\\/toggle-label:hover .checked\\:group-hover\\/toggle-label\\:border-storm-500\\/20:checked{border-color:rgba(24,30,41,.2)}.group\\/toggle-label:hover .checked\\:group-hover\\/toggle-label\\:bg-indigo-700:checked{--tw-bg-opacity:1;background-color:rgb(47 111 240/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:left-full{left:100%}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\]{--tw-translate-x:calc(-100% - 1px)}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+1px\\)\\],.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\]{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.peer:checked~.peer-checked\\:-translate-x-\\[calc\\(100\\%\\+2px\\)\\]{--tw-translate-x:calc(-100% - 2px)}.peer:checked~.peer-checked\\:bg-storm-200{--tw-bg-opacity:1;background-color:rgb(163 165 169/var(--tw-bg-opacity,1))}.peer:checked~.peer-checked\\:after\\:content-\\[\\'\\'\\]:after{--tw-content:"";content:var(--tw-content)}.dark\\:border-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.1)}.dark\\:border-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/10:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.1)}.dark\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/5:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.05)}.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\\:checked\\:ring-0:checked: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\\:hover\\:border-white\\/15:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-white\\/20:hover:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.2)}.peer:checked~.dark\\:peer-checked\\:bg-white\\/15:where(:host([data-theme=dark]),:host([data-theme=dark]) *){background-color:hsla(0,0%,100%,.15)}.dark\\:border-white\\/10:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.1)}.dark\\:border-white\\/15:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/10:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.1)}.dark\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}.dark\\:bg-white\\/5:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.05)}.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\\:checked\\:ring-0:checked: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\\:hover\\:border-white\\/15:hover:where([data-theme=dark],[data-theme=dark] *){border-color:hsla(0,0%,100%,.15)}.dark\\:hover\\:bg-white\\/20:hover:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.2)}.peer:checked~.dark\\:peer-checked\\:bg-white\\/15:where([data-theme=dark],[data-theme=dark] *){background-color:hsla(0,0%,100%,.15)}`;
 
 const toggle = cva([
-    'peer appearance-none m-0 outline-none flex-shrink-0',
-    'border border-inset border-solid ',
-    'rounded-full w-8 h-4',
+    'peer m-0 flex-shrink-0 appearance-none outline-none',
+    'border-inset border border-solid',
+    'h-4 w-8 rounded-full',
 ], {
     variants: {
         disabled: {
             false: [
                 'cursor-pointer shadow-1',
-                'bg-storm-50 border-storm-100 dark:bg-white/10 dark:border-white/15',
-                'hover:bg-indigo-100 hover:border-storm-500/20 dark:hover:bg-white/20 dark:hover:border-white/15',
-                'group-hover/toggle-label:bg-indigo-100 group-hover/toggle-label:border-storm-500/20',
-                'checked:bg-indigo-600 checked:border-storm-500/20',
-                'checked:ring-2 checked:ring-indigo-100 dark:checked:ring-0',
-                'checked:hover:bg-indigo-700 checked:hover:border-storm-500/20',
-                'checked:group-hover/toggle-label:bg-indigo-700 checked:group-hover/toggle-label:border-storm-500/20',
+                `
+       border-storm-100 bg-storm-50
+       dark:border-white/15 dark:bg-white/10
+     `,
+                `
+       hover:border-storm-500/20 hover:bg-indigo-100
+       dark:hover:border-white/15 dark:hover:bg-white/20
+     `,
+                `
+       group-hover/toggle-label:border-storm-500/20
+       group-hover/toggle-label:bg-indigo-100
+     `,
+                'checked:border-storm-500/20 checked:bg-indigo-600',
+                `
+       checked:ring-2 checked:ring-indigo-100
+       dark:checked:ring-0
+     `,
+                'checked:hover:border-storm-500/20 checked:hover:bg-indigo-700',
+                `
+       checked:group-hover/toggle-label:border-storm-500/20
+       checked:group-hover/toggle-label:bg-indigo-700
+     `,
             ],
-            true: 'bg-white-600 border-storm-50 cursor-not-allowed dark:bg-white/5 dark:border-white/10',
+            true: `
+      cursor-not-allowed border-storm-50 bg-white-600
+      dark:border-white/10 dark:bg-white/5
+    `,
         },
     },
 });
 const circle = cva([
     'flex items-center justify-center',
-    'rounded-full transition-all ',
-    'absolute top-1/2 peer-checked:left-full transform -translate-y-1/2 pointer-events-none',
+    'rounded-full transition-all',
+    `
+    pointer-events-none absolute top-1/2 -translate-y-1/2 transform
+    peer-checked:left-full
+  `,
 ], {
     variants: {
         disabled: {
             false: [
                 'bg-white ring-1 ring-storm-500/10',
-                'left-[1px] peer-checked:-translate-x-[calc(100%+1px)]',
-                "after:content-[unset] peer-checked:after:content-['']  after:bg-indigo-800 after:rounded-full after:transition-all",
-                'w-[14px] h-[14px] group-hover/p-toggle:w-[18px] group-hover/toggle-label:w-[18px]',
-                'after:w-1 after:h-1 group-hover/p-toggle:after:w-2 group-hover/toggle-label:after:w-2',
+                `
+       left-[1px]
+       peer-checked:-translate-x-[calc(100%+1px)]
+     `,
+                `
+       after:rounded-full after:bg-indigo-800 after:transition-all
+       after:content-[unset]
+       peer-checked:after:content-['']
+     `,
+                `
+       h-[14px] w-[14px]
+       group-hover/p-toggle:w-[18px]
+       group-hover/toggle-label:w-[18px]
+     `,
+                `
+       after:h-1 after:w-1
+       group-hover/p-toggle:after:w-2
+       group-hover/toggle-label:after:w-2
+     `,
             ],
             true: [
-                'bg-storm-100 peer-checked:bg-storm-200 dark:bg-white/15 dark:peer-checked:bg-white/15',
-                'left-[2px] peer-checked:-translate-x-[calc(100%+2px)]',
-                'w-3 h-3',
+                `
+       bg-storm-100
+       peer-checked:bg-storm-200
+       dark:bg-white/15
+       dark:peer-checked:bg-white/15
+     `,
+                `
+       left-[2px]
+       peer-checked:-translate-x-[calc(100%+2px)]
+     `,
+                'h-3 w-3',
             ],
         },
     },
@@ -105,11 +149,11 @@ const Toggle = class {
     }
     render() {
         const id = this.id?.length ? this.id : this._nonce;
-        return (h(ThemedHost, { key: '71d4bd767b20adf62204be57f4aab791062b5e3d' }, h("label", { key: '9a5152398ccfe931d48135fd2185dc1d04e0ae0a', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: '1fd1d1c6e8b35354c9f91442b88ee7aca4297c22', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: 'f487829bc32e0865446f006ef8de74a4fd3059cd', checked: !!this.checked, class: toggle({
+        return (h(ThemedHost, { key: 'a112d0ed2ec3daa865c559d44c587d20f76822f3' }, h("label", { key: '36c971bf96e575e59f0e4ad39e1d917f255abaf9', class: 'flex items-center justify-start gap-2', htmlFor: id }, h("div", { key: '5081f38fa7bfd14664f71c837db04473892c13b0', class: 'group/p-toggle relative flex flex-shrink-0 items-center' }, h("input", { key: '219ab4b5bb5e444e51987898e59c8c31a69b3d1a', checked: !!this.checked, class: toggle({
                 disabled: asBoolean(this.disabled),
-            }), disabled: asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'checkbox', onChange: ev => this._onChange(ev) }), h("div", { key: '8c1664a5b9eadf6c454636aca5e044e233a8a8ab', class: circle({
+            }), disabled: asBoolean(this.disabled), id: id, name: this.name, required: this.required, type: 'checkbox', onChange: ev => this._onChange(ev) }), h("div", { key: '9182edb7d27559da52a34e5481ac505c0bdd1d9b', class: circle({
                 disabled: asBoolean(this.disabled),
-            }) })), h("div", { key: '90f8606523d6d4b131bf039717d9c436ae36d782', class: 'flex-1 overflow-hidden text-ellipsis empty:hidden dark:text-white' }, h("slot", { key: 'cf7f5ed84d5b1cda9b6372209242415d4dd67024' })))));
+            }) })), h("div", { key: 'c3cff9609226e9e5ed671e9ed46506b8d996788f', class: '\n        flex-1 overflow-hidden text-ellipsis\n        empty:hidden\n        dark:text-white\n      ' }, h("slot", { key: 'b140f22e50a8030d3a9deba673e0d0c078e7b064' })))));
     }
     _onChange(ev) {
         if (asBoolean(this.disabled)) {

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

@@ -17,9 +17,12 @@ const popover = cva([
 ], {
     variants: {
         variant: {
-            hover: 'bg-storm-500 dark:bg-white text-white dark:text-storm-300 py-1 max-w-[14.5rem]',
+            hover: `
+      max-w-[14.5rem] bg-storm-500 py-1 text-white
+      dark:bg-white dark:text-storm-300
+    `,
             click: 'max-w-[18rem]',
-            error: 'max-w-full w-full',
+            error: 'w-full max-w-full',
         },
         strategy: {
             fixed: 'fixed',
@@ -33,7 +36,10 @@ const popover = cva([
         },
         {
             variant: ['click', 'error'],
-            class: 'bg-white dark:bg-hurricane-800 text-storm-300 dark:text-hurricane-200 py-2',
+            class: `
+      bg-white py-2 text-storm-300
+      dark:bg-hurricane-800 dark:text-hurricane-200
+    `,
         },
     ],
 });
@@ -97,10 +103,10 @@ const Tooltip = class {
         this._cleanup = null;
     }
     render() {
-        return (h(ThemedHost, { key: '927a65c827b316e40b2c7a67b0c1a5463457a995', "data-filled": this.content?.length > 0 || this._hasContentSlot }, h("slot", { key: '732bf5d85d3b6b76d767a5ef4deaab036c617e1b', name: 'trigger' }), h("div", { key: '4b6ad7714c2363d0148245c2d225dd8fe98894eb', class: popover({
+        return (h(ThemedHost, { key: 'd6eed2d0ae314f5bc0c956df0360c7c3affe5349', "data-filled": this.content?.length > 0 || this._hasContentSlot }, h("slot", { key: '68a50b13f23fbb9ff40b83d6a1f1cbad56a12add', name: 'trigger' }), h("div", { key: '6d4726e4663fe88a8758485c55ee003fca9e9c59', class: popover({
                 variant: this.variant,
                 strategy: this.strategy,
-            }), "data-placement": this.placement, ref: el => this._load(el), role: 'popover' }, h("div", { key: 'ed5bb24dc56bd4459515ad8aac888de77fbaffbe', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: 'c869c7e2ec3b8d1acd3c891079cc24d8187c5423', class: 'w-[2px] bg-negative-red-500 dark:bg-negative-red-alternative' })), this.content ?? h("slot", { key: '0f99a6654b8059b0f84bb99a6f1dbf9a52882f3f', name: 'content' })))));
+            }), "data-placement": this.placement, ref: el => this._load(el), role: 'popover' }, h("div", { key: '9ded5ee86411c2d35b3ef4b75894740b5a9db814', class: 'flex gap-2 whitespace-normal' }, this.variant === 'error' && (h("div", { key: 'fe330950d9662c415e99d1594581c096b5210cd7', class: '\n          w-[2px] bg-negative-red-500\n          dark:bg-negative-red-alternative\n        ' })), this.content ?? h("slot", { key: '9ec941819d62d3fcca4edf9262d704644fb0f294', name: 'content' })))));
     }
     clickHandler() {
         if (this.variant === 'hover' || !this.enableUserInput) {

package/dist/esm/{table-helpers-DA1PfY6l.js → table-helpers-Bvtfm-ta.js}

@@ -96,8 +96,8 @@ const getTableCellSizes = ({ sizes, } /* Table Definition */, variant) => {
 const floatingMenuContainerClass = cva(['sticky self-center'], {
     variants: {
         hasFooter: {
-            true: 'mt-4 -mb-5 bottom-11 z-[3]',
-            false: 'my-4 bottom-0',
+            true: 'bottom-11 z-[3] -mb-5 mt-4',
+            false: 'bottom-0 my-4',
         },
         active: {
             false: 'pointer-events-none animate-floating-menu-container-out',

package/dist/index.html

@@ -1,4 +1,4 @@
-<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" name="viewport"> <title>Stencil Component Starter</title> <link rel="modulepreload" href="/build/p-57abbf5d.js"><link rel="modulepreload" href="/build/p-6XOzWrsN.js"><link rel="modulepreload" href="/build/p-C5CTp9IA.js"><link rel="modulepreload" href="/build/p-CBWjHURv.js"><link rel="modulepreload" href="/build/p-CSySY6aC.js"><link rel="modulepreload" href="/build/p-CXVK8SLW.js"><link rel="modulepreload" href="/build/p-ChV9xqsO.js"><link rel="modulepreload" href="/build/p-xs4N_Y-0.js"><link rel="modulepreload" href="/build/p-yFtRjnrU.js"><script type="module" src="/build/p-57abbf5d.js" data-stencil data-resources-url="/build/" data-stencil-namespace="paperless"></script> <script nomodule="" src="/build/paperless.js" data-stencil></script> <link href="/build/p-ea6cc0bf.css" rel="stylesheet"> </head> <body> <p-button>Test</p-button> <script data-build="2026-02-12T11:08:09">
+<!doctype html><html dir="ltr" lang="en"><head> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" name="viewport"> <title>Stencil Component Starter</title> <link rel="modulepreload" href="/build/p-3a5ebbd7.js"><link rel="modulepreload" href="/build/p-6XOzWrsN.js"><link rel="modulepreload" href="/build/p-C5CTp9IA.js"><link rel="modulepreload" href="/build/p-CBWjHURv.js"><link rel="modulepreload" href="/build/p-CSySY6aC.js"><link rel="modulepreload" href="/build/p-CXVK8SLW.js"><link rel="modulepreload" href="/build/p-ChV9xqsO.js"><link rel="modulepreload" href="/build/p-xs4N_Y-0.js"><link rel="modulepreload" href="/build/p-yFtRjnrU.js"><script type="module" src="/build/p-3a5ebbd7.js" data-stencil data-resources-url="/build/" data-stencil-namespace="paperless"></script> <script nomodule="" src="/build/paperless.js" data-stencil></script> <link href="/build/p-ea6cc0bf.css" rel="stylesheet"> </head> <body> <p-button>Test</p-button> <script data-build="2026-02-19T13:22:19">
 if ('serviceWorker' in navigator && location.protocol !== 'file:') {
   window.addEventListener('load', function() {
     navigator.serviceWorker.register('/sw.js')