@odx/foundation 0.1.0-alpha.13 → 0.1.0-alpha.14

package/dist/components/main-menu/main-menu-button.component.js

@@ -0,0 +1,38 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { html } from 'lit';
+
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(result)) || result;
+  return result;
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var _handleClick;
+let OdxMainMenuButtonComponent = class extends CustomElement {
+  constructor() {
+    super(...arguments);
+    __privateAdd(this, _handleClick, () => {
+      document.querySelector("odx-main-menu")?.open();
+    });
+  }
+  render() {
+    return html`
+      <odx-icon-button aria-label="Open main menu" icon="core::menu" variant="ghost" @click=${__privateGet(this, _handleClick)}>
+      </odx-icon-button>
+    `;
+  }
+};
+_handleClick = new WeakMap();
+OdxMainMenuButtonComponent = __decorateClass([
+  customElement("odx-main-menu-button", [])
+], OdxMainMenuButtonComponent);
+
+export { OdxMainMenuButtonComponent };

package/dist/components/main-menu/main-menu-link.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":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([aria-disabled=\"true\"]){--_color-text: var(--odx-color-disabled-foreground-brand);pointer-events:none}";
+
+export { styles as default };

package/dist/components/main-menu/main-menu-link.component.d.ts

@@ -0,0 +1,9 @@
+import { BaseLink } from '../link';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-main-menu-link': OdxMainMenuLinkComponent;
+    }
+}
+export declare class OdxMainMenuLinkComponent extends BaseLink {
+}
+//# sourceMappingURL=main-menu-link.component.d.ts.map

package/dist/components/main-menu/main-menu-link.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-menu-link.component.d.ts","sourceRoot":"","sources":["../../../components/main-menu/main-menu-link.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAGnC,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,oBAAoB,EAAE,wBAAwB,CAAC;KAChD;CACF;AAED,qBACa,wBAAyB,SAAQ,QAAQ;CAAG"}

package/dist/components/main-menu/main-menu-link.component.js

@@ -0,0 +1,19 @@
+import { customElement } from '@odx/foundation';
+import styles from './main-menu-link.component.css.js';
+import { BaseLink } from '../link/base-link.js';
+
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(result)) || result;
+  return result;
+};
+let OdxMainMenuLinkComponent = class extends BaseLink {
+};
+OdxMainMenuLinkComponent = __decorateClass([
+  customElement("odx-main-menu-link", [styles])
+], OdxMainMenuLinkComponent);
+
+export { OdxMainMenuLinkComponent };

package/dist/{elements/main-menu/main-menu-subtitle.element.d.ts → components/main-menu/main-menu-subtitle.component.d.ts}

@@ -2,11 +2,11 @@ import { CustomElement } from '@odx/foundation';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-main-menu-subtitle': OdxMainMenuSubtitleElement;
+        'odx-main-menu-subtitle': OdxMainMenuSubtitleComponent;
     }
 }
-export declare class OdxMainMenuSubtitleElement extends CustomElement {
+export declare class OdxMainMenuSubtitleComponent extends CustomElement {
     slot: string;
     protected render(): TemplateResult;
 }
-//# sourceMappingURL=main-menu-subtitle.element.d.ts.map
+//# sourceMappingURL=main-menu-subtitle.component.d.ts.map

package/dist/components/main-menu/main-menu-subtitle.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-menu-subtitle.component.d.ts","sourceRoot":"","sources":["../../../components/main-menu/main-menu-subtitle.component.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,4BAA4B,CAAC;KACxD;CACF;AAED,qBACa,4BAA6B,SAAQ,aAAa;IACpD,IAAI,SAAc;cAER,MAAM,IAAI,cAAc;CAO5C"}

package/dist/components/main-menu/main-menu-subtitle.component.js

@@ -0,0 +1,29 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { html } from 'lit';
+
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(result)) || result;
+  return result;
+};
+let OdxMainMenuSubtitleComponent = class extends CustomElement {
+  constructor() {
+    super(...arguments);
+    this.slot = "subtitle";
+  }
+  render() {
+    return html`
+      <odx-text size="md">
+        <slot></slot>
+      </odx-text>
+    `;
+  }
+};
+OdxMainMenuSubtitleComponent = __decorateClass([
+  customElement("odx-main-menu-subtitle")
+], OdxMainMenuSubtitleComponent);
+
+export { OdxMainMenuSubtitleComponent };

package/dist/{elements/main-menu/main-menu-title.element.d.ts → components/main-menu/main-menu-title.component.d.ts}

@@ -2,11 +2,11 @@ import { CustomElement } from '@odx/foundation';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-main-menu-title': OdxMainMenuTitleElement;
+        'odx-main-menu-title': OdxMainMenuTitleComponent;
     }
 }
-export declare class OdxMainMenuTitleElement extends CustomElement {
+export declare class OdxMainMenuTitleComponent extends CustomElement {
     slot: string;
     protected render(): TemplateResult;
 }
-//# sourceMappingURL=main-menu-title.element.d.ts.map
+//# sourceMappingURL=main-menu-title.component.d.ts.map

package/dist/components/main-menu/main-menu-title.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-menu-title.component.d.ts","sourceRoot":"","sources":["../../../components/main-menu/main-menu-title.component.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,yBAAyB,CAAC;KAClD;CACF;AAED,qBACa,yBAA0B,SAAQ,aAAa;IACjD,IAAI,SAAW;cAEL,MAAM,IAAI,cAAc;CAO5C"}

package/dist/components/main-menu/main-menu-title.component.js

@@ -0,0 +1,29 @@
+import { CustomElement, customElement } from '@odx/foundation';
+import { html } from 'lit';
+
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(result)) || result;
+  return result;
+};
+let OdxMainMenuTitleComponent = class extends CustomElement {
+  constructor() {
+    super(...arguments);
+    this.slot = "title";
+  }
+  render() {
+    return html`
+      <odx-title size="sm">
+        <slot></slot>
+      </odx-title>
+    `;
+  }
+};
+OdxMainMenuTitleComponent = __decorateClass([
+  customElement("odx-main-menu-title")
+], OdxMainMenuTitleComponent);
+
+export { OdxMainMenuTitleComponent };

package/dist/components/main-menu/main-menu.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":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)}";
+
+export { styles as default };

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

@@ -2,10 +2,10 @@ import { CustomElement } from '@odx/foundation';
 import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-main-menu': OdxMainMenuElement;
+        'odx-main-menu': OdxMainMenuComponent;
     }
 }
-export declare class OdxMainMenuElement extends CustomElement {
+export declare class OdxMainMenuComponent extends CustomElement {
     #private;
     private links;
     constructor();
@@ -15,4 +15,4 @@ export declare class OdxMainMenuElement extends CustomElement {
     close(): void;
     protected render(): TemplateResult;
 }
-//# sourceMappingURL=main-menu.element.d.ts.map
+//# sourceMappingURL=main-menu.component.d.ts.map

package/dist/components/main-menu/main-menu.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"main-menu.component.d.ts","sourceRoot":"","sources":["../../../components/main-menu/main-menu.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAsC,MAAM,iBAAiB,CAAC;AACpF,OAAO,EAAE,KAAK,cAAc,EAAkB,MAAM,KAAK,CAAC;AAI1D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,eAAe,EAAE,oBAAoB,CAAC;KACvC;CACF;AAED,qBACa,oBAAqB,SAAQ,aAAa;;IAIrD,OAAO,CAAC,KAAK,CAAiB;;IASrB,iBAAiB,IAAI,IAAI;IAKlC,MAAM,IAAI,IAAI;IAId,IAAI,IAAI,IAAI;IAIZ,KAAK,IAAI,IAAI;cAIM,MAAM,IAAI,cAAc;CA6B5C"}

package/dist/components/main-menu/main-menu.component.js

@@ -0,0 +1,82 @@
+import { CustomElement, FocusTrapController, customElement } from '@odx/foundation';
+import { isServer, html } from 'lit';
+import { queryAssignedElements } from 'lit/decorators.js';
+import styles from './main-menu.component.css.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __typeError = (msg) => {
+  throw TypeError(msg);
+};
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+var __accessCheck = (obj, member, msg) => member.has(obj) || __typeError("Cannot " + msg);
+var __privateGet = (obj, member, getter) => (__accessCheck(obj, member, "read from private field"), getter ? getter.call(obj) : member.get(obj));
+var __privateAdd = (obj, member, value) => member.has(obj) ? __typeError("Cannot add the same private member more than once") : member instanceof WeakSet ? member.add(obj) : member.set(obj, value);
+var _focusTrap, _handleSlotChange, _handleToggle;
+let OdxMainMenuComponent = class extends CustomElement {
+  constructor() {
+    super();
+    __privateAdd(this, _focusTrap, new FocusTrapController(this));
+    __privateAdd(this, _handleSlotChange, () => {
+      for (const link of this.links) {
+        link.slot ||= "link-navigation";
+      }
+    });
+    __privateAdd(this, _handleToggle, ({ newState }) => {
+      __privateGet(this, _focusTrap).toggle(newState === "open");
+    });
+    if (!isServer) {
+      this.addEventListener("toggle", __privateGet(this, _handleToggle));
+    }
+  }
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.popover = "auto";
+  }
+  toggle() {
+    this.togglePopover();
+  }
+  open() {
+    this.showPopover();
+  }
+  close() {
+    this.hidePopover();
+  }
+  render() {
+    return html`
+      <div part="header">
+        <slot name="title"></slot>
+        <slot name="subtitle"></slot>
+      </div>
+      <nav part="navigation">
+        <odx-stack gap="md" align-items="stretch">
+          <slot @slotchange=${__privateGet(this, _handleSlotChange)}></slot>
+        </odx-stack>
+      </nav>
+      <odx-stack part="link-navigation" gap="xs"  wrap horizontal justify-content="start">
+        <slot name="link-navigation"></slot>
+      </odx-stack>
+      <div part="footer">
+        <odx-logo size="sm"></odx-logo>
+      </div>
+    `;
+  }
+};
+_focusTrap = new WeakMap();
+_handleSlotChange = new WeakMap();
+_handleToggle = new WeakMap();
+__decorateClass([
+  queryAssignedElements({ selector: "odx-link", flatten: true })
+], OdxMainMenuComponent.prototype, "links", 2);
+OdxMainMenuComponent = __decorateClass([
+  customElement("odx-main-menu", [styles])
+], OdxMainMenuComponent);
+
+export { OdxMainMenuComponent };

package/dist/components/main.d.ts

@@ -15,9 +15,11 @@ export * from './headline';
 export * from './icon-button';
 export * from './inline-message';
 export * from './link';
+export * from './list';
 export * from './loading-indicator';
 export * from './loading-overlay';
 export * from './logo';
+export * from './main-menu';
 export * from './navigation-item';
 export * from './option';
 export * from './page';
@@ -34,4 +36,5 @@ export * from './text';
 export * from './title';
 export * from './toggle-button';
 export * from './visually-hidden';
+export * from '../elements/main';
 //# sourceMappingURL=main.d.ts.map

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

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

package/dist/components/navigation-item/index.d.ts.map

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

package/dist/components/navigation-item/navigation-item.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{--_color-background: var(--odx-palette-transparent);--_color-foreground: inherit;--_icon-size: var(--odx-size-125);--_text-size: var(--odx-typography-font-size-3);--_line-height: var(--odx-typography-line-height-4);--_padding-block: var(--odx-size-37);--_padding-inline: var(--odx-size-50);block-size:var(--_block-size);cursor:pointer;position:relative;user-select:none;vertical-align:top;border-radius:var(--odx-border-radius-sm);white-space:nowrap;-webkit-tap-highlight-color:transparent}:host(:focus-visible){outline:none}:host,:host::part(anchor){display:inline-flex;place-items:center}:host::part(anchor){overflow:clip;border-radius:inherit;cursor:inherit;-webkit-appearance:none;vertical-align:middle;background:transparent;text-decoration:none;font:inherit;block-size:100%;inline-size:100%;padding:0;border:none;gap:inherit;text-transform:inherit;padding-block:calc(var(--_padding-block));padding-inline:var(--_padding-inline);transition:var(--odx-transition-reduced);transition-property:background-color,color,outline-color;background-color:var(--_color-background);color:var(--_color-foreground);gap:var(--_padding-inline);font-size:var(--_text-size);line-height:var(--_line-height);outline:var(--odx-focus-ring-outline);outline-offset:var(--odx-focus-ring-offset)}:host::part(anchor)::-moz-focus-inner{padding:0;border:0}:host(:hover){--_color-background: var(--odx-color-transparent-hover)}:host([aria-current=\"true\"]){--_color-background: var(--odx-color-selected)}:host([aria-current=\"true\"]:hover){--_color-background: var(--odx-color-selected-hover)}:host([aria-current=\"true\"]:active),:host(:active){--_color-background: var(--odx-color-transparent-pressed)}:host::part(anchor):focus-visible{outline-color:var(--odx-focus-ring-color)}:host([aria-disabled=\"true\"])::part(anchor){--_color-background: var(--odx-color-disabled-fill);--_color-foreground: var(--odx-color-disabled-foreground);cursor:not-allowed}:host([size=\"lg\"]){--_icon-size: var(--odx-size-200);--_text-size: var(--odx-typography-font-size-3);--_line-height: var(--odx-size-100);--_padding-block: var(--odx-size-50);--_padding-inline: var(--odx-size-50)}:host([loading]:not([loading=\"false\"]))::part(anchor){color:transparent}::slotted(*){flex:0 0 auto}::slotted(odx-icon){--size: var(--_icon-size)}::slotted(odx-avatar){--_size: var(--_icon-size)}::slotted([slot=\"end\"]){margin-inline-start:auto}";
+
+export { styles as default };

package/dist/components/navigation-item/navigation-item.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-item.component.d.ts","sourceRoot":"","sources":["../../../src/components/navigation-item/navigation-item.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAEhD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,0BAA0B,CAAC;KACnD;CACF;AAED,qBACa,0BAA2B,SAAQ,mBAAmB;IAEjE,IAAI,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAGjC,QAAQ,UAAS;IAER,iBAAiB,IAAI,IAAI;cAIf,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAMjE"}
+{"version":3,"file":"navigation-item.component.d.ts","sourceRoot":"","sources":["../../../components/navigation-item/navigation-item.component.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAC;AAE1C,OAAO,EAAE,mBAAmB,EAAE,MAAM,WAAW,CAAC;AAEhD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAEnE,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,0BAA0B,CAAC;KACnD;CACF;AAED,qBACa,0BAA2B,SAAQ,mBAAmB;IAEjE,IAAI,CAAC,EAAE,kBAAkB,GAAG,IAAI,CAAC;IAGjC,QAAQ,UAAS;IAER,iBAAiB,IAAI,IAAI;cAIf,UAAU,CAAC,KAAK,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,IAAI;CAMjE"}

package/dist/components/navigation-item/navigation-item.component.js

@@ -0,0 +1,41 @@
+import { customElement } from '@odx/foundation';
+import { property } from 'lit/decorators.js';
+import styles from './navigation-item.component.css.js';
+import { BaseButtonComponent } from '../button/base-button.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let OdxNavigationItemComponent = class extends BaseButtonComponent {
+  constructor() {
+    super(...arguments);
+    this.selected = false;
+  }
+  connectedCallback() {
+    super.connectedCallback?.();
+  }
+  willUpdate(props) {
+    super.willUpdate(props);
+    if (props.has("selected")) {
+      this.ariaCurrent = this.selected ? "page" : null;
+    }
+  }
+};
+__decorateClass([
+  property({ reflect: true })
+], OdxNavigationItemComponent.prototype, "size", 2);
+__decorateClass([
+  property({ type: Boolean })
+], OdxNavigationItemComponent.prototype, "selected", 2);
+OdxNavigationItemComponent = __decorateClass([
+  customElement("odx-navigation-item", [styles])
+], OdxNavigationItemComponent);
+
+export { OdxNavigationItemComponent };

package/dist/components/navigation-item/navigation-item.models.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"navigation-item.models.d.ts","sourceRoot":"","sources":["../../../src/components/navigation-item/navigation-item.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAC9F,eAAO,MAAM,kBAAkB;;;CAGrB,CAAC"}
+{"version":3,"file":"navigation-item.models.d.ts","sourceRoot":"","sources":["../../../components/navigation-item/navigation-item.models.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,kBAAkB,GAAG,CAAC,OAAO,kBAAkB,CAAC,CAAC,MAAM,OAAO,kBAAkB,CAAC,CAAC;AAC9F,eAAO,MAAM,kBAAkB;;;CAGrB,CAAC"}

package/dist/components/navigation-item/navigation-item.models.js

@@ -0,0 +1,6 @@
+const NavigationItemSize = {
+  MD: "md",
+  LG: "lg"
+};
+
+export { NavigationItemSize };

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

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

package/dist/components/option/option.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{--_color-background: var(--odx-palette-transparent);--_color-foreground: inherit;display:inline-flex;place-items:center;padding:var(--odx-size-37) var(--odx-size-75);cursor:pointer;gap:var(--odx-size-75);border-radius:var(--odx-border-radius-controls);transition:var(--odx-transition-reduced);outline:var(--odx-outline-focus);outline-offset:var(--odx-outline-offset-focus);background-color:var(--_color-background);transition-property:background-color,color,outline-color;user-select:none;outline:var(--odx-focus-ring-outline);outline-offset:var(--odx-focus-ring-offset);color:var(--_color-foreground)}odx-checkbox{margin:0}:host(:hover){--_color-background: var(--odx-color-transparent-hover)}:host(:active){--_color-background: var(--odx-color-transparent-pressed)}:host([aria-selected=\"true\"]){--_color-background: var(--odx-color-selected)}:host([aria-selected=\"true\"]:hover){--_color-background: var(--odx-color-selected-hover)}:host([aria-disabled=\"true\"]){--_color-background: var(--odx-color-disabled-fill);--_color-foreground: var(--odx-color-disabled-foreground);cursor:not-allowed;pointer-events:none}:host([aria-selected=\"true\"][aria-disabled=\"true\"]){--_color-background: var(--odx-color-disabled-fill-selected);--_color-foreground: var(--odx-color-disabled-foreground-selected)}:host(:focus-visible){outline-color:var(--odx-focus-ring-color)}slot[name=_checkbox]::slotted(odx-checkbox){margin:0;pointer-events:none}";
+
+export { styles as default };

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

@@ -1 +1 @@
-{"version":3,"file":"option.component.d.ts","sourceRoot":"","sources":["../../../src/components/option/option.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAKhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF;AAED,qBACa,kBAAmB,SAAQ,aAAa;IAEnD,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;cAEN,MAAM,IAAI,cAAc;CAW5C"}
+{"version":3,"file":"option.component.d.ts","sourceRoot":"","sources":["../../../components/option/option.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAKhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,YAAY,EAAE,kBAAkB,CAAC;KAClC;CACF;AAED,qBACa,kBAAmB,SAAQ,aAAa;IAEnD,IAAI,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;cAEN,MAAM,IAAI,cAAc;CAW5C"}

package/dist/components/option/option.component.js

@@ -0,0 +1,37 @@
+import { OptionControl, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { property } from 'lit/decorators.js';
+import { when } from 'lit/directives/when.js';
+import styles from './option.component.css.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let OdxOptionComponent = class extends OptionControl {
+  render() {
+    return html`
+      ${when(
+      this.type === "checkbox",
+      () => html`<odx-checkbox .checked=${this.selected} ?disabled=${this.disabled} inert></odx-checkbox>`,
+      () => html`<slot name="start"></slot>`
+    )}
+      <slot></slot>
+      <slot name="end"></slot>
+    `;
+  }
+};
+__decorateClass([
+  property({ reflect: true })
+], OdxOptionComponent.prototype, "type", 2);
+OdxOptionComponent = __decorateClass([
+  customElement("odx-option", [styles])
+], OdxOptionComponent);
+
+export { OdxOptionComponent };

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

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

package/dist/components/page/page.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{--max-inline-size: var(--odx-page-max-inline-size, 100%);--scroll-margin-block-start: calc(var(--header-size, 0px) + var(--subheader-size, 0px));display:grid;min-block-size:100%;grid-template-columns:100%;grid-template-rows:repeat(minmax(0,auto),2) minmax(0px,1fr);grid-template-areas:\"header\" \"subheader\" \"content\"}.header,.subheader{position:sticky;z-index:99}.subheader,.content{inline-size:100%;background-color:var(--odx-color-background-cool);padding-inline:var(--odx-size-75);max-inline-size:var(--max-inline-size)}.header{grid-area:header;inset-block-start:0}.subheader{grid-area:subheader;inset-block-start:var(--header-size, 0px)}.content{block-size:100%;grid-area:content}:host([alignment=\"center\"]){.subheader,.content{margin-inline:auto}}:host([layout=\"narrow\"]){--max-inline-size: var(--odx-page-max-inline-size-narrow)}:host([layout=\"wide\"]){--max-inline-size: var(--odx-page-max-inline-size-wide)}";
+
+export { styles as default };

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

@@ -1 +1 @@
-{"version":3,"file":"page.component.d.ts","sourceRoot":"","sources":["../../../src/components/page/page.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA6C,MAAM,iBAAiB,CAAC;AAC3F,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF;AAED,qBACa,gBAAiB,SAAQ,aAAa;IAEjD,aAAa,EAAG,WAAW,CAAC;IAG5B,gBAAgB,EAAG,WAAW,CAAC;IAG/B,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAGjC,MAAM,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAElB,YAAY,IAAI,IAAI;cAOV,MAAM,IAAI,cAAc;CAa5C"}
+{"version":3,"file":"page.component.d.ts","sourceRoot":"","sources":["../../../components/page/page.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA6C,MAAM,iBAAiB,CAAC;AAC3F,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,KAAK,EAAE,aAAa,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE/D,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,UAAU,EAAE,gBAAgB,CAAC;KAC9B;CACF;AAED,qBACa,gBAAiB,SAAQ,aAAa;IAEjD,aAAa,EAAG,WAAW,CAAC;IAG5B,gBAAgB,EAAG,WAAW,CAAC;IAG/B,SAAS,CAAC,EAAE,aAAa,GAAG,IAAI,CAAC;IAGjC,MAAM,CAAC,EAAE,UAAU,GAAG,IAAI,CAAC;IAElB,YAAY,IAAI,IAAI;cAOV,MAAM,IAAI,cAAc;CAa5C"}

package/dist/components/page/page.component.js

@@ -0,0 +1,53 @@
+import { CustomElement, SharedResizeObserver, toPx, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import { query, property } from 'lit/decorators.js';
+import styles from './page.component.css.js';
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (kind ? decorator(target, key, result) : decorator(result)) || result;
+  if (kind && result) __defProp(target, key, result);
+  return result;
+};
+let OdxPageComponent = class extends CustomElement {
+  firstUpdated() {
+    SharedResizeObserver.observe(this, () => {
+      this.style.setProperty("--header-size", toPx(this.headerElement.offsetHeight));
+      this.style.setProperty("--subheader-size", toPx(this.subheaderElement.offsetHeight));
+    });
+  }
+  render() {
+    return html`
+      <div class="header" part="header">
+        <slot name="header"></slot>
+      </div>
+      <div class="subheader" part="subheader">
+        <slot name="subheader"></slot>
+      </div>
+      <div class="content" part="content">
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+__decorateClass([
+  query(".header", true)
+], OdxPageComponent.prototype, "headerElement", 2);
+__decorateClass([
+  query(".subheader", true)
+], OdxPageComponent.prototype, "subheaderElement", 2);
+__decorateClass([
+  property({ reflect: true })
+], OdxPageComponent.prototype, "alignment", 2);
+__decorateClass([
+  property({ reflect: true })
+], OdxPageComponent.prototype, "layout", 2);
+OdxPageComponent = __decorateClass([
+  customElement("odx-page", [styles])
+], OdxPageComponent);
+
+export { OdxPageComponent };

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

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

package/dist/components/page/page.models.js

@@ -0,0 +1,9 @@
+const PageAlignment = {
+  CENTER: "center"
+};
+const PageLayout = {
+  NARROW: "narrow",
+  WIDE: "wide"
+};
+
+export { PageAlignment, PageLayout };

package/dist/components/page-layout/index.d.ts.map

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

package/dist/components/page-layout/page-layout.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{display:grid;inline-size:100%;grid-template-columns:minmax(0,auto) minmax(0px,100%);grid-template-rows:minmax(0px,auto) minmax(0px,1fr);grid-template-areas:\"navigation header\" \"navigation content\";justify-content:start;max-inline-size:var(--max-inline-size)}.header,.navigation{background-color:var(--odx-color-fill-main);position:sticky;inset-block-start:var(--scroll-margin-block-start);z-index:98}.content{grid-area:content;margin-block-end:var(--odx-size-150)}.header{grid-area:header}.navigation{--_size: calc(100dvh - var(--scroll-margin-block-start));grid-area:navigation;inset-block-start:var(--scroll-margin-block-start);inset-block-end:0;max-block-size:var(--_size);max-inline-size:10rem;overflow:auto;padding-inline-end:var(--odx-size-75)}";
+
+export { styles as default };

package/dist/components/page-layout/page-layout.component.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"page-layout.component.d.ts","sourceRoot":"","sources":["../../../src/components/page-layout/page-layout.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,sBAAsB,CAAC;KAC3C;CACF;AAED,qBACa,sBAAuB,SAAQ,aAAa;cACpC,MAAM,IAAI,cAAc;CAS5C"}
+{"version":3,"file":"page-layout.component.d.ts","sourceRoot":"","sources":["../../../components/page-layout/page-layout.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA+B,MAAM,iBAAiB,CAAC;AAC7E,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,iBAAiB,EAAE,sBAAsB,CAAC;KAC3C;CACF;AAED,qBACa,sBAAuB,SAAQ,aAAa;cACpC,MAAM,IAAI,cAAc;CAS5C"}

package/dist/components/page-layout/page-layout.component.js

@@ -0,0 +1,28 @@
+import { CustomElement, optionalSlot, customElement } from '@odx/foundation';
+import { html } from 'lit';
+import styles from './page-layout.component.css.js';
+
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = kind > 1 ? void 0 : kind ? __getOwnPropDesc(target, key) : target;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(result)) || result;
+  return result;
+};
+let OdxPageLayoutComponent = class extends CustomElement {
+  render() {
+    return html`
+      ${optionalSlot(this, "navigation")}
+      ${optionalSlot(this, "header")}
+      <div class="content">
+        <slot></slot>
+      </div>
+    `;
+  }
+};
+OdxPageLayoutComponent = __decorateClass([
+  customElement("odx-page-layout", [styles])
+], OdxPageLayoutComponent);
+
+export { OdxPageLayoutComponent };

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

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

package/dist/components/radio-button/radio-button.component.css.js

@@ -0,0 +1,3 @@
+const styles = ":host{--_indicator-space: var(--odx-size-12);--_indicator-size: calc(var(--odx-size-150) - var(--_indicator-space) * 2);--_indicator-color-background: var(--odx-color-selection-control-fill);--_indicator-color-stroke: var(--odx-color-selection-control-stroke);--_indicator-stroke-width: var(--odx-border-width-thin);--_label-color-foreground: var(--odx-color-foreground);cursor:pointer;display:inline-flex;margin:var(--odx-size-37) var(--odx-size-75);user-select:none;border-radius:var(--odx-border-radius-controls);outline:var(--odx-focus-ring-outline);padding:var(--_indicator-space);transition-property:outline-color}:host,.indicator,.content{transition:var(--odx-transition-reduced)}.indicator{display:flex;place-content:center;place-items:center;block-size:var(--_indicator-size);inline-size:var(--_indicator-size);flex-shrink:0;border-radius:var(--odx-border-radius-circle);background-color:var(--_indicator-color-background);border:var(--odx-border-width-thin) solid var(--_indicator-color-stroke);border-color:var(--_indicator-color-stroke);border-width:var(--_indicator-stroke-width);transition-property:background-color,border,outline;outline:var(--odx-border-width-thick) solid var(--odx-palette-transparent);outline-offset:calc(-1 * var(--odx-border-width-thick))}.label{display:inline-block}.content{color:var(--_label-color-foreground);margin-block:calc(-1 * var(--_indicator-space));transition-property:color}:host(:empty) .content{display:none}:host(:not(:empty)) .indicator{margin-inline-end:var(--odx-size-75)}:host(:hover){--_indicator-color-background: var(--odx-color-selection-control-fill-hover);--_indicator-color-stroke: var(--odx-color-selection-control-stroke-hover)}:host(:focus-visible){outline-color:var(--odx-focus-ring-color)}:host([aria-readonly=\"true\"]){--_indicator-color-background: var(--odx-color-selection-control-fill-readonly);--_indicator-color-foreground: var(--odx-color-selection-control-foreground-readonly);--_indicator-color-stroke: var(--odx-color-selection-control-stroke-readonly);cursor:default}:host([aria-disabled=\"true\"]){--_indicator-color-background: var(--odx-color-disabled-fill);--_indicator-color-foreground: var(--odx-color-disabled-foreground);--_indicator-color-stroke: var(--odx-color-disabled-stroke);--_label-color-foreground: var(--odx-color-disabled-foreground);cursor:not-allowed}:host([aria-checked=\"true\"]){--_indicator-color-background: var(--odx-color-selection-control-stroke-selected);--_indicator-color-foreground: var(--odx-color-foreground-light);--_indicator-color-stroke: var(--odx-color-selection-control-fill-selected);--_indicator-stroke-width: var(--odx-size-25)}:host([aria-checked=\"true\"]:not(:is([aria-readonly],[aria-disabled])):hover){--_indicator-color-stroke: var(--odx-color-selection-control-fill-selected-hover)}:host([aria-checked=\"true\"][aria-readonly=\"true\"]){--_indicator-color-background: var(--odx-color-selection-control-fill-selected);--_indicator-color-stroke: var(--odx-color-background-main);--_indicator-stroke-width: var(--odx-size-50);.indicator{outline-color:var(--odx-color-selection-control-fill-selected)}}:host([aria-checked=\"true\"][aria-disabled=\"true\"]){--_indicator-color-stroke: var(--odx-color-disabled-fill-selected);--_indicator-color-foreground: var(--odx-color-disabled-foreground-selected)}";
+
+export { styles as default };

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

@@ -1 +1 @@
-{"version":3,"file":"radio-button.component.d.ts","sourceRoot":"","sources":["../../../src/components/radio-button/radio-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAiB,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,uBAAuB,CAAC;KAC7C;CACF;AAED,qBACa,uBAAwB,SAAQ,mBAAmB;IACrD,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;IAclC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,UAAQ,GAAG,IAAI;CAG1D"}
+{"version":3,"file":"radio-button.component.d.ts","sourceRoot":"","sources":["../../../components/radio-button/radio-button.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,mBAAmB,EAAiB,MAAM,iBAAiB,CAAC;AACrE,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,kBAAkB,EAAE,uBAAuB,CAAC;KAC7C;CACF;AAED,qBACa,uBAAwB,SAAQ,mBAAmB;IACrD,iBAAiB,IAAI,IAAI;cAKf,MAAM,IAAI,cAAc;IAclC,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,UAAQ,GAAG,IAAI;CAG1D"}