@paperless/core 3.0.2 → 3.1.1

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

@@ -8,37 +8,73 @@ require('./state-DM8SZBNO.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 = index$1.cva(['flex flex-col gap-1', 'w-full h-inherit px-4 py-3', 'rounded-lg relative'], {
+const infopanel = index$1.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 = index$1.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 = index$1.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 {
@@ -70,10 +106,10 @@ const InfoPanel = class {
     render() {
         const hasHeaderSlot = !!this._el.querySelector(':scope > [slot="header"]');
         const hasContentSlot = !!this._el.querySelector(':scope > [slot="content"]');
-        return (index.h(themedHost_component.ThemedHost, { key: 'ee4ad5cee3c5afb9a0a544abde2cbf8fb87e2e2d' }, index.h("div", { key: '3f6cd689581f8d8bfd317471c5c5e357f93e45ee', class: infopanel({
+        return (index.h(themedHost_component.ThemedHost, { key: '87ae49020797e8641547365c95ff8612133cc199' }, index.h("div", { key: 'f19b4f2340c1a85b5c37f744506ce9f518e80ba0', class: infopanel({
                 variant: this.variant,
                 closeAble: this.closeable,
-            }) }, (this.header?.length || hasHeaderSlot) && (index.h("div", { key: '7aa48cabaab62a1fbc1ac2c905b3ccacfa46b652', class: header({ variant: this.variant }) }, this.header?.length ? (index.h("p", { class: 'my-0' }, this.header)) : (index.h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (index.h("div", { key: '113ae3891146ed67557b04f62211c4caff13e3c2', class: 'h-inherit text-sm font-normal text-storm-800/60 dark:text-white/70' }, this.content?.length ? (index.h("p", { class: 'my-0' }, this.content)) : (index.h("slot", { name: 'content' })))), this.closeable && (index.h("div", { key: 'e05451026aa39bb7584c52bd10397e6706b62b26', class: close(), onClick: () => this._close() }, index.h("p-icon", { key: 'b030dd77f43543ad6805112a2ef9b23c7363cb26', variant: 'negative' }))))));
+            }) }, (this.header?.length || hasHeaderSlot) && (index.h("div", { key: '49de1f8919c4d0ae223381866417b9757f7f9eb3', class: header({ variant: this.variant }) }, this.header?.length ? (index.h("p", { class: 'my-0' }, this.header)) : (index.h("slot", { name: 'header' })))), (this.content?.length || hasContentSlot) && (index.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 ? (index.h("p", { class: 'my-0' }, this.content)) : (index.h("slot", { name: 'content' })))), this.closeable && (index.h("div", { key: '682d40844b695e499d0dbb93144b9f313c0f9da4', class: close(), onClick: () => this._close() }, index.h("p-icon", { key: '8eeb362cefab7c7ea50f837044668e9633ae947d', variant: 'negative' }))))));
     }
     _close() {
         this.closed.emit();

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

@@ -14,10 +14,13 @@ const label = index$1.cva(['flex items-center justify-center gap-2', 'h-6 rounde
         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: [
@@ -35,7 +38,7 @@ const label = index$1.cva(['flex items-center justify-center gap-2', 'h-6 rounde
         },
         iconOnly: {
             false: 'px-2',
-            true: 'p-2 w-6',
+            true: 'w-6 p-2',
         },
         keepMobileContent: {
             false: null,
@@ -46,7 +49,10 @@ const label = index$1.cva(['flex items-center justify-center gap-2', 'h-6 rounde
         {
             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
+    `,
         },
     ],
 });
@@ -79,14 +85,17 @@ const Label = class {
      */
     keepMobileContent = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '53d97bb000a19617372b807e32bc9902758de3b2' }, index.h("div", { key: '4f1c2e4b9dd25972a2ab5146234a6166ee71bc27', class: label({
+        return (index.h(themedHost_component.ThemedHost, { key: '50279029679d4106c05894266a5d5289cb32ebfa' }, index.h("div", { key: '4fbae53bce0120c530b26b6b962b219262a93356', class: label({
                 variant: this.variant,
                 iconOnly: this.iconOnly,
                 keepMobileContent: this.keepMobileContent,
-            }) }, this.icon && (index.h("p-icon", { key: '24ec81f74dfeea24990a76edac38ccdc79490e88', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (index.h("div", { key: 'd0b89fc24b7304a8e61e5157bcf4bdae3bdb26ca', class: cn.cn('flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm font-medium', {
+            }) }, this.icon && (index.h("p-icon", { key: '20f67e7082c6cffa555b7411a2b81ced7263c9f2', class: 'flex-shrink-0', flip: this.iconFlip, rotate: this.iconRotate, variant: this.icon })), !this.iconOnly && (index.h("div", { key: 'ff2f20fc5eaeb3bb8eb5aa3956819c52aeaf03df', class: cn.cn(`
+          flex-1 overflow-hidden text-ellipsis whitespace-nowrap text-sm
+          font-medium
+        `, {
                 hidden: !this.keepMobileContent,
                 'desktop-xs:block': !this.keepMobileContent,
-            }) }, index.h("slot", { key: 'ad87aa170cc6f7980678a1cfc25f5dbdf510127e' }))))));
+            }) }, index.h("slot", { key: '3e11788ad3fb910d573d6f63ac7d57a7671687b2' }))))));
     }
 };
 Label.style = labelComponentCss();

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

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

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

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

package/dist/cjs/p-modal-body_4.cjs.entry.js

@@ -9,14 +9,23 @@ require('./state-DM8SZBNO.js');
 
 const modalBodyComponentCss = () => `*{box-sizing:border-box}.static{position:static}.-mt-px{margin-top:-1px}.rounded{border-radius:.25rem}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-t-lg{border-top-left-radius:.5rem;border-top-right-radius:.5rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.pb-4{padding-bottom:1rem}.pb-\\[calc\\(env\\(safe-area-inset-bottom\\)\\+1rem\\)\\]{padding-bottom:calc(env(safe-area-inset-bottom) + 1rem)}@media (min-width:64rem){.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}.desktop-xs\\:rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}}.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\\: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))}`;
 
-const body = index$1.cva('bg-white dark:bg-hurricane-600 p-4 -mt-px', {
+const body = index$1.cva(`
+   -mt-px bg-white p-4
+   dark:bg-hurricane-600
+ `, {
     variants: {
         roundedBottom: {
-            true: 'rounded-b-none desktop-xs:rounded-b-2xl pb-[calc(env(safe-area-inset-bottom)+1rem)]',
+            true: `
+      rounded-b-none pb-[calc(env(safe-area-inset-bottom)+1rem)]
+      desktop-xs:rounded-b-2xl
+    `,
             false: 'pb-4',
         },
         roundedTop: {
-            true: 'rounded-t-lg desktop-xs:rounded-t-2xl',
+            true: `
+      rounded-t-lg
+      desktop-xs:rounded-t-2xl
+    `,
             false: null,
         },
     },
@@ -34,10 +43,10 @@ const ModalBody = class {
      */
     roundedTop = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '4dd5344c568a1b856dd92e13a982d8c2346f32a9' }, index.h("div", { key: '755f6e8625cdafc7b2c861e849a0434f6b104a4a', class: body({
+        return (index.h(themedHost_component.ThemedHost, { key: '4f460cc8150f3610e72bdeb18040abe0be4f88a6' }, index.h("div", { key: '5c6027a2eb2aa2efe427acd5b5ff621c0908a794', class: body({
                 roundedBottom: this.roundedBottom,
                 roundedTop: this.roundedTop,
-            }) }, index.h("slot", { key: 'a10c0615d4f3246cff520e87a1e82dff4f177aec' }))));
+            }) }, index.h("slot", { key: 'fbb1db79d47487b2fa20f98f3233fb04fa8c3782' }))));
     }
 };
 ModalBody.style = modalBodyComponentCss();
@@ -45,12 +54,15 @@ ModalBody.style = modalBodyComponentCss();
 const modalContainerComponentCss = () => `.flex{display:flex}.w-full{width:100%}.justify-center{justify-content:center}*{box-sizing:border-box}:host{display:flex;justify-content:center;width:100%}@media (min-width:64rem){:host{margin:auto}}.pointer-events-none{pointer-events:none}.static{position:static}.z-modal{z-index:600}.max-h-\\[calc\\(100dvh-4rem\\)\\]{max-height:calc(100dvh - 4rem)}.min-w-0{min-width:0}.flex-1{flex:1 1 0%}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards}.flex-col{flex-direction:column}.rounded-b-none{border-bottom-left-radius:0;border-bottom-right-radius:0}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.shadow-modal{--tw-shadow:0 0 0 1px rgba(0,2,2,.1),0 1px 1px 0 rgba(0,2,2,.2),0 2px 2px 0 rgba(0,2,2,.08),0 4px 4px 0 rgba(0,2,2,.08),0 8px 8px 0 rgba(0,2,2,.08);--tw-shadow-colored:0 0 0 1px var(--tw-shadow-color),0 1px 1px 0 var(--tw-shadow-color),0 2px 2px 0 var(--tw-shadow-color),0 4px 4px 0 var(--tw-shadow-color),0 8px 8px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}.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-\\[20rem\\]{max-width:20rem}.tablet\\:max-w-\\[35rem\\]{max-width:35rem}.tablet\\:max-w-\\[41rem\\]{max-width:41rem}.tablet\\:max-w-\\[45rem\\]{max-width:45rem}.tablet\\:max-w-\\[65rem\\]{max-width:65rem}}@media (min-width:64rem){@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards}.desktop-xs\\:rounded-b-2xl{border-bottom-left-radius:1rem;border-bottom-right-radius:1rem}}.dark\\:border:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-width:1px}.dark\\:border-solid:where(:host([data-theme=dark]),:host([data-theme=dark]) *){border-style:solid}.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:where([data-theme=dark],[data-theme=dark] *){border-width:1px}.dark\\:border-solid:where([data-theme=dark],[data-theme=dark] *){border-style:solid}.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))}`;
 
 const container = index$1.cva([
-    'flex-1 min-w-0 w-full',
+    'w-full min-w-0 flex-1',
     'z-modal flex flex-col',
-    'rounded-b-none rounded-t-2xl desktop-xs:rounded-b-2xl',
+    `
+    rounded-b-none rounded-t-2xl
+    desktop-xs:rounded-b-2xl
+  `,
     'max-h-[calc(100dvh-4rem)]',
     'shadow-modal',
-    'dark:border-hurricane-400 dark:border dark:border-solid',
+    'dark:border dark:border-solid dark:border-hurricane-400',
 ], {
     variants: {
         size: {
@@ -61,8 +73,14 @@ const container = index$1.cva([
             '2xl': 'tablet:max-w-[65rem]',
         },
         closing: {
-            false: 'animate-slide-in-bottom desktop-xs:animate-slide-in-bottom-small',
-            true: 'animate-slide-out-bottom desktop-xs:animate-slide-out-bottom-small pointer-events-none',
+            false: `
+      animate-slide-in-bottom
+      desktop-xs:animate-slide-in-bottom-small
+    `,
+            true: `
+      pointer-events-none animate-slide-out-bottom
+      desktop-xs:animate-slide-out-bottom-small
+    `,
         },
     },
 });
@@ -79,10 +97,10 @@ const ModalContainer = class {
      */
     closing = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '918f998bf6ff9f8aa64a323ef7e9208a6205467e' }, index.h("div", { key: '531c0bc3232ff4f1bb795cc8a9c3c469b5c4a2f7', class: container({
+        return (index.h(themedHost_component.ThemedHost, { key: 'd3989b7b4ba97896e66811db665c689d82b32780' }, index.h("div", { key: 'cf54c0f6285357f72066f7086cd12c1718c9711a', class: container({
                 size: this.size,
                 closing: asBoolean.asBoolean(this.closing),
-            }) }, index.h("slot", { key: 'fa2d654b38a33243cc1d437009caee6f262e88a8' }))));
+            }) }, index.h("slot", { key: '96a7d44c3e1970d6be09f32176eaa47110b775c6' }))));
     }
 };
 ModalContainer.style = modalContainerComponentCss();
@@ -94,7 +112,7 @@ const ModalFooter = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: 'db7731369d6e62f4e6cd9a45d49202c1d9600284' }, index.h("div", { key: '28bba6b89dcfeaa6d91e295575f8559a82bcb17c', class: 'flex flex-col rounded-b-none bg-white px-4 pb-[calc(env(safe-area-inset-bottom)+1rem)] desktop-xs:rounded-b-2xl dark:bg-hurricane-600' }, index.h("p-divider", { key: 'd6449db5feef9f6553399b7ca8476fdaa8e38ebe', class: 'mb-4 hidden text-off-white-700 desktop-xs:inline-block dark:text-white/10' }), index.h("div", { key: 'ad7ba6598fc59911c04089471c03297de2f03c1f', class: 'flex flex-col gap-4 tablet:flex-row' }, index.h("slot", { key: 'dddec1e9fd3580b37b08b5f988d4f7efae24eeca' })))));
+        return (index.h(themedHost_component.ThemedHost, { key: 'db7731369d6e62f4e6cd9a45d49202c1d9600284' }, index.h("div", { key: 'a0ef39283aa6a636ccf2e2aed077c5e4b78be0b2', class: '\n       flex flex-col rounded-b-none bg-white px-4\n       pb-[calc(env(safe-area-inset-bottom)+1rem)]\n       desktop-xs:rounded-b-2xl\n       dark:bg-hurricane-600\n     ' }, index.h("p-divider", { key: '307cc08feaf5555108d153a8b956ced52a24848b', class: '\n        mb-4 hidden text-off-white-700\n        desktop-xs:inline-block\n        dark:text-white/10\n      ' }), index.h("div", { key: '1e21b3ceb5e1eb58115b3d46c2c36771c8f0842e', class: '\n        flex flex-col gap-4\n        tablet:flex-row\n      ' }, index.h("slot", { key: 'f383532efab19f9810097b2712c18184b18967a1' })))));
     }
 };
 ModalFooter.style = modalFooterComponentCss();
@@ -102,15 +120,21 @@ ModalFooter.style = modalFooterComponentCss();
 const modalHeaderComponentCss = () => `*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.relative{position:relative}.left-1\\/2{left:50%}.top-1\\/2{top:50%}.z-\\[1\\]{z-index:1}.flex{display:flex}.inline-flex{display:inline-flex}.aspect-\\[7\\/1\\]{aspect-ratio:7/1}.h-12{height:3rem}.max-h-28{max-height:7rem}.w-\\[calc\\(100\\%-7rem\\)\\]{width:calc(100% - 7rem)}.w-full{width:100%}.flex-1{flex:1 1 0%}.-translate-x-1\\/2{--tw-translate-x:-50%}.-translate-x-1\\/2,.-translate-y-1\\/2{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-translate-y-1\\/2{--tw-translate-y:-50%}.flex-col{flex-direction:column}.justify-end{justify-content:flex-end}.overflow-hidden{overflow:hidden}.rounded-t-2xl{border-top-left-radius:1rem;border-top-right-radius:1rem}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.pb-0{padding-bottom:0}.text-center{text-align:center}.text-2xl{font-size:1.5rem;line-height:2rem}.font-bold{font-weight:700}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:bg-hurricane-600:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-400:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:bg-hurricane-600:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(46 52 62/var(--tw-bg-opacity,1))}.dark\\:text-hurricane-400:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
 
 const header = index$1.cva([
-    'w-full flex-col bg-white dark:bg-hurricane-600 relative rounded-t-2xl overflow-hidden z-[1]',
+    `
+   relative z-[1] w-full flex-col overflow-hidden rounded-t-2xl bg-white
+   dark:bg-hurricane-600
+ `,
     'inline-flex aspect-[7/1] max-h-28',
 ]);
-const content = index$1.cva(['flex justify-end', 'w-full p-4 pb-0 h-12']);
+const content = index$1.cva(['flex justify-end', 'h-12 w-full p-4 pb-0']);
 const title = index$1.cva([
     'flex-1 text-center',
     'w-[calc(100%-7rem)]',
-    'absolute top-1/2 -translate-y-1/2 left-1/2 -translate-x-1/2',
-    'text-storm-500 dark:text-white text-2xl text-ambit font-bold',
+    'absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2',
+    `
+   text-ambit text-2xl font-bold text-storm-500
+   dark:text-white
+ `,
 ]);
 const ModalHeader = class {
     constructor(hostRef) {
@@ -126,7 +150,7 @@ const ModalHeader = class {
      */
     close;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '61310ca15062863fa75788e8621c845829835a83' }, index.h("div", { key: '45d347c0906fb178470a22ee073f78d2c83a625d', class: header() }, index.h("div", { key: 'cd7903f26712a92149166a9016f397701c216ee3', class: content() }, index.h("div", { key: 'e1aa409159b2c19f97682ba5de0ebcdbca799e7a', class: title() }, index.h("slot", { key: '605016d68fa57dde900543c0cee048f078613fa7' })), this.showClose && (index.h("p-button", { key: '885ebd89b2f63609e658debad4137df0dfb03b8c', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) }))), index.h("p-smile", { key: 'f461107c6a15c7c58e5944b0b19e54ff0ce88305', class: 'dark:text-hurricane-400' }))));
+        return (index.h(themedHost_component.ThemedHost, { key: 'dbb51f33774127b65d699fba9053651fd98509bb' }, index.h("div", { key: 'b3d864bbf0b006ce7247c282f889c4500bb6c379', class: header() }, index.h("div", { key: 'd8b71c2d987b85e946b4c49372561290ff1ae54d', class: content() }, index.h("div", { key: 'acb36bfe313501f90a9f034de27cbcc2909d1256', class: title() }, index.h("slot", { key: '4a7b12ebae3fbe321a47a9e0e00572b3e2bc01bc' })), this.showClose && (index.h("p-button", { key: '069df47301c8ce0790ca61d8141f21fcc3191258', icon: 'negative', iconOnly: true, variant: 'secondary', onClick: ev => this.close.emit(ev) }))), index.h("p-smile", { key: 'ab9cdfc56527962b7414b574fde67dbb4c046f29', class: 'dark:text-hurricane-400' }))));
     }
 };
 ModalHeader.style = modalHeaderComponentCss();

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

@@ -10,19 +10,31 @@ const navbarComponentCss = () => `.w-full{width:100%}.max-h-screen-safe{max-heig
 
 const sidebarAndTopbar = index$1.cva([
     'transition',
-    'bg-off-white-300 dark:bg-hurricane-800',
-    'border-0 border-solid border-off-white-700 dark:border-hurricane-500',
+    `
+   bg-off-white-300
+   dark:bg-hurricane-800
+ `,
+    `
+   border-0 border-solid border-off-white-700
+   dark:border-hurricane-500
+ `,
     'p-4',
 ]);
 const sidebar = index$1.cva([
     'flex flex-col',
     'fixed left-0 top-0 z-navbar h-screen w-60',
     'w-full max-w-[16.5rem]',
-    'layout-1280:relative layout-1280:z-0 layout-1280:max-w-none layout-1280:h-full',
+    `
+    layout-1280:relative layout-1280:z-0 layout-1280:h-full
+    layout-1280:max-w-none
+  `,
     'gap-6',
     'transition-all',
     'will-change-transform',
-    '-translate-x-full transform-gpu layout-1280:translate-x-0',
+    `
+    -translate-x-full transform-gpu
+    layout-1280:translate-x-0
+  `,
     'border-r',
     'safe-sidebar',
 ], {
@@ -34,16 +46,21 @@ const sidebar = index$1.cva([
     },
 });
 const topbar = index$1.cva([
-    'flex w-full justify-between items-center',
+    'flex w-full items-center justify-between',
     'relative z-navbar-topbar',
     'border-b',
     'layout-1280:hidden',
     'safe-topbar',
 ]);
-const backdrop = index$1.cva(['z-navbar-backdrop layout-1280:hidden transition-opacity relative'], {
+const backdrop = index$1.cva([
+    `
+    relative z-navbar-backdrop transition-opacity
+    layout-1280:hidden
+  `,
+], {
     variants: {
         show: {
-            false: 'opacity-0 pointer-events-none',
+            false: 'pointer-events-none opacity-0',
             true: 'opacity-100',
         },
     },
@@ -54,7 +71,7 @@ const Navbar = class {
     }
     _show = false;
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: 'ee599d3472ef0a332d17353d8e7f559e36d5529b' }, index.h("p-backdrop", { key: 'aa5b71247881e2a23998bab23f194ff6f58a6662', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), index.h("div", { key: '121da670f6b7dbbfbce4a018c56b56ac1352c212', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, index.h("div", { key: 'e789b6c904b4715c271e03324d8e8643acd5d8a8', class: 'flex w-full items-center justify-end layout-1280:hidden' }, index.h("p-button", { key: '9d6f49157fc731f91ff34bc7e37aebe40c5d0612', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), index.h("div", { key: 'c88909335eed7df5a93b32a65d24b1a8ff2a3f19', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, index.h("slot", { key: 'e09b2eaefb99e51502f3629c377728d298b0e8d9', name: 'company' })), index.h("div", { key: '2ce82f037a53e8529d834958812d74f3cdd25ef2', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, index.h("slot", { key: 'eaf615dd6f9d5b8fb260fe5a10c43b1e0b6f52c0', name: 'content' })), index.h("div", { key: '9b8bedc34ab2bcbe8935426007b6fd8c2d33c177', class: 'mt-auto hidden w-full flex-shrink-0 flex-col layout-1280:flex' }, index.h("slot", { key: '7a4889a2554cad25f9e8be122863fb5c2783376d', name: 'user' }))), index.h("div", { key: 'e9d88767781757f7fc81c772fbe750a15a03fa6c', class: topbar({ class: sidebarAndTopbar() }) }, index.h("p-button", { key: '3517c55339958c4461f20b190c220358658a71cf', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), index.h("slot", { key: 'b89f63dfbeba643e3f46f72e6862944ba75f1213', name: 'topbar' }))));
+        return (index.h(themedHost_component.ThemedHost, { key: 'e6140399cd45343a3e16a6418539f30a7bc06405' }, index.h("p-backdrop", { key: '24fc4cdca947a947105591e25fbc6f7682f64ed4', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), index.h("div", { key: '0b9691b00c84c4639860f40343316b1d42b53b26', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, index.h("div", { key: 'b9fff9390b8d735b0ea792cdc289c103aa3aa350', class: '\n        flex w-full items-center justify-end\n        layout-1280:hidden\n      ' }, index.h("p-button", { key: 'a13c500530dc614c56f84afa0a761d1d99abacfa', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), index.h("div", { key: 'c8ee2b2c29bd01d741549a3afca9e06636c0cd3b', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, index.h("slot", { key: '0824da3fcf5e35ff166e54ce95c917142a4bde94', name: 'company' })), index.h("div", { key: '0ba905bfbf5f3a23a0f79d560790d91f34040ef7', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, index.h("slot", { key: '27be57ecd655d89fa8c2576321fc4d10f2008717', name: 'content' })), index.h("div", { key: '5ed6652b93d0ca2e567a2f611a667b20c15faab6', class: '\n        mt-auto hidden w-full flex-shrink-0 flex-col\n        layout-1280:flex\n      ' }, index.h("slot", { key: 'b8152c3081703b2e88ac25b45e40c767407fd947', name: 'user' }))), index.h("div", { key: '51bc9f577cc3edb1d676a4740476359625efd6d3', class: topbar({ class: sidebarAndTopbar() }) }, index.h("p-button", { key: '22dbff73b42867f98d11a7e4f4319f98f62d37ac', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), index.h("slot", { key: '717fb0a04a59f535d0b53dc91457393cadf014dc', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/cjs/p-navigation-item.cjs.entry.js

@@ -13,20 +13,32 @@ const navigationItemComponentCss = () => `*.sc-p-navigation-item{box-sizing:bord
 const navigationItem = index$1.cva([
     'h-8 w-[inherit]',
     'flex items-center gap-2',
-    'hover:text-storm-500 dark:hover:text-white',
+    `
+    hover:text-storm-500
+    dark:hover:text-white
+  `,
     'rounded-lg',
-    'py-1 px-2',
+    'px-2 py-1',
     'text-sm font-medium',
     'cursor-pointer',
 ], {
     variants: {
         active: {
             false: [
-                'text-storm-400 dark:text-hurricane-200',
-                'hover:bg-off-white-500 dark:hover:bg-white/10',
+                `
+       text-storm-400
+       dark:text-hurricane-200
+     `,
+                `
+       hover:bg-off-white-500
+       dark:hover:bg-white/10
+     `,
             ],
             true: [
-                'bg-off-white-600 dark:bg-white/10 text-storm-500 dark:text-white font-semibold',
+                `
+       bg-off-white-600 font-semibold text-storm-500
+       dark:bg-white/10 dark:text-white
+     `,
             ],
         },
         icon: {
@@ -35,7 +47,7 @@ const navigationItem = index$1.cva([
         },
     },
 });
-const navigationItemIconContainer = index$1.cva(['flex h-6 aspect-branding items-center justify-center rounded-full'], {
+const navigationItemIconContainer = index$1.cva(['flex aspect-branding h-6 items-center justify-center rounded-full'], {
     variants: {
         active: {
             false: false,
@@ -86,13 +98,13 @@ const NavigationItem = class {
     render() {
         const TagType = this.as;
         const active = asBoolean.asBoolean(this.active) || this.class?.includes('active');
-        return (index.h(themedHost_component.ThemedHost, { key: 'bbbc6fe9a5cbb86e272b031619120aa4de22dd1d', class: cn.cn('p-navigation-item inline-block', this.class) }, index.h(TagType, { key: '0bd8377b3e5a0d0a5ad987ecc039364935093b60', class: navigationItem({
+        return (index.h(themedHost_component.ThemedHost, { key: '9618d8427117bdcc2809e8f1a81174d0d99366c9', class: cn.cn('p-navigation-item inline-block', this.class) }, index.h(TagType, { key: '3db385fe49b1eba6b032494d8f303aa5e1e60c01', class: navigationItem({
                 icon: !!this.icon,
                 active,
-            }), href: this.href, target: this.target }, index.h("div", { key: '4be9bc173eaa742240660646fb01f98ba9ccb063', class: navigationItemIconContainer({ active }) }, index.h("p-icon", { key: '011712d489f21e6f339e89319c6fda9582e50b7b', variant: this.icon })), index.h("span", { key: '5074414a36d7c7a6662ccdd49c1486a868952d0c', class: cn.cn({
+            }), href: this.href, target: this.target }, index.h("div", { key: '7c97ebc4d504b06bb795b4885be0250f0c839882', class: navigationItemIconContainer({ active }) }, index.h("p-icon", { key: '881b8afabc70357e31783903c5c8956cae6b34a6', variant: this.icon })), index.h("span", { key: '509205092f325b8037a8abaf51ce314136c15621', class: cn.cn({
                 'has-counter': !!this.counter,
                 'w-full': this.applyFullWidth,
-            }) }, index.h("slot", { key: '32ffee98ef6e055203ab5b10f1c87fc06a0afc5d' })), !!this.counter && this.counter !== '0' && (index.h("p-badge", { key: '5579ff2571fbabae627e34df722ee0a641b59516' }, this.counter)), !!this.loading && index.h("p-loader", { key: '3fbd06bbe36c9110c0707d07389e4d75d98f5b92', class: 'ml-auto' }))));
+            }) }, index.h("slot", { key: '0573c0d5ea35d1b72de532cd46c4b53bf97d956e' })), !!this.counter && this.counter !== '0' && (index.h("p-badge", { key: 'cac8304e8a0f23e3fe1f81279f916d6e83a3a652' }, this.counter)), !!this.loading && index.h("p-loader", { key: '949b2eed1d715a0a98a831ad649ffbeba5787577', class: 'ml-auto' }))));
     }
 };
 NavigationItem.style = navigationItemComponentCss();

package/dist/cjs/p-navigation-title.cjs.entry.js

@@ -11,7 +11,7 @@ const NavigationTitle = class {
         index.registerInstance(this, hostRef);
     }
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '8b616d4e4a24357aedf52f2e0b9a8ee6a4e2da0c', class: 'text-xs font-medium text-storm-300 dark:text-hurricane-200' }, index.h("slot", { key: '47cfce47aa289872078e90d097ab78e1232f9cac' })));
+        return (index.h(themedHost_component.ThemedHost, { key: 'c265a1688d2e50bbd288e93227d5cfd9e37b453f', class: '\n      text-xs font-medium text-storm-300\n      dark:text-hurricane-200\n    ' }, index.h("slot", { key: 'e274095b3c138155d6370559eb691a77461b647d' })));
     }
 };
 NavigationTitle.style = navigationTitleComponentCss();

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

@@ -17,8 +17,8 @@ const pagination$1 = index$1.cva([
     'p-pagination',
     'items-center gap-2',
     'rounded-full',
-    'bg-off-white-300 border border-solid border-off-white-700',
-    'dark:bg-hurricane-500 dark:border-hurricane-400',
+    'border border-solid border-off-white-700 bg-off-white-300',
+    'dark:border-hurricane-400 dark:bg-hurricane-500',
     'p-1',
 ], {
     variants: {
@@ -83,7 +83,7 @@ const Pagination = class {
                     (!this.enablePaginationSize && !this.enablePaginationPages),
             }) }, this.enablePaginationPages && this.enablePaginationSize && (index.h(index.Fragment, { key: '5812bfaaee47936e0f1d910c4da0421589e5cf9b' }, index.h("p-pagination-size", { key: '2fe1f8e733d96ef2843d184f17c02b2db44b3fb5', hidden: hidePageSizeSelect, size: this.pageSize, sizeOptions: this.pageSizeOptions, onSizeChange: ({ detail }) => this._changePageSize(detail) }), !hidePageSizeSelect &&
             this.hideOnSinglePage &&
-            this._hasPaginationPages && (index.h("p-divider", { key: 'fa14cc1d718604f931f95ee9d2accd28b1bf43e7', class: 'mx-0 h-4 text-off-white-700 dark:text-hurricane-400', variant: 'vertical' })))), this.enablePaginationPages && (index.h("p-pagination-pages", { key: '265840dfb523c4330e5c44a00fe28d9397f7b45c', hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
+            this._hasPaginationPages && (index.h("p-divider", { key: 'c8062527297b143b8aaf4c11cf7038a8a99c7df5', class: '\n            mx-0 h-4 text-off-white-700\n            dark:text-hurricane-400\n          ', variant: 'vertical' })))), this.enablePaginationPages && (index.h("p-pagination-pages", { key: 'd52f747c7a82ff3d7ef285a2430fad635f34475c', hideOnSinglePage: this.hideOnSinglePage, page: this.page, pageSize: this.pageSize, total: this.total, onPageChange: ({ detail }) => this.pageChange.emit(detail), onPagesChange: ({ detail }) => {
                 this._hasPaginationPages = detail > 1;
                 this.pagesChange.emit(detail);
             } })))));
@@ -100,7 +100,7 @@ Pagination.style = paginationComponentCss();
 
 const paginationPagesComponentCss = () => `*{box-sizing:border-box}.static{position:static}.mt-2{margin-top:.5rem}.flex{display:flex}.hidden{display:none}.w-28{width:7rem}.items-center{align-items:center}.gap-2{gap:.5rem}`;
 
-const pagination = index$1.cva(['p-pagination', 'flex gap-2 items-center'], {
+const pagination = index$1.cva(['p-pagination', 'flex items-center gap-2'], {
     variants: {
         hidden: {
             false: 'flex',
@@ -382,20 +382,26 @@ const paginationSize = index$1.cva('p-pagination-size', {
 const trigger = index$1.cva([
     'group/pagination-size-trigger',
     'flex items-center gap-2',
-    'px-2 h-6',
-    'text-sm text-storm-500 font-medium ',
+    'h-6 px-2',
+    'text-sm font-medium text-storm-500',
     'dark:text-white',
     'cursor-pointer rounded-full',
-    'shadow-1 border border-solid',
+    'border border-solid shadow-1',
 ], {
     variants: {
         active: {
             false: [
-                'bg-white hover:bg-white-600 border-transparent',
-                'dark:bg-white/15 dark:hover:bg-white/25',
+                `
+       border-transparent bg-white
+       hover:bg-white-600
+     `,
+                `
+       dark:bg-white/15
+       dark:hover:bg-white/25
+     `,
             ],
             true: [
-                'bg-white-600 border-indigo-600 ring ring-2 ring-indigo-100',
+                'border-indigo-600 bg-white-600 ring ring-2 ring-indigo-100',
                 'dark:bg-white/25 dark:ring-0',
             ],
         },
@@ -440,18 +446,18 @@ const PaginationSize = class {
         this._setLocales();
     }
     render() {
-        return (index.h(themedHost_component.ThemedHost, { key: '1062e4a018038b23e5514a50f9fa658b6fae7010', class: paginationSize({ hidden: asBoolean.asBoolean(this.hidden) }) }, index.h("p-dropdown", { key: '521979380d535dcd911c26b881338ddaaf3e7344', applyFullWidth: true, applyMaxWidth: false, chevronDirection: 'down', placement: 'top-start', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, index.h("div", { key: '81cdccac14a27636661d30889d5894a9fb5d7ce6', class: trigger({
+        return (index.h(themedHost_component.ThemedHost, { key: 'bd468fb3b2889b8cd35ea4cbe39423e47c804e20', class: paginationSize({ hidden: asBoolean.asBoolean(this.hidden) }) }, index.h("p-dropdown", { key: 'd8e97c2c1f86d393d7c2c2bb6e8fbf6a0f44567e', applyFullWidth: true, applyMaxWidth: false, chevronDirection: 'down', placement: 'top-start', onIsOpen: ({ detail }) => (this.dropdownIsOpen = detail) }, index.h("div", { key: 'ff75dd123c0a3543ef2118d0a14f15aae96f49f8', class: trigger({
                 active: this.dropdownIsOpen,
-            }), slot: 'trigger' }, index.h("p", { key: '3477755b3365205fef5a3e3f8f465f0d1d41ddd1', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
+            }), slot: 'trigger' }, index.h("p", { key: '986ddcf2e5c81ff4dc132aa3612764508e6287d4', class: 'min-w-0 flex-1 overflow-hidden text-ellipsis text-nowrap' }, this.itemTemplate
             ? this.itemTemplate(this.size)
-            : this._defaultItemTemplate(this.size)), index.h("p-icon", { key: 'f08b75643a97c86192e87893c80ad67b9cf61a9d', class: cn.cn([
+            : this._defaultItemTemplate(this.size)), index.h("p-icon", { key: '4b335f1178302bcbd7682be7c442eab43e8950d5', class: cn.cn([
                 'flex-shrink-0',
                 'group-hover/pagination-size-trigger:text-storm-500',
                 'dark:group-hover/pagination-size-trigger:text-white',
             ], {
                 'text-storm-300 dark:text-hurricane-200': !this.dropdownIsOpen,
                 'text-storm-500 dark:text-white': !!this.dropdownIsOpen,
-            }), size: 'sm', variant: 'double-caret' })), index.h("slot", { key: '4ac113bf401a0a3019c6430a58f5cfd8a153e5c4', slot: 'items' }, this.sizeOptions.map(option => (index.h("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
+            }), size: 'sm', variant: 'double-caret' })), index.h("slot", { key: 'b26417bae87adfb4d18452c8d953fe4faa4bd868', slot: 'items' }, this.sizeOptions.map(option => (index.h("p-dropdown-menu-item", { active: option === this.size, onClick: () => this._changeSize(option) }, this.itemTemplate
             ? this.itemTemplate(option)
             : this._defaultItemTemplate(option))))))));
     }

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

@@ -8,7 +8,7 @@ require('./state-DM8SZBNO.js');
 
 const profileComponentCss = () => `*{box-sizing:border-box}.static{position:static}.absolute{position:absolute}.my-0{margin-bottom:0;margin-top:0}.flex{display:flex}.h-10{height:2.5rem}.w-auto{width:auto}.w-full{width:100%}.min-w-0{min-width:0}.max-w-full{max-width:100%}.flex-1{flex:1 1 0%}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-center{align-items:center}.gap-2{gap:.5rem}.overflow-hidden{overflow:hidden}.text-ellipsis{text-overflow:ellipsis}.whitespace-nowrap{white-space:nowrap}.py-1{padding-bottom:.25rem;padding-top:.25rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xs{font-size:.75rem;line-height:1rem}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-storm-400{--tw-text-opacity:1;color:rgb(70 75 84/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.dark\\:text-hurricane-200:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.dark\\:text-hurricane-200:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.dark\\:text-white:where([data-theme=dark],[data-theme=dark] *){--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}`;
 
-const profileContent = index$1.cva(['flex gap-2 items-center flex-1 min-w-0'], {
+const profileContent = index$1.cva(['flex min-w-0 flex-1 items-center gap-2'], {
     variants: {
         dropdown: {
             false: 'h-10 py-1',
@@ -49,7 +49,7 @@ const Profile = class {
     _getContent() {
         return (index.h("div", { class: profileContent({
                 dropdown: this._hasDropdownSlot,
-            }) }, index.h("slot", { name: 'avatar' }), index.h("div", { class: 'flex min-w-0 flex-1 flex-col items-start' }, index.h("p", { class: 'my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-sm font-semibold text-storm-500 dark:text-white' }, index.h("slot", { name: 'title' })), index.h("p", { class: 'my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs font-medium text-storm-400 dark:text-hurricane-200' }, index.h("slot", { name: 'subtitle' }))), index.h("slot", { name: 'post-title' })));
+            }) }, index.h("slot", { name: 'avatar' }), index.h("div", { class: 'flex min-w-0 flex-1 flex-col items-start' }, index.h("p", { class: '\n        my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap\n        text-sm font-semibold text-storm-500\n        dark:text-white\n      ' }, index.h("slot", { name: 'title' })), index.h("p", { class: '\n        my-0 w-auto max-w-full overflow-hidden text-ellipsis whitespace-nowrap\n        text-xs font-medium text-storm-400\n        dark:text-hurricane-200\n      ' }, index.h("slot", { name: 'subtitle' }))), index.h("slot", { name: 'post-title' })));
     }
     _updateAvatar() {
         const avatar = this._el.querySelector('p-avatar[slot="avatar"]');