@odx/foundation 1.0.0-beta.113 → 1.0.0-beta.116

package/dist/lib/main.d.ts

@@ -15,6 +15,7 @@ export * from './mixins/can-be-disabled.js';
 export * from './mixins/can-be-expanded.js';
 export * from './mixins/is-draggable.js';
 export * from './models/drag-event.js';
+export * from './models/layout.js';
 export * from './models/placement.js';
 export * from './models/shape.js';
 export * from './models/size.js';
@@ -25,3 +26,8 @@ export * from './utils/get-unique-id.js';
 export * from './utils/lit.js';
 export * from './utils/shared-resize-observer.js';
 export * from './utils/types.js';
+declare global {
+    interface HTMLElement {
+        'odx-gap': 'xs' | 'sm' | 'md' | 'lg' | 'xl' | 'xxl';
+    }
+}

package/dist/lib/models/layout.d.ts

@@ -0,0 +1,26 @@
+import { ValuesOf } from '../utils/types.js';
+export type Align = ValuesOf<typeof Align>;
+export declare const Align: {
+    readonly BASELINE: "baseline";
+    readonly START: "start";
+    readonly CENTER: "center";
+    readonly END: "end";
+};
+export type Gap = ValuesOf<typeof Gap>;
+export declare const Gap: {
+    readonly XS: "xs";
+    readonly SM: "sm";
+    readonly MD: "md";
+    readonly LG: "lg";
+    readonly XL: "xl";
+    readonly NONE: "none";
+};
+export type Justify = ValuesOf<typeof Justify>;
+export declare const Justify: {
+    readonly START: "start";
+    readonly END: "end";
+    readonly CENTER: "center";
+    readonly SPACE_BETWEEN: "space-between";
+    readonly SPACE_AROUND: "space-around";
+    readonly SPACE_EVENLY: "space-evenly";
+};

package/dist/lib/models/variant.d.ts

@@ -9,3 +9,10 @@ export declare const Variant: {
     readonly DANGER: "danger";
     readonly GHOST: "ghost";
 };
+export type ProgressVariant = ValuesOf<typeof ProgressVariant>;
+export declare const ProgressVariant: {
+    readonly CONFIRM: "confirm";
+    readonly NEUTRAL: "neutral";
+    readonly SUCCESS: "success";
+    readonly DANGER: "danger";
+};

package/dist/main.js

@@ -1,7 +1,7 @@
 import { _ as __decorateClass } from './_virtual_class-decorator-runtime.js';
 import { unsafeCSS, LitElement, html, isServer, nothing } from 'lit';
 import { property, queryAssignedElements, query } from 'lit/decorators.js';
-import { r as round, u as uniqBy, R as RovingTabindexController, m as minBy, c as computePosition, o as offset, s as shift, f as flip, a as size, b as arrow, h as hide, t as throttle } from './vendor.js';
+import { r as round, u as uniqBy, R as RovingTabindexController, m as minBy, p as pick, c as computePosition, o as offset, s as shift, f as flip, a as size, b as arrow, h as hide, t as throttle } from './vendor.js';
 
 function parseDate(value) {
   const date = new Date(value);
@@ -76,7 +76,7 @@ function getKeyInfo(event) {
   };
 }
 
-const customElementStyles = "@layer reset,base,variant,state;@layer reset{:is(*){box-sizing:border-box;scrollbar-width:thin}:not(:defined){display:none}:before,:after{box-sizing:border-box}[popover]{outline:none;border:none}img,picture,video,canvas,svg{display:block;margin:0;max-width:100%}input,button,textarea,select{margin:0;font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;margin:0}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}}@layer base{odx-icon{transition:var(--odx-transition-default);transition-property:transform}[odxPreventTextOverflow]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}odx-list-item:has(:is([odx-button],odx-list-item::part(control)):not([disabled]):active){--_color-background-pressed: var(--_color-background-hover)}[odx-button]:has(odx-icon:only-child),[odx-button]:has(odx-avatar:only-child){--_min-inline-size: 0}odx-accordion[indicator-position=start]{odx-accordion-item::part(indicator){--rotate: -90deg;order:-1}odx-accordion-item[expanded]::part(indicator){--rotate: 0}}odx-input{&:has([odx-button][slot=prefix]){padding-inline-start:var(--odx-spacing-12);[odx-button][slot=prefix]:last-of-type{margin-inline-end:calc(var(--odx-spacing-37) * -1)}}&:has([odx-button][slot=suffix]){padding-inline-end:var(--odx-spacing-12);[odx-button][slot=suffix]:first-of-type{margin-inline-start:calc(var(--odx-spacing-37) * -1)}}}}@layer reset{:host{outline:none;border:none;border-color:transparent}}";
+const customElementStyles = "@layer reset,base,variant,state;@layer reset{:is(*){box-sizing:border-box;scrollbar-width:thin}:not(:defined){display:none}:before,:after{box-sizing:border-box}[popover]{outline:none;border:none}img,picture,video,canvas,svg{display:block;margin:0;max-width:100%}input,button,textarea,select{margin:0;font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;margin:0}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}}@layer base{odx-icon{transition:var(--odx-transition-default);transition-property:transform}[odxPreventTextOverflow]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}odx-list-item:has(:is([odx-button],odx-list-item::part(control)):not([disabled]):active){--_color-background-pressed: var(--_color-background-hover)}[odx-button]:has(odx-icon:only-child),[odx-button]:has(odx-avatar:only-child){--_min-inline-size: 0}odx-accordion[indicator-position=start]{odx-accordion-item::part(indicator){--rotate: -90deg;order:-1}odx-accordion-item[expanded]::part(indicator){--rotate: 0}}odx-input{&:has([odx-button][slot=prefix]){padding-inline-start:var(--odx-spacing-12);[odx-button][slot=prefix]:last-of-type{margin-inline-end:calc(var(--odx-spacing-37) * -1)}}&:has([odx-button][slot=suffix]){padding-inline-end:var(--odx-spacing-12);[odx-button][slot=suffix]:first-of-type{margin-inline-start:calc(var(--odx-spacing-37) * -1)}}}}@layer base{.odx-visually-hidden:not(:focus-within),.odx-visually-hidden-force{position:absolute!important;border:none!important;padding:0!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important}}@layer base{.odx-cluster,.odx-stack{display:flex;flex-direction:column;gap:var(--odx-spacing-75);align-items:stretch;justify-content:flex-start;max-inline-size:100%;text-align:inherit}.odx-cluster{flex-flow:row wrap}.odx-align-baseline,.odx-align-start{align-items:flex-start}.odx-align-center{align-items:center}.odx-align-end{align-items:end}.odx-justify-start{justify-content:flex-start}.odx-justify-end{justify-content:flex-end}.odx-justify-center{justify-content:center}.odx-justify-space-between{justify-content:space-between}.odx-justify-space-around{justify-content:space-around}.odx-justify-space-evenly{justify-content:space-evenly}.odx-gap-none{gap:0}.odx-gap-xs{gap:var(--odx-spacing-25)}.odx-gap-sm{gap:var(--odx-spacing-50)}.odx-gap-md{gap:var(--odx-spacing-75)}.odx-gap-lg{gap:var(--odx-spacing-150)}.odx-gap-xl{gap:var(--odx-size-225)}.odx-nowrap{flex-wrap:nowrap}}@layer reset{:host{outline:none;border:none;border-color:transparent}}";
 
 function customElement(tagName, ...styles) {
   return (target) => {
@@ -1100,6 +1100,34 @@ const IsDraggable = (superClass) => {
   return IsDraggableElement;
 };
 
+const Size = {
+  XS: "xs",
+  SM: "sm",
+  MD: "md",
+  LG: "lg",
+  XL: "xl",
+  XXL: "xxl"
+};
+
+const Align = {
+  BASELINE: "baseline",
+  START: "start",
+  CENTER: "center",
+  END: "end"
+};
+const Gap = {
+  NONE: "none",
+  ...pick(Size, ["XS", "SM", "MD", "LG", "XL"])
+};
+const Justify = {
+  START: "start",
+  END: "end",
+  CENTER: "center",
+  SPACE_BETWEEN: "space-between",
+  SPACE_AROUND: "space-around",
+  SPACE_EVENLY: "space-evenly"
+};
+
 const Placement = {
   TOP: "top",
   TOP_START: "top-start",
@@ -1120,15 +1148,6 @@ const Shape = {
   RECTANGLE: "rectangle"
 };
 
-const Size = {
-  XS: "xs",
-  SM: "sm",
-  MD: "md",
-  LG: "lg",
-  XL: "xl",
-  XXL: "xxl"
-};
-
 const Variant = {
   NEUTRAL: "neutral",
   PRIMARY: "primary",
@@ -1138,6 +1157,10 @@ const Variant = {
   DANGER: "danger",
   GHOST: "ghost"
 };
+const ProgressVariant = {
+  ...pick(Variant, ["NEUTRAL", "DANGER", "SUCCESS"]),
+  CONFIRM: "confirm"
+};
 
 function PopoverPlacementOptions(options) {
   return {
@@ -1150,6 +1173,7 @@ function PopoverPlacementOptions(options) {
   };
 }
 async function computePopoverPlacement(referenceElement, floatingElement, options) {
+  if ("isConnected" in referenceElement && !referenceElement.isConnected) return;
   const { arrowElement, placement, offset: offset$1, matchReferenceWidth, enableFallback, fallbackAxisSideDirection, minHeight } = options;
   const arrowSize = arrowElement?.offsetWidth ?? 0;
   const arrowMiddleware = arrowElement ? arrow({ element: arrowElement, padding: arrowSize * 2 }) : void 0;
@@ -1206,4 +1230,4 @@ class SharedResizeObserverInstance {
 }
 const SharedResizeObserver = new SharedResizeObserverInstance();
 
-export { ActiveDescendantsController, ActiveDescendantsControllerOptions, BadgeAlign, CanBeDisabled, CanBeExpanded, CheckboxFormControl, CheckboxGroupFormControl, CustomElement, DragController, DragControllerOptions, ExpandableItemManager, ExpandableItemManagerOptions, FormControl, IS_DRAG_ACTIVE_ATTRIBUTE, InteractiveElement, InteractiveLink, IsDraggable, ListboxFormControl, NumberFormControl, OptionControl, Placement, PopoverPlacementOptions, RadioGroupFormControl, Shape, SharedResizeObserver, Size, Variant, computePopoverPlacement, customElement, findClosestDocument, forwardEvent, getAssignedElement, getElementFromEvent, getIdFromHref, getKeyInfo, getUniqueId, optionalAttr, optionalSlot, parseDate, toAriaBooleanAttribute, toPx, waitForAnimations };
+export { ActiveDescendantsController, ActiveDescendantsControllerOptions, Align, BadgeAlign, CanBeDisabled, CanBeExpanded, CheckboxFormControl, CheckboxGroupFormControl, CustomElement, DragController, DragControllerOptions, ExpandableItemManager, ExpandableItemManagerOptions, FormControl, Gap, IS_DRAG_ACTIVE_ATTRIBUTE, InteractiveElement, InteractiveLink, IsDraggable, Justify, ListboxFormControl, NumberFormControl, OptionControl, Placement, PopoverPlacementOptions, ProgressVariant, RadioGroupFormControl, Shape, SharedResizeObserver, Size, Variant, computePopoverPlacement, customElement, findClosestDocument, forwardEvent, getAssignedElement, getElementFromEvent, getIdFromHref, getKeyInfo, getUniqueId, optionalAttr, optionalSlot, parseDate, toAriaBooleanAttribute, toPx, waitForAnimations };

package/dist/styles.css

@@ -1 +1 @@
-@layer reset,base,variant,state,theme;@layer reset{:is(*){box-sizing:border-box;scrollbar-width:thin}:not(:defined){display:none}:before,:after{box-sizing:border-box}[popover]{outline:none;border:none}img,picture,video,canvas,svg{display:block;margin:0;max-width:100%}input,button,textarea,select{margin:0;font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;margin:0}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}}@layer base{odx-icon{transition:var(--odx-transition-default);transition-property:transform}[odxPreventTextOverflow]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}odx-list-item:has(:is([odx-button],odx-list-item::part(control)):not([disabled]):active){--_color-background-pressed: var(--_color-background-hover)}[odx-button]:has(odx-icon:only-child),[odx-button]:has(odx-avatar:only-child){--_min-inline-size: 0}odx-accordion[indicator-position=start]{odx-accordion-item::part(indicator){--rotate: -90deg;order:-1}odx-accordion-item[expanded]::part(indicator){--rotate: 0}}odx-input{&:has([odx-button][slot=prefix]){padding-inline-start:var(--odx-spacing-12);[odx-button][slot=prefix]:last-of-type{margin-inline-end:calc(var(--odx-spacing-37) * -1)}}&:has([odx-button][slot=suffix]){padding-inline-end:var(--odx-spacing-12);[odx-button][slot=suffix]:first-of-type{margin-inline-start:calc(var(--odx-spacing-37) * -1)}}}}@layer base{h1,h2,h3,h4,h5,h6{display:block;font-family:var(--odx-typography-font-family-brand);font-weight:var(--odx-typography-font-weight-semibold)}h6{line-height:var(--odx-breakpoint-line-height-heading-6);font-size:var(--odx-breakpoint-font-size-heading-6)}h5{line-height:var(--odx-breakpoint-line-height-heading-5);font-size:var(--odx-breakpoint-font-size-heading-5)}h4{line-height:var(--odx-breakpoint-line-height-heading-4);font-size:var(--odx-breakpoint-font-size-heading-4)}h3{line-height:var(--odx-breakpoint-line-height-heading-3);font-size:var(--odx-breakpoint-font-size-heading-3)}h2{line-height:var(--odx-breakpoint-line-height-heading-2);font-size:var(--odx-breakpoint-font-size-heading-2)}h1{line-height:var(--odx-breakpoint-line-height-heading-1);font-size:var(--odx-breakpoint-font-size-heading-1)}}:root{--odx-color-stroke-control-rest: light-dark(var(--odx-palette-blue-80), var(--odx-palette-blue-00));--odx-color-stroke-control-hover: var(--odx-color-stroke-control-rest);--odx-color-stroke-control-pressed: var(--odx-color-stroke-control-rest);--odx-color-stroke-control-readonly: var(--odx-color-stroke-control-rest);--odx-color-background-control-selected: var(--odx-color-background-primary-rest);--odx-color-background-control-selected-hover: var(--odx-color-background-primary-hover);--odx-color-background-control-selected-pressed: var(--odx-color-background-primary-pressed)}@layer base{:root{--odx-transition-default: all var(--odx-motion-duration-default) var(--odx-motion-easing-default);--odx-transition-slow: all var(--odx-motion-duration-slow) var(--odx-motion-easing-default);--odx-transition-reduced: all var(--odx-motion-duration-fast) var(--odx-motion-easing-reduced);--odx-page-max-inline-size: 1600px;--odx-page-max-inline-size-narrow: 1200px;--odx-page-max-inline-size-wide: 2400px;scrollbar-color:var(--odx-color-background-brand) transparent;color-scheme:light}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--odx-color-background-base);line-height:var(--odx-typography-line-height-base);color:var(--odx-color-foreground-rest);font-family:var(--odx-typography-font-family-base),"Noto Sans",Kanit,sans-serif;font-size:var(--odx-typography-font-size-base)}}
+@layer reset,base,variant,state,theme;@layer reset{:is(*){box-sizing:border-box;scrollbar-width:thin}:not(:defined){display:none}:before,:after{box-sizing:border-box}[popover]{outline:none;border:none}img,picture,video,canvas,svg{display:block;margin:0;max-width:100%}input,button,textarea,select{margin:0;font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word;margin:0}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}}@layer base{h1,h2,h3,h4,h5,h6{display:block;font-family:var(--odx-typography-font-family-brand);font-weight:var(--odx-typography-font-weight-semibold)}h6{line-height:var(--odx-breakpoint-line-height-heading-6);font-size:var(--odx-breakpoint-font-size-heading-6)}h5{line-height:var(--odx-breakpoint-line-height-heading-5);font-size:var(--odx-breakpoint-font-size-heading-5)}h4{line-height:var(--odx-breakpoint-line-height-heading-4);font-size:var(--odx-breakpoint-font-size-heading-4)}h3{line-height:var(--odx-breakpoint-line-height-heading-3);font-size:var(--odx-breakpoint-font-size-heading-3)}h2{line-height:var(--odx-breakpoint-line-height-heading-2);font-size:var(--odx-breakpoint-font-size-heading-2)}h1{line-height:var(--odx-breakpoint-line-height-heading-1);font-size:var(--odx-breakpoint-font-size-heading-1)}}@layer base{.odx-visually-hidden:not(:focus-within),.odx-visually-hidden-force{position:absolute!important;border:none!important;padding:0!important;width:1px!important;height:1px!important;overflow:hidden!important;white-space:nowrap!important;clip:rect(0 0 0 0)!important;clip-path:inset(50%)!important}}@layer base{.odx-cluster,.odx-stack{display:flex;flex-direction:column;gap:var(--odx-spacing-75);align-items:stretch;justify-content:flex-start;max-inline-size:100%;text-align:inherit}.odx-cluster{flex-flow:row wrap}.odx-align-baseline,.odx-align-start{align-items:flex-start}.odx-align-center{align-items:center}.odx-align-end{align-items:end}.odx-justify-start{justify-content:flex-start}.odx-justify-end{justify-content:flex-end}.odx-justify-center{justify-content:center}.odx-justify-space-between{justify-content:space-between}.odx-justify-space-around{justify-content:space-around}.odx-justify-space-evenly{justify-content:space-evenly}.odx-gap-none{gap:0}.odx-gap-xs{gap:var(--odx-spacing-25)}.odx-gap-sm{gap:var(--odx-spacing-50)}.odx-gap-md{gap:var(--odx-spacing-75)}.odx-gap-lg{gap:var(--odx-spacing-150)}.odx-gap-xl{gap:var(--odx-size-225)}.odx-nowrap{flex-wrap:nowrap}}@layer base{odx-icon{transition:var(--odx-transition-default);transition-property:transform}[odxPreventTextOverflow]{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}odx-list-item:has(:is([odx-button],odx-list-item::part(control)):not([disabled]):active){--_color-background-pressed: var(--_color-background-hover)}[odx-button]:has(odx-icon:only-child),[odx-button]:has(odx-avatar:only-child){--_min-inline-size: 0}odx-accordion[indicator-position=start]{odx-accordion-item::part(indicator){--rotate: -90deg;order:-1}odx-accordion-item[expanded]::part(indicator){--rotate: 0}}odx-input{&:has([odx-button][slot=prefix]){padding-inline-start:var(--odx-spacing-12);[odx-button][slot=prefix]:last-of-type{margin-inline-end:calc(var(--odx-spacing-37) * -1)}}&:has([odx-button][slot=suffix]){padding-inline-end:var(--odx-spacing-12);[odx-button][slot=suffix]:first-of-type{margin-inline-start:calc(var(--odx-spacing-37) * -1)}}}}:root{--odx-color-stroke-control-rest: light-dark(var(--odx-palette-blue-80), var(--odx-palette-blue-00));--odx-color-stroke-control-hover: var(--odx-color-stroke-control-rest);--odx-color-stroke-control-pressed: var(--odx-color-stroke-control-rest);--odx-color-stroke-control-readonly: var(--odx-color-stroke-control-rest);--odx-color-background-control-selected: var(--odx-color-background-primary-rest);--odx-color-background-control-selected-hover: var(--odx-color-background-primary-hover);--odx-color-background-control-selected-pressed: var(--odx-color-background-primary-pressed)}@layer base{:root{--odx-transition-default: all var(--odx-motion-duration-default) var(--odx-motion-easing-default);--odx-transition-slow: all var(--odx-motion-duration-slow) var(--odx-motion-easing-default);--odx-transition-reduced: all var(--odx-motion-duration-fast) var(--odx-motion-easing-reduced);--odx-page-max-inline-size: 1600px;--odx-page-max-inline-size-narrow: 1200px;--odx-page-max-inline-size-wide: 2400px;scrollbar-color:var(--odx-color-background-brand) transparent;color-scheme:light}html,body{margin:0;padding:0}html{scroll-behavior:smooth}body{background-color:var(--odx-color-background-base);line-height:var(--odx-typography-line-height-base);color:var(--odx-color-foreground-rest);font-family:var(--odx-typography-font-family-base),"Noto Sans",Kanit,sans-serif;font-size:var(--odx-typography-font-size-base)}}

package/dist/vendor.js

@@ -44,6 +44,54 @@ function o(r,e,t){return typeof r===e?()=>r:typeof r=="function"?r:t}class Focus
 
 class RovingTabindexController extends FocusGroupController{constructor(){super(...arguments);this.managed=true;this.manageIndexesAnimationFrame=0;}set focused(e){e!==this.focused&&(super.focused=e,this.manageTabindexes());}get focused(){return super.focused}clearElementCache(e=0){cancelAnimationFrame(this.manageIndexesAnimationFrame),super.clearElementCache(e),this.managed&&(this.manageIndexesAnimationFrame=requestAnimationFrame(()=>this.manageTabindexes()));}manageTabindexes(){this.focused&&!this.hostDelegatesFocus?this.updateTabindexes(()=>({tabIndex:-1})):this.updateTabindexes(e=>({removeTabIndex:e.contains(this.focusInElement)&&e!==this.focusInElement,tabIndex:e===this.focusInElement?0:-1}));}updateTabindexes(e){this.elements.forEach(a=>{const{tabIndex:n,removeTabIndex:s}=e(a);if(!s){this.focused?a!==this.elements[this.currentIndex]&&(a.tabIndex=n):a.tabIndex=n;return}const t=a;t.requestUpdate&&t.requestUpdate();});}manage(){this.managed=true,this.manageTabindexes(),super.manage();}unmanage(){this.managed=false,this.updateTabindexes(()=>({tabIndex:0})),super.unmanage();}hostUpdated(){super.hostUpdated(),this.host.hasUpdated||this.manageTabindexes();}}
 
+function isPlainObject(value) {
+    if (!value || typeof value !== 'object') {
+        return false;
+    }
+    const proto = Object.getPrototypeOf(value);
+    const hasObjectPrototype = proto === null ||
+        proto === Object.prototype ||
+        Object.getPrototypeOf(proto) === null;
+    if (!hasObjectPrototype) {
+        return false;
+    }
+    return Object.prototype.toString.call(value) === '[object Object]';
+}
+
+function flattenObject(object, { delimiter = '.' } = {}) {
+    return flattenObjectImpl(object, '', delimiter);
+}
+function flattenObjectImpl(object, prefix = '', delimiter = '.') {
+    const result = {};
+    const keys = Object.keys(object);
+    for (let i = 0; i < keys.length; i++) {
+        const key = keys[i];
+        const value = object[key];
+        const prefixedKey = prefix ? `${prefix}${delimiter}${key}` : key;
+        if (isPlainObject(value) && Object.keys(value).length > 0) {
+            Object.assign(result, flattenObjectImpl(value, prefixedKey, delimiter));
+            continue;
+        }
+        if (Array.isArray(value)) {
+            Object.assign(result, flattenObjectImpl(value, prefixedKey, delimiter));
+            continue;
+        }
+        result[prefixedKey] = value;
+    }
+    return result;
+}
+
+function pick(obj, keys) {
+    const result = {};
+    for (let i = 0; i < keys.length; i++) {
+        const key = keys[i];
+        if (Object.hasOwn(obj, key)) {
+            result[key] = obj[key];
+        }
+    }
+    return result;
+}
+
 /**
  * Custom positioning reference element.
  * @see https://floating-ui.com/docs/virtual-elements
@@ -1877,54 +1925,6 @@ function throttle(func, throttleMs, { signal, edges = ['leading', 'trailing'] }
     return throttled;
 }
 
-function isPlainObject(value) {
-    if (!value || typeof value !== 'object') {
-        return false;
-    }
-    const proto = Object.getPrototypeOf(value);
-    const hasObjectPrototype = proto === null ||
-        proto === Object.prototype ||
-        Object.getPrototypeOf(proto) === null;
-    if (!hasObjectPrototype) {
-        return false;
-    }
-    return Object.prototype.toString.call(value) === '[object Object]';
-}
-
-function flattenObject(object, { delimiter = '.' } = {}) {
-    return flattenObjectImpl(object, '', delimiter);
-}
-function flattenObjectImpl(object, prefix = '', delimiter = '.') {
-    const result = {};
-    const keys = Object.keys(object);
-    for (let i = 0; i < keys.length; i++) {
-        const key = keys[i];
-        const value = object[key];
-        const prefixedKey = prefix ? `${prefix}${delimiter}${key}` : key;
-        if (isPlainObject(value) && Object.keys(value).length > 0) {
-            Object.assign(result, flattenObjectImpl(value, prefixedKey, delimiter));
-            continue;
-        }
-        if (Array.isArray(value)) {
-            Object.assign(result, flattenObjectImpl(value, prefixedKey, delimiter));
-            continue;
-        }
-        result[prefixedKey] = value;
-    }
-    return result;
-}
-
-function pick(obj, keys) {
-    const result = {};
-    for (let i = 0; i < keys.length; i++) {
-        const key = keys[i];
-        if (Object.hasOwn(obj, key)) {
-            result[key] = obj[key];
-        }
-    }
-    return result;
-}
-
 /**
  * @license
  * Copyright 2023 Google LLC

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@odx/foundation",
   "description": "A library of Web Component building blocks for ODX",
-  "version": "1.0.0-beta.113",
+  "version": "1.0.0-beta.116",
   "author": "Drägerwerk AG & Co.KGaA",
   "license": "SEE LICENSE IN LICENSE",
   "homepage": "https://odx.draeger.com",
@@ -28,7 +28,7 @@
     "@floating-ui/dom": "1.7.0",
     "@lit-labs/preact-signals": "1.0.3",
     "@lit/context": "1.1.5",
-    "@odx/icons": "4.0.0-rc.32",
+    "@odx/icons": "4.0.0-rc.33",
     "@spectrum-web-components/reactive-controllers": "1.6.0",
     "@wc-toolkit/cem-inheritance": "1.0.4",
     "@wc-toolkit/cem-validator": "1.0.3",

package/dist/components/circular-progress-bar/circular-progress-bar.d.ts

@@ -1,48 +0,0 @@
-import { CustomElement, ValuesOf } from '../../lib/main.js';
-import { PropertyValues, TemplateResult } from 'lit';
-declare global {
-    interface HTMLElementTagNameMap {
-        'odx-circular-progress-bar': OdxCircularProgressBar;
-    }
-}
-export type CircularProgressBarSize = ValuesOf<typeof CircularProgressBarSize>;
-export declare const CircularProgressBarSize: Pick<{
-    readonly XS: "xs";
-    readonly SM: "sm";
-    readonly MD: "md";
-    readonly LG: "lg";
-    readonly XL: "xl";
-    readonly XXL: "xxl";
-}, "SM" | "MD" | "LG">;
-/**
- * A circular progress bar that indicates the progress of a task.
- * @summary Displays the progress of a task in a circular format
- * @csspart inner - The inner SVG element
- * @csspart track - The track circle element
- * @csspart indicator - The indicator circle element
- */
-export declare class OdxCircularProgressBar extends CustomElement {
-    #private;
-    protected readonly viewPortSize = 100;
-    /**
-     * The value of the progress bar. Should be between -1 and 100.
-     * -1 indicates an indeterminate state.
-     */
-    set value(val: number);
-    get value(): number;
-    /**
-     * The stroke width of the progress bar.
-     */
-    stroke: number;
-    /**
-     * Indicates whether the progress bar is in an indeterminate state.
-     */
-    indeterminate: boolean;
-    /**
-     * The size of the progress bar.
-     */
-    size: CircularProgressBarSize;
-    firstUpdated(changes: PropertyValues<this>): void;
-    disconnectedCallback(): void;
-    protected render(): TemplateResult;
-}

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

@@ -1,21 +0,0 @@
-import { CustomElement, ValuesOf } from '../../lib/main.js';
-import { PropertyValues } from 'lit';
-declare global {
-    interface HTMLElementTagNameMap {
-        'odx-headline': OdxHeadline;
-    }
-}
-export type HeadlineSize = ValuesOf<typeof HeadlineSize>;
-export declare const HeadlineSize: Pick<{
-    readonly XS: "xs";
-    readonly SM: "sm";
-    readonly MD: "md";
-    readonly LG: "lg";
-    readonly XL: "xl";
-    readonly XXL: "xxl";
-}, "SM" | "MD" | "LG" | "XL">;
-export declare class OdxHeadline extends CustomElement {
-    size: HeadlineSize;
-    level?: number;
-    protected willUpdate(props: PropertyValues<this>): void;
-}

package/dist/components/stack/stack.d.ts

@@ -1,37 +0,0 @@
-import { CustomElement, ValuesOf } from '../../lib/main.js';
-declare global {
-    interface HTMLElementTagNameMap {
-        'odx-stack': OdxStack;
-    }
-}
-export type StackAlign = ValuesOf<typeof StackAlign>;
-export declare const StackAlign: {
-    readonly START: "start";
-    readonly CENTER: "center";
-    readonly END: "end";
-};
-export type StackGap = ValuesOf<typeof StackGap>;
-export declare const StackGap: {
-    readonly XS: "xs";
-    readonly SM: "sm";
-    readonly MD: "md";
-    readonly LG: "lg";
-    readonly XL: "xl";
-    readonly NONE: "none";
-};
-export type StackJustify = ValuesOf<typeof StackJustify>;
-export declare const StackJustify: {
-    readonly START: "start";
-    readonly END: "end";
-    readonly CENTER: "center";
-    readonly SPACE_BETWEEN: "space-between";
-    readonly SPACE_AROUND: "space-around";
-    readonly SPACE_EVENLY: "space-evenly";
-};
-export declare class OdxStack extends CustomElement {
-    align?: StackAlign;
-    justify?: StackJustify;
-    gap?: StackGap;
-    horizontal: boolean;
-    wrap: boolean;
-}