@odx/foundation 1.0.0-alpha.3 → 1.0.0-alpha.30

package/dist/components/dropdown/dropdown.component.js

@@ -1,121 +0,0 @@
-import { CanBeDisabled, CustomElement, getUniqueId, SharedResizeObserver, toggleAttribute, customElement } from '@odx/foundation';
-import { PopoverHost } from '@odx/foundation/cdk';
-import { html } from 'lit';
-import { query, property } from 'lit/decorators.js';
-import styles from './dropdown.component.css.js';
-import { DropdownPlacement } from './dropdown.models.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 __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _OdxDropdownComponent_instances, observeReferenceElement_fn, unobserveReferenceElement_fn, updateAriaAttributes_fn, _handleMouseEvent, _handleKeyboardEvent;
-let OdxDropdownComponent = class extends PopoverHost(CanBeDisabled(CustomElement)) {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _OdxDropdownComponent_instances);
-    this.matchReferenceWidth = false;
-    this.placement = DropdownPlacement.BOTTOM;
-    __privateAdd(this, _handleMouseEvent, (event) => {
-      this.togglePopover();
-    });
-    __privateAdd(this, _handleKeyboardEvent, (event) => {
-      if (event.key !== "Enter") return;
-      this.togglePopover();
-    });
-  }
-  connectedCallback() {
-    super.connectedCallback?.();
-    this.id ||= getUniqueId("odx-dropdown");
-  }
-  mountPopover(referenceElement) {
-    super.mountPopover(referenceElement);
-    if (this.disabled || !referenceElement) return;
-    __privateMethod(this, _OdxDropdownComponent_instances, updateAriaAttributes_fn).call(this, referenceElement, this.id);
-    referenceElement.addEventListener("click", __privateGet(this, _handleMouseEvent));
-    referenceElement.addEventListener("keydown", __privateGet(this, _handleKeyboardEvent));
-    if (this.matchReferenceWidth) {
-      __privateMethod(this, _OdxDropdownComponent_instances, observeReferenceElement_fn).call(this);
-    }
-  }
-  unmountPopover(referenceElement) {
-    super.unmountPopover(referenceElement);
-    __privateMethod(this, _OdxDropdownComponent_instances, updateAriaAttributes_fn).call(this, referenceElement, null);
-    referenceElement.removeEventListener("click", __privateGet(this, _handleMouseEvent));
-    referenceElement.removeEventListener("keydown", __privateGet(this, _handleKeyboardEvent));
-    __privateMethod(this, _OdxDropdownComponent_instances, unobserveReferenceElement_fn).call(this);
-  }
-  render() {
-    return html`
-      <odx-popover>
-        <slot></slot>
-      </odx-popover>
-    `;
-  }
-  willUpdate(changes) {
-    super.willUpdate?.(changes);
-    if (changes.has("id")) {
-      __privateMethod(this, _OdxDropdownComponent_instances, updateAriaAttributes_fn).call(this, this.referenceElement, this.id);
-    }
-    if (changes.has("disabled")) {
-      if (this.disabled) {
-        this.referenceElement && this.unmountPopover(this.referenceElement);
-      } else {
-        this.mountPopover(this.referenceElement);
-      }
-    }
-    if (changes.has("matchReferenceWidth")) {
-      if (this.matchReferenceWidth) {
-        __privateMethod(this, _OdxDropdownComponent_instances, observeReferenceElement_fn).call(this);
-      } else {
-        __privateMethod(this, _OdxDropdownComponent_instances, unobserveReferenceElement_fn).call(this);
-      }
-    }
-  }
-};
-_OdxDropdownComponent_instances = new WeakSet();
-observeReferenceElement_fn = function() {
-  if (!this.referenceElement) return;
-  SharedResizeObserver.observe(this.referenceElement, () => {
-    const referenceWidth = this.referenceElement?.offsetWidth ?? null;
-    if (referenceWidth !== null) {
-      this.popoverElement.style.setProperty("--_reference-inline-size", `${referenceWidth}px`);
-    }
-  });
-};
-unobserveReferenceElement_fn = function() {
-  if (!this.referenceElement) return;
-  SharedResizeObserver.unobserve(this.referenceElement);
-};
-updateAriaAttributes_fn = function(referenceElement, id) {
-  toggleAttribute(referenceElement, "aria-describedby", id);
-};
-_handleMouseEvent = new WeakMap();
-_handleKeyboardEvent = new WeakMap();
-__decorateClass([
-  query("odx-popover", true)
-], OdxDropdownComponent.prototype, "popoverElement", 2);
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], OdxDropdownComponent.prototype, "matchReferenceWidth", 2);
-__decorateClass([
-  property({ type: String, reflect: true })
-], OdxDropdownComponent.prototype, "placement", 2);
-OdxDropdownComponent = __decorateClass([
-  customElement("odx-dropdown", [styles])
-], OdxDropdownComponent);
-
-export { OdxDropdownComponent };

package/dist/components/dropdown/dropdown.models.js

@@ -1,8 +0,0 @@
-import { PopoverPlacement } from '@odx/foundation/cdk';
-
-const DropdownPlacement = {
-  TOP: PopoverPlacement.TOP,
-  BOTTOM: PopoverPlacement.BOTTOM
-};
-
-export { DropdownPlacement };

package/dist/components/format/format-bytes.component.js

@@ -1,46 +0,0 @@
-import { customElement } from '@odx/foundation';
-import { clamp } from 'es-toolkit';
-import { property } from 'lit/decorators.js';
-import { FormatComponent } from './format.component.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 OdxFormatBytesComponent = class extends FormatComponent {
-  constructor() {
-    super(...arguments);
-    this.unit = "byte";
-  }
-  transform(value) {
-    const units = OdxFormatBytesComponent.UNIT_PREFIXES[this.unit];
-    const index = clamp(Math.floor(Math.log10(value) / 3), 0, units.length - 1);
-    const transformedValue = value / 1e3 ** index;
-    return this.formatNumber(transformedValue, {
-      maximumFractionDigits: 2,
-      style: "unit",
-      unit: units[index]
-    });
-  }
-};
-OdxFormatBytesComponent.UNIT_PREFIXES = {
-  bit: ["bit", "kilobit", "megabit", "gigabit", "terabit"],
-  byte: ["byte", "kilobyte", "megabyte", "gigabyte", "terabyte", "petabyte"]
-};
-__decorateClass([
-  property({ type: Number })
-], OdxFormatBytesComponent.prototype, "value", 2);
-__decorateClass([
-  property()
-], OdxFormatBytesComponent.prototype, "unit", 2);
-OdxFormatBytesComponent = __decorateClass([
-  customElement("odx-format-bytes")
-], OdxFormatBytesComponent);
-
-export { OdxFormatBytesComponent };

package/dist/components/format/format-date.component.js

@@ -1,36 +0,0 @@
-import { parseDate, customElement } from '@odx/foundation';
-import { property } from 'lit/decorators.js';
-import { FormatComponent } from './format.component.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 OdxFormatDateComponent = class extends FormatComponent {
-  get valueAsDate() {
-    if (this.value === null || this.value === void 0) {
-      return null;
-    }
-    return parseDate(this.value);
-  }
-  transform(value) {
-    return this.formatDate(value, { dateStyle: this.dateStyle });
-  }
-};
-__decorateClass([
-  property()
-], OdxFormatDateComponent.prototype, "value", 2);
-__decorateClass([
-  property()
-], OdxFormatDateComponent.prototype, "dateStyle", 2);
-OdxFormatDateComponent = __decorateClass([
-  customElement("odx-format-date")
-], OdxFormatDateComponent);
-
-export { OdxFormatDateComponent };

package/dist/components/format/format-number.component.js

@@ -1,59 +0,0 @@
-import { customElement } from '@odx/foundation';
-import { property } from 'lit/decorators.js';
-import { FormatComponent } from './format.component.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 OdxFormatNumberComponent = class extends FormatComponent {
-  transform(value) {
-    return this.formatNumber(value, {
-      currency: this.currency,
-      currencyDisplay: this.currencyDisplay,
-      minimumFractionDigits: this.minimumFractionDigits,
-      maximumFractionDigits: this.maximumFractionDigits,
-      minimumIntegerDigits: this.minimumIntegerDigits,
-      unit: this.unit,
-      style: this.type
-    });
-  }
-};
-__decorateClass([
-  property({ type: Number })
-], OdxFormatNumberComponent.prototype, "value", 2);
-__decorateClass([
-  property()
-], OdxFormatNumberComponent.prototype, "currency", 2);
-__decorateClass([
-  property()
-], OdxFormatNumberComponent.prototype, "currencyDisplay", 2);
-__decorateClass([
-  property({ type: Number })
-], OdxFormatNumberComponent.prototype, "minimumFractionDigits", 2);
-__decorateClass([
-  property({ type: Number })
-], OdxFormatNumberComponent.prototype, "maximumFractionDigits", 2);
-__decorateClass([
-  property({ type: Number })
-], OdxFormatNumberComponent.prototype, "minimumIntegerDigits", 2);
-__decorateClass([
-  property()
-], OdxFormatNumberComponent.prototype, "type", 2);
-__decorateClass([
-  property()
-], OdxFormatNumberComponent.prototype, "unit", 2);
-__decorateClass([
-  property()
-], OdxFormatNumberComponent.prototype, "unitDisplay", 2);
-OdxFormatNumberComponent = __decorateClass([
-  customElement("odx-format-number")
-], OdxFormatNumberComponent);
-
-export { OdxFormatNumberComponent };

package/dist/components/format/format.component.js

@@ -1,33 +0,0 @@
-import { IsLocalized, CustomElement } from '@odx/foundation';
-import { css, html, nothing } from 'lit';
-import { property } from 'lit/decorators.js';
-
-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;
-};
-class FormatComponent extends IsLocalized(CustomElement) {
-  static {
-    this.styles = [css`:host { display: inline; }`];
-  }
-  render() {
-    if (this.value !== null && this.value !== void 0) {
-      try {
-        return html`${this.transform(this.value) || this.fallbackValue}`;
-      } catch (error) {
-        console.warn(error);
-      }
-    }
-    return html`${this.fallbackValue ?? nothing}`;
-  }
-}
-__decorateClass([
-  property()
-], FormatComponent.prototype, "fallbackValue");
-
-export { FormatComponent };

package/dist/components/format/relative-time.component.js

@@ -1,80 +0,0 @@
-import { parseDate, optionalAttr, customElement } from '@odx/foundation';
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { FormatComponent } from './format.component.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"), 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 __privateSet = (obj, member, value, setter) => (__accessCheck(obj, member, "write to private field"), member.set(obj, value), value);
-var __privateMethod = (obj, member, method) => (__accessCheck(obj, member, "access private method"), method);
-var _syncInterval, _OdxRelativeTimeComponent_instances, setupSyncInterval_fn;
-let OdxRelativeTimeComponent = class extends FormatComponent {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _OdxRelativeTimeComponent_instances);
-    __privateAdd(this, _syncInterval);
-    this.value = Date.now();
-    this.syncInterval = null;
-  }
-  get valueAsDate() {
-    if (this.value === null || this.value === void 0) {
-      return null;
-    }
-    return parseDate(this.value);
-  }
-  disconnectedCallback() {
-    super.disconnectedCallback();
-    clearInterval(__privateGet(this, _syncInterval));
-  }
-  willUpdate(props) {
-    super.willUpdate?.(props);
-    if (props.has("syncInterval")) {
-      __privateMethod(this, _OdxRelativeTimeComponent_instances, setupSyncInterval_fn).call(this);
-    }
-  }
-  transform(value) {
-    const relativeTime = this.formatRelativeTime(value, { style: this.format, numeric: this.numeric, minUnit: this.minUnit });
-    return html`<time datetime=${optionalAttr(this.valueAsDate?.toISOString())}>${relativeTime}</time>`;
-  }
-};
-_syncInterval = new WeakMap();
-_OdxRelativeTimeComponent_instances = new WeakSet();
-setupSyncInterval_fn = function() {
-  clearInterval(__privateGet(this, _syncInterval));
-  if (typeof this.syncInterval !== "number") return;
-  __privateSet(this, _syncInterval, window.setInterval(() => this.requestUpdate(), Math.max(this.syncInterval, 1e3)));
-};
-__decorateClass([
-  property()
-], OdxRelativeTimeComponent.prototype, "value", 2);
-__decorateClass([
-  property()
-], OdxRelativeTimeComponent.prototype, "format", 2);
-__decorateClass([
-  property()
-], OdxRelativeTimeComponent.prototype, "minUnit", 2);
-__decorateClass([
-  property()
-], OdxRelativeTimeComponent.prototype, "numeric", 2);
-__decorateClass([
-  property({ type: Number })
-], OdxRelativeTimeComponent.prototype, "syncInterval", 2);
-OdxRelativeTimeComponent = __decorateClass([
-  customElement("odx-relative-time")
-], OdxRelativeTimeComponent);
-
-export { OdxRelativeTimeComponent };

package/dist/components/header/header-actions.component.css.js

@@ -1,3 +0,0 @@
-const styles = ":host{display:flex;block-size:100%;gap:var(--odx-size-75)}::slotted(odx-separator){--block-space: var(--odx-size-50);--inline-space: 0}";
-
-export { styles as default };

package/dist/components/header/header-actions.component.js

@@ -1,22 +0,0 @@
-import { CustomElement, customElement } from '@odx/foundation';
-import styles from './header-actions.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 OdxHeaderActionsComponent = class extends CustomElement {
-  connectedCallback() {
-    super.connectedCallback?.();
-    this.slot = "actions";
-  }
-};
-OdxHeaderActionsComponent = __decorateClass([
-  customElement("odx-header-actions", [styles])
-], OdxHeaderActionsComponent);
-
-export { OdxHeaderActionsComponent };

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

@@ -1,3 +0,0 @@
-const styles = ":host{display:flex;block-size:var(--odx-size-300);background-color:var(--odx-color-foreground-light);column-gap:var(--odx-size-150);padding-inline:var(--odx-size-150);place-items:center;box-shadow:0 0 0 100vmax var(--odx-color-foreground-light);clip-path:inset(0 -100vmax)}odx-logo{flex:0 0 auto}::slotted(odx-title){width:max-content}::slotted(odx-main-menu-button){margin-inline-end:calc(-1 * var(--odx-size-75))}::slotted(odx-header-actions){margin-inline-start:auto}@media screen and (max-width: 600px){odx-logo{display:none}}";
-
-export { styles as default };

package/dist/components/header/header.component.js

@@ -1,58 +0,0 @@
-import { CustomElement, customElement } from '@odx/foundation';
-import { html } from 'lit';
-import { queryAssignedElements } from 'lit/decorators.js';
-import styles from './header.component.css.js';
-import { TitleSize } from '../title/title.models.js';
-import { OdxTitleComponent } from '../title/title.component.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 _handleSlotChange;
-let OdxHeaderComponent = class extends CustomElement {
-  constructor() {
-    super(...arguments);
-    __privateAdd(this, _handleSlotChange, () => {
-      const [titleElement] = this.titleElements;
-      if (!titleElement) return;
-      titleElement.ariaLevel = "1";
-      titleElement.role = "heading";
-      titleElement.size = TitleSize.XS;
-      titleElement.setAttribute("odxPreventTextOverflow", "true");
-    });
-  }
-  connectedCallback() {
-    super.connectedCallback?.();
-    this.role = "banner";
-  }
-  render() {
-    return html`
-      <slot name="prefix"></slot>
-      <odx-logo size="sm"></odx-logo>
-      <slot @slotchange=${__privateGet(this, _handleSlotChange)}></slot>
-      <slot name="actions"></slot>
-    `;
-  }
-};
-_handleSlotChange = new WeakMap();
-__decorateClass([
-  queryAssignedElements({ selector: OdxTitleComponent.selector, flatten: true })
-], OdxHeaderComponent.prototype, "titleElements", 2);
-OdxHeaderComponent = __decorateClass([
-  customElement("odx-header", [styles])
-], OdxHeaderComponent);
-
-export { OdxHeaderComponent };

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

@@ -1,3 +0,0 @@
-const styles = ":host{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)}:host([size=\"sm\"]){--_font-size: var(--odx-breakpoint-font-size-display-sm);--_line-height: var(--odx-breakpoint-line-height-display-sm)}:host,:host([size=\"md\"]){--_font-size: var(--odx-breakpoint-font-size-display-md);--_line-height: var(--odx-breakpoint-line-height-display-md)}:host([size=\"lg\"]){--_font-size: var(--odx-breakpoint-font-size-display-lg);--_line-height: var(--odx-breakpoint-line-height-display-lg)}:host([size=\"xl\"]){--_font-size: var(--odx-breakpoint-font-size-display-xl);--_line-height: var(--odx-breakpoint-line-height-display-xl)}";
-
-export { styles as default };

package/dist/components/headline/headline.component.js

@@ -1,31 +0,0 @@
-import { CustomElement, requestUpdateOnAriaChange, customElement } from '@odx/foundation';
-import { property } from 'lit/decorators.js';
-import styles from './headline.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 OdxHeadlineComponent = class extends CustomElement {
-  willUpdate(props) {
-    super.willUpdate(props);
-    if (props.has("ariaLevel")) {
-      this.role = this.ariaLevel !== null ? "heading" : null;
-    }
-  }
-};
-__decorateClass([
-  property({ reflect: true })
-], OdxHeadlineComponent.prototype, "size", 2);
-OdxHeadlineComponent = __decorateClass([
-  requestUpdateOnAriaChange(["ariaLevel"]),
-  customElement("odx-headline", [styles])
-], OdxHeadlineComponent);
-
-export { OdxHeadlineComponent };

package/dist/components/headline/headline.models.js

@@ -1,8 +0,0 @@
-const HeadlineSize = {
-  SM: "sm",
-  MD: "md",
-  LG: "lg",
-  XL: "xl"
-};
-
-export { HeadlineSize };

package/dist/components/icon-button/icon-button.component.js

@@ -1,35 +0,0 @@
-import { optionalAttr, customElement } from '@odx/foundation';
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import { when } from 'lit/directives/when.js';
-import { OdxButtonComponent } from '../button/button.component.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 OdxIconButtonComponent = class extends OdxButtonComponent {
-  renderContent() {
-    return html`
-      <odx-icon name=${optionalAttr(this.icon)}></odx-icon>
-      ${when(this.loading, () => html`<odx-loading-spinner class="spinner"></odx-loading-spinner>`)}
-      <odx-visually-hidden>
-        <slot></slot>
-      </odx-visually-hidden>
-    `;
-  }
-};
-__decorateClass([
-  property()
-], OdxIconButtonComponent.prototype, "icon", 2);
-OdxIconButtonComponent = __decorateClass([
-  customElement("odx-icon-button")
-], OdxIconButtonComponent);
-
-export { OdxIconButtonComponent };

package/dist/components/inline-message/inline-message.component.css.js

@@ -1,3 +0,0 @@
-const styles = ":host{--_color-background: var(--odx-color-background-main);--_color-foreground: var(--odx-color-foreground);--_color-stroke: var(--odx-color-separator);display:block;padding:var(--odx-size-75);background-color:var(--_color-background);color:var(--_color-foreground);border:var(--odx-border-width-thin) solid var(--_color-stroke);transition:var(--odx-transition-reduced);transition-property:background-color,color,border-color}:host([variant=\"info\"]){--_color-background: var(--odx-palette-blue-10);--_color-stroke: var(--odx-palette-blue-30)}:host([variant=\"danger\"]){--_color-background: var(--odx-palette-red-10);--_color-foreground: var(--odx-palette-red-100);--_color-stroke: var(--odx-palette-red-30)}:host([variant=\"warning\"]){--_color-background: var(--odx-palette-yellow-00);--_color-stroke: var(--odx-palette-yellow-60)}:host([variant=\"success\"]){--_color-background: var(--odx-palette-green-00);--_color-stroke: var(--odx-palette-green-60)}:host(:not([emphasized])){--_color-stroke: var(--odx-palette-transparent)}";
-
-export { styles as default };

package/dist/components/inline-message/inline-message.component.js

@@ -1,39 +0,0 @@
-import { CustomElement, customElement } from '@odx/foundation';
-import { html } from 'lit';
-import { property } from 'lit/decorators.js';
-import styles from './inline-message.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 OdxInlineMessageComponent = class extends CustomElement {
-  constructor() {
-    super(...arguments);
-    this.emphasized = false;
-  }
-  render() {
-    return html`
-      <odx-text size="sm">
-        <slot></slot>
-      </odx-text>
-    `;
-  }
-};
-__decorateClass([
-  property({ type: Boolean, reflect: true })
-], OdxInlineMessageComponent.prototype, "emphasized", 2);
-__decorateClass([
-  property({ reflect: true })
-], OdxInlineMessageComponent.prototype, "variant", 2);
-OdxInlineMessageComponent = __decorateClass([
-  customElement("odx-inline-message", [styles])
-], OdxInlineMessageComponent);
-
-export { OdxInlineMessageComponent };

package/dist/components/inline-message/inline-message.models.js

@@ -1,9 +0,0 @@
-const InlineMessageVariant = {
-  NEUTRAL: "neutral",
-  INFO: "info",
-  DANGER: "danger",
-  WARNING: "warning",
-  SUCCESS: "success"
-};
-
-export { InlineMessageVariant };

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

@@ -1,3 +0,0 @@
-const styles = ":host{--_color-stroke: var(--odx-color-input-control-stroke);--_color-background: var(--odx-color-input-control-fill);--_block-size: var(--odx-size-225);display:block}.base{display:flex;place-items:center;background-color:var(--_color-background);border:var(--odx-border-width-thin) solid var(--_color-stroke);block-size:var(--_block-size);border-radius:var(--odx-border-radius-controls);font-size:var(--odx-font-size-text-md);transition:var(--odx-transition-reduced);transition-property:background-color,border-color;padding-inline:var(--odx-size-50);gap:var(--odx-size-50);&:has(:focus-visible){--_color-stroke: var(--odx-color-input-control-stroke-pressed)}&:has(.input:hover){--_color-background: var(--odx-color-input-control-fill-hover);--_color-stroke: var(--odx-color-input-control-stroke-hover)}}.input{background-color:var(--odx-color-transparent);outline:none;border:none;flex:1 1 auto;block-size:100%;padding:0;color:inherit;font-weight:var(--odx-typography-font-weight-medium);&::placeholder{color:var(--odx-color-foreground-muted);font-weight:var(--odx-typography-font-weight-normal)}}::slotted(odx-icon[slot]){--size: var(--odx-typography-font-size-5)}";
-
-export { styles as default };