@odx/foundation 0.1.0-alpha.1 → 0.1.0-alpha.2

package/README.md

@@ -16,13 +16,20 @@ To include `@odx/foundation` in your project, run the following command:
 > We depend on the <a href="https://lit.dev" target="_blank" rel="noopener">**Lit package**</a> for building web elements because it offers a lightweight, efficient framework with a simple syntax for creating fast, reusable elements. Its powerful templating system ensures high performance and seamless user experience. Lit is also highly interoperable, making it easy to integrate with other frameworks and libraries.
 
 ```bash
-npm install lit @odx/foundation --save 
+npm install @odx/foundation @odx/icons@4.0.0-rc.10 --save 
 ```
 
 ## Usage
 
 Once installed, you can import the foundational components and styles into your project:
 
+### Install core icons
+
+```js
+import '@odx/icons';
+import '@odx/icons/core';
+```
+
 ### Install all components
 ```js
 // JS

package/dist/cdk/main.d.ts

@@ -1,7 +1,7 @@
 export * from './drag-drop/drag-events';
 export * from './drag-drop/drag.controller';
 export * from './drag-drop/is-draggable';
-export * from './popover/models';
 export * from './popover/popover-host.mixin';
 export * from './popover/popover.element';
+export * from './popover/popover.models';
 //# sourceMappingURL=main.d.ts.map

package/dist/cdk/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/cdk/main.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/cdk/main.ts"],"names":[],"mappings":"AAAA,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,0BAA0B,CAAC"}

package/dist/cdk/popover/popover-host.mixin.d.ts

@@ -1,5 +1,5 @@
 import { Constructor, CustomElement } from '@odx/foundation';
-import { PopoverPlacement } from './models';
+import { PopoverPlacement } from './popover.models';
 export interface PopoverHost {
     referenceElement: HTMLElement | null;
     anchor: string;

package/dist/cdk/popover/popover-host.mixin.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"popover-host.mixin.d.ts","sourceRoot":"","sources":["../../../src/cdk/popover/popover-host.mixin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,aAAa,EAA+E,MAAM,iBAAiB,CAAC;AAGpJ,OAAO,EAAE,KAAK,gBAAgB,EAA2B,MAAM,UAAU,CAAC;AAI1E,MAAM,WAAW,WAAW;IAC1B,gBAAgB,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B,aAAa,IAAI,OAAO,CAAC;IACzB,YAAY,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1D,cAAc,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI,CAAC;IACpD,aAAa,IAAI,OAAO,CAAC;IACzB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,aAAa,CAAC,IAAI,IAAI,CAAC;IACvB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,aAAa,CAAC,IAAI,IAAI,CAAC;CACxB;AAED,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,aAAa,CAAC;AAE7D,eAAO,MAAM,WAAW,GAAgB,CAAC,SAAS,WAAW,CAAC,aAAa,CAAC,cAAc,CAAC,KAmGnD,WAAW,CAAC,WAAW,CAAC,GAAG,CACjE,CAAC"}
+{"version":3,"file":"popover-host.mixin.d.ts","sourceRoot":"","sources":["../../../src/cdk/popover/popover-host.mixin.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,WAAW,EAAE,KAAK,aAAa,EAA+E,MAAM,iBAAiB,CAAC;AAIpJ,OAAO,EAAE,KAAK,gBAAgB,EAA2B,MAAM,kBAAkB,CAAC;AAGlF,MAAM,WAAW,WAAW;IAC1B,gBAAgB,EAAE,WAAW,GAAG,IAAI,CAAC;IACrC,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,gBAAgB,CAAC;IAE7B,aAAa,IAAI,OAAO,CAAC;IACzB,YAAY,CAAC,gBAAgB,CAAC,EAAE,WAAW,GAAG,IAAI,GAAG,IAAI,CAAC;IAC1D,cAAc,CAAC,gBAAgB,EAAE,WAAW,GAAG,IAAI,CAAC;IACpD,aAAa,IAAI,OAAO,CAAC;IACzB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,aAAa,CAAC,IAAI,IAAI,CAAC;IACvB,mBAAmB,CAAC,IAAI,IAAI,CAAC;IAC7B,aAAa,CAAC,IAAI,IAAI,CAAC;CACxB;AAED,MAAM,MAAM,kBAAkB,GAAG,WAAW,GAAG,aAAa,CAAC;AAE7D,eAAO,MAAM,WAAW,GAAgB,CAAC,SAAS,WAAW,CAAC,aAAa,CAAC,cAAc,CAAC,KAmGnD,WAAW,CAAC,WAAW,CAAC,GAAG,CACjE,CAAC"}

package/dist/cdk/popover/popover.models.d.ts

@@ -0,0 +1,34 @@
+export type PopoverPlacement = (typeof PopoverPlacement)[keyof typeof PopoverPlacement];
+export declare const PopoverPlacement: {
+    readonly TOP: "top";
+    readonly TOP_START: "top-start";
+    readonly TOP_END: "top-end";
+    readonly RIGHT: "right";
+    readonly RIGHT_START: "right-start";
+    readonly RIGHT_END: "right-end";
+    readonly BOTTOM: "bottom";
+    readonly BOTTOM_START: "bottom-start";
+    readonly BOTTOM_END: "bottom-end";
+    readonly LEFT: "left";
+    readonly LEFT_START: "left-start";
+    readonly LEFT_END: "left-end";
+};
+export interface PopoverPlacementOptions {
+    placement: PopoverPlacement;
+    arrowElement?: HTMLElement | null;
+    enableFallback: boolean;
+    fallbackAxisSideDirection: 'start' | 'end';
+    matchReferenceWidth: boolean;
+    minHeight?: number | null;
+    offset: number;
+    outerPadding: number;
+}
+export declare const PopoverPlacementOptions: (options?: Partial<PopoverPlacementOptions> | null | undefined) => PopoverPlacementOptions;
+export type PopoverSide = (typeof PopoverSide)[keyof typeof PopoverSide];
+export declare const PopoverSide: {
+    readonly TOP: "top";
+    readonly RIGHT: "right";
+    readonly BOTTOM: "bottom";
+    readonly LEFT: "left";
+};
+//# sourceMappingURL=popover.models.d.ts.map

package/dist/cdk/popover/popover.models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.models.d.ts","sourceRoot":"","sources":["../../../src/cdk/popover/popover.models.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AACxF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAgBnB,CAAC;AAEX,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,gBAAgB,CAAC;IAC5B,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,cAAc,EAAE,OAAO,CAAC;IACxB,yBAAyB,EAAE,OAAO,GAAG,KAAK,CAAC;IAC3C,mBAAmB,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,4FAOlC,CAAC;AAEH,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AACzE,eAAO,MAAM,WAAW;;;;;CAKd,CAAC"}

package/dist/cdk/popover/{utils/compute-popover-placement.d.ts → popover.utils.d.ts}

@@ -1,4 +1,5 @@
 import { FloatingElement, ReferenceElement } from '@floating-ui/dom';
-import { PopoverPlacementOptions } from '../models';
+import { PopoverPlacement, PopoverPlacementOptions, PopoverSide } from './popover.models';
+export declare function getPopoverSide(placement: PopoverPlacement): PopoverSide;
 export declare function computePopoverPlacement(referenceElement: ReferenceElement, floatingElement: FloatingElement, options: PopoverPlacementOptions): Promise<void>;
-//# sourceMappingURL=compute-popover-placement.d.ts.map
+//# sourceMappingURL=popover.utils.d.ts.map

package/dist/cdk/popover/popover.utils.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"popover.utils.d.ts","sourceRoot":"","sources":["../../../src/cdk/popover/popover.utils.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAyE,MAAM,kBAAkB,CAAC;AAEtJ,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,uBAAuB,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAEpG,wBAAgB,cAAc,CAAC,SAAS,EAAE,gBAAgB,GAAG,WAAW,CAEvE;AAED,wBAAsB,uBAAuB,CAC3C,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,uBAAuB,GAC/B,OAAO,CAAC,IAAI,CAAC,CAyCf"}

package/dist/cdk.js

@@ -127,37 +127,6 @@ class DragController {
   }
 }
 
-const PopoverPlacement = {
-  TOP: "top",
-  TOP_START: "top-start",
-  TOP_END: "top-end",
-  RIGHT: "right",
-  RIGHT_START: "right-start",
-  RIGHT_END: "right-end",
-  BOTTOM: "bottom",
-  BOTTOM_START: "bottom-start",
-  BOTTOM_END: "bottom-end",
-  LEFT: "left",
-  LEFT_START: "left-start",
-  LEFT_END: "left-end"
-};
-
-const PopoverPlacementOptions = createOptions({
-  placement: PopoverPlacement.BOTTOM,
-  enableFallback: true,
-  fallbackAxisSideDirection: "end",
-  matchReferenceWidth: false,
-  offset: 0,
-  outerPadding: 24
-});
-
-const PopoverSide = {
-  TOP: PopoverPlacement.TOP,
-  RIGHT: PopoverPlacement.RIGHT,
-  BOTTOM: PopoverPlacement.BOTTOM,
-  LEFT: PopoverPlacement.LEFT
-};
-
 /**
  * Custom positioning reference element.
  * @see https://floating-ui.com/docs/virtual-elements
@@ -1899,10 +1868,38 @@ const computePosition = (reference, floating, options) => {
 
 const styles$1 = ":host{--_popover-transition: var(--odx-popover-transition, var(--odx-motion-duration));--_popover-offset: var(--odx-size-50);background-color:transparent;opacity:0;padding:var(--_popover-offset);position-try:flip-block,flip-inline,flip-inline flip-block;transform:translate(var(--_popover-transition-offset-x),var(--_popover-transition-offset-y));transition:opacity var(--_popover-transition),transform var(--_popover-transition) allow-discrete,overlay var(--_popover-transition) allow-discrete,display var(--_popover-transition) allow-discrete;max-block-size:var(--_popover-max-block-size, 100%);max-inline-size:var(--_popover-max-inline-size, 100%);margin:0;top:var(--_popover-position-y);left:var(--_popover-position-x)}:host(:popover-open){display:flex;opacity:1;transform:translate(0);@starting-style{opacity:0;transform:translate(var(--_popover-transition-offset-x),var(--_popover-transition-offset-y))}}:host,:host([placement^=\"top\"]){--_popover-transition-offset-x: 0;--_popover-transition-offset-y: calc(-1 * var(--_popover-offset))}:host([placement^=\"right\"]){--_popover-transition-offset-x: var(--_popover-offset);--_popover-transition-offset-y: 0}:host([placement^=\"bottom\"]){--_popover-transition-offset-x: 0;--_popover-transition-offset-y: var(--_popover-offset)}:host([placement^=\"left\"]){--_popover-transition-offset-x: calc(-1 * var(--_popover-offset));--_popover-transition-offset-y: 0}";
 
+const PopoverPlacement = {
+  TOP: "top",
+  TOP_START: "top-start",
+  TOP_END: "top-end",
+  RIGHT: "right",
+  RIGHT_START: "right-start",
+  RIGHT_END: "right-end",
+  BOTTOM: "bottom",
+  BOTTOM_START: "bottom-start",
+  BOTTOM_END: "bottom-end",
+  LEFT: "left",
+  LEFT_START: "left-start",
+  LEFT_END: "left-end"
+};
+const PopoverPlacementOptions = createOptions({
+  placement: PopoverPlacement.BOTTOM,
+  enableFallback: true,
+  fallbackAxisSideDirection: "end",
+  matchReferenceWidth: false,
+  offset: 0,
+  outerPadding: 24
+});
+const PopoverSide = {
+  TOP: PopoverPlacement.TOP,
+  RIGHT: PopoverPlacement.RIGHT,
+  BOTTOM: PopoverPlacement.BOTTOM,
+  LEFT: PopoverPlacement.LEFT
+};
+
 function getPopoverSide(placement) {
   return placement.split("-")[0];
 }
-
 async function computePopoverPlacement(referenceElement, floatingElement, options) {
   const { arrowElement, placement, offset: offset$1, matchReferenceWidth, enableFallback, fallbackAxisSideDirection, minHeight, outerPadding } = options;
   const arrowSize = arrowElement?.offsetWidth ?? 0;

package/dist/components/button/{button.element.d.ts → button.component.d.ts}

@@ -1,12 +1,12 @@
 import { TemplateResult } from 'lit';
 import { BaseLink } from '../link';
-import { ButtonSize, ButtonVariant } from './models';
+import { ButtonSize, ButtonVariant } from './button.models';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-button': OdxButtonElement;
+        'odx-button': OdxButtonComponent;
     }
 }
-declare const OdxButtonElement_base: import('@odx/foundation').Constructor<import('@odx/foundation').HasLoadingState> & typeof BaseLink;
+declare const OdxButtonComponent_base: import('@odx/foundation').Constructor<import('@odx/foundation').HasLoadingState> & typeof BaseLink;
 /**
  * A button is clickable text or an icon that triggers an action on the page or in the background.
  * Depending on the action, content, and hierarchy, a button can be used on its own or grouped with
@@ -19,7 +19,7 @@ declare const OdxButtonElement_base: import('@odx/foundation').Constructor<impor
  * @slot suffix - Contains the button's icon or state indicator, e.g. a spinner.
  * @slot - Contains button text
  */
-export declare class OdxButtonElement extends OdxButtonElement_base {
+export declare class OdxButtonComponent extends OdxButtonComponent_base {
     #private;
     static readonly formAssociated = true;
     /**
@@ -38,4 +38,4 @@ export declare class OdxButtonElement extends OdxButtonElement_base {
     protected renderContent(): TemplateResult;
 }
 export {};
-//# sourceMappingURL=button.element.d.ts.map
+//# sourceMappingURL=button.component.d.ts.map

package/dist/components/button/button.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEjE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF;;AAED;;;;;;;;;;;GAWG;AACH,qBACa,kBAAmB,SAAQ,uBAA0B;;IAChE,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAGtC;;OAEG;IAEH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IAEH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IAEH,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;cAE5B,MAAM,IAAI,cAAc;cAQxB,aAAa,IAAI,cAAc;CAmCnD"}

package/dist/components/button/{models/button-variant.d.ts → button.models.d.ts}

@@ -1,3 +1,9 @@
+export type ButtonSize = (typeof ButtonSize)[keyof typeof ButtonSize];
+export declare const ButtonSize: {
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+};
 export type ButtonVariant = (typeof ButtonVariant)[keyof typeof ButtonVariant];
 export declare const ButtonVariant: {
     readonly PRIMARY: "primary";
@@ -8,4 +14,4 @@ export declare const ButtonVariant: {
     readonly SUCCESS: "success";
     readonly CONFIRMATION: "confirmation";
 };
-//# sourceMappingURL=button-variant.d.ts.map
+//# sourceMappingURL=button.models.d.ts.map

package/dist/components/button/button.models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"button.models.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AACtE,eAAO,MAAM,UAAU;;;;CAIb,CAAC;AAEX,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAC/E,eAAO,MAAM,aAAa;;;;;;;;CAQhB,CAAC"}

package/dist/components/button/index.d.ts

@@ -1,3 +1,3 @@
-export * from './button.element';
-export * from './models';
+export * from './button.component';
+export * from './button.models';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/button/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/button/index.ts"],"names":[],"mappings":"AAAA,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC"}

package/dist/components/headline/headline.component.d.ts

@@ -1,6 +1,6 @@
 import { CustomElement } from '@odx/foundation';
 import { PropertyValueMap } from 'lit';
-import { HeadlineSize } from './models';
+import { HeadlineSize } from './headline.models';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-headline': OdxHeadlineComponent;

package/dist/components/headline/headline.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"headline.component.d.ts","sourceRoot":"","sources":["../../../src/components/headline/headline.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA4C,MAAM,iBAAiB,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAE7C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,oBAAoB,CAAC;KACtC;CACF;AAED,qBAEa,oBAAqB,SAAQ,aAAa;IAErD,IAAI,CAAC,EAAE,YAAY,CAAC;cAED,UAAU,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;CAMnE"}
+{"version":3,"file":"headline.component.d.ts","sourceRoot":"","sources":["../../../src/components/headline/headline.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA4C,MAAM,iBAAiB,CAAC;AAC1F,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAG5C,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,oBAAoB,CAAC;KACtC;CACF;AAED,qBAEa,oBAAqB,SAAQ,aAAa;IAErD,IAAI,CAAC,EAAE,YAAY,CAAC;cAED,UAAU,CAAC,KAAK,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;CAMnE"}

package/dist/components/headline/{models/headline-size.d.ts → headline.models.d.ts}

@@ -5,4 +5,4 @@ export declare const HeadlineSize: {
     readonly LG: "lg";
     readonly XL: "xl";
 };
-//# sourceMappingURL=headline-size.d.ts.map
+//# sourceMappingURL=headline.models.d.ts.map

package/dist/components/headline/headline.models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"headline.models.d.ts","sourceRoot":"","sources":["../../../src/components/headline/headline.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAC5E,eAAO,MAAM,YAAY;;;;;CAKf,CAAC"}

package/dist/components/headline/index.d.ts

@@ -1,3 +1,3 @@
 export * from './headline.component';
-export * from './models';
+export * from './headline.models';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/headline/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/headline/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/headline/index.ts"],"names":[],"mappings":"AAAA,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC"}

package/dist/components/icon-button/icon-button.component.d.ts

@@ -1,5 +1,5 @@
 import { TemplateResult } from 'lit';
-import { OdxButtonElement } from '../button';
+import { OdxButtonComponent } from '../button';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-icon-button': OdxIconButtonComponent;
@@ -17,7 +17,7 @@ declare global {
  * @slot suffix - Contains the button's icon or state indicator, e.g. a spinner.
  * @slot - Contains button text
  */
-export declare class OdxIconButtonComponent extends OdxButtonElement {
+export declare class OdxIconButtonComponent extends OdxButtonComponent {
     icon?: string | null;
     protected renderContent(): TemplateResult;
 }

package/dist/components/icon-button/icon-button.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.component.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,gBAAgB,EAAE,MAAM,WAAW,CAAC;AAE7C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,sBAAsB,CAAC;KAC3C;CACF;AAED;;;;;;;;;;;GAWG;AACH,qBACa,sBAAuB,SAAQ,gBAAgB;IAE1D,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;cAEF,aAAa,IAAI,cAAc;CAKnD"}
+{"version":3,"file":"icon-button.component.d.ts","sourceRoot":"","sources":["../../../src/components/icon-button/icon-button.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAE,kBAAkB,EAAE,MAAM,WAAW,CAAC;AAE/C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,sBAAsB,CAAC;KAC3C;CACF;AAED;;;;;;;;;;;GAWG;AACH,qBACa,sBAAuB,SAAQ,kBAAkB;IAE5D,IAAI,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;cAEF,aAAa,IAAI,cAAc;CAKnD"}

package/dist/components/logo/index.d.ts

@@ -1,3 +1,3 @@
 export * from './logo.component';
-export * from './models';
+export * from './logo.models';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/logo/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/logo/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/logo/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC"}

package/dist/components/logo/logo.component.d.ts

@@ -1,5 +1,5 @@
 import { CustomElement } from '@odx/foundation';
-import { LogoSize } from './models';
+import { LogoSize } from './logo.models';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-logo': OdxLogoComponent;

package/dist/components/logo/logo.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"logo.component.d.ts","sourceRoot":"","sources":["../../../src/components/logo/logo.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAG/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAEzC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF;AAED,qBACa,gBAAiB,SAAQ,aAAa;IAEjD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAGhB,OAAO,UAAS;IAEP,iBAAiB,IAAI,IAAI;CAOnC"}
+{"version":3,"file":"logo.component.d.ts","sourceRoot":"","sources":["../../../src/components/logo/logo.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAG/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAE9C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF;AAED,qBACa,gBAAiB,SAAQ,aAAa;IAEjD,IAAI,CAAC,EAAE,QAAQ,CAAC;IAGhB,OAAO,UAAS;IAEP,iBAAiB,IAAI,IAAI;CAOnC"}

package/dist/components/logo/{models/logo-size.d.ts → logo.models.d.ts}

@@ -6,4 +6,4 @@ export declare const LogoSize: {
     readonly LG: "lg";
     readonly XL: "xl";
 };
-//# sourceMappingURL=logo-size.d.ts.map
+//# sourceMappingURL=logo.models.d.ts.map

package/dist/components/logo/logo.models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"logo.models.d.ts","sourceRoot":"","sources":["../../../src/components/logo/logo.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;AAChE,eAAO,MAAM,QAAQ;;;;;;CAMX,CAAC"}

package/dist/components/main.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/components/main.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,CAAC;AACpB,OAAO,iBAAiB,CAAC;AAEzB,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC"}
+{"version":3,"file":"main.d.ts","sourceRoot":"","sources":["../../src/components/main.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,eAAe,CAAC;AAC9B,cAAc,QAAQ,CAAC;AACvB,cAAc,qBAAqB,CAAC;AACpC,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC"}

package/dist/components/search-bar/index.d.ts

@@ -1,4 +1,4 @@
-export * from './events';
-export * from './models';
 export * from './search-bar.component';
+export * from './search-bar.events';
+export * from './search-bar.models';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/search-bar/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,wBAAwB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/index.ts"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,qBAAqB,CAAC"}

package/dist/components/search-bar/search-bar.component.d.ts

@@ -1,6 +1,6 @@
 import { CustomElement } from '@odx/foundation';
 import { PropertyValues, TemplateResult } from 'lit';
-import { SearchBarBehavior } from './models';
+import { SearchBarBehavior } from './search-bar.models';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-search-bar': OdxSearchBarComponent;

package/dist/components/search-bar/search-bar.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"search-bar.component.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/search-bar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAE/D,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAG7C,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,qBAAqB,CAAC;KACzC;CACF;AAED,UAAU,aAAa;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,qBACa,qBAAsB,SAAQ,aAAa;;IAStD,OAAO,CAAC,aAAa,CAAsB;IAE3C,IAAI,YAAY,IAAI,gBAAgB,GAAG,IAAI,CAE1C;IAGD,QAAQ,EAAE,iBAAiB,CAA4B;IAGvD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEb,iBAAiB;cAKP,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM7D,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI;cAO1C,MAAM,IAAI,cAAc;CAsC5C"}
+{"version":3,"file":"search-bar.component.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/search-bar.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAE/D,OAAO,EAAE,KAAK,cAAc,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAExD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,gBAAgB,EAAE,qBAAqB,CAAC;KACzC;CACF;AAED,UAAU,aAAa;IACrB,aAAa,EAAE,OAAO,CAAC;IACvB,WAAW,EAAE,OAAO,CAAC;IACrB,WAAW,EAAE,OAAO,CAAC;CACtB;AAED,qBACa,qBAAsB,SAAQ,aAAa;;IAStD,OAAO,CAAC,aAAa,CAAsB;IAE3C,IAAI,YAAY,IAAI,gBAAgB,GAAG,IAAI,CAE1C;IAGD,QAAQ,EAAE,iBAAiB,CAA4B;IAGvD,YAAY,CAAC,EAAE,MAAM,CAAC;IAEb,iBAAiB;cAKP,OAAO,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;IAM7D,MAAM,CAAC,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAAE,OAAO,CAAC,aAAa,CAAC,GAAG,IAAI;cAO1C,MAAM,IAAI,cAAc;CAsC5C"}

package/dist/components/search-bar/{events/search-event.d.ts → search-bar.events.d.ts}

@@ -4,4 +4,4 @@ export declare class SearchEvent extends CustomEvent<{
 }> {
     constructor(value: string, rawValue?: string);
 }
-//# sourceMappingURL=search-event.d.ts.map
+//# sourceMappingURL=search-bar.events.d.ts.map

package/dist/components/search-bar/search-bar.events.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.events.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/search-bar.events.ts"],"names":[],"mappings":"AAAA,qBAAa,WAAY,SAAQ,WAAW,CAAC;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;gBACpE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM;CAG7C"}

package/dist/components/search-bar/{models/search-bar-behavior.d.ts → search-bar.models.d.ts}

@@ -3,4 +3,4 @@ export declare const SearchBarBehavior: {
     readonly INSTANT: "instant";
     readonly SUBMIT: "submit";
 };
-//# sourceMappingURL=search-bar-behavior.d.ts.map
+//# sourceMappingURL=search-bar.models.d.ts.map

package/dist/components/search-bar/search-bar.models.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-bar.models.d.ts","sourceRoot":"","sources":["../../../src/components/search-bar/search-bar.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;AAC3F,eAAO,MAAM,iBAAiB;;;CAGpB,CAAC"}

package/dist/components.js

@@ -1,5 +1,3 @@
-import '@odx/icons';
-import '@odx/icons/core';
 import { customElement, CustomElement, toAriaBooleanAttribute, WithLoadingState, optionalAttr, IsLocalized, parseDate, requestUpdateOnAriaChange, SharedResizeObserver, toPx, optionalSlot } from '@odx/foundation';
 import { html, css, nothing } from 'lit';
 import { when } from 'lit/directives/when.js';
@@ -7,7 +5,7 @@ import { property, queryAssignedElements, query } from 'lit/decorators.js';
 import { B as BaseLink } from './base-link-CvZZE13a.js';
 import { clamp, debounce } from 'es-toolkit';
 
-const styles$h = ":host{display:inline}:host::part(anchor){padding-inline:calc(1 / 24 * 1rem);transition:var(--odx-transition-base);color:var(--odx-link-color, var(--odx-palette-blue-50));text-decoration:underline}:host::part(anchor):hover{--odx-link-color: var(--odx-palette-blue-80)}:host([disabled])::part(anchor),:host([subtle]:not([subtle=\"false\"]):not(:hover))::part(anchor){text-decoration:none}:host([disabled])::part(anchor){color:var(--odx-palette-coolgray-60);cursor:default;text-decoration:none}";
+const styles$h = ":host{display:inline;text-decoration:underline}:host(:focus-visible){outline:none}:host::part(anchor){padding-inline:calc(1 / 24 * 1rem);transition:var(--odx-transition-reduced);color:var(--odx-link-color, var(--odx-palette-blue-50));text-decoration:inherit;outline:var(--odx-focus-ring-outline);outline-offset:var(--odx-focus-ring-offset);border-radius:var(--odx-border-radius-controls)}:host::part(anchor):hover{--odx-link-color: var(--odx-link-color-hover, var(--odx-palette-blue-80))}:host::part(anchor):focus-visible{outline-color:var(--odx-focus-ring-color)}:host([disabled]:not([disabled=\"false\"])),:host([subtle]:not([subtle=\"false\"]):not(:hover)){text-decoration:none}:host([disabled])::part(anchor){--odx-link-color: var(--odx-link-color-disabled, var(--odx-palette-coolgray-40));cursor:default}";
 
 var __defProp$i = Object.defineProperty;
 var __getOwnPropDesc$m = Object.getOwnPropertyDescriptor;
@@ -168,11 +166,11 @@ var __accessCheck$3 = (obj, member, msg) => member.has(obj) || __typeError$3("Ca
 var __privateGet$3 = (obj, member, getter) => (__accessCheck$3(obj, member, "read from private field"), member.get(obj));
 var __privateAdd$3 = (obj, member, value) => member.has(obj) ? __typeError$3("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
 var __privateMethod$2 = (obj, member, method) => (__accessCheck$3(obj, member, "access private method"), method);
-var _internals, _OdxButtonElement_instances, renderButton_fn, handleClick_fn;
-let OdxButtonElement = class extends WithLoadingState(BaseLink) {
+var _internals, _OdxButtonComponent_instances, renderButton_fn, handleClick_fn;
+let OdxButtonComponent = class extends WithLoadingState(BaseLink) {
   constructor() {
     super(...arguments);
-    __privateAdd$3(this, _OdxButtonElement_instances);
+    __privateAdd$3(this, _OdxButtonComponent_instances);
     __privateAdd$3(this, _internals, this.attachInternals());
     this.type = "button";
   }
@@ -180,7 +178,7 @@ let OdxButtonElement = class extends WithLoadingState(BaseLink) {
     return html`${when(
       this.href,
       () => super.render(),
-      () => __privateMethod$2(this, _OdxButtonElement_instances, renderButton_fn).call(this)
+      () => __privateMethod$2(this, _OdxButtonComponent_instances, renderButton_fn).call(this)
     )}`;
   }
   renderContent() {
@@ -192,7 +190,7 @@ let OdxButtonElement = class extends WithLoadingState(BaseLink) {
   }
 };
 _internals = new WeakMap();
-_OdxButtonElement_instances = new WeakSet();
+_OdxButtonComponent_instances = new WeakSet();
 renderButton_fn = function() {
   const { ariaLabel, ariaHasPopup, ariaExpanded } = this;
   return html`<button
@@ -202,7 +200,7 @@ renderButton_fn = function() {
       aria-expanded="${optionalAttr(ariaExpanded)}"
       type=${this.type}
       ?disabled=${this.disabled}
-      @click=${__privateMethod$2(this, _OdxButtonElement_instances, handleClick_fn)}
+      @click=${__privateMethod$2(this, _OdxButtonComponent_instances, handleClick_fn)}
     >
       ${this.renderContent()}
       ${when(this.loading, () => html`<odx-loading-indicator class="spinner"></odx-loading-indicator>`)}
@@ -218,26 +216,25 @@ handleClick_fn = function(_event) {
     return;
   }
 };
-OdxButtonElement.formAssociated = true;
+OdxButtonComponent.formAssociated = true;
 __decorateClass$k([
   property({ reflect: true })
-], OdxButtonElement.prototype, "size", 2);
+], OdxButtonComponent.prototype, "size", 2);
 __decorateClass$k([
   property({ reflect: true })
-], OdxButtonElement.prototype, "variant", 2);
+], OdxButtonComponent.prototype, "variant", 2);
 __decorateClass$k([
   property()
-], OdxButtonElement.prototype, "type", 2);
-OdxButtonElement = __decorateClass$k([
+], OdxButtonComponent.prototype, "type", 2);
+OdxButtonComponent = __decorateClass$k([
   customElement("odx-button", [styles$e])
-], OdxButtonElement);
+], OdxButtonComponent);
 
 const ButtonSize = {
   SM: "sm",
   MD: "md",
   LG: "lg"
 };
-
 const ButtonVariant = {
   PRIMARY: "primary",
   HIGHLIGHT: "highlight",
@@ -662,7 +659,7 @@ var __decorateClass$9 = (decorators, target, key, kind) => {
   if (kind && result) __defProp$6(target, key, result);
   return result;
 };
-let OdxIconButtonComponent = class extends OdxButtonElement {
+let OdxIconButtonComponent = class extends OdxButtonComponent {
   renderContent() {
     return html`
       <odx-icon name=${optionalAttr(this.icon)}></odx-icon>
@@ -824,6 +821,8 @@ OdxPageLayoutComponent = __decorateClass$5([
   customElement("odx-page-layout", [styles$5])
 ], OdxPageLayoutComponent);
 
+const styles$4 = "*{box-sizing:border-box}:host{--odx-search-max-inline-size: 35em;--_block-size: var(--odx-size-225);--_border-color: var(--odx-color-input-control-stroke);--_background-color: var(--odx-color-input-control-fill);display:grid;grid-template-columns:auto 1fr;place-items:center;background-color:var(--_background-color);border:var(--odx-border-width-thin) solid var(--_border-color);block-size:var(--_block-size);border-radius:var(--odx-border-radius-sm);max-width:var(--odx-search-max-inline-size);font-size:var(--odx-font-size-text-md);transition:var(--odx-transition-reduced);transition-property:background-color,border-color}:host(:hover){--_background-color: var(--odx-color-input-control-fill-hover);--_border-color: var(--odx-color-input-control-stroke-hover)}:host(:focus-within){--_border-color: var(--odx-color-input-control-stroke-pressed)}label,::slotted(label){cursor:default;user-select:none;padding-inline:var(--odx-size-50);min-inline-size:var(--odx-size-225);text-align:center;display:flex;place-content:center}odx-icon[name=\"core::search\"]{--size: var(--odx-typography-font-size-5)}::slotted(input[type=\"search\"]){background-color:inherit;border:none;margin:0;padding:0;color:inherit;inline-size:100%}::slotted(input[type=\"search\"]:focus-visible){outline:0}::slotted(input[type=\"search\"])::placeholder{color:var(--odx-color-foreground-muted)}";
+
 class SearchEvent extends CustomEvent {
   constructor(value, rawValue) {
     super("search", { detail: { rawValue, value } });
@@ -835,8 +834,6 @@ const SearchBarBehavior = {
   SUBMIT: "submit"
 };
 
-const styles$4 = "*{box-sizing:border-box}:host{--odx-search-max-inline-size: 35em;--_block-size: var(--odx-size-225);--_border-color: var(--odx-color-input-control-stroke);--_background-color: var(--odx-color-input-control-fill);display:grid;grid-template-columns:auto 1fr;place-items:center;background-color:var(--_background-color);border:var(--odx-border-width-thin) solid var(--_border-color);block-size:var(--_block-size);border-radius:var(--odx-border-radius-sm);max-width:var(--odx-search-max-inline-size);font-size:var(--odx-font-size-text-md);transition:var(--odx-transition-reduced);transition-property:background-color,border-color}:host(:hover){--_background-color: var(--odx-color-input-control-fill-hover);--_border-color: var(--odx-color-input-control-stroke-hover)}:host(:focus-within){--_border-color: var(--odx-color-input-control-stroke-pressed)}label,::slotted(label){cursor:default;user-select:none;padding-inline:var(--odx-size-50);min-inline-size:var(--odx-size-225);text-align:center;display:flex;place-content:center}odx-icon[name=\"core::search\"]{--size: var(--odx-typography-font-size-5)}::slotted(input[type=\"search\"]){background-color:inherit;border:none;margin:0;padding:0;color:inherit;inline-size:100%}::slotted(input[type=\"search\"]:focus-visible){outline:0}::slotted(input[type=\"search\"])::placeholder{color:var(--odx-color-foreground-muted)}";
-
 var __defProp$3 = Object.defineProperty;
 var __getOwnPropDesc$4 = Object.getOwnPropertyDescriptor;
 var __typeError = (msg) => {
@@ -1096,4 +1093,4 @@ OdxVisuallyHiddenComponent = __decorateClass([
   customElement("odx-visually-hidden", [styles])
 ], OdxVisuallyHiddenComponent);
 
-export { BaseLink, ButtonSize, ButtonVariant, HeadlineSize, LogoSize, OdxBreadcrumbComponent, OdxBreadcrumbItemComponent, OdxButtonElement, OdxButtonGroupComponent, OdxFormatBytesComponent, OdxFormatDateComponent, OdxFormatNumberComponent, OdxHeaderActionsComponent, OdxHeaderComponent, OdxHeadlineComponent, OdxIconButtonComponent, OdxLinkComponent, OdxLoadingIndicatorComponent, OdxLogoComponent, OdxPageComponent, OdxPageLayoutComponent, OdxRelativeTimeComponent, OdxSearchBarComponent, OdxSeparatorComponent, OdxStackComponent, OdxTextComponent, OdxTitleComponent, OdxVisuallyHiddenComponent, PageAlignment, PageLayout, SearchBarBehavior, SearchEvent, StackAlignItems, StackGap, StackJustifyContent, TextSize, TextVariant, TitleSize };
+export { BaseLink, ButtonSize, ButtonVariant, HeadlineSize, LogoSize, OdxBreadcrumbComponent, OdxBreadcrumbItemComponent, OdxButtonComponent, OdxButtonGroupComponent, OdxFormatBytesComponent, OdxFormatDateComponent, OdxFormatNumberComponent, OdxHeaderActionsComponent, OdxHeaderComponent, OdxHeadlineComponent, OdxIconButtonComponent, OdxLinkComponent, OdxLoadingIndicatorComponent, OdxLogoComponent, OdxPageComponent, OdxPageLayoutComponent, OdxRelativeTimeComponent, OdxSearchBarComponent, OdxSeparatorComponent, OdxStackComponent, OdxTextComponent, OdxTitleComponent, OdxVisuallyHiddenComponent, PageAlignment, PageLayout, SearchBarBehavior, SearchEvent, StackAlignItems, StackGap, StackJustifyContent, TextSize, TextVariant, TitleSize };

package/dist/elements/main-menu/index.d.ts

@@ -1,6 +1,6 @@
-export * from './elements/main-menu-button.element';
-export * from './elements/main-menu-link.element';
-export * from './elements/main-menu-subtitle.element';
-export * from './elements/main-menu-title.element';
+export * from './main-menu-button.element';
+export * from './main-menu-link.element';
+export * from './main-menu-subtitle.element';
+export * from './main-menu-title.element';
 export * from './main-menu.element';
 //# sourceMappingURL=index.d.ts.map

package/dist/elements/main-menu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/main-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,qCAAqC,CAAC;AACpD,cAAc,mCAAmC,CAAC;AAClD,cAAc,uCAAuC,CAAC;AACtD,cAAc,oCAAoC,CAAC;AACnD,cAAc,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/main-menu/index.ts"],"names":[],"mappings":"AAAA,cAAc,4BAA4B,CAAC;AAC3C,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,qBAAqB,CAAC"}

package/dist/elements/main-menu/main-menu-button.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-menu-button.element.d.ts","sourceRoot":"","sources":["../../../src/elements/main-menu/main-menu-button.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF;AAED,qBACa,wBAAyB,SAAQ,aAAa;;cACtC,MAAM,IAAI,cAAc;CAU5C"}

package/dist/elements/main-menu/{elements/main-menu-link.element.d.ts → main-menu-link.element.d.ts}

@@ -1,4 +1,4 @@
-import { BaseLink } from '../../../components/link';
+import { BaseLink } from '../../components/link';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-main-menu-link': OdxMainMenuLink;

package/dist/elements/main-menu/main-menu-link.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-menu-link.element.d.ts","sourceRoot":"","sources":["../../../src/elements/main-menu/main-menu-link.element.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AAGjD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,eAAe,CAAC;KACvC;CACF;AAED,qBACa,eAAgB,SAAQ,QAAQ;CAAG"}

package/dist/elements/main-menu/main-menu-subtitle.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-menu-subtitle.element.d.ts","sourceRoot":"","sources":["../../../src/elements/main-menu/main-menu-subtitle.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF;AAED,qBACa,0BAA2B,SAAQ,aAAa;IAClD,IAAI,SAAc;cAER,MAAM,IAAI,cAAc;CAO5C"}

package/dist/elements/main-menu/main-menu-title.element.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-menu-title.element.d.ts","sourceRoot":"","sources":["../../../src/elements/main-menu/main-menu-title.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,uBAAuB,CAAC;KAChD;CACF;AAED,qBACa,uBAAwB,SAAQ,aAAa;IAC/C,IAAI,SAAW;cAEL,MAAM,IAAI,cAAc;CAO5C"}

package/dist/elements/main-menu/main-menu.element.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"main-menu.element.d.ts","sourceRoot":"","sources":["../../../src/elements/main-menu/main-menu.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAsC,MAAM,iBAAiB,CAAC;AAEpF,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF;AAID,qBACa,kBAAmB,SAAQ,aAAa;;IAInD,OAAO,CAAC,KAAK,CAAsB;IAE1B,iBAAiB,IAAI,IAAI;IAMlC,MAAM,IAAI,IAAI;IAId,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;cAIM,MAAM,IAAI,cAAc;CA2B5C"}
+{"version":3,"file":"main-menu.element.d.ts","sourceRoot":"","sources":["../../../src/elements/main-menu/main-menu.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAsC,MAAM,iBAAiB,CAAC;AAEpF,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,kBAAkB,CAAC;KACrC;CACF;AAID,qBACa,kBAAmB,SAAQ,aAAa;;IAInD,OAAO,CAAC,KAAK,CAAsB;IAE1B,iBAAiB,IAAI,IAAI;IAMlC,MAAM,IAAI,IAAI;IAId,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;cAIM,MAAM,IAAI,cAAc;CA6B5C"}

package/dist/elements.js

@@ -1228,13 +1228,13 @@ var _handleClick$2;
 let OdxMainMenuButtonElement = class extends CustomElement {
   constructor() {
     super(...arguments);
-    __privateAdd$c(this, _handleClick$2, () => {
+    __privateAdd$c(this, _handleClick$2, (event) => {
       document.querySelector("odx-main-menu")?.open();
     });
   }
   render() {
     return html`
-      <odx-icon-button aria-label="Open main menu" icon="menu" variant="ghost" @click=${__privateGet$9(this, _handleClick$2)}>
+      <odx-icon-button aria-label="Open main menu" icon="core::menu" variant="ghost" @click=${__privateGet$9(this, _handleClick$2)}>
       </odx-icon-button>
     `;
   }
@@ -1244,7 +1244,7 @@ OdxMainMenuButtonElement = __decorateClass$u([
   customElement("odx-main-menu-button", [])
 ], OdxMainMenuButtonElement);
 
-const styles$p = ":host{--_color-fill: transparent;--_color-text: inherit;--_color-outline: transparent;user-select:none}:host::part(anchor){display:flex;place-items:center;background-color:var(--_color-fill);color:var(--_color-text);gap:var(--odx-size-50);block-size:var(--odx-size-300);text-decoration:none;padding-inline:var(--odx-size-100);font-weight:var(--odx-font-weight-medium);border-radius:var(--odx-border-radius-sm);outline:var(--odx-outline-focus);outline-offset:var(--odx-outline-offset-focus);outline-color:var(--_color-outline);transition:var(--odx-transition-base)}:host(:hover){--_color-fill: var(--odx-palette-cyan-70)}:host(:is([active],:active)){--_color-fill: var(--odx-color-fill-focus)}:host::part(anchor):focus-visible{--_color-fill: var(--odx-color-fill-focus);--_color-outline: var(--odx-color-outline-focus)}:host([disabled]){--_color-text: var(--odx-color-text-disabled);pointer-events:none}:host(:not(:last-of-type))::part(anchor){margin-block-end:var(--odx-size-100)}";
+const styles$p = ":host{--_color-fill: var(--odx-palette-transparent);--_color-text: inherit;--_color-outline: var(--odx-palette-transparent);user-select:none}:host::part(anchor){display:flex;place-items:center;background-color:var(--_color-fill);color:var(--_color-text);gap:var(--odx-size-50);block-size:var(--odx-size-300);padding-inline:var(--odx-size-100);font-weight:var(--odx-font-weight-medium);border-radius:var(--odx-border-radius-sm);outline:var(--odx-focus-ring-outline);outline-offset:var(--odx-focus-ring-offset);outline-color:var(--_color-outline);transition:var(--odx-transition-default);text-decoration:none}:host(:hover){--_color-fill: var(--odx-color-foreground-highlight)}:host(:is([active],:active)){--_color-fill: var(--odx-color-foreground-highlight-pressed)}:host::part(anchor):focus-visible{--_color-outline: var(--odx-focus-ring-color)}:host([disabled]){--_color-text: var(--odx-color-disabled-foreground-brand);pointer-events:none}";
 
 var __getOwnPropDesc$r = Object.getOwnPropertyDescriptor;
 var __decorateClass$t = (decorators, target, key, kind) => {
@@ -1300,7 +1300,7 @@ let OdxMainMenuTitleElement = class extends CustomElement {
   }
   render() {
     return html`
-      <odx-title size="md">
+      <odx-title size="sm">
         <slot></slot>
       </odx-title>
     `;
@@ -1310,7 +1310,7 @@ OdxMainMenuTitleElement = __decorateClass$r([
   customElement("odx-main-menu-title")
 ], OdxMainMenuTitleElement);
 
-const styles$o = ":host{--_transition-duration: var(--odx-motion-duration);grid-template-rows:auto 1fr auto auto;block-size:100%;inline-size:var(--odx-main-menu-max-width, min(100dvw, 384px));border:none;background-color:var(--odx-main-menu-color-fill, var(--odx-color-primary));color:var(--odx-main-menu-color-text, var(--odx-color-primary-text));margin:0;padding:0;transform:translate(-100%);box-shadow:var(--odx-shadow-level-2);transition:transform var(--_transition-duration) allow-discrete,overlay var(--_transition-duration) allow-discrete,display var(--_transition-duration) allow-discrete}:host(:popover-open){display:grid;opacity:1;transform:translate(0);@starting-style{opacity:0;transform:translate(-100%)}}:host::backdrop{background-color:var(--odx-color-fill-backdrop);backdrop-filter:blur(0);opacity:0;transition:backdrop-filter var(--_transition-duration),opacity var(--_transition-duration);cursor:default}:host(:popover-open)::backdrop{backdrop-filter:blur(var(--odx-elevation-blur));opacity:1}@starting-style{:host(:popover-open)::backdrop{backdrop-filter:blur(0);opacity:0}}[part~=navigation]{padding:var(--odx-size-75);overflow-y:auto}[part~=header]{padding-inline:var(--odx-size-150);padding-block-start:var(--odx-size-75);padding-block-end:clamp(0px,4dvh - calc(var(--odx-size-75)),var(--odx-size-75))}[part~=link-navigation],[part~=footer]{padding:var(--odx-size-150);padding-block:clamp(var(--odx-size-75),4dvh,var(--odx-size-150))}[part~=link-navigation]{padding-block-end:0;padding-block-start:var(--odx-size-75);column-gap:var(--odx-size-100)}";
+const styles$o = ":host{--odx-link-color: var(--odx-color-foreground-light);--odx-link-color-hover: var(--odx-color-foreground-light);--odx-link-color-disabled: var(--odx-color-disabled-foreground-brand);--_transition-duration: var(--odx-motion-duration-default);grid-template-rows:auto 1fr auto auto;block-size:100%;inline-size:var(--odx-main-menu-max-width, min(100dvw, 384px));border:none;background-color:var(--odx-color-background-draeger);color:var(--odx-color-foreground-light);margin:0;padding:0;transform:translate(-100%);box-shadow:var(--odx-shadow-level-2);transition:transform var(--_transition-duration) allow-discrete,overlay var(--_transition-duration) allow-discrete,display var(--_transition-duration) allow-discrete}:host(:popover-open){display:grid;opacity:1;transform:translate(0);@starting-style{opacity:0;transform:translate(-100%)}}:host::backdrop{background-color:var(--odx-color-backdrop);backdrop-filter:blur(0);opacity:0;transition:backdrop-filter var(--_transition-duration),opacity var(--_transition-duration);cursor:default}:host(:popover-open)::backdrop{backdrop-filter:blur(var(--odx-elevation-blur));opacity:1}@starting-style{:host(:popover-open)::backdrop{backdrop-filter:blur(0);opacity:0}}[part~=navigation]{padding:var(--odx-size-75);overflow-y:auto}[part~=header]{padding-inline:var(--odx-size-150);padding-block-start:var(--odx-size-75);padding-block-end:clamp(0px,4dvh - calc(var(--odx-size-75)),var(--odx-size-75))}[part~=link-navigation],[part~=footer]{padding:var(--odx-size-150);padding-block:clamp(var(--odx-size-75),4dvh,var(--odx-size-150))}[part~=link-navigation]{padding-block-end:0;padding-block-start:var(--odx-size-75);column-gap:var(--odx-size-100)}";
 
 var __defProp$i = Object.defineProperty;
 var __getOwnPropDesc$o = Object.getOwnPropertyDescriptor;
@@ -1364,9 +1364,11 @@ let OdxMainMenuElement = class extends CustomElement {
         <slot name="subtitle"></slot>
       </div>
       <nav part="navigation">
-        <slot @slotchange=${__privateGet$8(this, _handleSlotChange$2)}></slot>
+        <odx-stack gap="md" align-items="stretch">
+          <slot @slotchange=${__privateGet$8(this, _handleSlotChange$2)}></slot>
+        </odx-stack>
       </nav>
-      <odx-stack part="link-navigation" gap="xs"  wrap horizontal>
+      <odx-stack part="link-navigation" gap="xs"  wrap horizontal justify-content="start">
         <slot name="${LINK_NAVIGATION_SLOT}"></slot>
       </odx-stack>
       <div part="footer">

package/dist/styles.css

@@ -1 +1 @@
-@layer odx-reset,odx-base,odx-component,odx-theme;@layer odx-reset{*,*:before,*:after{box-sizing:border-box}:root{font-size:150%}:where(img,picture,video,canvas,svg){display:block;max-width:100%;margin:0;padding:0}:where(input,button,textarea,select){font:inherit;margin:0;padding:0}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word;margin:0;padding:0}::selection{background-color:var(--odx-color-foreground-highlight);color:var(--odx-color-foreground-inverse)}html{font-family:sans-serif;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:var(--odx-color-foreground);font-family:var(--odx-typography-font-family-base),"Noto Sans","Kanit",sans-serif;font-size:var(--odx-breakpoint-font-size-p-base);line-height:var(--odx-breakpoint-line-height-p-md);margin:0;padding:0}#root,#__next{isolation:isolate}input[type=search]::-webkit-search-cancel-button{appearance:none;aspect-ratio:1;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m15.3,7.3l-3.3,3.3-3.3-3.3-1.4,1.4,3.3,3.3-3.3,3.3,1.4,1.4,3.3-3.3,3.3,3.3,1.4-1.4-3.3-3.3,3.3-3.3-1.4-1.4Zm-3.3-5.3C6.5,2,2,6.5,2,12s4.5,10,10,10,10-4.5,10-10S17.5,2,12,2Zm0,18c-4.4,0-8-3.6-8-8S7.6,4,12,4s8,3.6,8,8-3.6,8-8,8Z' style='fill:%23002766;'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-clip:content-box;background-position:center;background-size:var(--odx-typography-font-size-5);block-size:var(--odx-size-225);cursor:pointer;margin:0;margin-inline-end:-2px;max-block-size:100%;transition:var(--odx-transition-reduced)}input[type=search]::-webkit-search-cancel-button:hover{color:var(--odx-color-foreground-highlight)}odx-spinbox>input::-webkit-inner-spin-button{appearance:none}}@layer odx-base{:root{--odx-border-radius-circle: 9999px;--odx-border-radius-controls: var(--odx-border-radius-sm);--odx-border-radius-lg: var(--odx-size-50);--odx-border-radius-md: 5px;--odx-border-radius-ml: var(--odx-size-37);--odx-border-radius-none: 0;--odx-border-radius-sm: 3px;--odx-border-width-none: 0;--odx-border-width-thick: 2px;--odx-border-width-thickest: var(--odx-size-25);--odx-border-width-thin: var(--odx-size-px);--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-6);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-display-xl: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-6);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-100);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-100);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-150);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-200);--odx-breakpoint-visibility-lg-down-hide: 0;--odx-breakpoint-visibility-lg-down-show: 1;--odx-breakpoint-visibility-lg-show: 0;--odx-breakpoint-visibility-md-down-hide: 0;--odx-breakpoint-visibility-md-down-show: 1;--odx-breakpoint-visibility-md-show: 0;--odx-breakpoint-visibility-sm-down-hide: 0;--odx-breakpoint-visibility-sm-down-show: 1;--odx-breakpoint-visibility-sm-show: 1;--odx-breakpoint-visibility-xl-show: 0;--odx-color-backdrop: var(--odx-palette-blue-100-30);--odx-color-background-cool: var(--odx-palette-coolgray-00);--odx-color-background-cool-contrast: var(--odx-palette-coolgray-30);--odx-color-background-draeger: var(--odx-palette-blue-80);--odx-color-background-main: var(--odx-palette-white);--odx-color-background-sand: var(--odx-palette-sandgray-10);--odx-color-background-sand-contrast: var(--odx-palette-sandgray-30);--odx-color-background-sidesheet: var(--odx-palette-white);--odx-color-background-warm: var(--odx-palette-warmgray-10);--odx-color-background-warm-contrast: var(--odx-palette-warmgray-30);--odx-color-confirmation-hover: var(--odx-palette-orange-70);--odx-color-confirmation-pressed: var(--odx-palette-orange-80);--odx-color-confirmation-rest: var(--odx-palette-orange-60);--odx-color-danger-background: var(--odx-palette-red-00);--odx-color-danger-hover: var(--odx-palette-red-70);--odx-color-danger-pressed: var(--odx-palette-red-80);--odx-color-danger-rest: var(--odx-palette-red-60);--odx-color-danger-stroke: var(--odx-palette-red-20);--odx-color-danger-stroke-hover: var(--odx-palette-red-30);--odx-color-disabled-fill: var(--odx-palette-coolgray-10);--odx-color-disabled-fill-selected: var(--odx-palette-coolgray-60);--odx-color-disabled-foreground: var(--odx-palette-coolgray-50);--odx-color-disabled-foreground-brand: var(--odx-palette-cyan-90);--odx-color-disabled-foreground-selected: var(--odx-palette-coolgray-10);--odx-color-disabled-stroke: var(--odx-palette-transparent);--odx-color-focus-inner: var(--odx-palette-white);--odx-color-focus-outer: var(--odx-palette-cyan-70);--odx-color-foreground: var(--odx-palette-blue-80);--odx-color-foreground-danger: var(--odx-palette-red-60);--odx-color-foreground-dark: var(--odx-palette-blue-80);--odx-color-foreground-highlight: var(--odx-palette-cyan-70);--odx-color-foreground-highlight-hover: var(--odx-palette-cyan-80);--odx-color-foreground-highlight-pressed: var(--odx-palette-cyan-80);--odx-color-foreground-inverse: var(--odx-palette-white);--odx-color-foreground-light: var(--odx-palette-white);--odx-color-foreground-muted: var(--odx-palette-blue-80-60);--odx-color-highlight-hover: var(--odx-palette-cyan-70);--odx-color-highlight-pressed: var(--odx-palette-cyan-80);--odx-color-highlight-rest: var(--odx-palette-cyan-60);--odx-color-input-control-fill: var(--odx-palette-coolgray-10);--odx-color-input-control-fill-hover: var(--odx-palette-coolgray-20);--odx-color-input-control-fill-readonly: var(--odx-palette-transparent);--odx-color-input-control-stroke: var(--odx-palette-coolgray-20);--odx-color-input-control-stroke-hover: var(--odx-palette-coolgray-30);--odx-color-input-control-stroke-pressed: var(--odx-color-highlight-rest);--odx-color-input-control-stroke-readonly: var(--odx-palette-coolgray-20);--odx-color-neutral-hover: var(--odx-palette-coolgray-40);--odx-color-neutral-pressed: var(--odx-palette-coolgray-50);--odx-color-neutral-rest: var(--odx-palette-coolgray-30);--odx-color-overlay: var(--odx-palette-white-60);--odx-color-primary-background: var(--odx-palette-blue-00);--odx-color-primary-hover: var(--odx-palette-blue-90);--odx-color-primary-pressed: var(--odx-palette-blue-100);--odx-color-primary-rest: var(--odx-palette-blue-80);--odx-color-scrollbar: var(--odx-palette-coolgray-40);--odx-color-selected: var(--odx-palette-cyan-60-15);--odx-color-selected-hover: var(--odx-palette-cyan-60-20);--odx-color-selection-control-fill: var(--odx-palette-coolgray-10);--odx-color-selection-control-fill-hover: var(--odx-palette-coolgray-20);--odx-color-selection-control-fill-readonly: var(--odx-palette-transparent);--odx-color-selection-control-fill-selected: var(--odx-color-highlight-rest);--odx-color-selection-control-fill-selected-hover: var(--odx-color-highlight-hover);--odx-color-selection-control-fill-selected-readonly: var(--odx-palette-transparent);--odx-color-selection-control-foreground-readonly: var(--odx-color-foreground);--odx-color-selection-control-stroke: var(--odx-palette-coolgray-20);--odx-color-selection-control-stroke-hover: var(--odx-palette-coolgray-30);--odx-color-selection-control-stroke-readonly: var(--odx-palette-coolgray-20);--odx-color-selection-control-stroke-selected: var(--odx-palette-transparent);--odx-color-separator: var(--odx-palette-coolgray-20);--odx-color-separator-strong: var(--odx-palette-coolgray-130);--odx-color-shadow: var(--odx-palette-blue-100-30);--odx-color-success-background: var(--odx-palette-green-00);--odx-color-success-hover: var(--odx-palette-green-70);--odx-color-success-pressed: var(--odx-palette-green-80);--odx-color-success-rest: var(--odx-palette-green-60);--odx-color-transparent-hover: var(--odx-palette-blue-80-5);--odx-color-transparent-pressed: var(--odx-palette-blue-80-15);--odx-color-warning-background: var(--odx-palette-yellow-00);--odx-color-warning-hover: var(--odx-palette-yellow-60);--odx-color-warning-pressed: var(--odx-palette-yellow-70);--odx-color-warning-rest: var(--odx-palette-yellow-50);--odx-experience-color-secondary-foreground: var(--odx-color-foreground);--odx-experience-color-secondary-hover: var(--odx-color-neutral-hover);--odx-experience-color-secondary-pressed: var(--odx-color-neutral-pressed);--odx-experience-color-secondary-rest: var(--odx-color-neutral-rest);--odx-experience-color-secondary-stroke: var(--odx-palette-transparent);--odx-experience-dimension-control-height-base: var(--odx-size-225);--odx-experience-dimension-control-height-lg: var(--odx-size-300);--odx-experience-dimension-control-height-sm: var(--odx-size-150);--odx-focus-ring-color: var(--odx-color-focus-outer);--odx-focus-ring-offset: var(--odx-size-px);--odx-focus-ring-outline: var(--odx-border-width-thick) solid color(srgb 0 0 0 / 0);--odx-motion-duration-default: 275ms;--odx-motion-duration-fast: .15s;--odx-motion-duration-slow: 375ms;--odx-motion-easing-default: cubic-bezier(.4, 0, .2, 1);--odx-motion-easing-reduced: cubic-bezier(0, 0, 1, 1);--odx-palette-black: hsl(220 50% 5%);--odx-palette-black-60: hsl(220 50% 5% / .6);--odx-palette-blue-00: hsl(219 70% 96%);--odx-palette-blue-10: hsl(216 65% 90%);--odx-palette-blue-20: hsl(217 71% 80%);--odx-palette-blue-30: hsl(217 75% 70%);--odx-palette-blue-40: hsl(217 80% 60%);--odx-palette-blue-50: hsl(217 75% 48%);--odx-palette-blue-60: hsl(217 90% 40%);--odx-palette-blue-70: hsl(217 95% 30%);--odx-palette-blue-80: hsl(217 100% 20%);--odx-palette-blue-80-5: hsl(217 100% 20% / .05);--odx-palette-blue-80-15: hsl(217 100% 20% / .1);--odx-palette-blue-80-60: hsl(217 100% 20% / .6);--odx-palette-blue-90: hsl(216 100% 10%);--odx-palette-blue-100: hsl(216 100% 1%);--odx-palette-blue-100-30: hsl(216 100% 1% / .3);--odx-palette-coolgray-00: hsl(210 20% 98%);--odx-palette-coolgray-10: hsl(216 20% 95%);--odx-palette-coolgray-20: hsl(213 18% 90%);--odx-palette-coolgray-30: hsl(212 15% 83%);--odx-palette-coolgray-40: hsl(213 15% 76%);--odx-palette-coolgray-50: hsl(210 14.000000000000002% 69%);--odx-palette-coolgray-60: hsl(208 13% 62%);--odx-palette-coolgray-70: hsl(207 12% 55.00000000000001%);--odx-palette-coolgray-80: hsl(208 11% 47%);--odx-palette-coolgray-90: hsl(205 10% 39%);--odx-palette-coolgray-100: hsl(205 16% 31%);--odx-palette-coolgray-110: hsl(210 17% 27%);--odx-palette-coolgray-120: hsl(207 19% 23%);--odx-palette-coolgray-130: hsl(210 20% 20%);--odx-palette-coolgray-140: hsl(210 20% 16%);--odx-palette-coolgray-150: hsl(207 20% 9%);--odx-palette-cyan-00: hsl(200 90% 96%);--odx-palette-cyan-10: hsl(200 100% 92%);--odx-palette-cyan-10-5: hsl(200 100% 92% / .05);--odx-palette-cyan-10-15: hsl(200 100% 92% / .15);--odx-palette-cyan-20: hsl(201 100% 84%);--odx-palette-cyan-30: hsl(201 100% 74%);--odx-palette-cyan-40: hsl(201 100% 65%);--odx-palette-cyan-50: hsl(201 100% 55.00000000000001%);--odx-palette-cyan-60: hsl(205 100% 48%);--odx-palette-cyan-60-15: hsl(205 100% 48% / .15);--odx-palette-cyan-60-20: hsl(205 100% 48% / .2);--odx-palette-cyan-60-25: hsl(205 100% 48% / .25);--odx-palette-cyan-70: hsl(205 100% 40%);--odx-palette-cyan-80: hsl(205 100% 34%);--odx-palette-cyan-90: hsl(205 100% 27%);--odx-palette-cyan-100: hsl(205 100% 20%);--odx-palette-green-00: hsl(138 100% 91%);--odx-palette-green-10: hsl(133 100% 86%);--odx-palette-green-20: hsl(133 100% 79%);--odx-palette-green-30: hsl(133 100% 71%);--odx-palette-green-40: hsl(133 100% 61%);--odx-palette-green-50: hsl(133 91% 50%);--odx-palette-green-60: hsl(133 100% 43%);--odx-palette-green-70: hsl(133 100% 39%);--odx-palette-green-80: hsl(133 100% 33%);--odx-palette-green-90: hsl(133 100% 26%);--odx-palette-green-100: hsl(133 100% 20%);--odx-palette-orange-00: hsl(30 100% 96%);--odx-palette-orange-10: hsl(31 100% 92%);--odx-palette-orange-20: hsl(30 100% 83%);--odx-palette-orange-30: hsl(30 100% 74%);--odx-palette-orange-40: hsl(30 100% 65%);--odx-palette-orange-50: hsl(30 100% 56.00000000000001%);--odx-palette-orange-60: hsl(30 100% 48%);--odx-palette-orange-70: hsl(30 100% 40%);--odx-palette-orange-80: hsl(30 100% 32%);--odx-palette-orange-90: hsl(30 100% 24%);--odx-palette-orange-100: hsl(30 100% 16%);--odx-palette-red-00: hsl(354 100% 96%);--odx-palette-red-10: hsl(0 100% 92%);--odx-palette-red-20: hsl(0 100% 84%);--odx-palette-red-30: hsl(0 100% 74%);--odx-palette-red-40: hsl(0 100% 68%);--odx-palette-red-50: hsl(0 100% 60%);--odx-palette-red-60: hsl(0 100% 46%);--odx-palette-red-70: hsl(0 98% 43%);--odx-palette-red-80: hsl(0 100% 37%);--odx-palette-red-90: hsl(0 100% 30%);--odx-palette-red-100: hsl(0 100% 22%);--odx-palette-sandgray-00: hsl(90 20% 98%);--odx-palette-sandgray-10: hsl(90 18% 96%);--odx-palette-sandgray-20: hsl(90 15% 92%);--odx-palette-sandgray-30: hsl(86 10% 87%);--odx-palette-sandgray-40: hsl(80 7.000000000000001% 84%);--odx-palette-sandgray-50: hsl(82 7.000000000000001% 78%);--odx-palette-sandgray-60: hsl(78 7.000000000000001% 73%);--odx-palette-sandgray-70: hsl(80 7.000000000000001% 67%);--odx-palette-sandgray-80: hsl(80 8% 61%);--odx-palette-sandgray-90: hsl(80 7.000000000000001% 51%);--odx-palette-sandgray-100: hsl(78 6% 41%);--odx-palette-sandgray-110: hsl(80 7.000000000000001% 36%);--odx-palette-sandgray-120: hsl(78 6% 31%);--odx-palette-sandgray-130: hsl(75 6% 26%);--odx-palette-sandgray-140: hsl(77 6% 23%);--odx-palette-sandgray-150: hsl(72 6% 16%);--odx-palette-transparent: hsl(0 0% 100% / 0);--odx-palette-warmgray-00: hsl(0 9% 98%);--odx-palette-warmgray-10: hsl(0 9% 96%);--odx-palette-warmgray-20: hsl(0 10% 90%);--odx-palette-warmgray-30: hsl(0 7.000000000000001% 85%);--odx-palette-warmgray-40: hsl(0 7.000000000000001% 78%);--odx-palette-warmgray-50: hsl(0 3% 70%);--odx-palette-warmgray-60: hsl(0 3% 63%);--odx-palette-warmgray-70: hsl(0 2% 56.00000000000001%);--odx-palette-warmgray-80: hsl(0 2% 48%);--odx-palette-warmgray-90: hsl(0 2% 40%);--odx-palette-warmgray-100: hsl(0 2% 31%);--odx-palette-warmgray-120: hsl(0 2% 26%);--odx-palette-warmgray-130: hsl(0 2% 22%);--odx-palette-warmgray-140: hsl(0 2% 20%);--odx-palette-warmgray-150: hsl(0 2% 16%);--odx-palette-white: hsl(0 0% 100%);--odx-palette-white-05: hsl(0 0% 100% / .05);--odx-palette-white-60: hsl(0 0% 100% / .6);--odx-palette-yellow-00: hsl(53 100% 92%);--odx-palette-yellow-10: hsl(53 100% 86%);--odx-palette-yellow-20: hsl(53 100% 81%);--odx-palette-yellow-30: hsl(52 100% 75%);--odx-palette-yellow-40: hsl(53 100% 64%);--odx-palette-yellow-50: hsl(53 100% 50%);--odx-palette-yellow-60: hsl(53 100% 45%);--odx-palette-yellow-70: hsl(53 100% 37%);--odx-palette-yellow-80: hsl(53 100% 30%);--odx-palette-yellow-90: hsl(53 100% 24%);--odx-palette-yellow-100: hsl(53 100% 18%);--odx-size-12: 2px;--odx-size-25: 4px;--odx-size-37: 6px;--odx-size-50: 8px;--odx-size-75: 12px;--odx-size-100: 16px;--odx-size-125: 20px;--odx-size-150: 24px;--odx-size-175: 28px;--odx-size-200: 32px;--odx-size-225: 36px;--odx-size-250: 40px;--odx-size-300: 48px;--odx-size-350: 56px;--odx-size-400: 64px;--odx-size-450: 72px;--odx-size-500: 80px;--odx-size-600: 96px;--odx-size-700: 112px;--odx-size-800: 128px;--odx-size-900: 144px;--odx-size-1000: 160px;--odx-size-base: 16px;--odx-size-px: 1px;--odx-typography-font-family-base: Draeger Pangea Text;--odx-typography-font-family-brand: Draeger Pangea Text;--odx-typography-font-size-1: 10px;--odx-typography-font-size-2: 14px;--odx-typography-font-size-3: 16px;--odx-typography-font-size-4: 18px;--odx-typography-font-size-5: 20px;--odx-typography-font-size-6: 24px;--odx-typography-font-size-7: 30px;--odx-typography-font-size-8: 40px;--odx-typography-font-size-9: 48px;--odx-typography-font-size-10: 54px;--odx-typography-font-size-11: 68px;--odx-typography-font-size-12: 76px;--odx-typography-font-size-13: 94px;--odx-typography-font-size-base: 16px;--odx-typography-font-weight-medium: 500;--odx-typography-font-weight-normal: 400;--odx-typography-font-weight-semibold: 600;--odx-typography-line-height-1: 14px;--odx-typography-line-height-2: 19px;--odx-typography-line-height-3: 22px;--odx-typography-line-height-4: 24px;--odx-typography-line-height-5: 26px;--odx-typography-line-height-6: 31px;--odx-typography-line-height-7: 39px;--odx-typography-line-height-8: 49px;--odx-typography-line-height-9: 59px;--odx-typography-line-height-10: 64px;--odx-typography-line-height-11: 80px;--odx-typography-line-height-12: 89px;--odx-typography-line-height-13: 110px;--odx-typography-line-height-base: 24px;--odx-typography-weight-fontWeightMedium: Medium;--odx-typography-weight-fontWeightNormal: Regular;--odx-typography-weight-fontWeightSemibold: Semibold}@media (min-width: 479px){:root{--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-6);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-display-xl: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-6);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-100);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-100);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-150);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-200);--odx-breakpoint-visibility-lg-down-hide: 0;--odx-breakpoint-visibility-lg-down-show: 1;--odx-breakpoint-visibility-lg-show: 0;--odx-breakpoint-visibility-md-down-hide: 0;--odx-breakpoint-visibility-md-down-show: 1;--odx-breakpoint-visibility-md-show: 0;--odx-breakpoint-visibility-sm-down-hide: 0;--odx-breakpoint-visibility-sm-down-show: 1;--odx-breakpoint-visibility-sm-show: 1;--odx-breakpoint-visibility-xl-show: 0}}@media (min-width: 768px){:root{--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-12);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-6);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-display-xl: var(--odx-typography-line-height-12);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-6);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-100);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-150);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-150);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-200);--odx-breakpoint-visibility-lg-down-hide: 0;--odx-breakpoint-visibility-lg-down-show: 1;--odx-breakpoint-visibility-lg-show: 0;--odx-breakpoint-visibility-md-down-hide: 0;--odx-breakpoint-visibility-md-down-show: 1;--odx-breakpoint-visibility-md-show: 1;--odx-breakpoint-visibility-sm-down-hide: 1;--odx-breakpoint-visibility-sm-down-show: 0;--odx-breakpoint-visibility-sm-show: 0;--odx-breakpoint-visibility-xl-show: 0}}@media (min-width: 990px){:root{--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-12);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-6);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-display-xl: var(--odx-typography-font-size-12);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-6);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-150);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-150);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-200);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-250);--odx-breakpoint-visibility-lg-down-hide: 0;--odx-breakpoint-visibility-lg-down-show: 1;--odx-breakpoint-visibility-lg-show: 1;--odx-breakpoint-visibility-md-down-hide: 1;--odx-breakpoint-visibility-md-down-show: 0;--odx-breakpoint-visibility-md-show: 0;--odx-breakpoint-visibility-sm-down-hide: 1;--odx-breakpoint-visibility-sm-down-show: 0;--odx-breakpoint-visibility-sm-show: 0;--odx-breakpoint-visibility-xl-show: 0}}@media (min-width: 1280px){:root{--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-12);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-13);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-12);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-xl: var(--odx-typography-line-height-13);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-150);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-200);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-250);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-300);--odx-breakpoint-visibility-lg-down-hide: 1;--odx-breakpoint-visibility-lg-down-show: 0;--odx-breakpoint-visibility-lg-show: 0;--odx-breakpoint-visibility-md-down-hide: 1;--odx-breakpoint-visibility-md-down-show: 0;--odx-breakpoint-visibility-md-show: 0;--odx-breakpoint-visibility-sm-down-hide: 1;--odx-breakpoint-visibility-sm-down-show: 0;--odx-breakpoint-visibility-sm-show: 0;--odx-breakpoint-visibility-xl-show: 1}}}@layer odx-base{[odxPreventTextOverflow]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@layer odx-base{h1,h2,h3,h4,h5,h6{display:block;font-family:var(--odx-typography-font-family-brand);font-size:var(--_font-size);font-weight:var(--odx-typography-font-weight-semibold);line-height:var(--_line-height);color:inherit}h6{--_font-size: var(--odx-breakpoint-font-size-heading-6);--_line-height: var(--odx-breakpoint-line-height-heading-6)}h5{--_font-size: var(--odx-breakpoint-font-size-heading-5);--_line-height: var(--odx-breakpoint-line-height-heading-5)}h4{--_font-size: var(--odx-breakpoint-font-size-heading-4);--_line-height: var(--odx-breakpoint-line-height-heading-4)}h3{--_font-size: var(--odx-breakpoint-font-size-heading-3);--_line-height: var(--odx-breakpoint-line-height-heading-3)}h2{--_font-size: var(--odx-breakpoint-font-size-heading-2);--_line-height: var(--odx-breakpoint-line-height-heading-2)}h1{--_font-size: var(--odx-breakpoint-font-size-heading-1);--_line-height: var(--odx-breakpoint-line-height-heading-1)}}@layer odx-base{:root{--odx-transition-default: all var(--odx-motion-duration-default) var(--odx-motion-easing-default);--odx-transition-slow: all var(--odx-motion-duration-slow) var(--odx-motion-easing-default);--odx-transition-reduced: all var(--odx-motion-duration-fast) var(--odx-motion-easing-reduced);--odx-page-max-inline-size: 1600px;--odx-page-max-inline-size-narrow: 1200px;--odx-page-max-inline-size-wide: 2400px}}
+@layer odx-reset,odx-base,odx-component,odx-theme;@layer odx-reset{*,*:before,*:after{box-sizing:border-box}:root{font-size:150%}:where(img,picture,video,canvas,svg){display:block;max-width:100%;margin:0;padding:0}:where(input,button,textarea,select){font:inherit;margin:0;padding:0}:where(p,h1,h2,h3,h4,h5,h6){overflow-wrap:break-word;margin:0;padding:0}::selection{background-color:var(--odx-color-foreground-highlight);color:var(--odx-color-foreground-inverse)}html{font-family:sans-serif;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;color:var(--odx-color-foreground);font-family:var(--odx-typography-font-family-base),"Noto Sans","Kanit",sans-serif;font-size:var(--odx-breakpoint-font-size-p-base);line-height:var(--odx-breakpoint-line-height-p-md);margin:0;padding:0}#root,#__next{isolation:isolate}input[type=search]::-webkit-search-cancel-button{appearance:none;aspect-ratio:1;background-image:url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m15.3,7.3l-3.3,3.3-3.3-3.3-1.4,1.4,3.3,3.3-3.3,3.3,1.4,1.4,3.3-3.3,3.3,3.3,1.4-1.4-3.3-3.3,3.3-3.3-1.4-1.4Zm-3.3-5.3C6.5,2,2,6.5,2,12s4.5,10,10,10,10-4.5,10-10S17.5,2,12,2Zm0,18c-4.4,0-8-3.6-8-8S7.6,4,12,4s8,3.6,8,8-3.6,8-8,8Z' style='fill:%23002766;'/%3E%3C/svg%3E%0A");background-repeat:no-repeat;background-clip:content-box;background-position:center;background-size:var(--odx-typography-font-size-5);block-size:var(--odx-size-225);cursor:pointer;margin:0;margin-inline-end:-2px;max-block-size:100%;transition:var(--odx-transition-reduced)}input[type=search]::-webkit-search-cancel-button:hover{color:var(--odx-color-foreground-highlight)}odx-spinbox>input::-webkit-inner-spin-button{appearance:none}}@layer odx-base{:root{--odx-border-radius-circle: 9999px;--odx-border-radius-controls: var(--odx-border-radius-sm);--odx-border-radius-lg: var(--odx-size-50);--odx-border-radius-md: 5px;--odx-border-radius-ml: var(--odx-size-37);--odx-border-radius-none: 0;--odx-border-radius-sm: 3px;--odx-border-width-none: 0;--odx-border-width-thick: 2px;--odx-border-width-thickest: var(--odx-size-25);--odx-border-width-thin: var(--odx-size-px);--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-6);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-display-xl: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-6);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-100);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-100);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-150);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-200);--odx-breakpoint-visibility-lg-down-hide: 0;--odx-breakpoint-visibility-lg-down-show: 1;--odx-breakpoint-visibility-lg-show: 0;--odx-breakpoint-visibility-md-down-hide: 0;--odx-breakpoint-visibility-md-down-show: 1;--odx-breakpoint-visibility-md-show: 0;--odx-breakpoint-visibility-sm-down-hide: 0;--odx-breakpoint-visibility-sm-down-show: 1;--odx-breakpoint-visibility-sm-show: 1;--odx-breakpoint-visibility-xl-show: 0;--odx-color-backdrop: var(--odx-palette-blue-100-30);--odx-color-background-cool: var(--odx-palette-coolgray-00);--odx-color-background-cool-contrast: var(--odx-palette-coolgray-30);--odx-color-background-draeger: var(--odx-palette-blue-80);--odx-color-background-main: var(--odx-palette-white);--odx-color-background-sand: var(--odx-palette-sandgray-10);--odx-color-background-sand-contrast: var(--odx-palette-sandgray-30);--odx-color-background-sidesheet: var(--odx-palette-white);--odx-color-background-warm: var(--odx-palette-warmgray-10);--odx-color-background-warm-contrast: var(--odx-palette-warmgray-30);--odx-color-confirmation-hover: var(--odx-palette-orange-70);--odx-color-confirmation-pressed: var(--odx-palette-orange-80);--odx-color-confirmation-rest: var(--odx-palette-orange-60);--odx-color-danger-background: var(--odx-palette-red-00);--odx-color-danger-hover: var(--odx-palette-red-70);--odx-color-danger-pressed: var(--odx-palette-red-80);--odx-color-danger-rest: var(--odx-palette-red-60);--odx-color-danger-stroke: var(--odx-palette-red-20);--odx-color-danger-stroke-hover: var(--odx-palette-red-30);--odx-color-disabled-fill: var(--odx-palette-coolgray-10);--odx-color-disabled-fill-selected: var(--odx-palette-coolgray-60);--odx-color-disabled-foreground: var(--odx-palette-coolgray-50);--odx-color-disabled-foreground-brand: var(--odx-palette-cyan-90);--odx-color-disabled-foreground-selected: var(--odx-palette-coolgray-10);--odx-color-disabled-stroke: var(--odx-palette-transparent);--odx-color-focus-inner: var(--odx-palette-white);--odx-color-focus-outer: var(--odx-palette-cyan-70);--odx-color-foreground: var(--odx-palette-blue-80);--odx-color-foreground-danger: var(--odx-palette-red-60);--odx-color-foreground-dark: var(--odx-palette-blue-80);--odx-color-foreground-highlight: var(--odx-palette-cyan-70);--odx-color-foreground-highlight-hover: var(--odx-palette-cyan-80);--odx-color-foreground-highlight-pressed: var(--odx-palette-cyan-80);--odx-color-foreground-inverse: var(--odx-palette-white);--odx-color-foreground-light: var(--odx-palette-white);--odx-color-foreground-muted: var(--odx-palette-blue-80-60);--odx-color-highlight-hover: var(--odx-palette-cyan-70);--odx-color-highlight-pressed: var(--odx-palette-cyan-80);--odx-color-highlight-rest: var(--odx-palette-cyan-60);--odx-color-input-control-fill: var(--odx-palette-coolgray-10);--odx-color-input-control-fill-hover: var(--odx-palette-coolgray-20);--odx-color-input-control-fill-readonly: var(--odx-palette-transparent);--odx-color-input-control-stroke: var(--odx-palette-coolgray-20);--odx-color-input-control-stroke-hover: var(--odx-palette-coolgray-30);--odx-color-input-control-stroke-pressed: var(--odx-color-highlight-rest);--odx-color-input-control-stroke-readonly: var(--odx-palette-coolgray-20);--odx-color-neutral-hover: var(--odx-palette-coolgray-40);--odx-color-neutral-pressed: var(--odx-palette-coolgray-50);--odx-color-neutral-rest: var(--odx-palette-coolgray-30);--odx-color-overlay: var(--odx-palette-white-60);--odx-color-primary-background: var(--odx-palette-blue-00);--odx-color-primary-hover: var(--odx-palette-blue-90);--odx-color-primary-pressed: var(--odx-palette-blue-100);--odx-color-primary-rest: var(--odx-palette-blue-80);--odx-color-scrollbar: var(--odx-palette-coolgray-40);--odx-color-selected: var(--odx-palette-cyan-60-15);--odx-color-selected-hover: var(--odx-palette-cyan-60-20);--odx-color-selection-control-fill: var(--odx-palette-coolgray-10);--odx-color-selection-control-fill-hover: var(--odx-palette-coolgray-20);--odx-color-selection-control-fill-readonly: var(--odx-palette-transparent);--odx-color-selection-control-fill-selected: var(--odx-color-highlight-rest);--odx-color-selection-control-fill-selected-hover: var(--odx-color-highlight-hover);--odx-color-selection-control-fill-selected-readonly: var(--odx-palette-transparent);--odx-color-selection-control-foreground-readonly: var(--odx-color-foreground);--odx-color-selection-control-stroke: var(--odx-palette-coolgray-20);--odx-color-selection-control-stroke-hover: var(--odx-palette-coolgray-30);--odx-color-selection-control-stroke-readonly: var(--odx-palette-coolgray-20);--odx-color-selection-control-stroke-selected: var(--odx-palette-transparent);--odx-color-separator: var(--odx-palette-coolgray-20);--odx-color-separator-strong: var(--odx-palette-coolgray-130);--odx-color-shadow: var(--odx-palette-blue-100-30);--odx-color-success-background: var(--odx-palette-green-00);--odx-color-success-hover: var(--odx-palette-green-70);--odx-color-success-pressed: var(--odx-palette-green-80);--odx-color-success-rest: var(--odx-palette-green-60);--odx-color-transparent-hover: var(--odx-palette-blue-80-5);--odx-color-transparent-pressed: var(--odx-palette-blue-80-15);--odx-color-warning-background: var(--odx-palette-yellow-00);--odx-color-warning-hover: var(--odx-palette-yellow-60);--odx-color-warning-pressed: var(--odx-palette-yellow-70);--odx-color-warning-rest: var(--odx-palette-yellow-50);--odx-elevation-blur: var(--odx-size-12);--odx-experience-color-secondary-foreground: var(--odx-color-foreground);--odx-experience-color-secondary-hover: var(--odx-color-neutral-hover);--odx-experience-color-secondary-pressed: var(--odx-color-neutral-pressed);--odx-experience-color-secondary-rest: var(--odx-color-neutral-rest);--odx-experience-color-secondary-stroke: var(--odx-palette-transparent);--odx-experience-dimension-control-height-base: var(--odx-size-225);--odx-experience-dimension-control-height-lg: var(--odx-size-300);--odx-experience-dimension-control-height-sm: var(--odx-size-150);--odx-focus-ring-color: var(--odx-color-focus-outer);--odx-focus-ring-offset: var(--odx-size-px);--odx-focus-ring-outline: var(--odx-border-width-thick) solid color(srgb 0 0 0 / 0);--odx-motion-duration-default: 275ms;--odx-motion-duration-fast: .15s;--odx-motion-duration-slow: 375ms;--odx-motion-easing-default: cubic-bezier(.4, 0, .2, 1);--odx-motion-easing-reduced: cubic-bezier(0, 0, 1, 1);--odx-palette-black: hsl(220 50% 5%);--odx-palette-black-60: hsl(220 50% 5% / .6);--odx-palette-blue-00: hsl(219 70% 96%);--odx-palette-blue-10: hsl(216 65% 90%);--odx-palette-blue-20: hsl(217 71% 80%);--odx-palette-blue-30: hsl(217 75% 70%);--odx-palette-blue-40: hsl(217 80% 60%);--odx-palette-blue-50: hsl(217 75% 48%);--odx-palette-blue-60: hsl(217 90% 40%);--odx-palette-blue-70: hsl(217 95% 30%);--odx-palette-blue-80: hsl(217 100% 20%);--odx-palette-blue-80-5: hsl(217 100% 20% / .05);--odx-palette-blue-80-15: hsl(217 100% 20% / .1);--odx-palette-blue-80-60: hsl(217 100% 20% / .6);--odx-palette-blue-90: hsl(216 100% 10%);--odx-palette-blue-100: hsl(216 100% 1%);--odx-palette-blue-100-30: hsl(216 100% 1% / .3);--odx-palette-coolgray-00: hsl(210 20% 98%);--odx-palette-coolgray-10: hsl(216 20% 95%);--odx-palette-coolgray-20: hsl(213 18% 90%);--odx-palette-coolgray-30: hsl(212 15% 83%);--odx-palette-coolgray-40: hsl(213 15% 76%);--odx-palette-coolgray-50: hsl(210 14.000000000000002% 69%);--odx-palette-coolgray-60: hsl(208 13% 62%);--odx-palette-coolgray-70: hsl(207 12% 55.00000000000001%);--odx-palette-coolgray-80: hsl(208 11% 47%);--odx-palette-coolgray-90: hsl(205 10% 39%);--odx-palette-coolgray-100: hsl(205 16% 31%);--odx-palette-coolgray-110: hsl(210 17% 27%);--odx-palette-coolgray-120: hsl(207 19% 23%);--odx-palette-coolgray-130: hsl(210 20% 20%);--odx-palette-coolgray-140: hsl(210 20% 16%);--odx-palette-coolgray-150: hsl(207 20% 9%);--odx-palette-cyan-00: hsl(200 90% 96%);--odx-palette-cyan-10: hsl(200 100% 92%);--odx-palette-cyan-10-5: hsl(200 100% 92% / .05);--odx-palette-cyan-10-15: hsl(200 100% 92% / .15);--odx-palette-cyan-20: hsl(201 100% 84%);--odx-palette-cyan-30: hsl(201 100% 74%);--odx-palette-cyan-40: hsl(201 100% 65%);--odx-palette-cyan-50: hsl(201 100% 55.00000000000001%);--odx-palette-cyan-60: hsl(205 100% 48%);--odx-palette-cyan-60-15: hsl(205 100% 48% / .15);--odx-palette-cyan-60-20: hsl(205 100% 48% / .2);--odx-palette-cyan-60-25: hsl(205 100% 48% / .25);--odx-palette-cyan-70: hsl(205 100% 40%);--odx-palette-cyan-80: hsl(205 100% 34%);--odx-palette-cyan-90: hsl(205 100% 27%);--odx-palette-cyan-100: hsl(205 100% 20%);--odx-palette-green-00: hsl(138 100% 91%);--odx-palette-green-10: hsl(133 100% 86%);--odx-palette-green-20: hsl(133 100% 79%);--odx-palette-green-30: hsl(133 100% 71%);--odx-palette-green-40: hsl(133 100% 61%);--odx-palette-green-50: hsl(133 91% 50%);--odx-palette-green-60: hsl(133 100% 43%);--odx-palette-green-70: hsl(133 100% 39%);--odx-palette-green-80: hsl(133 100% 33%);--odx-palette-green-90: hsl(133 100% 26%);--odx-palette-green-100: hsl(133 100% 20%);--odx-palette-orange-00: hsl(30 100% 96%);--odx-palette-orange-10: hsl(31 100% 92%);--odx-palette-orange-20: hsl(30 100% 83%);--odx-palette-orange-30: hsl(30 100% 74%);--odx-palette-orange-40: hsl(30 100% 65%);--odx-palette-orange-50: hsl(30 100% 56.00000000000001%);--odx-palette-orange-60: hsl(30 100% 48%);--odx-palette-orange-70: hsl(30 100% 40%);--odx-palette-orange-80: hsl(30 100% 32%);--odx-palette-orange-90: hsl(30 100% 24%);--odx-palette-orange-100: hsl(30 100% 16%);--odx-palette-red-00: hsl(354 100% 96%);--odx-palette-red-10: hsl(0 100% 92%);--odx-palette-red-20: hsl(0 100% 84%);--odx-palette-red-30: hsl(0 100% 74%);--odx-palette-red-40: hsl(0 100% 68%);--odx-palette-red-50: hsl(0 100% 60%);--odx-palette-red-60: hsl(0 100% 46%);--odx-palette-red-70: hsl(0 98% 43%);--odx-palette-red-80: hsl(0 100% 37%);--odx-palette-red-90: hsl(0 100% 30%);--odx-palette-red-100: hsl(0 100% 22%);--odx-palette-sandgray-00: hsl(90 20% 98%);--odx-palette-sandgray-10: hsl(90 18% 96%);--odx-palette-sandgray-20: hsl(90 15% 92%);--odx-palette-sandgray-30: hsl(86 10% 87%);--odx-palette-sandgray-40: hsl(80 7.000000000000001% 84%);--odx-palette-sandgray-50: hsl(82 7.000000000000001% 78%);--odx-palette-sandgray-60: hsl(78 7.000000000000001% 73%);--odx-palette-sandgray-70: hsl(80 7.000000000000001% 67%);--odx-palette-sandgray-80: hsl(80 8% 61%);--odx-palette-sandgray-90: hsl(80 7.000000000000001% 51%);--odx-palette-sandgray-100: hsl(78 6% 41%);--odx-palette-sandgray-110: hsl(80 7.000000000000001% 36%);--odx-palette-sandgray-120: hsl(78 6% 31%);--odx-palette-sandgray-130: hsl(75 6% 26%);--odx-palette-sandgray-140: hsl(77 6% 23%);--odx-palette-sandgray-150: hsl(72 6% 16%);--odx-palette-transparent: hsl(0 0% 100% / 0);--odx-palette-warmgray-00: hsl(0 9% 98%);--odx-palette-warmgray-10: hsl(0 9% 96%);--odx-palette-warmgray-20: hsl(0 10% 90%);--odx-palette-warmgray-30: hsl(0 7.000000000000001% 85%);--odx-palette-warmgray-40: hsl(0 7.000000000000001% 78%);--odx-palette-warmgray-50: hsl(0 3% 70%);--odx-palette-warmgray-60: hsl(0 3% 63%);--odx-palette-warmgray-70: hsl(0 2% 56.00000000000001%);--odx-palette-warmgray-80: hsl(0 2% 48%);--odx-palette-warmgray-90: hsl(0 2% 40%);--odx-palette-warmgray-100: hsl(0 2% 31%);--odx-palette-warmgray-120: hsl(0 2% 26%);--odx-palette-warmgray-130: hsl(0 2% 22%);--odx-palette-warmgray-140: hsl(0 2% 20%);--odx-palette-warmgray-150: hsl(0 2% 16%);--odx-palette-white: hsl(0 0% 100%);--odx-palette-white-05: hsl(0 0% 100% / .05);--odx-palette-white-60: hsl(0 0% 100% / .6);--odx-palette-yellow-00: hsl(53 100% 92%);--odx-palette-yellow-10: hsl(53 100% 86%);--odx-palette-yellow-20: hsl(53 100% 81%);--odx-palette-yellow-30: hsl(52 100% 75%);--odx-palette-yellow-40: hsl(53 100% 64%);--odx-palette-yellow-50: hsl(53 100% 50%);--odx-palette-yellow-60: hsl(53 100% 45%);--odx-palette-yellow-70: hsl(53 100% 37%);--odx-palette-yellow-80: hsl(53 100% 30%);--odx-palette-yellow-90: hsl(53 100% 24%);--odx-palette-yellow-100: hsl(53 100% 18%);--odx-size-12: 2px;--odx-size-25: 4px;--odx-size-37: 6px;--odx-size-50: 8px;--odx-size-75: 12px;--odx-size-100: 16px;--odx-size-125: 20px;--odx-size-150: 24px;--odx-size-175: 28px;--odx-size-200: 32px;--odx-size-225: 36px;--odx-size-250: 40px;--odx-size-300: 48px;--odx-size-350: 56px;--odx-size-400: 64px;--odx-size-450: 72px;--odx-size-500: 80px;--odx-size-600: 96px;--odx-size-700: 112px;--odx-size-800: 128px;--odx-size-900: 144px;--odx-size-1000: 160px;--odx-size-base: 16px;--odx-size-px: 1px;--odx-typography-font-family-base: Draeger Pangea Text;--odx-typography-font-family-brand: Draeger Pangea Text;--odx-typography-font-size-1: 10px;--odx-typography-font-size-2: 14px;--odx-typography-font-size-3: 16px;--odx-typography-font-size-4: 18px;--odx-typography-font-size-5: 20px;--odx-typography-font-size-6: 24px;--odx-typography-font-size-7: 30px;--odx-typography-font-size-8: 40px;--odx-typography-font-size-9: 48px;--odx-typography-font-size-10: 54px;--odx-typography-font-size-11: 68px;--odx-typography-font-size-12: 76px;--odx-typography-font-size-13: 94px;--odx-typography-font-size-base: 16px;--odx-typography-font-weight-medium: 500;--odx-typography-font-weight-normal: 400;--odx-typography-font-weight-semibold: 600;--odx-typography-line-height-1: 14px;--odx-typography-line-height-2: 19px;--odx-typography-line-height-3: 22px;--odx-typography-line-height-4: 24px;--odx-typography-line-height-5: 26px;--odx-typography-line-height-6: 31px;--odx-typography-line-height-7: 39px;--odx-typography-line-height-8: 49px;--odx-typography-line-height-9: 59px;--odx-typography-line-height-10: 64px;--odx-typography-line-height-11: 80px;--odx-typography-line-height-12: 89px;--odx-typography-line-height-13: 110px;--odx-typography-line-height-base: 24px;--odx-typography-weight-fontWeightMedium: Medium;--odx-typography-weight-fontWeightNormal: Regular;--odx-typography-weight-fontWeightSemibold: Semibold}@media (min-width: 479px){:root{--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-6);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-display-xl: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-6);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-100);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-100);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-150);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-200);--odx-breakpoint-visibility-lg-down-hide: 0;--odx-breakpoint-visibility-lg-down-show: 1;--odx-breakpoint-visibility-lg-show: 0;--odx-breakpoint-visibility-md-down-hide: 0;--odx-breakpoint-visibility-md-down-show: 1;--odx-breakpoint-visibility-md-show: 0;--odx-breakpoint-visibility-sm-down-hide: 0;--odx-breakpoint-visibility-sm-down-show: 1;--odx-breakpoint-visibility-sm-show: 1;--odx-breakpoint-visibility-xl-show: 0}}@media (min-width: 768px){:root{--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-12);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-6);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-display-xl: var(--odx-typography-line-height-12);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-6);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-100);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-150);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-150);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-200);--odx-breakpoint-visibility-lg-down-hide: 0;--odx-breakpoint-visibility-lg-down-show: 1;--odx-breakpoint-visibility-lg-show: 0;--odx-breakpoint-visibility-md-down-hide: 0;--odx-breakpoint-visibility-md-down-show: 1;--odx-breakpoint-visibility-md-show: 1;--odx-breakpoint-visibility-sm-down-hide: 1;--odx-breakpoint-visibility-sm-down-show: 0;--odx-breakpoint-visibility-sm-show: 0;--odx-breakpoint-visibility-xl-show: 0}}@media (min-width: 990px){:root{--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-12);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-9);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-6);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-display-xl: var(--odx-typography-font-size-12);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-9);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-6);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-150);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-150);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-200);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-250);--odx-breakpoint-visibility-lg-down-hide: 0;--odx-breakpoint-visibility-lg-down-show: 1;--odx-breakpoint-visibility-lg-show: 1;--odx-breakpoint-visibility-md-down-hide: 1;--odx-breakpoint-visibility-md-down-show: 0;--odx-breakpoint-visibility-md-show: 0;--odx-breakpoint-visibility-sm-down-hide: 1;--odx-breakpoint-visibility-sm-down-show: 0;--odx-breakpoint-visibility-sm-show: 0;--odx-breakpoint-visibility-xl-show: 0}}@media (min-width: 1280px){:root{--odx-breakpoint-font-size-display-lg: var(--odx-typography-font-size-12);--odx-breakpoint-font-size-display-md: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-display-sm: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-display-xl: var(--odx-typography-font-size-13);--odx-breakpoint-font-size-heading-1: var(--odx-typography-font-size-11);--odx-breakpoint-font-size-heading-2: var(--odx-typography-font-size-10);--odx-breakpoint-font-size-heading-3: var(--odx-typography-font-size-8);--odx-breakpoint-font-size-heading-4: var(--odx-typography-font-size-7);--odx-breakpoint-font-size-heading-5: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-heading-6: var(--odx-typography-font-size-4);--odx-breakpoint-font-size-p-base: var(--odx-typography-font-size-3);--odx-breakpoint-font-size-p-lg: var(--odx-typography-font-size-5);--odx-breakpoint-font-size-p-md: var(--odx-typography-font-size-4);--odx-breakpoint-line-height-display-lg: var(--odx-typography-line-height-12);--odx-breakpoint-line-height-display-md: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-display-sm: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-display-xl: var(--odx-typography-line-height-13);--odx-breakpoint-line-height-heading-1: var(--odx-typography-line-height-11);--odx-breakpoint-line-height-heading-2: var(--odx-typography-line-height-10);--odx-breakpoint-line-height-heading-3: var(--odx-typography-line-height-8);--odx-breakpoint-line-height-heading-4: var(--odx-typography-line-height-7);--odx-breakpoint-line-height-heading-5: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-heading-6: var(--odx-typography-line-height-4);--odx-breakpoint-line-height-p-base: var(--odx-typography-line-height-base);--odx-breakpoint-line-height-p-lg: var(--odx-typography-line-height-5);--odx-breakpoint-line-height-p-md: var(--odx-typography-line-height-4);--odx-breakpoint-spacing-12: var(--odx-size-12);--odx-breakpoint-spacing-25: var(--odx-size-25);--odx-breakpoint-spacing-37: var(--odx-size-37);--odx-breakpoint-spacing-50: var(--odx-size-50);--odx-breakpoint-spacing-75: var(--odx-size-75);--odx-breakpoint-spacing-100: var(--odx-size-100);--odx-breakpoint-spacing-150: var(--odx-size-150);--odx-breakpoint-spacing-150-responsive: var(--odx-size-150);--odx-breakpoint-spacing-200: var(--odx-size-200);--odx-breakpoint-spacing-200-responsive: var(--odx-size-200);--odx-breakpoint-spacing-250: var(--odx-size-250);--odx-breakpoint-spacing-250-responsive: var(--odx-size-250);--odx-breakpoint-spacing-300: var(--odx-size-300);--odx-breakpoint-spacing-300-responsive: var(--odx-size-300);--odx-breakpoint-visibility-lg-down-hide: 1;--odx-breakpoint-visibility-lg-down-show: 0;--odx-breakpoint-visibility-lg-show: 0;--odx-breakpoint-visibility-md-down-hide: 1;--odx-breakpoint-visibility-md-down-show: 0;--odx-breakpoint-visibility-md-show: 0;--odx-breakpoint-visibility-sm-down-hide: 1;--odx-breakpoint-visibility-sm-down-show: 0;--odx-breakpoint-visibility-sm-show: 0;--odx-breakpoint-visibility-xl-show: 1}}}@layer odx-base{[odxPreventTextOverflow]{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}@layer odx-base{h1,h2,h3,h4,h5,h6{display:block;font-family:var(--odx-typography-font-family-brand);font-size:var(--_font-size);font-weight:var(--odx-typography-font-weight-semibold);line-height:var(--_line-height);color:inherit}h6{--_font-size: var(--odx-breakpoint-font-size-heading-6);--_line-height: var(--odx-breakpoint-line-height-heading-6)}h5{--_font-size: var(--odx-breakpoint-font-size-heading-5);--_line-height: var(--odx-breakpoint-line-height-heading-5)}h4{--_font-size: var(--odx-breakpoint-font-size-heading-4);--_line-height: var(--odx-breakpoint-line-height-heading-4)}h3{--_font-size: var(--odx-breakpoint-font-size-heading-3);--_line-height: var(--odx-breakpoint-line-height-heading-3)}h2{--_font-size: var(--odx-breakpoint-font-size-heading-2);--_line-height: var(--odx-breakpoint-line-height-heading-2)}h1{--_font-size: var(--odx-breakpoint-font-size-heading-1);--_line-height: var(--odx-breakpoint-line-height-heading-1)}}@layer odx-base{:root{--odx-transition-default: all var(--odx-motion-duration-default) var(--odx-motion-easing-default);--odx-transition-slow: all var(--odx-motion-duration-slow) var(--odx-motion-easing-default);--odx-transition-reduced: all var(--odx-motion-duration-fast) var(--odx-motion-easing-reduced);--odx-page-max-inline-size: 1600px;--odx-page-max-inline-size-narrow: 1200px;--odx-page-max-inline-size-wide: 2400px}}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@odx/foundation",
   "description": "A library of Web Component building blocks for ODX",
-  "version": "0.1.0-alpha.1",
+  "version": "0.1.0-alpha.2",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://odx.draeger.com",
@@ -13,9 +13,9 @@
     "lint": "biome lint ."
   },
   "dependencies": {
-    "@odx/design-tokens": "^0.1.0-alpha.0",
-    "@lit/context": "~1.1.4",
     "@lit-labs/signals": "~0.1.2",
+    "@lit/context": "~1.1.4",
+    "@odx/design-tokens": "^0.1.0-alpha.2",
     "es-toolkit": "~1.32.0",
     "focus-trap": "~7.6.4",
     "lit": "~3.2.1"
@@ -25,6 +25,7 @@
     "@odx/typescript-config": "*",
     "ts-lit-plugin": "2.0.2",
     "vite": "6.2.0",
+    "vite-plugin-checker": "0.9.0",
     "vite-plugin-dts": "4.5.3"
   },
   "peerDependencies": {

package/dist/cdk/popover/models/index.d.ts

@@ -1,4 +0,0 @@
-export * from './popover-placement';
-export * from './popover-placement-options';
-export * from './popover-side';
-//# sourceMappingURL=index.d.ts.map

package/dist/cdk/popover/models/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/cdk/popover/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,qBAAqB,CAAC;AACpC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,gBAAgB,CAAC"}

package/dist/cdk/popover/models/popover-placement-options.d.ts

@@ -1,13 +0,0 @@
-import { PopoverPlacement } from './popover-placement';
-export interface PopoverPlacementOptions {
-    placement: PopoverPlacement;
-    arrowElement?: HTMLElement | null;
-    enableFallback: boolean;
-    fallbackAxisSideDirection: 'start' | 'end';
-    matchReferenceWidth: boolean;
-    minHeight?: number | null;
-    offset: number;
-    outerPadding: number;
-}
-export declare const PopoverPlacementOptions: (options?: Partial<PopoverPlacementOptions> | null | undefined) => PopoverPlacementOptions;
-//# sourceMappingURL=popover-placement-options.d.ts.map

package/dist/cdk/popover/models/popover-placement-options.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-placement-options.d.ts","sourceRoot":"","sources":["../../../../src/cdk/popover/models/popover-placement-options.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,gBAAgB,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,WAAW,uBAAuB;IACtC,SAAS,EAAE,gBAAgB,CAAC;IAC5B,YAAY,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAClC,cAAc,EAAE,OAAO,CAAC;IACxB,yBAAyB,EAAE,OAAO,GAAG,KAAK,CAAC;IAC3C,mBAAmB,EAAE,OAAO,CAAC;IAC7B,SAAS,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,MAAM,EAAE,MAAM,CAAC;IACf,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,uBAAuB,4FAOlC,CAAC"}

package/dist/cdk/popover/models/popover-placement.d.ts

@@ -1,16 +0,0 @@
-export type PopoverPlacement = (typeof PopoverPlacement)[keyof typeof PopoverPlacement];
-export declare const PopoverPlacement: {
-    readonly TOP: "top";
-    readonly TOP_START: "top-start";
-    readonly TOP_END: "top-end";
-    readonly RIGHT: "right";
-    readonly RIGHT_START: "right-start";
-    readonly RIGHT_END: "right-end";
-    readonly BOTTOM: "bottom";
-    readonly BOTTOM_START: "bottom-start";
-    readonly BOTTOM_END: "bottom-end";
-    readonly LEFT: "left";
-    readonly LEFT_START: "left-start";
-    readonly LEFT_END: "left-end";
-};
-//# sourceMappingURL=popover-placement.d.ts.map

package/dist/cdk/popover/models/popover-placement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-placement.d.ts","sourceRoot":"","sources":["../../../../src/cdk/popover/models/popover-placement.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,gBAAgB,GAAG,CAAC,OAAO,gBAAgB,CAAC,CAAC,MAAM,OAAO,gBAAgB,CAAC,CAAC;AAExF,eAAO,MAAM,gBAAgB;;;;;;;;;;;;;CAgBnB,CAAC"}

package/dist/cdk/popover/models/popover-side.d.ts

@@ -1,8 +0,0 @@
-export type PopoverSide = (typeof PopoverSide)[keyof typeof PopoverSide];
-export declare const PopoverSide: {
-    readonly TOP: "top";
-    readonly RIGHT: "right";
-    readonly BOTTOM: "bottom";
-    readonly LEFT: "left";
-};
-//# sourceMappingURL=popover-side.d.ts.map

package/dist/cdk/popover/models/popover-side.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"popover-side.d.ts","sourceRoot":"","sources":["../../../../src/cdk/popover/models/popover-side.ts"],"names":[],"mappings":"AAEA,MAAM,MAAM,WAAW,GAAG,CAAC,OAAO,WAAW,CAAC,CAAC,MAAM,OAAO,WAAW,CAAC,CAAC;AAEzE,eAAO,MAAM,WAAW;;;;;CAKd,CAAC"}

package/dist/cdk/popover/utils/compute-popover-placement.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"compute-popover-placement.d.ts","sourceRoot":"","sources":["../../../../src/cdk/popover/utils/compute-popover-placement.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,eAAe,EAAE,KAAK,gBAAgB,EAAyE,MAAM,kBAAkB,CAAC;AAEtJ,OAAO,EAAE,KAAK,uBAAuB,EAAe,MAAM,WAAW,CAAC;AAGtE,wBAAsB,uBAAuB,CAC3C,gBAAgB,EAAE,gBAAgB,EAClC,eAAe,EAAE,eAAe,EAChC,OAAO,EAAE,uBAAuB,GAC/B,OAAO,CAAC,IAAI,CAAC,CAyCf"}

package/dist/cdk/popover/utils/get-popover-side.d.ts

@@ -1,3 +0,0 @@
-import { PopoverPlacement, PopoverSide } from '../models';
-export declare function getPopoverSide(placement: PopoverPlacement): PopoverSide;
-//# sourceMappingURL=get-popover-side.d.ts.map

package/dist/cdk/popover/utils/get-popover-side.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"get-popover-side.d.ts","sourceRoot":"","sources":["../../../../src/cdk/popover/utils/get-popover-side.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAE/D,wBAAgB,cAAc,CAAC,SAAS,EAAE,gBAAgB,GAAG,WAAW,CAEvE"}

package/dist/cdk/popover/utils/index.d.ts

@@ -1,3 +0,0 @@
-export * from './compute-popover-placement';
-export * from './get-popover-side';
-//# sourceMappingURL=index.d.ts.map

package/dist/cdk/popover/utils/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/cdk/popover/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC"}

package/dist/components/button/button.element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button.element.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.element.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC,OAAO,KAAK,EAAE,UAAU,EAAE,aAAa,EAAE,MAAM,UAAU,CAAC;AAE1D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,gBAAgB,CAAC;KAChC;CACF;;AAED;;;;;;;;;;;GAWG;AACH,qBACa,gBAAiB,SAAQ,qBAA0B;;IAC9D,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAGtC;;OAEG;IAEH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IAEH,OAAO,CAAC,EAAE,aAAa,CAAC;IAExB;;OAEG;IAEH,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;cAE5B,MAAM,IAAI,cAAc;cAQxB,aAAa,IAAI,cAAc;CAmCnD"}

package/dist/components/button/models/button-size.d.ts

@@ -1,7 +0,0 @@
-export type ButtonSize = (typeof ButtonSize)[keyof typeof ButtonSize];
-export declare const ButtonSize: {
-    readonly SM: "sm";
-    readonly MD: "md";
-    readonly LG: "lg";
-};
-//# sourceMappingURL=button-size.d.ts.map

package/dist/components/button/models/button-size.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-size.d.ts","sourceRoot":"","sources":["../../../../src/components/button/models/button-size.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,UAAU,GAAG,CAAC,OAAO,UAAU,CAAC,CAAC,MAAM,OAAO,UAAU,CAAC,CAAC;AACtE,eAAO,MAAM,UAAU;;;;CAIb,CAAC"}

package/dist/components/button/models/button-variant.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"button-variant.d.ts","sourceRoot":"","sources":["../../../../src/components/button/models/button-variant.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,aAAa,GAAG,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAC/E,eAAO,MAAM,aAAa;;;;;;;;CAQhB,CAAC"}

package/dist/components/button/models/index.d.ts

@@ -1,3 +0,0 @@
-export * from './button-size';
-export * from './button-variant';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/button/models/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/button/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC"}

package/dist/components/headline/models/headline-size.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"headline-size.d.ts","sourceRoot":"","sources":["../../../../src/components/headline/models/headline-size.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,CAAC,OAAO,YAAY,CAAC,CAAC,MAAM,OAAO,YAAY,CAAC,CAAC;AAC5E,eAAO,MAAM,YAAY;;;;;CAKf,CAAC"}

package/dist/components/headline/models/index.d.ts

@@ -1,2 +0,0 @@
-export * from './headline-size';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/headline/models/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/headline/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC"}

package/dist/components/logo/models/index.d.ts

@@ -1,2 +0,0 @@
-export * from './logo-size';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/logo/models/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/logo/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC"}

package/dist/components/logo/models/logo-size.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"logo-size.d.ts","sourceRoot":"","sources":["../../../../src/components/logo/models/logo-size.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,QAAQ,GAAG,CAAC,OAAO,QAAQ,CAAC,CAAC,MAAM,OAAO,QAAQ,CAAC,CAAC;AAChE,eAAO,MAAM,QAAQ;;;;;;CAMX,CAAC"}

package/dist/components/search-bar/events/index.d.ts

@@ -1,2 +0,0 @@
-export * from './search-event';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/search-bar/events/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/search-bar/events/index.ts"],"names":[],"mappings":"AAAA,cAAc,gBAAgB,CAAC"}

package/dist/components/search-bar/events/search-event.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-event.d.ts","sourceRoot":"","sources":["../../../../src/components/search-bar/events/search-event.ts"],"names":[],"mappings":"AAAA,qBAAa,WAAY,SAAQ,WAAW,CAAC;IAAE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,CAAC;gBACpE,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EAAE,MAAM;CAG7C"}

package/dist/components/search-bar/models/index.d.ts

@@ -1,2 +0,0 @@
-export * from './search-bar-behavior';
-//# sourceMappingURL=index.d.ts.map

package/dist/components/search-bar/models/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/search-bar/models/index.ts"],"names":[],"mappings":"AAAA,cAAc,uBAAuB,CAAC"}

package/dist/components/search-bar/models/search-bar-behavior.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"search-bar-behavior.d.ts","sourceRoot":"","sources":["../../../../src/components/search-bar/models/search-bar-behavior.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,iBAAiB,GAAG,CAAC,OAAO,iBAAiB,CAAC,CAAC,MAAM,OAAO,iBAAiB,CAAC,CAAC;AAC3F,eAAO,MAAM,iBAAiB;;;CAGpB,CAAC"}

package/dist/elements/main-menu/elements/main-menu-button.element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"main-menu-button.element.d.ts","sourceRoot":"","sources":["../../../../src/elements/main-menu/elements/main-menu-button.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,wBAAwB,CAAC;KAClD;CACF;AAED,qBACa,wBAAyB,SAAQ,aAAa;;cACtC,MAAM,IAAI,cAAc;CAU5C"}

package/dist/elements/main-menu/elements/main-menu-link.element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"main-menu-link.element.d.ts","sourceRoot":"","sources":["../../../../src/elements/main-menu/elements/main-menu-link.element.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,0BAA0B,CAAC;AAGpD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,eAAe,CAAC;KACvC;CACF;AAED,qBACa,eAAgB,SAAQ,QAAQ;CAAG"}

package/dist/elements/main-menu/elements/main-menu-subtitle.element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"main-menu-subtitle.element.d.ts","sourceRoot":"","sources":["../../../../src/elements/main-menu/elements/main-menu-subtitle.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,wBAAwB,EAAE,0BAA0B,CAAC;KACtD;CACF;AAED,qBACa,0BAA2B,SAAQ,aAAa;IAClD,IAAI,SAAc;cAER,MAAM,IAAI,cAAc;CAO5C"}

package/dist/elements/main-menu/elements/main-menu-title.element.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"main-menu-title.element.d.ts","sourceRoot":"","sources":["../../../../src/elements/main-menu/elements/main-menu-title.element.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,uBAAuB,CAAC;KAChD;CACF;AAED,qBACa,uBAAwB,SAAQ,aAAa;IAC/C,IAAI,SAAW;cAEL,MAAM,IAAI,cAAc;CAO5C"}