@odx/foundation 0.1.0-alpha.4 → 0.1.0-alpha.6

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;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"}
+{"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,KA0GnD,WAAW,CAAC,WAAW,CAAC,GAAG,CACjE,CAAC"}

package/dist/cdk.js

@@ -1,7 +1,7 @@
 import { dedupeMixin, createOptions, toPx, waitForAnimations, findClosestDocument, createMutationObserver, CustomElement, customElement } from '@odx/foundation';
 import { minBy } from 'es-toolkit';
 import { property, state } from 'lit/decorators.js';
-import { unsafeCSS, html } from 'lit';
+import { isServer, unsafeCSS, html } from 'lit';
 import { when } from 'lit/directives/when.js';
 
 var __defProp$2 = Object.defineProperty;
@@ -1951,8 +1951,9 @@ var __decorateClass$1 = (decorators, target, key, kind) => {
 };
 const PopoverHost = dedupeMixin((superClass) => {
   class PopoverHostClass extends superClass {
-    constructor() {
-      super(...arguments);
+    // biome-ignore lint/suspicious/noExplicitAny: This is a mixin
+    constructor(...args) {
+      super(...args);
       this.isOpen = false;
       this.referenceElement = null;
       this.anchor = "";
@@ -1968,6 +1969,9 @@ const PopoverHost = dedupeMixin((superClass) => {
           this.onPopoverHide?.();
         }
       };
+      if (!isServer) {
+        this.addEventListener("toggle", this.#handleToggle);
+      }
     }
     static {
       this.styles = [superClass.styles ?? [], unsafeCSS(styles$1)];
@@ -1977,7 +1981,6 @@ const PopoverHost = dedupeMixin((superClass) => {
       super.connectedCallback?.();
       this.popover ??= "auto";
       this.#connectObserver();
-      this.addEventListener("toggle", this.#handleToggle);
     }
     disconnectedCallback() {
       super.disconnectedCallback?.();

package/dist/checkbox-control-DjGOb6bn.js

@@ -0,0 +1,153 @@
+import { CanBeDisabled, CustomElement, requestUpdateOnAriaChange, optionalAttr, FormControl, getKeyboardEventInfo, toAriaBooleanAttribute } from '@odx/foundation';
+import { html, isServer } from 'lit';
+import { query, property } from 'lit/decorators.js';
+import { ifDefined } from 'lit/directives/if-defined.js';
+
+var __defProp$1 = Object.defineProperty;
+var __decorateClass$1 = (decorators, target, key, kind) => {
+  var result = void 0 ;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(target, key, result) ) || result;
+  if (result) __defProp$1(target, key, result);
+  return result;
+};
+class BaseLink extends CanBeDisabled(CustomElement) {
+  constructor() {
+    super(...arguments);
+    this.href = "";
+    this.target = "";
+    this.rel = "noreferrer noopener";
+  }
+  static {
+    requestUpdateOnAriaChange(["ariaLabel", "ariaHasPopup", "ariaExpanded", "ariaCurrent", "ariaHidden"]);
+  }
+  static {
+    this.shadowRootOptions = {
+      ...CustomElement.shadowRootOptions,
+      delegatesFocus: true
+    };
+  }
+  render(role) {
+    const { ariaLabel, ariaHasPopup, ariaExpanded, ariaCurrent, ariaHidden } = this;
+    return html`<a
+      part="anchor"
+      aria-label="${optionalAttr(ariaLabel)}"
+      aria-haspopup="${optionalAttr(ariaHasPopup)}"
+      aria-expanded="${optionalAttr(ariaExpanded)}"
+      aria-current="${optionalAttr(ariaCurrent)}"
+      aria-hidden="${optionalAttr(ariaHidden)}"
+      href=${optionalAttr(this.href)}
+      target=${optionalAttr(this.target)}
+      download=${ifDefined(this.download)}
+      rel=${optionalAttr(this.rel)}
+      role=${optionalAttr(role)}
+    >
+      ${this.renderContent()}
+    </a>`;
+  }
+  renderContent() {
+    return html`<slot></slot>`;
+  }
+}
+__decorateClass$1([
+  query('[part~="anchor"]', true)
+], BaseLink.prototype, "interactiveElement");
+__decorateClass$1([
+  property()
+], BaseLink.prototype, "href");
+__decorateClass$1([
+  property()
+], BaseLink.prototype, "target");
+__decorateClass$1([
+  property()
+], BaseLink.prototype, "rel");
+__decorateClass$1([
+  property()
+], BaseLink.prototype, "download");
+
+var __defProp = Object.defineProperty;
+var __decorateClass = (decorators, target, key, kind) => {
+  var result = void 0 ;
+  for (var i = decorators.length - 1, decorator; i >= 0; i--)
+    if (decorator = decorators[i])
+      result = (decorator(target, key, result) ) || result;
+  if (result) __defProp(target, key, result);
+  return result;
+};
+const CHECKED_STATE_KEY = "checked";
+const LINK_SELECTORS = /* @__PURE__ */ new Set(["a", "button", "odx-link"]);
+class CheckboxControl extends FormControl(CustomElement) {
+  constructor() {
+    super();
+    this.checked = false;
+    this.#handleClick = ({ target }) => {
+      const { localName } = target;
+      if (LINK_SELECTORS.has(localName)) return;
+      this.toggle(void 0, true);
+    };
+    this.#handleKeyboardEvent = (event) => {
+      const { actions } = getKeyboardEventInfo(event);
+      if (!actions.enter && !actions.space) return;
+      const { localName } = event.target;
+      event.preventDefault();
+      if (event.type === "keydown" || LINK_SELECTORS.has(localName)) return;
+      this.toggle(void 0, true);
+    };
+    if (!isServer) {
+      this.addEventListener("click", this.#handleClick);
+      this.addEventListener("keydown", this.#handleKeyboardEvent);
+      this.addEventListener("keyup", this.#handleKeyboardEvent);
+    }
+  }
+  static {
+    this.shadowRootOptions = {
+      ...CustomElement.shadowRootOptions,
+      delegatesFocus: false
+    };
+  }
+  toggle(state, emitEvent = false) {
+    const currentState = this.checked;
+    const newState = state ?? !currentState;
+    if (this.disabled || this.readonly || newState === currentState) return;
+    this.checked = newState;
+    if (!emitEvent || !this.emit("change")) return;
+    this.checked = currentState;
+  }
+  connectedCallback() {
+    super.connectedCallback?.();
+    this.internals.role = "checkbox";
+  }
+  willUpdate(changes) {
+    super.willUpdate?.(changes);
+    if (changes.has("checked")) {
+      this.#handleCheckedChange();
+    }
+    if (changes.has("value")) {
+      this.#handleValueChange();
+    }
+  }
+  #handleCheckedChange() {
+    if (this.checked) {
+      this.states.add(CHECKED_STATE_KEY);
+    } else {
+      this.states.delete(CHECKED_STATE_KEY);
+    }
+    this.internals.ariaChecked = toAriaBooleanAttribute(this.checked);
+    this.ariaChecked = toAriaBooleanAttribute(this.checked);
+  }
+  #handleValueChange() {
+    if (this.value) {
+      this.internals.setFormValue(this.checked ? this.value : null);
+    } else {
+      this.internals.setFormValue(this.checked ? "on" : null);
+    }
+  }
+  #handleClick;
+  #handleKeyboardEvent;
+}
+__decorateClass([
+  property({ type: Boolean, reflect: true })
+], CheckboxControl.prototype, "checked");
+
+export { BaseLink as B, CheckboxControl as C };

package/dist/components/button/base-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/base-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC;;;;;;;;;;;GAWG;AACH,qBAAa,mBAAoB,SAAQ,QAAQ;;IAC/C;;OAEG;IAEH,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;cAE5B,MAAM,IAAI,cAAc;cAQxB,aAAa,IAAI,cAAc;CAsBnD"}
+{"version":3,"file":"base-button.d.ts","sourceRoot":"","sources":["../../../src/components/button/base-button.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAC;AAEnC;;;;;;;;;;;GAWG;AACH,qBACa,mBAAoB,SAAQ,QAAQ;;IAC/C;;OAEG;IAEH,IAAI,EAAE,QAAQ,GAAG,QAAQ,GAAG,OAAO,CAAY;cAE5B,MAAM,IAAI,cAAc;cAQxB,aAAa,IAAI,cAAc;CAsBnD"}

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

@@ -30,8 +30,7 @@ export declare class OdxButtonComponent extends OdxButtonComponent_base {
      * The variant of the button.
      */
     variant?: ButtonVariant;
-    connectedCallback(): Promise<void>;
-    disconnectedCallback(): Promise<void>;
+    constructor();
     protected renderContent(): TemplateResult;
 }
 export {};

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

@@ -1 +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,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,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,uBAAqC;;IAC3E,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAGtC;;OAEG;IAEH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IAEH,OAAO,CAAC,EAAE,aAAa,CAAC;IAET,iBAAiB,IAAI,OAAO,CAAC,IAAI,CAAC;IAMlC,oBAAoB,IAAI,OAAO,CAAC,IAAI,CAAC;cAMjC,aAAa,IAAI,cAAc;CAmBnD"}
+{"version":3,"file":"button.component.d.ts","sourceRoot":"","sources":["../../../src/components/button/button.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAkB,MAAM,KAAK,CAAC;AAG1D,OAAO,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAC;AAEpD,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,uBAAqC;;IAC3E,MAAM,CAAC,QAAQ,CAAC,cAAc,QAAQ;IAGtC;;OAEG;IAEH,IAAI,CAAC,EAAE,UAAU,CAAC;IAElB;;OAEG;IAEH,OAAO,CAAC,EAAE,aAAa,CAAC;;cASL,aAAa,IAAI,cAAc;CAmBnD"}

package/dist/components/checkbox/checkbox-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox-control.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAA6D,MAAM,iBAAiB,CAAC;AAC3G,OAAO,EAAE,KAAK,gBAAgB,EAAY,MAAM,KAAK,CAAC;;AAMtD,8BAAsB,eAAgB,SAAQ,oBAA0B;;IACtE,OAAgB,iBAAiB,EAAE,cAAc,CAG/C;IAGF,OAAO,UAAS;;IAWhB,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,UAAQ,GAAG,IAAI;IASvC,iBAAiB,IAAI,IAAI;cAKf,UAAU,CAAC,OAAO,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;CA0CrE"}

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

@@ -2,14 +2,14 @@ import { PropertyValueMap, TemplateResult } from 'lit';
 import { CheckboxControl } from './checkbox-control';
 declare global {
     interface HTMLElementTagNameMap {
-        'odx-checkbox': OdxCheckboxElement;
+        'odx-checkbox': OdxCheckboxComponent;
     }
 }
-export declare class OdxCheckboxElement extends CheckboxControl {
+export declare class OdxCheckboxComponent extends CheckboxControl {
     #private;
     indeterminate: boolean;
     protected render(): TemplateResult;
     protected willUpdate(changes: PropertyValueMap<this>): void;
     toggle(state?: boolean, dispatchEvent?: boolean): void;
 }
-//# sourceMappingURL=checkbox.element.d.ts.map
+//# sourceMappingURL=checkbox.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.component.d.ts","sourceRoot":"","sources":["../../../src/components/checkbox/checkbox.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,gBAAgB,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEvE,OAAO,EAAE,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGrD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,cAAc,EAAE,oBAAoB,CAAC;KACtC;CACF;AAID,qBACa,oBAAqB,SAAQ,eAAe;;IAEvD,aAAa,UAAS;cAEH,MAAM,IAAI,cAAc;cAgBxB,UAAU,CAAC,OAAO,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;IAO3D,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,aAAa,UAAQ,GAAG,IAAI;CAc9D"}

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

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

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

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

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,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"}
+{"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;AAGhD,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;CAMnD"}

package/dist/components/main.d.ts

@@ -4,6 +4,7 @@ export * from './badge';
 export * from './breadcrumb';
 export * from './button';
 export * from './button-group';
+export * from './checkbox';
 export * from './format';
 export * from './header';
 export * from './headline';
@@ -12,6 +13,7 @@ export * from './link';
 export * from './loading-indicator';
 export * from './logo';
 export * from './navigation-item';
+export * from './option';
 export * from './page';
 export * from './page-layout';
 export * from './rail-navigation';

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,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,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,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,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,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,YAAY,CAAC;AAC3B,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,mBAAmB,CAAC;AAClC,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,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/navigation-item/navigation-item.component.d.ts

@@ -1,4 +1,3 @@
-import { TemplateResult } from 'lit';
 import { BaseButtonComponent } from '../button';
 import { NavigationItemSize } from './navigation-item.models';
 declare global {
@@ -8,8 +7,6 @@ declare global {
 }
 export declare class OdxNavigationItemComponent extends BaseButtonComponent {
     size?: NavigationItemSize | null;
-    collapsed: boolean;
     selected: boolean;
-    protected renderContent(): TemplateResult;
 }
 //# sourceMappingURL=navigation-item.component.d.ts.map

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,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,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,SAAS,UAAS;IAGlB,QAAQ,UAAS;cAEE,aAAa,IAAI,cAAc;CAQnD"}
+{"version":3,"file":"navigation-item.component.d.ts","sourceRoot":"","sources":["../../../src/components/navigation-item/navigation-item.component.ts"],"names":[],"mappings":"AAEA,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;CAClB"}

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

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

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

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

package/dist/components/option/option-control.d.ts

@@ -0,0 +1,15 @@
+import { CanBeDisabled, CustomElement } from '@odx/foundation';
+import { PropertyValueMap } from 'lit';
+declare const OptionControl_base: import('@odx/foundation').Constructor<CanBeDisabled> & typeof CustomElement;
+export declare abstract class OptionControl extends OptionControl_base {
+    #private;
+    selected: boolean;
+    value: string;
+    getTextLabel(): string;
+    constructor();
+    toggle(state?: boolean, emitEvent?: boolean): void;
+    connectedCallback(): void;
+    protected willUpdate(changes: PropertyValueMap<this>): void;
+}
+export {};
+//# sourceMappingURL=option-control.d.ts.map

package/dist/components/option/option-control.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"option-control.d.ts","sourceRoot":"","sources":["../../../src/components/option/option-control.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,aAAa,EAAgD,MAAM,iBAAiB,CAAC;AAC7G,OAAO,EAAE,KAAK,gBAAgB,EAAY,MAAM,KAAK,CAAC;;AAGtD,8BAAsB,aAAc,SAAQ,kBAA4B;;IAEtE,QAAQ,UAAS;IAGjB,KAAK,SAAM;IAEX,YAAY,IAAI,MAAM;;IAatB,MAAM,CAAC,KAAK,CAAC,EAAE,OAAO,EAAE,SAAS,UAAQ,GAAG,IAAI;IASvC,iBAAiB,IAAI,IAAI;cAKf,UAAU,CAAC,OAAO,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAAG,IAAI;CAkBrE"}

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

@@ -0,0 +1,12 @@
+import { TemplateResult } from 'lit';
+import { OptionControl } from './option-control';
+declare global {
+    interface HTMLElementTagNameMap {
+        'odx-option': OdxOptionComponent;
+    }
+}
+export declare class OdxOptionComponent extends OptionControl {
+    type?: 'checkbox' | null;
+    protected render(): TemplateResult;
+}
+//# sourceMappingURL=option.component.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"option.component.d.ts","sourceRoot":"","sources":["../../../src/components/option/option.component.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAGhD,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAGjD,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;CAQ5C"}

package/dist/components/rail-navigation/rail-navigation.component.d.ts

@@ -1,12 +1,24 @@
-import { CustomElement } from '@odx/foundation';
+import { CustomElement, IsTranslatable } from '@odx/foundation';
 import { TemplateResult } from 'lit';
+import { OdxNavigationItemComponent } from '../navigation-item';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-rail-navigation': OdxRailNavigationComponent;
     }
 }
-export declare class OdxRailNavigationComponent extends CustomElement {
+declare const OdxRailNavigationComponent_base: import('@odx/foundation').Constructor<IsTranslatable> & typeof CustomElement;
+export declare class OdxRailNavigationComponent extends OdxRailNavigationComponent_base {
+    #private;
+    protected navigationItems: OdxNavigationItemComponent[];
     collapsed: boolean;
     protected render(): TemplateResult;
+    getItems(): OdxNavigationItemComponent[];
+    _getTranslations(): {
+        en: {
+            controlLabelExpanded: string;
+            controlLabelCollapsed: string;
+        };
+    };
 }
+export {};
 //# sourceMappingURL=rail-navigation.component.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"rail-navigation.component.d.ts","sourceRoot":"","sources":["../../../src/components/rail-navigation/rail-navigation.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAiB,MAAM,iBAAiB,CAAC;AAC/D,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAIhD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,0BAA0B,CAAC;KACnD;CACF;AAED,qBACa,0BAA2B,SAAQ,aAAa;IAE3D,SAAS,UAAS;cAEC,MAAM,IAAI,cAAc;CAQ5C"}
+{"version":3,"file":"rail-navigation.component.d.ts","sourceRoot":"","sources":["../../../src/components/rail-navigation/rail-navigation.component.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,cAAc,EAAiB,MAAM,iBAAiB,CAAC;AAC/E,OAAO,EAAE,KAAK,cAAc,EAAQ,MAAM,KAAK,CAAC;AAEhD,OAAO,EAAsB,0BAA0B,EAAE,MAAM,oBAAoB,CAAC;AAGpF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,qBAAqB,EAAE,0BAA0B,CAAC;KACnD;CACF;;AAED,qBACa,0BAA2B,SAAQ,+BAA6B;;IAE3E,SAAS,CAAC,eAAe,EAAG,0BAA0B,EAAE,CAAC;IAGzD,SAAS,UAAS;cAEC,MAAM,IAAI,cAAc;IAY3C,QAAQ,IAAI,0BAA0B,EAAE;IAI/B,gBAAgB;;;;;;CAoB1B"}