@paperless/core 3.4.0 → 3.4.1

package/dist/collection/components/molecules/table/row/table-row.component.js

@@ -37,10 +37,10 @@ const row = cva(['flex min-w-[calc(100%-0.5rem)] flex-col', 'group', 'relative']
             class: [
                 'rounded-lg transition-colors',
                 `
-       bg-off-white-300
-       dark:bg-hurricane-400
-       dark:hover:bg-hurricane-400
-     `,
+						bg-off-white-300
+						dark:bg-hurricane-400
+						dark:hover:bg-hurricane-400
+					`,
             ],
         },
         {
@@ -70,9 +70,9 @@ const content = cva('relative flex min-w-full flex-nowrap items-stretch justify-
         {
             variant: ['default', 'secondary'],
             class: `
-      min-h-14 py-2
-      tablet:py-4
-    `,
+					min-h-14 py-2
+					tablet:py-4
+				`,
         },
         {
             variant: ['header', 'header-secondary'],
@@ -84,9 +84,9 @@ const actions = cva([
     'absolute -right-4 top-1 z-[2]',
     'h-[calc(100%-0.5rem)]',
     `
-   opacity-0 transition-opacity
-   group-hover:opacity-100
- `,
+		opacity-0 transition-opacity
+		group-hover:opacity-100
+	`,
     'empty:hidden',
 ]);
 export class TableRow {
@@ -107,13 +107,13 @@ export class TableRow {
      */
     isLast = false;
     render() {
-        return (h(ThemedHost, { key: '0d120affd1a9979fee9871f4185e5be8128235e8' }, h("div", { key: '5686db4396a01a88c3962bc6a821c0e1552c13f1', class: 'flex flex-col' }, h("div", { key: '71e6470049acc4b3acebbb478ebd8fba5f36d688', class: row({
+        return (h(ThemedHost, { key: '48909fcc53360eac03773986a2285dbbefa85a52' }, h("div", { key: '0381c54ac8aa2315a1dfef5b71b38ef1688dc841', class: 'flex flex-col' }, h("div", { key: 'edc89387e7ba20fa45b67210dec29436f2460127', class: row({
                 variant: this.variant,
                 enableHover: this.enableHover,
                 checked: this.checked,
-            }) }, h("div", { key: 'e2d1a4259be84eca424d30d53a88a7a8cdb2336c', class: content({
+            }) }, h("div", { key: '10fd953e0c0f078af1d8c684a926fe3570aa0d7a', class: content({
                 variant: this.variant,
-            }) }, h("slot", { key: '7457daaf7e4fd01b21c68d048ff9dfed9387b507' }), h("div", { key: '780993e2462abeb10d1c56a15bd29bc77348bcdd', class: actions() }, h("slot", { key: 'e2ff2aa57ae3754fe904cde800a0dc6d9da192ed', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '5a76c8dca2fa8bdfd6476362d83f30b0832d1762' })))));
+            }) }, h("slot", { key: '1523017ded3bbd7b97ca33f030c631efb5c89fe6' }), h("div", { key: 'e9fda11a0c6c4e9f958cb7c806cad22ba55f2b84', class: actions() }, h("slot", { key: '1bb54521483fad6f4ae930b3a28ff4bb841ca0fe', name: 'actions' })))), !asBoolean(this.isLast) && this.variant !== 'secondary' && (h("p-divider", { key: '5ea7a25f675667a320345af30b1169b0a4cf48e6' })))));
     }
     static get is() { return "p-table-row"; }
     static get encapsulation() { return "shadow"; }

package/dist/collection/components/molecules/toast/toast.component.css

@@ -1 +1 @@
-*{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))}
+*{box-sizing:border-box}.static{position:static}.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}.text-storm-200{--tw-text-opacity:1;color:rgb(163 165 169/var(--tw-text-opacity,1))}.text-storm-500{--tw-text-opacity:1;color:rgb(24 30 41/var(--tw-text-opacity,1))}.hover\:text-white:hover{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-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\: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))}

package/dist/collection/components/molecules/toast/toast.component.js

@@ -5,21 +5,21 @@ const indicator = cva('h-9 w-[2px] flex-shrink-0 rounded-full', {
     variants: {
         variant: {
             neutral: `
-     bg-indigo-800
-     dark:bg-indigo-400
-   `,
+				bg-indigo-800
+				dark:bg-indigo-400
+			`,
             positive: `
-     bg-positive-green-500
-     dark:bg-positive-green-alternative
-   `,
+				bg-positive-green-500
+				dark:bg-positive-green-alternative
+			`,
             biased: `
-     bg-amber-500
-     dark:bg-amber-alternative
-   `,
+				bg-amber-500
+				dark:bg-amber-alternative
+			`,
             negative: `
-     bg-negative-red-500
-     dark:bg-negative-red-alternative
-   `,
+				bg-negative-red-500
+				dark:bg-negative-red-alternative
+			`,
         },
     },
 });
@@ -61,7 +61,7 @@ export class Toast {
      */
     action;
     render() {
-        return (h(ThemedHost, { key: '8d36846b85c4e661ccd81533ac05eb6a651bedb6' }, h("div", { key: '5a60824f6868fa38893b7e451850f6e181caa95c', 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: 'c3ebd2eecb1f3378176653bfe7ae96bd9b7b4b13', class: indicator({ variant: this.variant }) }), h("div", { key: '89ce39565adb3958a12551d5021f7ab86c9babb5', class: content() }, h("div", { key: '9c833a877f81b34c53ff73378b799fad436e76fd', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: '7ec87f298e4dda01ff689f877d436c726abef8a5', 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: '08c6c263d6ce9915b055fc24e4b0aca7d2b7bfc2', 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: '111084df846674e17f00ec8c7902a099f05a1e58', 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: '660342af8a7f33cdd2495cf03fd54fe8923babc8', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
+        return (h(ThemedHost, { key: 'dd2edc532981b00d9e2112f241a35059a05dba6d' }, h("div", { key: '947adcad83baccb898c6e5e61f2cde182744ec77', class: '\n\t\t\t\t\t\tflex gap-2 rounded-lg border border-solid border-storm-100 bg-white p-2\n\t\t\t\t\t\tshadow-2\n\t\t\t\t\t\tdark:border-hurricane-800 dark:bg-hurricane-800\n\t\t\t\t\t', onClick: () => this._onClick() }, h("div", { key: '726cce2f05e5486e5cf99b94396ec308790869f2', class: indicator({ variant: this.variant }) }), h("div", { key: '7875a12d37d77af4b5133a3b4efa4068b5bfeef4', class: content() }, h("div", { key: 'acc6bff5e1ff9beb47d84da4b1c4e7340f3f564b', class: 'flex w-full min-w-0 flex-col' }, h("p", { key: 'e82076fa9848f30645879e33ea48cd095cc2cbbf', class: '\n\t\t\t\t\t\t\t\t\tm-0 overflow-hidden text-ellipsis whitespace-nowrap text-sm\n\t\t\t\t\t\t\t\t\tfont-semibold text-storm-500\n\t\t\t\t\t\t\t\t\tdark:text-white\n\t\t\t\t\t\t\t\t' }, this.header?.length ? this.header : h("slot", { name: 'header' })), h("p", { key: 'fdc6c29a700cd32561dcd8a94db34e30bbfc8609', class: '\n\t\t\t\t\t\t\t\t\tm-0 w-full overflow-hidden text-ellipsis whitespace-nowrap text-xs\n\t\t\t\t\t\t\t\t\ttext-storm-300\n\t\t\t\t\t\t\t\t\tdark:text-hurricane-200\n\t\t\t\t\t\t\t\t' }, this.content?.length ? this.content : h("slot", { name: 'content' }))), this.enableAction && (h("div", { key: 'd831e6e732d25e8e5e0c05ab7bc623176882cf0b', class: '\n\t\t\t\t\t\t\t\t\tflex-shrink-0 cursor-pointer p-2 text-storm-200\n\t\t\t\t\t\t\t\t\thover:text-storm-500 hover:text-white\n\t\t\t\t\t\t\t\t\tdark:text-hurricane-200\n\t\t\t\t\t\t\t\t' }, h("p-icon", { key: '337abbb7f18465fec152691ceb7b9be2d2e3e0e2', flip: this.actionIconFlip, rotate: this.actionIconRotate, variant: this.actionIcon })))))));
     }
     _onClick() {
         if (this.enableAction) {

package/dist/collection/components/organisms/navbar/navbar.component.css

@@ -1 +1 @@
-.w-full{width:100%}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}*{box-sizing:border-box}:host{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%;.safe-sidebar{padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important;&.show{--tw-translate-x:env(safe-area-inset-left,0)!important}}.safe-topbar{height:calc(env(safe-area-inset-top, 0) + 4rem);padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important}}@media (min-width:80rem){:host{width:15rem}}@media (min-width:105rem){:host{width:18rem}}@media (min-width:80rem){.layout-1280\:w-60{width:15rem}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-navbar{z-index:300}.z-navbar-backdrop{z-index:290}.z-navbar-topbar{z-index:280}.mt-auto{margin-top:auto}.flex{display:flex}.hidden{display:none}.h-screen{height:100vh}.w-60{width:15rem}.max-w-\[16\.5rem\]{max-width:16.5rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x:-100%;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))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-6{gap:1.5rem}.overflow-y-auto{overflow-y:auto}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-solid{border-style:solid}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.will-change-transform{will-change:transform}@media (min-width:80rem){.layout-1280\:relative{position:relative}.layout-1280\:z-0{z-index:0}.layout-1280\:flex{display:flex}.layout-1280\:hidden{display:none}.layout-1280\:h-full{height:100%}.layout-1280\:max-w-none{max-width:none}.layout-1280\:translate-x-0{--tw-translate-x:0px;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))}}.dark\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\:bg-hurricane-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\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\:bg-hurricane-800:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))}
+.w-full{width:100%}.max-h-screen-safe{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom))}*{box-sizing:border-box}:host{max-height:calc(100vh - env(safe-area-inset-top) - env(safe-area-inset-bottom));width:100%;.safe-sidebar{padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important;&.show{--tw-translate-x:env(safe-area-inset-left,0)!important}}.safe-topbar{height:calc(env(safe-area-inset-top, 0) + 4rem);padding-top:calc(env(safe-area-inset-top, 0) + 1rem)!important}}@media (min-width:80rem){:host{width:15rem}}@media (min-width:105rem){:host{width:18rem}}@media (min-width:80rem){.layout-1280\:w-60{width:15rem}}.pointer-events-none{pointer-events:none}.static{position:static}.fixed{position:fixed}.relative{position:relative}.left-0{left:0}.top-0{top:0}.z-navbar{z-index:300}.z-navbar-backdrop{z-index:290}.z-navbar-topbar{z-index:280}.flex{display:flex}.hidden{display:none}.h-screen{height:100vh}.w-60{width:15rem}.max-w-\[16\.5rem\]{max-width:16.5rem}.flex-1{flex:1 1 0%}.flex-shrink-0{flex-shrink:0}.-translate-x-full{--tw-translate-x:-100%;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))}.transform-gpu{transform:translate3d(var(--tw-translate-x),var(--tw-translate-y),0) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.flex-col{flex-direction:column}.items-center{align-items:center}.items-stretch{align-items:stretch}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.gap-6{gap:1.5rem}.overflow-y-auto{overflow-y:auto}.border-0{border-width:0}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-solid{border-style:solid}.border-off-white-700{--tw-border-opacity:1;border-color:rgb(222 219 213/var(--tw-border-opacity,1))}.bg-off-white-300{--tw-bg-opacity:1;background-color:rgb(248 247 244/var(--tw-bg-opacity,1))}.p-4{padding:1rem}.opacity-0{opacity:0}.opacity-100{opacity:1}.transition{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-opacity{transition-duration:.15s;transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1)}.will-change-transform{will-change:transform}@media (min-width:80rem){.layout-1280\:relative{position:relative}.layout-1280\:z-0{z-index:0}.layout-1280\:hidden{display:none}.layout-1280\:h-full{height:100%}.layout-1280\:max-w-none{max-width:none}.layout-1280\:translate-x-0{--tw-translate-x:0px;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))}}.dark\:border-hurricane-500:where(:host([data-theme=dark]),:host([data-theme=dark]) *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\:bg-hurricane-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\:border-hurricane-500:where([data-theme=dark],[data-theme=dark] *){--tw-border-opacity:1;border-color:rgb(54 60 70/var(--tw-border-opacity,1))}.dark\:bg-hurricane-800:where([data-theme=dark],[data-theme=dark] *){--tw-bg-opacity:1;background-color:rgb(24 30 41/var(--tw-bg-opacity,1))}

package/dist/collection/components/organisms/navbar/navbar.component.js

@@ -4,13 +4,13 @@ import { ThemedHost } from "../../../internal/themed-host.component";
 const sidebarAndTopbar = cva([
     'transition',
     `
-   bg-off-white-300
-   dark:bg-hurricane-800
- `,
+		bg-off-white-300
+		dark:bg-hurricane-800
+	`,
     `
-   border-0 border-solid border-off-white-700
-   dark:border-hurricane-500
- `,
+		border-0 border-solid border-off-white-700
+		dark:border-hurricane-500
+	`,
     'p-4',
 ]);
 const sidebar = cva([
@@ -18,16 +18,16 @@ const sidebar = cva([
     '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:h-full
-    layout-1280:max-w-none
-  `,
+			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',
 ], {
@@ -47,9 +47,9 @@ const topbar = cva([
 ]);
 const backdrop = cva([
     `
-    relative z-navbar-backdrop transition-opacity
-    layout-1280:hidden
-  `,
+			relative z-navbar-backdrop transition-opacity
+			layout-1280:hidden
+		`,
 ], {
     variants: {
         show: {
@@ -61,7 +61,7 @@ const backdrop = cva([
 export class Navbar {
     _show = false;
     render() {
-        return (h(ThemedHost, { key: '814b399715eba8a9f4c81ed550431b8b3cc29d39' }, h("p-backdrop", { key: '59c99e5c8ce0dbacae386da8ceb4a7a23b4778bd', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: '815fcb1b40cfdbe3a4bd47676b374254073254df', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: 'a078f18dcc8885db9bd3661cc227adccaf30b8c1', class: '\n        flex w-full items-center justify-end\n        layout-1280:hidden\n      ' }, h("p-button", { key: 'be1fbb0ee3d1455f4af3b5399a52c38a760ddb1f', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), h("div", { key: 'c4b1d03bb1c5fd109b99e3d587873b3f47ab1350', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: 'a981dbc4d887d420cb8b5c7c69fee4795cb07272', name: 'company' })), h("div", { key: '035880f4bb9d321c3d4f9d5fb6df34191ba1be13', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: '0d75492d278db82db0a62a4717c94df59a02349c', name: 'content' })), h("div", { key: '66e0a56030477a2e3c8b1706f698114e85b88fe6', class: '\n        mt-auto hidden w-full flex-shrink-0 flex-col\n        layout-1280:flex\n      ' }, h("slot", { key: '7ad2e2db299e914b8977f8c300d636d317c06741', name: 'user' }))), h("div", { key: '70be960e812e2b4904a3045193ca16fc2391e4a6', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: '19b70f87d40558f633d5d9d8b42b60ba4c999826', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), h("slot", { key: 'c980989054dc51e2e54bf5d032895e297742fe61', name: 'topbar' }))));
+        return (h(ThemedHost, { key: '90a9fcacc70d4ed250117a20d40d47436d57b6ed' }, h("p-backdrop", { key: 'd0f9ac0dde88633a09e465607576b7033837f81d', class: backdrop({ show: this._show }), scrollLock: this._show, onClicked: () => (this._show = false) }), h("div", { key: 'd1df5df8640eea7938389c7f81702e5d935cf8f1', class: sidebar({ class: sidebarAndTopbar(), show: this._show }) }, h("div", { key: '72bff941352e77e796045afebc65e06e49917fa0', class: '\n\t\t\t\t\t\t\tflex w-full items-center justify-end\n\t\t\t\t\t\t\tlayout-1280:hidden\n\t\t\t\t\t\t' }, h("p-button", { key: 'c0fa263e1e0047bd6db561a5982dd2b55a7e420f', icon: 'menu-arrow', iconFlip: 'horizontal', iconOnly: true, variant: 'secondary', onClick: () => (this._show = false) })), h("div", { key: '9851cfe9f48f5e112e691b0e84e85b8a9ac45b9e', class: 'flex w-full flex-shrink-0 flex-col items-stretch' }, h("slot", { key: '3b254878567b945710e55fff2c9cae89cdf92276', name: 'company' })), h("div", { key: '9024d7b3742e6544e1a11d13227cedb85b4fdcbc', class: 'flex w-full flex-1 flex-col gap-6 overflow-y-auto' }, h("slot", { key: 'f20a4e5979b63068a112be8a0fef53c24fa58a23', name: 'content' })), h("div", { key: 'a74ee5f4782a5af9ce7cf55ce35bc503c3e63249', class: '\n\t\t\t\t\t\t\tmt-auto hidden w-full flex-shrink-0 flex-col\n\t\t\t\t\t\t\tlayout-1280:flex\n\t\t\t\t\t\t' }, h("slot", { key: '4939111b6b4e7cb425b68a440db15a43efd9af0f', name: 'user' }))), h("div", { key: '1ba47db5dc8940716046c82c88377e670f16059c', class: topbar({ class: sidebarAndTopbar() }) }, h("p-button", { key: 'f527692740918e117b37cc6006d86aad2ed2bcca', icon: 'menu-arrow', iconOnly: true, variant: 'secondary', onClick: () => (this._show = true) }), h("slot", { key: '635ae0847e0c4797b85ec6b37fd8d7d00d62a5c0', name: 'topbar' }))));
     }
     handleCloseNavbar() {
         this._show = false;

package/dist/components/p-5uHCPmGk.js

@@ -0,0 +1 @@
+import{t,p as e,H as a,c as r,h as o}from"./p-CySg37XO.js";import{c as s}from"./p-CBWjHURv.js";import{T as c}from"./p-Au2WuEGF.js";import{d as i}from"./p-BHiyb8ip.js";import{d}from"./p-aZcUXH1b.js";import{d as l}from"./p-BNP0EWBh.js";import{d as n}from"./p-Cjm1FJmm.js";const m=s(["\n\t\trelative z-[1] w-full flex-col overflow-hidden rounded-t-2xl bg-white\n\t\tdark:bg-hurricane-600\n\t","inline-flex aspect-[7/1] max-h-28"]),p=s(["flex justify-end","h-12 w-full p-4 pb-0"]),h=s(["flex-1 text-center","w-[calc(100%-7rem)]","absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2","\n\t\ttext-ambit text-2xl font-bold text-storm-500\n\t\tdark:text-white\n\t"]),b=e(class extends a{constructor(t){super(),!1!==t&&this.__registerHost(),this.__attachShadow(),this.close=r(this,"close",3)}showClose=!0;close;render(){return o(c,{key:"6ae1c5892c0f847951679536e725a24ff443883f"},o("div",{key:"8d9f6a365a9bd621e0da7951c9f2cf8a9693ce9d",class:m()},o("div",{key:"0e76e783b8963b96ec92a4cecdaa78cf43e1596a",class:p()},o("div",{key:"2f3b119ba67c6b4c9c54eec78f377b8b1750b805",class:h()},o("slot",{key:"e2c0f145ddc2a283fd40586ad631bbd1108c612c"})),this.showClose&&o("p-button",{key:"aaa18f65167d09292c453552ddbdf15e417d96fc",icon:"negative",iconOnly:!0,variant:"secondary",onClick:t=>this.close.emit(t)})),o("p-smile",{key:"1441ff30eb6650bcbdb0690f167995fbb6e89564",class:"dark:text-hurricane-400"})))}static get style(){return"*{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))}"}},[769,"p-modal-header",{showClose:[4,"show-close"]}]);function f(){"undefined"!=typeof customElements&&["p-modal-header","p-button","p-icon","p-loader","p-smile"].forEach((e=>{switch(e){case"p-modal-header":customElements.get(t(e))||customElements.define(t(e),b);break;case"p-button":customElements.get(t(e))||i();break;case"p-icon":customElements.get(t(e))||d();break;case"p-loader":customElements.get(t(e))||l();break;case"p-smile":customElements.get(t(e))||n()}}))}f();export{b as M,f as d}