@paperless/core 1.54.4 → 1.55.1

package/dist/types/components/atoms/button/button.component.d.ts

@@ -70,6 +70,10 @@ export declare class Button {
    * Wether the button should inherit text styles
    */
   inheritText: boolean;
+  /**
+   * Position of the button in the button group, mostly un-used if not in a group
+   */
+  buttonGroupPosition: 'start' | 'middle' | 'end' | 'none';
   /**
    * Button click event
    */

package/dist/types/components/molecules/button-group/button-group.component.d.ts

@@ -0,0 +1,14 @@
+export declare class ButtonGroup {
+  /**
+   * The size of the child buttons
+   */
+  size: 'medium' | 'small';
+  /**
+   * The host element
+   */
+  private _el;
+  componentWillLoad(): void;
+  render(): any;
+  slotchange(): void;
+  private _checkButtons;
+}

package/dist/types/components/molecules/datepicker/datepicker.component.d.ts

@@ -1,4 +1,5 @@
 import { EventEmitter } from '../../../stencil-public-runtime';
+import { Placement, Strategy } from '@floating-ui/dom';
 export declare class Datepicker {
   /**
    * The placeholder of the input
@@ -72,6 +73,14 @@ export declare class Datepicker {
    * Wether the input group is disabled used by the datepicker
    */
   disabled: boolean;
+  /**
+   * The strategy of the dropdown placement
+   */
+  strategy: Strategy;
+  /**
+   * The placement of the dropdown
+   */
+  placement: Placement;
   /**
    * The host element
    */

package/dist/types/components.d.ts

@@ -128,6 +128,10 @@ export namespace Components {
           * The type of the button
          */
         "as": 'a' | 'button';
+        /**
+          * Position of the button in the button group, mostly un-used if not in a group
+         */
+        "buttonGroupPosition": 'start' | 'middle' | 'end' | 'none';
         /**
           * Wether to show a chevron or not
          */
@@ -193,6 +197,12 @@ export namespace Components {
          */
         "variant": 'primary' | 'secondary' | 'text';
     }
+    interface PButtonGroup {
+        /**
+          * The size of the child buttons
+         */
+        "size": 'medium' | 'small';
+    }
     interface PCalendar {
         /**
           * Wether to disable the weekends
@@ -344,6 +354,10 @@ export namespace Components {
           * The placeholder of the input
          */
         "placeholder": string;
+        /**
+          * The placement of the dropdown
+         */
+        "placement": Placement;
         /**
           * The prefix of the input group used by the datepicker
          */
@@ -360,6 +374,10 @@ export namespace Components {
           * The size of the input group used by the datepicker
          */
         "size": 'small' | 'medium';
+        /**
+          * The strategy of the dropdown placement
+         */
+        "strategy": Strategy;
         /**
           * The current value
          */
@@ -1751,6 +1769,12 @@ declare global {
         prototype: HTMLPButtonElement;
         new (): HTMLPButtonElement;
     };
+    interface HTMLPButtonGroupElement extends Components.PButtonGroup, HTMLStencilElement {
+    }
+    var HTMLPButtonGroupElement: {
+        prototype: HTMLPButtonGroupElement;
+        new (): HTMLPButtonGroupElement;
+    };
     interface HTMLPCalendarElement extends Components.PCalendar, HTMLStencilElement {
     }
     var HTMLPCalendarElement: {
@@ -2112,6 +2136,7 @@ declare global {
         "p-avatar-group": HTMLPAvatarGroupElement;
         "p-backdrop": HTMLPBackdropElement;
         "p-button": HTMLPButtonElement;
+        "p-button-group": HTMLPButtonGroupElement;
         "p-calendar": HTMLPCalendarElement;
         "p-card-body": HTMLPCardBodyElement;
         "p-card-container": HTMLPCardContainerElement;
@@ -2282,6 +2307,10 @@ declare namespace LocalJSX {
           * The type of the button
          */
         "as"?: 'a' | 'button';
+        /**
+          * Position of the button in the button group, mostly un-used if not in a group
+         */
+        "buttonGroupPosition"?: 'start' | 'middle' | 'end' | 'none';
         /**
           * Wether to show a chevron or not
          */
@@ -2351,6 +2380,12 @@ declare namespace LocalJSX {
          */
         "variant"?: 'primary' | 'secondary' | 'text';
     }
+    interface PButtonGroup {
+        /**
+          * The size of the child buttons
+         */
+        "size"?: 'medium' | 'small';
+    }
     interface PCalendar {
         /**
           * Wether to disable the weekends
@@ -2514,6 +2549,10 @@ declare namespace LocalJSX {
           * The placeholder of the input
          */
         "placeholder"?: string;
+        /**
+          * The placement of the dropdown
+         */
+        "placement"?: Placement;
         /**
           * The prefix of the input group used by the datepicker
          */
@@ -2530,6 +2569,10 @@ declare namespace LocalJSX {
           * The size of the input group used by the datepicker
          */
         "size"?: 'small' | 'medium';
+        /**
+          * The strategy of the dropdown placement
+         */
+        "strategy"?: Strategy;
         /**
           * The current value
          */
@@ -3958,6 +4001,7 @@ declare namespace LocalJSX {
         "p-avatar-group": PAvatarGroup;
         "p-backdrop": PBackdrop;
         "p-button": PButton;
+        "p-button-group": PButtonGroup;
         "p-calendar": PCalendar;
         "p-card-body": PCardBody;
         "p-card-container": PCardContainer;
@@ -4029,6 +4073,7 @@ declare module "@stencil/core" {
             "p-avatar-group": LocalJSX.PAvatarGroup & JSXBase.HTMLAttributes<HTMLPAvatarGroupElement>;
             "p-backdrop": LocalJSX.PBackdrop & JSXBase.HTMLAttributes<HTMLPBackdropElement>;
             "p-button": LocalJSX.PButton & JSXBase.HTMLAttributes<HTMLPButtonElement>;
+            "p-button-group": LocalJSX.PButtonGroup & JSXBase.HTMLAttributes<HTMLPButtonGroupElement>;
             "p-calendar": LocalJSX.PCalendar & JSXBase.HTMLAttributes<HTMLPCalendarElement>;
             "p-card-body": LocalJSX.PCardBody & JSXBase.HTMLAttributes<HTMLPCardBodyElement>;
             "p-card-container": LocalJSX.PCardContainer & JSXBase.HTMLAttributes<HTMLPCardContainerElement>;

package/hydrate/index.js

@@ -5931,7 +5931,7 @@ class AvatarGroup {
   }; }
 }
 
-const backdropComponentCss = "/*!@.fixed*/.fixed.sc-p-backdrop{position:fixed!important}/*!@.left-0*/.left-0.sc-p-backdrop{left:0!important}/*!@.top-0*/.top-0.sc-p-backdrop{top:0!important}/*!@.flex*/.flex.sc-p-backdrop{display:flex!important}/*!@.h-full*/.h-full.sc-p-backdrop{height:100%!important}/*!@.w-full*/.w-full.sc-p-backdrop{width:100%!important}/*!@.animate-fade-in*/.animate-fade-in.sc-p-backdrop{animation:fadeIn .2s ease forwards!important}/*!@.items-start*/.items-start.sc-p-backdrop{align-items:flex-start!important}/*!@.items-end*/.items-end.sc-p-backdrop{align-items:flex-end!important}/*!@.justify-end*/.justify-end.sc-p-backdrop{justify-content:flex-end!important}/*!@.justify-center*/.justify-center.sc-p-backdrop{justify-content:center!important}/*!@.overflow-y-auto*/.overflow-y-auto.sc-p-backdrop{overflow-y:auto!important}/*!@.p-0*/.p-0.sc-p-backdrop{padding:0!important}/*!@.max-h-screen*/.max-h-screen.sc-p-backdrop{max-height:100vh!important}/*!@**/*.sc-p-backdrop{box-sizing:border-box}/*!@:host*/.sc-p-backdrop-h{animation:fadeIn .2s ease forwards;background-color:rgba(39,40,56,.5);display:flex;height:100%;left:0;max-height:100vh;max-width:100vw;overflow:hidden;position:fixed;top:0;width:100%;z-index:490}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}/*!@:host .content-container*/.sc-p-backdrop-h .content-container.sc-p-backdrop{align-items:flex-end;display:flex;height:100%;justify-content:center;max-height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;width:100%}@media (min-width:40rem){/*!@:host .content-container*/.sc-p-backdrop-h .content-container.sc-p-backdrop{padding-left:4rem;padding-right:4rem}}@media (min-width:64rem){/*!@:host .content-container*/.sc-p-backdrop-h .content-container.sc-p-backdrop{align-items:stretch;padding:4rem}}/*!@:host(.blurred)*/.blurred.sc-p-backdrop-h{--tw-backdrop-blur:blur(2px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}/*!@:host(.closing)*/.closing.sc-p-backdrop-h{animation:fadeOut .2s ease forwards}/*!@:host(.closing) .content-container*/.closing.sc-p-backdrop-h .content-container.sc-p-backdrop{overflow:hidden}/*!@:host(.variant-drawer) .content-container*/.variant-drawer.sc-p-backdrop-h .content-container.sc-p-backdrop{align-items:flex-start;justify-content:flex-end;padding:0}@media (min-width:64rem){/*!@:host(.variant-drawer) .content-container*/.variant-drawer.sc-p-backdrop-h .content-container.sc-p-backdrop{align-items:flex-start;padding:0}}@media (min-width:40rem){/*!@:host(.variant-drawer) .content-container*/.variant-drawer.sc-p-backdrop-h .content-container.sc-p-backdrop{padding:0}}@media (min-width:40rem){/*!@.tablet\\:p-0*/.tablet\\:p-0.sc-p-backdrop{padding:0!important}/*!@.tablet\\:px-16*/.tablet\\:px-16.sc-p-backdrop{padding-left:4rem!important;padding-right:4rem!important}}/*!@.static*/.static.sc-p-backdrop{position:static!important}";
+const backdropComponentCss = "/*!@.fixed*/.fixed.sc-p-backdrop{position:fixed!important}/*!@.left-0*/.left-0.sc-p-backdrop{left:0!important}/*!@.top-0*/.top-0.sc-p-backdrop{top:0!important}/*!@.flex*/.flex.sc-p-backdrop{display:flex!important}/*!@.h-full*/.h-full.sc-p-backdrop{height:100%!important}/*!@.w-full*/.w-full.sc-p-backdrop{width:100%!important}/*!@.animate-fade-in*/.animate-fade-in.sc-p-backdrop{animation:fadeIn .2s ease forwards!important}/*!@.items-start*/.items-start.sc-p-backdrop{align-items:flex-start!important}/*!@.items-end*/.items-end.sc-p-backdrop{align-items:flex-end!important}/*!@.justify-end*/.justify-end.sc-p-backdrop{justify-content:flex-end!important}/*!@.justify-center*/.justify-center.sc-p-backdrop{justify-content:center!important}/*!@.overflow-y-auto*/.overflow-y-auto.sc-p-backdrop{overflow-y:auto!important}/*!@.p-0*/.p-0.sc-p-backdrop{padding:0!important}/*!@.pt-16*/.pt-16.sc-p-backdrop{padding-top:4rem!important}/*!@.max-h-screen*/.max-h-screen.sc-p-backdrop{max-height:100vh!important}/*!@**/*.sc-p-backdrop{box-sizing:border-box}/*!@:host*/.sc-p-backdrop-h{animation:fadeIn .2s ease forwards;background-color:rgba(39,40,56,.5);display:flex;height:100%;left:0;max-height:100vh;max-width:100vw;overflow:hidden;position:fixed;top:0;width:100%;z-index:490}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}/*!@:host .content-container*/.sc-p-backdrop-h .content-container.sc-p-backdrop{align-items:flex-end;display:flex;height:100%;justify-content:center;max-height:100vh;max-width:100vw;overflow-x:hidden;overflow-y:auto;padding-top:4rem;width:100%}@media (min-width:40rem){/*!@:host .content-container*/.sc-p-backdrop-h .content-container.sc-p-backdrop{padding-left:4rem;padding-right:4rem}}@media (min-width:64rem){/*!@:host .content-container*/.sc-p-backdrop-h .content-container.sc-p-backdrop{align-items:stretch;padding:4rem}}/*!@:host(.blurred)*/.blurred.sc-p-backdrop-h{--tw-backdrop-blur:blur(2px);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}/*!@:host(.closing)*/.closing.sc-p-backdrop-h{animation:fadeOut .2s ease forwards}/*!@:host(.closing) .content-container*/.closing.sc-p-backdrop-h .content-container.sc-p-backdrop{overflow:hidden}/*!@:host(.variant-drawer) .content-container*/.variant-drawer.sc-p-backdrop-h .content-container.sc-p-backdrop{align-items:flex-start;justify-content:flex-end;padding:0}@media (min-width:64rem){/*!@:host(.variant-drawer) .content-container*/.variant-drawer.sc-p-backdrop-h .content-container.sc-p-backdrop{align-items:flex-start;padding:0}}@media (min-width:40rem){/*!@:host(.variant-drawer) .content-container*/.variant-drawer.sc-p-backdrop-h .content-container.sc-p-backdrop{padding:0}}@media (min-width:40rem){/*!@.tablet\\:p-0*/.tablet\\:p-0.sc-p-backdrop{padding:0!important}/*!@.tablet\\:px-16*/.tablet\\:px-16.sc-p-backdrop{padding-left:4rem!important;padding-right:4rem!important}}/*!@.static*/.static.sc-p-backdrop{position:static!important}";
 
 class Backdrop {
   constructor(hostRef) {
@@ -5978,7 +5978,7 @@ class Backdrop {
   }; }
 }
 
-const buttonComponentCss = ".flex{display:flex!important}.h-10{height:2.5rem!important}.h-full{height:100%!important}.w-auto{width:auto!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.rounded-large{border-radius:.375rem!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-indigo{background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-indigo,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.font-semibold{font-weight:600!important}.underline{text-decoration-line:underline!important}.outline{outline-style:solid!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}p-button{height:2.5rem;width:auto}p-button,p-button a,p-button button{display:flex;font-size:1rem;line-height:1.5rem}p-button a,p-button button{align-items:center;border:0;border-radius:.375rem!important;cursor:pointer;font-weight:600;height:100%;justify-content:center;outline:0;width:100%;will-change:filter}p-button a.icon-position-end>p-icon:not(.chevron),p-button a>p-loader,p-button button.icon-position-end>p-icon:not(.chevron),p-button button>p-loader{margin-left:.5rem}p-button a.icon-position-start>p-icon:not(.chevron),p-button button.icon-position-start>p-icon:not(.chevron){margin-right:.5rem}p-button a.variant-primary,p-button a.variant-secondary,p-button button.variant-primary,p-button button.variant-secondary{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);padding-left:1rem;padding-right:1rem}p-button a.variant-primary.active,p-button a.variant-primary:active,p-button a.variant-secondary.active,p-button a.variant-secondary:active,p-button button.variant-primary.active,p-button button.variant-primary:active,p-button button.variant-secondary.active,p-button button.variant-secondary:active{--tw-drop-shadow:drop-shadow(transparent);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}p-button a.variant-primary,p-button button.variant-primary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}p-button a.variant-primary.active:not([disabled]),p-button a.variant-primary:active:not([disabled]),p-button button.variant-primary.active:not([disabled]),p-button button.variant-primary:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(44 75 169/var(--tw-bg-opacity))}@media (pointer:fine){p-button a.variant-primary:hover:not([disabled]),p-button button.variant-primary:hover:not([disabled]){--tw-drop-shadow:drop-shadow(0px 2px 4px rgba(44,75,169,.4));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}p-button a.variant-secondary,p-button button.variant-secondary{--tw-border-opacity:1!important;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;border-width:1px!important;color:rgb(81 83 107/var(--tw-text-opacity))}p-button a.variant-secondary.active:not([disabled]),p-button a.variant-secondary:active:not([disabled]),p-button button.variant-secondary.active:not([disabled]),p-button button.variant-secondary:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity))}@media (pointer:fine){p-button a.variant-secondary:hover:not([disabled]),p-button button.variant-secondary:hover:not([disabled]){--tw-drop-shadow:drop-shadow(0px 2px 4px rgba(176,178,203,.4));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}p-button a.variant-text,p-button button.variant-text{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button a.variant-text.has-underline,p-button button.variant-text.has-underline{text-decoration-line:underline;text-underline-offset:1px}p-button a.variant-text:hover:not([disabled]),p-button button.variant-text:hover:not([disabled]){--tw-text-opacity:1;color:rgb(44 75 169/var(--tw-text-opacity))}p-button a[disabled],p-button button[disabled]{opacity:.4}p-button a.should-inherit-text,p-button button.should-inherit-text{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}p-button.has-chevron a.chevron-position-start,p-button.has-chevron button.chevron-position-start{padding-left:.5rem}p-button.has-chevron a.chevron-position-start>p-icon.chevron,p-button.has-chevron button.chevron-position-start>p-icon.chevron{margin-right:.5rem}p-button.has-chevron a.chevron-position-end,p-button.has-chevron button.chevron-position-end{padding-right:.5rem}p-button.has-chevron a.chevron-position-end>p-icon.chevron,p-button.has-chevron button.chevron-position-end>p-icon.chevron{margin-left:.5rem}p-button.has-chevron a.variant-secondary:hover:not([disabled]) p-icon:last-child,p-button.has-chevron button.variant-secondary:hover:not([disabled]) p-icon:last-child{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button.has-icon-only{width:2.5rem}p-button.has-icon-only a,p-button.has-icon-only button{padding:0}p-button.has-icon-only a>p-icon:first-child,p-button.has-icon-only button>p-icon:first-child{margin-left:0;margin-right:0}p-button.has-icon-only a>p-loader,p-button.has-icon-only button>p-loader{margin-left:0}p-button.has-icon-only.has-chevron{width:auto}p-button.has-icon-only.has-chevron a.chevron-position-start,p-button.has-icon-only.has-chevron button.chevron-position-start{padding-right:.5rem}p-button.has-icon-only.has-chevron a.chevron-position-end,p-button.has-icon-only.has-chevron button.chevron-position-end{padding-left:.5rem}p-button.size-small{height:2rem}p-button.size-small a,p-button.size-small button{font-size:.875rem;line-height:1.25rem}p-button.size-small a>p-icon,p-button.size-small button>p-icon{font-size:1rem;line-height:1.5rem}p-button.size-small.has-icon-only{width:2rem}p-button.size-small.has-icon-only.has-chevron{width:auto}.static{position:static!important}";
+const buttonComponentCss = ".flex{display:flex!important}.h-10{height:2.5rem!important}.h-full{height:100%!important}.w-auto{width:auto!important}.cursor-pointer{cursor:pointer!important}.items-center{align-items:center!important}.rounded-large{border-radius:.375rem!important}.rounded-none{border-radius:0!important}.rounded-l-none{border-bottom-left-radius:0!important;border-top-left-radius:0!important}.rounded-r-none{border-bottom-right-radius:0!important;border-top-right-radius:0!important}.border{border-width:1px!important}.border-solid{border-style:solid!important}.border-mystic-dark{--tw-border-opacity:1!important;border-color:rgb(218 230 240/var(--tw-border-opacity))!important}.bg-indigo{background-color:rgb(82 138 250/var(--tw-bg-opacity))!important}.bg-indigo,.bg-white{--tw-bg-opacity:1!important}.bg-white{background-color:rgb(255 255 255/var(--tw-bg-opacity))!important}.px-4{padding-left:1rem!important;padding-right:1rem!important}.font-semibold{font-weight:600!important}.underline{text-decoration-line:underline!important}.outline{outline-style:solid!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}*{box-sizing:border-box}p-button{height:2.5rem;width:auto}p-button,p-button a,p-button button{display:flex;font-size:1rem;line-height:1.5rem}p-button a,p-button button{align-items:center;border:0;border-radius:.375rem!important;cursor:pointer;font-weight:600;height:100%;justify-content:center;outline:0;width:100%;will-change:filter}p-button a.icon-position-end>p-icon:not(.chevron),p-button a>p-loader,p-button button.icon-position-end>p-icon:not(.chevron),p-button button>p-loader{margin-left:.5rem}p-button a.icon-position-start>p-icon:not(.chevron),p-button button.icon-position-start>p-icon:not(.chevron){margin-right:.5rem}p-button a.variant-primary,p-button a.variant-secondary,p-button button.variant-primary,p-button button.variant-secondary{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);padding-left:1rem;padding-right:1rem}p-button a.variant-primary.active,p-button a.variant-primary:active,p-button a.variant-secondary.active,p-button a.variant-secondary:active,p-button button.variant-primary.active,p-button button.variant-primary:active,p-button button.variant-secondary.active,p-button button.variant-secondary:active{--tw-drop-shadow:drop-shadow(transparent);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}p-button a.variant-primary,p-button button.variant-primary{--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(82 138 250/var(--tw-bg-opacity));color:rgb(255 255 255/var(--tw-text-opacity))}p-button a.variant-primary.active:not([disabled]),p-button a.variant-primary:active:not([disabled]),p-button button.variant-primary.active:not([disabled]),p-button button.variant-primary:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(44 75 169/var(--tw-bg-opacity))}@media (pointer:fine){p-button a.variant-primary:hover:not([disabled]),p-button button.variant-primary:hover:not([disabled]){--tw-drop-shadow:drop-shadow(0px 2px 4px rgba(44,75,169,.4));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}p-button a.variant-secondary,p-button button.variant-secondary{--tw-border-opacity:1!important;--tw-bg-opacity:1;--tw-text-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-color:rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;border-width:1px!important;color:rgb(81 83 107/var(--tw-text-opacity))}p-button a.variant-secondary.active:not([disabled]),p-button a.variant-secondary:active:not([disabled]),p-button button.variant-secondary.active:not([disabled]),p-button button.variant-secondary:active:not([disabled]){--tw-bg-opacity:1;background-color:rgb(247 250 252/var(--tw-bg-opacity))}@media (pointer:fine){p-button a.variant-secondary:hover:not([disabled]),p-button button.variant-secondary:hover:not([disabled]){--tw-drop-shadow:drop-shadow(0px 2px 4px rgba(176,178,203,.4));filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}}p-button a.variant-text,p-button button.variant-text{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button a.variant-text.has-underline,p-button button.variant-text.has-underline{text-decoration-line:underline;text-underline-offset:1px}p-button a.variant-text:hover:not([disabled]),p-button button.variant-text:hover:not([disabled]){--tw-text-opacity:1;color:rgb(44 75 169/var(--tw-text-opacity))}p-button a[disabled],p-button button[disabled]{opacity:.4}p-button a.should-inherit-text,p-button button.should-inherit-text{color:inherit!important;font-size:inherit!important;font-weight:inherit!important}p-button a.button-group-pos-start,p-button button.button-group-pos-start{border-bottom-right-radius:0!important;border-top-right-radius:0!important}p-button a.button-group-pos-middle,p-button button.button-group-pos-middle{border-radius:0!important}p-button a.button-group-pos-end,p-button button.button-group-pos-end{border-bottom-left-radius:0!important;border-top-left-radius:0!important}p-button.has-chevron a.chevron-position-start,p-button.has-chevron button.chevron-position-start{padding-left:.5rem}p-button.has-chevron a.chevron-position-start>p-icon.chevron,p-button.has-chevron button.chevron-position-start>p-icon.chevron{margin-right:.5rem}p-button.has-chevron a.chevron-position-end,p-button.has-chevron button.chevron-position-end{padding-right:.5rem}p-button.has-chevron a.chevron-position-end>p-icon.chevron,p-button.has-chevron button.chevron-position-end>p-icon.chevron{margin-left:.5rem}p-button.has-chevron a.variant-secondary:hover:not([disabled]) p-icon:last-child,p-button.has-chevron button.variant-secondary:hover:not([disabled]) p-icon:last-child{--tw-text-opacity:1;color:rgb(82 138 250/var(--tw-text-opacity))}p-button.has-icon-only{width:2.5rem}p-button.has-icon-only a,p-button.has-icon-only button{padding:0}p-button.has-icon-only a>p-icon:first-child,p-button.has-icon-only button>p-icon:first-child{margin-left:0;margin-right:0}p-button.has-icon-only a>p-loader,p-button.has-icon-only button>p-loader{margin-left:0}p-button.has-icon-only.has-chevron{width:auto}p-button.has-icon-only.has-chevron a.chevron-position-start,p-button.has-icon-only.has-chevron button.chevron-position-start{padding-right:.5rem}p-button.has-icon-only.has-chevron a.chevron-position-end,p-button.has-icon-only.has-chevron button.chevron-position-end{padding-left:.5rem}p-button.size-small{height:2rem}p-button.size-small a,p-button.size-small button{font-size:.875rem;line-height:1.25rem}p-button.size-small a>p-icon,p-button.size-small button>p-icon{font-size:1rem;line-height:1.5rem}p-button.size-small.has-icon-only{width:2rem}p-button.size-small.has-icon-only.has-chevron{width:auto}.static{position:static!important}";
 
 class Button {
   constructor(hostRef) {
@@ -6001,6 +6001,7 @@ class Button {
     this.iconFlip = undefined;
     this.iconRotate = undefined;
     this.inheritText = false;
+    this.buttonGroupPosition = 'none';
   }
   render() {
     var _a;
@@ -6016,7 +6017,8 @@ class Button {
     const VariableTag = this.variant === 'text' || ((_a = this.href) === null || _a === void 0 ? void 0 : _a.length) || this.as === 'a'
       ? 'a'
       : 'button';
-    return (hAsync(Host, { class: `p-button size-${this.size} ${this.iconOnly && 'has-icon-only'} ${this.chevron && 'has-chevron'}` }, hAsync(VariableTag, { class: `variant-${this.variant}  icon-position-${this.iconPosition} chevron-position-${this.chevronPosition} ${this.inheritText && 'should-inherit-text'} ${this.underline && 'has-underline'}`, disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target }, this.chevron && this.chevronPosition === 'start' && (hAsync("p-icon", { class: 'chevron', variant: 'chevron', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
+    return (hAsync(Host, { class: `p-button size-${this.size} ${this.iconOnly && 'has-icon-only'} ${this.chevron && 'has-chevron'}` }, hAsync(VariableTag, { class: `variant-${this.variant}  icon-position-${this.iconPosition} chevron-position-${this.chevronPosition} ${this.inheritText && 'should-inherit-text'} ${this.underline && 'has-underline'} ${this.buttonGroupPosition !== 'none' &&
+        `button-group-pos-${this.buttonGroupPosition}`}`, disabled: this.disabled, href: this.href, type: this.variant !== 'text' ? this.type : undefined, target: this.target }, this.chevron && this.chevronPosition === 'start' && (hAsync("p-icon", { class: 'chevron', variant: 'chevron', rotate: this.chevron === 'up' ? 180 : 0 })), this.icon &&
       this.iconPosition === 'start' &&
       !(this.iconOnly && this.loading) &&
       this._getIcon(), hAsync("slot", null), this.icon &&
@@ -6058,7 +6060,8 @@ class Button {
       "iconPosition": [1, "icon-position"],
       "iconFlip": [1, "icon-flip"],
       "iconRotate": [2, "icon-rotate"],
-      "inheritText": [4, "inherit-text"]
+      "inheritText": [4, "inherit-text"],
+      "buttonGroupPosition": [1, "button-group-position"]
     },
     "$listeners$": [[2, "click", "handleClick"]],
     "$lazyBundleId$": "-",
@@ -6066,6 +6069,52 @@ class Button {
   }; }
 }
 
+class ButtonGroup {
+  constructor(hostRef) {
+    registerInstance(this, hostRef);
+    this.size = 'medium';
+  }
+  componentWillLoad() {
+    this._checkButtons();
+  }
+  render() {
+    return (hAsync(Host, { class: 'p-button-group flex items-center' }, hAsync("slot", null)));
+  }
+  slotchange() {
+    this._checkButtons();
+  }
+  _checkButtons() {
+    const buttons = Array.from(this._el.querySelectorAll(':scope > p-button'));
+    for (let i = 0; i < buttons.length; i++) {
+      const button = buttons[i];
+      button.size = this.size;
+      // first
+      if (i === 0) {
+        button.buttonGroupPosition = 'start';
+        continue;
+      }
+      // last
+      if (i === buttons.length - 1) {
+        button.buttonGroupPosition = 'end';
+        continue;
+      }
+      // rest
+      button.buttonGroupPosition = 'middle';
+    }
+  }
+  get _el() { return getElement(this); }
+  static get cmpMeta() { return {
+    "$flags$": 9,
+    "$tagName$": "p-button-group",
+    "$members$": {
+      "size": [1]
+    },
+    "$listeners$": [[0, "slotchange", "slotchange"]],
+    "$lazyBundleId$": "-",
+    "$attrsToReflect$": []
+  }; }
+}
+
 function _typeof(obj) {
   "@babel/helpers - typeof";
 
@@ -18007,7 +18056,7 @@ const isSmallerThanScreen = (size) => {
 const isTouchDevice = () => !!window.matchMedia('(pointer: coarse)').matches;
 const isMobile = () => isTouchDevice() || isSmallerThanScreen('tablet');
 
-const datepickerComponentCss = ".flex{display:flex!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column}:host input.read-only{text-overflow:ellipsis}.static{position:static!important}.cursor-pointer{cursor:pointer!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
+const datepickerComponentCss = ".flex{display:flex!important}*{box-sizing:border-box}:host{display:flex;flex-direction:column}:host input.read-only{text-overflow:ellipsis}.static{position:static!important}.absolute{position:absolute!important}.cursor-pointer{cursor:pointer!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}";
 
 class Datepicker {
   constructor(hostRef) {
@@ -18035,6 +18084,8 @@ class Datepicker {
     this.required = undefined;
     this.error = undefined;
     this.disabled = false;
+    this.strategy = 'absolute';
+    this.placement = 'bottom-start';
     this._showDropdown = false;
     this._value = undefined;
     this._minDate = undefined;
@@ -18083,13 +18134,13 @@ class Datepicker {
     }
     // normalize all to date
     this._disabledDates = disabledDates
-      .map((date) => {
+      .map(date => {
       if (typeof date === 'string') {
         return new Date(date);
       }
       return date;
     })
-      .filter((date) => isValid(date));
+      .filter(date => isValid(date));
     if (this._isDisabledDay(this._value)) {
       this._setValue(null);
     }
@@ -18104,14 +18155,13 @@ class Datepicker {
     if (this.maxDate) {
       this.parseMaxDate(this.maxDate);
     }
-    if (this.mode !== 'day' &&
-      this.format === this._defaultFormats['day']) {
+    if (this.mode !== 'day' && this.format === this._defaultFormats['day']) {
       this.format = this._defaultFormats[this.mode];
     }
     this.parseValue(this.value);
   }
   render() {
-    return (hAsync(Host, { class: "p-datepicker" }, hAsync("p-dropdown", { disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, hAsync("p-input-group", { slot: "trigger", icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar', iconPosition: "start", size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown }, hAsync("input", { slot: "input", type: "text", placeholder: this.placeholder, value: this._getFormattedDate(), class: "p-input cursor-pointer", onFocus: () => this._onFocus(), onBlur: (ev) => this._onBlur(ev), onInput: (ev) => this._onInput(ev) })), hAsync("div", { slot: "items" }, hAsync("p-calendar", { variant: "embedded", value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
+    return (hAsync(Host, { class: 'p-datepicker' }, hAsync("p-dropdown", { strategy: this.strategy, placement: this.placement, disableTriggerClick: true, applyMaxWidth: false, applyFullWidth: false, insideClick: true, show: this._showDropdown }, hAsync("p-input-group", { slot: 'trigger', icon: this.hideIconWhenFilled && !!this._value ? null : 'calendar', iconPosition: 'start', size: this.size, prefix: this.prefix, label: this.label, helper: this.helper, required: this.required, error: this.error, disabled: this.disabled, focused: this._showDropdown }, hAsync("input", { slot: 'input', type: 'text', placeholder: this.placeholder, value: this._getFormattedDate(), class: 'p-input cursor-pointer', onFocus: () => this._onFocus(), onBlur: ev => this._onBlur(ev), onInput: ev => this._onInput(ev) })), hAsync("div", { slot: 'items' }, hAsync("p-calendar", { variant: 'embedded', value: this._value, onValueChange: ({ detail }) => (this.value = detail), preselectToday: this.preselectToday, disabledDates: this.disabledDates, minDate: this.minDate, maxDate: this.maxDate, disableWeekends: this.disableWeekends, mode: this.mode })))));
   }
   documentClickHandler({ target }) {
     if (!this._showDropdown || childOf(target, this._el)) {
@@ -18171,7 +18221,7 @@ class Datepicker {
   _isDisabledDay(day) {
     return ((isBefore(day, this._minDate) && !isSameDay(day, this._minDate)) ||
       (isAfter(day, this._maxDate) && !isSameDay(day, this._maxDate)) ||
-      this._disabledDates.findIndex((date) => isSameDay(date, day)) >= 0);
+      this._disabledDates.findIndex(date => isSameDay(date, day)) >= 0);
   }
   _getFormattedDate() {
     if (!this._value) {
@@ -18208,6 +18258,8 @@ class Datepicker {
       "required": [516],
       "error": [513],
       "disabled": [516],
+      "strategy": [1],
+      "placement": [513],
       "_showDropdown": [32],
       "_value": [32],
       "_minDate": [32],
@@ -18216,7 +18268,7 @@ class Datepicker {
     },
     "$listeners$": [[6, "click", "documentClickHandler"]],
     "$lazyBundleId$": "-",
-    "$attrsToReflect$": [["required", "required"], ["error", "error"], ["disabled", "disabled"]]
+    "$attrsToReflect$": [["required", "required"], ["error", "error"], ["disabled", "disabled"], ["placement", "placement"]]
   }; }
 }
 
@@ -20516,7 +20568,7 @@ class ModalContainer$1 {
   }; }
 }
 
-const modalContainerComponentCss = ".flex{display:flex!important}.w-full{width:100%!important}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards!important}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards!important}.flex-col{flex-direction:column!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-xxlarge{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}p-modal-container{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;animation:slideInBottom .5s ease forwards!important;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:.75rem;border-top-right-radius:.75rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;width:100%;z-index:600}@media (min-width:40rem){p-modal-container{width:auto}}@media (min-width:64rem){p-modal-container{animation:slideInBottomSmall .5s ease forwards!important;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;margin:auto}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}p-modal-container.closing{animation:slideOutBottom .5s ease forwards!important}@media (min-width:64rem){p-modal-container.closing{animation:slideOutBottomSmall .5s ease forwards!important}}@media (min-width:40rem){.tablet\\:w-auto{width:auto!important}}@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!important}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards!important}}.static{position:static!important}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}";
+const modalContainerComponentCss = ".z-modal{z-index:600!important}.flex{display:flex!important}.max-h-\\[calc\\(100dvh-4rem\\)\\]{max-height:calc(100dvh - 4rem)!important}.w-full{width:100%!important}.animate-slide-in-bottom{animation:slideInBottom .5s ease forwards!important}.animate-slide-out-bottom{animation:slideOutBottom .5s ease forwards!important}.flex-col{flex-direction:column!important}.rounded-b-none{border-bottom-left-radius:0!important;border-bottom-right-radius:0!important}.rounded-t-xxlarge{border-top-left-radius:.75rem!important;border-top-right-radius:.75rem!important}.shadow-4{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important}*{box-sizing:border-box}p-modal-container{--tw-shadow:0px 0.3125rem 1rem rgba(0,24,98,.08),0px 0.0625rem 0.1875rem rgba(0,24,98,.13)!important;--tw-shadow-colored:0px 0.3125rem 1rem var(--tw-shadow-color),0px 0.0625rem 0.1875rem var(--tw-shadow-color)!important;animation:slideInBottom .5s ease forwards!important;border-bottom-left-radius:0;border-bottom-right-radius:0;border-top-left-radius:.75rem;border-top-right-radius:.75rem;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)!important;display:flex;flex-direction:column;max-height:calc(100dvh - 4rem);width:100%;z-index:600}@media (min-width:40rem){p-modal-container{width:auto}}@media (min-width:64rem){p-modal-container{animation:slideInBottomSmall .5s ease forwards!important;border-bottom-left-radius:.75rem;border-bottom-right-radius:.75rem;margin:auto;max-height:none}}@keyframes slideInBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideOutBottom{0%{transform:translateY(0)}to{transform:translateY(100%)}}p-modal-container.closing{animation:slideOutBottom .5s ease forwards!important}@media (min-width:64rem){p-modal-container.closing{animation:slideOutBottomSmall .5s ease forwards!important}@keyframes slideInBottomSmall{0%{transform:translateY(20%)}to{transform:translateY(0)}}.desktop-xs\\:animate-slide-in-bottom-small{animation:slideInBottomSmall .5s ease forwards!important}@keyframes slideOutBottomSmall{0%{transform:translateY(0)}to{transform:translateY(20%)}}.desktop-xs\\:animate-slide-out-bottom-small{animation:slideOutBottomSmall .5s ease forwards!important}}.static{position:static!important}@media (min-width:40rem){.tablet\\:w-80{width:20rem!important}.tablet\\:w-\\[33\\.5rem\\]{width:33.5rem!important}.tablet\\:w-\\[38rem\\]{width:38rem!important}.tablet\\:w-\\[47\\.5rem\\]{width:47.5rem!important}.tablet\\:w-\\[57\\.5rem\\]{width:57.5rem!important}}";
 
 // $modal-xs: 20rem;
 // $modal-sm: 33.5rem;
@@ -20574,7 +20626,7 @@ class ModalFooter {
   }; }
 }
 
-const drawerHeaderComponentCss = "/*!@.absolute*/.absolute.sc-p-drawer-header{position:absolute!important}/*!@.sticky*/.sticky.sc-p-drawer-header{position:sticky!important}/*!@.top-0*/.top-0.sc-p-drawer-header{top:0!important}/*!@.flex*/.flex.sc-p-drawer-header{display:flex!important}/*!@.justify-center*/.justify-center.sc-p-drawer-header{justify-content:center!important}/*!@.border-0*/.border-0.sc-p-drawer-header{border-width:0!important}/*!@.border-b*/.border-b.sc-p-drawer-header{border-bottom-width:1px!important}/*!@.border-solid*/.border-solid.sc-p-drawer-header{border-style:solid!important}/*!@.border-b-mystic-dark*/.border-b-mystic-dark.sc-p-drawer-header{--tw-border-opacity:1!important;border-bottom-color:rgb(218 230 240/var(--tw-border-opacity))!important}/*!@.p-4*/.p-4.sc-p-drawer-header{padding:1rem!important}/*!@.text-xl*/.text-xl.sc-p-drawer-header{font-size:1.25rem!important;line-height:1.75rem!important}/*!@.text-storm-dark*/.text-storm-dark.sc-p-drawer-header{--tw-text-opacity:1!important;color:rgb(39 40 56/var(--tw-text-opacity))!important}/*!@**/*.sc-p-drawer-header{box-sizing:border-box}/*!@:host*/.sc-p-drawer-header-h{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:0!important;border-bottom:1px rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;color:rgb(39 40 56/var(--tw-text-opacity));display:flex;font-size:1.25rem;font-weight:600;justify-content:center;line-height:1.75rem;padding:calc(env(safe-area-inset-top, 0) + 1rem) 1rem 1rem;position:sticky;top:0;z-index:501}/*!@:host p-button*/.sc-p-drawer-header-h p-button.sc-p-drawer-header{left:1rem;position:absolute;top:calc(env(safe-area-inset-top, 0) + 1rem)}/*!@.static*/.static.sc-p-drawer-header{position:static!important}";
+const drawerHeaderComponentCss = "/*!@.absolute*/.absolute.sc-p-drawer-header{position:absolute!important}/*!@.sticky*/.sticky.sc-p-drawer-header{position:sticky!important}/*!@.top-0*/.top-0.sc-p-drawer-header{top:0!important}/*!@.z-drawer-header*/.z-drawer-header.sc-p-drawer-header{z-index:501!important}/*!@.flex*/.flex.sc-p-drawer-header{display:flex!important}/*!@.items-center*/.items-center.sc-p-drawer-header{align-items:center!important}/*!@.border-0*/.border-0.sc-p-drawer-header{border-width:0!important}/*!@.border-b*/.border-b.sc-p-drawer-header{border-bottom-width:1px!important}/*!@.border-solid*/.border-solid.sc-p-drawer-header{border-style:solid!important}/*!@.border-b-mystic-dark*/.border-b-mystic-dark.sc-p-drawer-header{--tw-border-opacity:1!important;border-bottom-color:rgb(218 230 240/var(--tw-border-opacity))!important}/*!@.text-xl*/.text-xl.sc-p-drawer-header{font-size:1.25rem!important;line-height:1.75rem!important}/*!@.font-semibold*/.font-semibold.sc-p-drawer-header{font-weight:600!important}/*!@**/*.sc-p-drawer-header{box-sizing:border-box}/*!@:host*/.sc-p-drawer-header-h{--tw-bg-opacity:1;--tw-text-opacity:1;--tw-border-opacity:1!important;align-items:center;background-color:rgb(255 255 255/var(--tw-bg-opacity));border-width:0!important;border-bottom:1px rgb(218 230 240/var(--tw-border-opacity))!important;border-style:solid!important;color:rgb(39 40 56/var(--tw-text-opacity));display:flex;font-size:1.25rem;font-weight:600;justify-content:center;line-height:1.75rem;padding:calc(env(safe-area-inset-top, 0) + 1rem) 1rem 1rem;position:sticky;top:0;z-index:501}/*!@:host p-button*/.sc-p-drawer-header-h p-button.sc-p-drawer-header{left:1rem;position:absolute;top:calc(env(safe-area-inset-top, 0) + 1rem)}/*!@.static*/.static.sc-p-drawer-header{position:static!important}";
 
 class ModalHeader$1 {
   constructor(hostRef) {
@@ -23935,6 +23987,7 @@ registerComponents([
   AvatarGroup,
   Backdrop,
   Button,
+  ButtonGroup,
   Calendar,
   CardBody,
   CardContainer,

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@paperless/core",
-	"version": "1.54.4",
+	"version": "1.55.1",
 	"description": "Stencil Component Starter",
 	"main": "dist/index.cjs.js",
 	"module": "dist/index.js",