@odx/foundation 1.0.0-beta.7 → 1.0.0-beta.9

package/dist/cdk/drag-drop/drag.controller.d.ts

@@ -4,6 +4,7 @@ export interface DragControllerOptions<T extends DraggableElement = DraggableEle
     getDraggableElements: () => T[];
     getContainer?: () => HTMLElement;
 }
+export declare const DragControllerOptions: <T extends DraggableElement = DraggableElement>(config?: Partial<DragControllerOptions<T>>) => DragControllerOptions<T>;
 export declare class DragController<T extends DraggableElement = DraggableElement> implements ReactiveController {
     #private;
     get draggableElements(): T[];

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

@@ -15,5 +15,6 @@ export interface PopoverHost {
     onPopoverHide?(): void;
 }
 export type PopoverHostElement = PopoverHost & CustomElement;
+export declare const PopoverHostStyles: string;
 export declare const PopoverHost: <T extends Constructor<CustomElement>>(superClass: T) => Constructor<PopoverHost> & T;
 //# sourceMappingURL=popover-host.d.ts.map

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

@@ -23,7 +23,7 @@ export interface PopoverPlacementOptions {
     offset: number;
     outerPadding: number;
 }
-export declare const PopoverPlacementOptions: (config?: Partial<PopoverPlacementOptions> | null | undefined) => PopoverPlacementOptions;
+export declare function PopoverPlacementOptions(options?: Partial<PopoverPlacementOptions>): PopoverPlacementOptions;
 export type PopoverSide = (typeof PopoverSide)[keyof typeof PopoverSide];
 export declare const PopoverSide: {
     readonly TOP: "top";

package/dist/cdk.js

@@ -1,7 +1,8 @@
-import { dedupeMixin, createConfig, toPx, waitForAnimations, findClosestDocument, createMutationObserver, customElement, CustomElement } from '@odx/foundation';
+import { dedupeMixin, toPx, waitForAnimations, findClosestDocument, createMutationObserver, customElement, CustomElement } from '@odx/foundation';
 import { property, state } from 'lit/decorators.js';
-import { m as minBy, a as computePosition, o as offset, s as shift, f as flip, b as size, d as arrow, h as hide, e as autoUpdate } from './vendor-BpQeSxmW.js';
-import { isServer, unsafeCSS, html } from 'lit';
+import { m as minBy } from './vendor-dJxQG085.js';
+import { arrow, flip, computePosition, offset, shift, size, hide, autoUpdate } from '@floating-ui/dom';
+import { isServer, html } from 'lit';
 import { when } from 'lit/directives/when.js';
 
 var __defProp$2 = Object.defineProperty;
@@ -43,8 +44,9 @@ const IsDraggable = dedupeMixin((superClass) => {
   return IsDraggableElement;
 });
 
-const DragControllerOptions = createConfig({
-  getDraggableElements: () => []
+const DragControllerOptions = (config) => ({
+  getDraggableElements: () => [],
+  ...config
 });
 class DragController {
   #host;
@@ -121,9 +123,6 @@ class DragController {
     if (event.target === this.#host) {
       return minBy(this.draggableElements, (element) => element.getDistance?.(this.container, event) ?? Number.MAX_SAFE_INTEGER) ?? null;
     }
-    if (this.isDraggable(event.target)) {
-      return event.target;
-    }
     return null;
   }
 }
@@ -144,14 +143,17 @@ const PopoverPlacement = {
   LEFT_START: "left-start",
   LEFT_END: "left-end"
 };
-const PopoverPlacementOptions = createConfig({
-  placement: PopoverPlacement.BOTTOM,
-  enableFallback: true,
-  fallbackAxisSideDirection: "end",
-  matchReferenceWidth: false,
-  offset: 0,
-  outerPadding: 24
-});
+function PopoverPlacementOptions(options) {
+  return {
+    placement: PopoverPlacement.BOTTOM,
+    enableFallback: true,
+    fallbackAxisSideDirection: "end",
+    matchReferenceWidth: false,
+    offset: 0,
+    outerPadding: 24,
+    ...options
+  };
+}
 const PopoverSide = {
   TOP: PopoverPlacement.TOP,
   RIGHT: PopoverPlacement.RIGHT,
@@ -214,6 +216,7 @@ var __decorateClass$1 = (decorators, target, key, kind) => {
   if (kind && result) __defProp$1(target, key, result);
   return result;
 };
+const PopoverHostStyles = styles$1;
 const PopoverHost = dedupeMixin((superClass) => {
   class PopoverHostClass extends superClass {
     // biome-ignore lint/suspicious/noExplicitAny: This is a mixin
@@ -238,9 +241,6 @@ const PopoverHost = dedupeMixin((superClass) => {
         this.addEventListener("toggle", this.#handleToggle);
       }
     }
-    static {
-      this.styles = [superClass.styles ?? [], unsafeCSS(styles$1)].flat(2);
-    }
     #observer;
     get options() {
       return PopoverPlacementOptions({ placement: this.placement ?? PopoverPlacement.BOTTOM });
@@ -354,4 +354,4 @@ OdxPopover = __decorateClass([
   customElement("odx-popover", [styles])
 ], OdxPopover);
 
-export { DragController, IS_DRAG_ACTIVE_ATTRIBUTE, IsDraggable, OdxPopover, PopoverHost, PopoverPlacement, PopoverPlacementOptions, PopoverSide, isDraggableElement };
+export { DragController, DragControllerOptions, IS_DRAG_ACTIVE_ATTRIBUTE, IsDraggable, OdxPopover, PopoverHost, PopoverHostStyles, PopoverPlacement, PopoverPlacementOptions, PopoverSide, isDraggableElement };

package/dist/components.js

@@ -4,11 +4,9 @@ import { property, queryAssignedElements, query, queryAll, state } from 'lit/dec
 import { signal, computed, effect, SignalWatcher } from '@lit-labs/preact-signals';
 import { repeat } from 'lit/directives/repeat.js';
 import { when } from 'lit/directives/when.js';
-import { ifDefined } from 'lit/directives/if-defined.js';
-import { PopoverPlacement, PopoverHost, PopoverPlacementOptions, IsDraggable, IS_DRAG_ACTIVE_ATTRIBUTE, DragController } from '@odx/foundation/cdk';
+import { PopoverPlacement, PopoverHost, PopoverPlacementOptions, PopoverHostStyles, IsDraggable, IS_DRAG_ACTIVE_ATTRIBUTE, DragController } from '@odx/foundation/cdk';
 import { IsLocalized, setTranslation } from '@odx/foundation/i18n';
-import { g as clamp, R as RovingTabindexController, r as round, i as debounce, m as minBy, j as maxBy } from './vendor-BpQeSxmW.js';
-import { styleMap } from 'lit/directives/style-map.js';
+import { R as RovingTabindexController, r as round, d as debounce } from './vendor-dJxQG085.js';
 import { createContext, consume, provide } from '@lit/context';
 import { classMap } from 'lit/directives/class-map.js';
 
@@ -296,7 +294,7 @@ class BaseLink extends CanBeDisabled(CustomElement) {
       aria-hidden="${optionalAttr(ariaHidden)}"
       href=${optionalAttr(this.href)}
       target=${optionalAttr(this.target)}
-      download=${ifDefined(this.download)}
+      download=${optionalAttr(this.download)}
       rel=${optionalAttr(this.rel)}
       role=${optionalAttr(role)}
     >
@@ -1481,7 +1479,7 @@ __decorateClass$10([
   property({ type: String, reflect: true })
 ], OdxDropdown.prototype, "placement", 2);
 OdxDropdown = __decorateClass$10([
-  customElement("odx-dropdown", [styles$R])
+  customElement("odx-dropdown", [PopoverHostStyles, styles$R])
 ], OdxDropdown);
 
 const styles$Q = ":host{display:block}";
@@ -1587,7 +1585,7 @@ let OdxFormatBytes = class extends BaseFormat {
   }
   transform(value) {
     const units = OdxFormatBytes.UNIT_PREFIXES[this.unit];
-    const index = clamp(Math.floor(Math.log10(value) / 3), 0, units.length - 1);
+    const index = Math.min(Math.max(0, Math.floor(Math.log10(value) / 3)), units.length - 1);
     const transformedValue = value / 1e3 ** index;
     return this.formatNumber(transformedValue, {
       maximumFractionDigits: 2,
@@ -2959,7 +2957,7 @@ _handleClick$2 = new WeakMap();
 _handleKeyDown$1 = new WeakMap();
 _handleReferenceKeyDown = new WeakMap();
 OdxMenu = __decorateClass$z([
-  customElement("odx-menu", [styles$x])
+  customElement("odx-menu", [PopoverHostStyles, styles$x])
 ], OdxMenu);
 
 const styles$w = "@layer base{:host{--max-inline-size: 640px;--margin-block-start: var(--odx-size-450);--_modal-transition: var(--odx-popover-transition, var(--odx-motion-duration-default));--_modal-transition-offset-x: 0;--_modal-transition-offset-y: calc(-1 * var(--_modal-offset));--_modal-outer-padding: var(--odx-breakpoint-spacing-150-responsive);display:contents;transition-property:display}:host,.base,.base::backdrop{transition:var(--odx-transition-default);transition-behavior:allow-discrete}.base,.base::backdrop{opacity:0}.base{background:transparent;border:0;border-radius:var(--odx-border-radius-ml);box-shadow:var(--odx-shadow-level-2);color:var(--odx-color-foreground-base);margin-block-start:var(--margin-block-start);overflow:unset;padding:0;inline-size:min(var(--max-inline-size),100% - 2 * var(--_modal-outer-padding));transform:translateY(var(--odx-size-100));transition-property:opacity,display,overlay,transform,outline;&::backdrop{backdrop-filter:blur(var(--odx-elevation-blur));background-color:var(--odx-color-backdrop);transition-property:opacity}}.inner{display:flex;flex-direction:column;background-color:var(--odx-color-background-main);border-radius:inherit;padding:var(--odx-breakpoint-spacing-50) var(--odx-breakpoint-spacing-150-responsive);max-block-size:calc(100dvh - 2 * var(--_modal-outer-padding))}.header,.footer{min-block-size:var(--odx-size-300)}.header{padding-inline-end:var(--odx-size-300)}.content{padding:var(--odx-size-75) 0}.dismiss-action{position:absolute;inset-block-start:var(--odx-breakpoint-spacing-50);inset-inline-end:var(--odx-breakpoint-spacing-150-responsive)}}@layer state{:host(:not([open])){display:none}.base:focus-visible{outline-color:var(--odx-focus-ring-color)}.base[open]{&,&::backdrop{opacity:1;@starting-style{opacity:0}}transform:translate(0);@starting-style{transform:translateY(var(--odx-size-100))}}}";
@@ -3294,9 +3292,9 @@ let OdxPagination = class extends IsLocalized(CustomElement) {
   }
   get paginationContext() {
     return {
-      pageStart: clamp(this.page * this.pageSize, 0, this.totalItems),
-      pageEnd: clamp((this.page + 1) * this.pageSize - 1, 0, this.totalItems),
-      page: clamp(this.page, 1, this.totalPages),
+      pageStart: Math.min(Math.max(0, this.page * this.pageSize), this.totalItems),
+      pageEnd: Math.min(Math.max(0, (this.page + 1) * this.pageSize - 1), this.totalItems),
+      page: Math.min(Math.max(1, this.page), this.totalPages),
       totalPages: this.totalPages,
       totalItems: this.totalItems,
       hasPreviousPage: this.page > 0,
@@ -3379,7 +3377,7 @@ let OdxProgressBar = class extends CustomElement {
     this.hideValue = false;
   }
   get valuePercentage() {
-    return clamp(round(this.value - this.min / this.max - this.min, 2), this.min, this.max);
+    return Math.min(Math.max(this.min, round(this.value - this.min / this.max - this.min, 2)), this.max);
   }
   get valueHidden() {
     return this.hideValue || !this.valueText && this.indeterminate;
@@ -3397,7 +3395,7 @@ let OdxProgressBar = class extends CustomElement {
         aria-valuemin="0"
         aria-valuemax="100"
         aria-valuenow=${this.indeterminate ? 0 : this.value}
-        style=${styleMap({ "--_value-percentage": this.valuePercentage })}
+        style="'--_value-percentage': ${this.valuePercentage}"
         >
         <div class="indicator"></div>
       </div>
@@ -4015,7 +4013,7 @@ findClosestValue_fn = function(value) {
   return __privateMethod$5(this, _OdxSliderHandle_instances, limitValue_fn).call(this, closestValue + (isNextValue ? this.context.step : 0));
 };
 updatePosition_fn = function(value) {
-  const valuePercentage = `${round(clamp((value - this.context.min) / this.context.range, 0, 1) * 100, 3)}%`;
+  const valuePercentage = `${round(Math.min(Math.max(0, (value - this.context.min) / this.context.range), 1) * 100, 3)}%`;
   this.style.setProperty("--_position", valuePercentage);
   __privateGet$5(this, _nextHandle)?.style.setProperty("--_previous-position", valuePercentage);
   __privateGet$5(this, _previousHandle)?.style.setProperty("--_next-position", valuePercentage);
@@ -4024,12 +4022,12 @@ getValueFromPosition_fn = function(position) {
   return __privateMethod$5(this, _OdxSliderHandle_instances, limitValue_fn).call(this, __privateMethod$5(this, _OdxSliderHandle_instances, calculateValue_fn).call(this, position.x));
 };
 calculateValue_fn = function(relativePosition) {
-  return clamp(relativePosition / 100, 0, 1) * this.context.range + this.context.min;
+  return Math.min(Math.max(0, relativePosition / 100), 1) * this.context.range + this.context.min;
 };
 limitValue_fn = function(value) {
   const startLimit = __privateGet$5(this, _previousHandle) ? Math.max(__privateGet$5(this, _previousHandle).value, this.min - this.minRange) + this.minRange : this.min;
   const endLimit = __privateGet$5(this, _nextHandle) ? Math.min(__privateGet$5(this, _nextHandle).value, this.max + this.minRange) - this.minRange : this.max;
-  return clamp(value, startLimit, endLimit);
+  return Math.min(Math.max(startLimit, value), endLimit);
 };
 findPreviousHandle_fn = function() {
   let sibling = this.previousElementSibling;
@@ -4156,8 +4154,8 @@ let OdxSlider = class extends CustomElement {
     });
     __privateAdd$6(this, _handleSlotChange$1, async () => {
       const elements = this.dragController.draggableElements;
-      const min = minBy(elements, (elment) => elment.min)?.min ?? 0;
-      const max = maxBy(elements, (element) => element.max)?.max ?? 1;
+      const min = elements.reduce((min2, element) => Math.min(min2, element.min), Number.POSITIVE_INFINITY);
+      const max = elements.reduce((max2, element) => Math.max(max2, element.max ?? 0), Number.NEGATIVE_INFINITY);
       this.context = { ...this.context, min, max, range: Math.abs(max - min) };
     });
     if (!isServer) {
@@ -5119,7 +5117,7 @@ __decorateClass$2([
   property({ type: Boolean, reflect: true })
 ], OdxTooltip.prototype, "interactive", 2);
 OdxTooltip = __decorateClass$2([
-  customElement("odx-tooltip", [styles$1])
+  customElement("odx-tooltip", [PopoverHostStyles, styles$1])
 ], OdxTooltip);
 
 var __defProp$1 = Object.defineProperty;

package/dist/i18n/lib/config.d.ts

@@ -25,7 +25,8 @@ export interface LocalizationOptions {
     fallbackLanguage: () => Intl.UnicodeBCP47LocaleIdentifier;
     fallbackTranslation: (key: string) => string;
 }
-export type I18nOptions = LocalizationOptions & FormatOptions;
-export declare function setI18nOptions(options?: Partial<I18nOptions> | null): void;
-export declare function getI18nOptions(options?: Partial<I18nOptions> | null): I18nOptions;
+export type I18nConfig = LocalizationOptions & FormatOptions;
+export declare const I18nConfig: (config?: Partial<I18nConfig>) => I18nConfig;
+export declare function setI18nOptions(options?: Partial<I18nConfig> | null): void;
+export declare function getI18nOptions(options?: Partial<I18nConfig> | null): I18nConfig;
 //# sourceMappingURL=config.d.ts.map

package/dist/i18n.js

@@ -1,20 +1,24 @@
 import { signal, effect, computed, SignalWatcher } from '@lit-labs/preact-signals';
-import { createConfig, parseDate, dedupeMixin } from '@odx/foundation';
+import { parseDate, dedupeMixin } from '@odx/foundation';
 import { property } from 'lit/decorators.js';
-import { k as flattenObject, l as isNotNil } from './vendor-BpQeSxmW.js';
+import { f as flattenObject } from './vendor-dJxQG085.js';
 
-const I18nOptions = createConfig({
+const I18nConfig = (config) => ({
   defaultLocale: () => navigator.language,
   fallbackLanguage: () => "en",
   fallbackTranslation: (key) => key,
-  relativeTimeFormatOptions: { minUnit: "minute" }
+  ...config,
+  relativeTimeFormatOptions: {
+    minUnit: "minute",
+    ...config?.relativeTimeFormatOptions
+  }
 });
-const i18nOptions = signal(null);
+const i18nConfig = signal(null);
 function setI18nOptions(options) {
-  i18nOptions.value = getI18nOptions(options);
+  i18nConfig.value = getI18nOptions(options);
 }
 function getI18nOptions(options) {
-  return I18nOptions(options ?? i18nOptions.value ?? {});
+  return I18nConfig(options ?? i18nConfig.value ?? {});
 }
 
 function formatDate(input, options) {
@@ -84,12 +88,12 @@ function syncDocumentLanguage(root = document.documentElement) {
 const translations = signal({});
 function interpolate(value, context) {
   return value.replaceAll(/\{\{\s*([^}\s]+)\s*}}/g, (match, variableName) => {
-    return isNotNil(context[variableName]) ? interpolate(context[variableName].toString(), context) : match;
+    return context[variableName] != null ? interpolate(context[variableName].toString(), context) : match;
   });
 }
 function setTranslation(locale, translation) {
   const { language } = getLocale(locale);
-  translations.value = { ...translations.value, [language]: { ...translations.value[language], ...flattenObject(translation, { delimiter: "." }) } };
+  translations.value = { ...translations.value, [language]: { ...translations.value[language], ...flattenObject(translation) } };
 }
 function translate(key, contextInput, locale) {
   return computed(() => {
@@ -145,4 +149,4 @@ const IsLocalized = dedupeMixin((superClass) => {
   return IsLocalizedElement;
 });
 
-export { IsLocalized, formatDate, formatList, formatNumber, formatRelativeTime, getI18nOptions, getLocale, interpolate, setI18nOptions, setLocale, setTranslation, syncDocumentLanguage, translate };
+export { I18nConfig, IsLocalized, formatDate, formatList, formatNumber, formatRelativeTime, getI18nOptions, getLocale, interpolate, setI18nOptions, setLocale, setTranslation, syncDocumentLanguage, translate };

package/dist/lib/controllers/expandable-controller.d.ts

@@ -5,13 +5,14 @@ export interface ExpandableItemManagerHost extends ReactiveElement {
     multiple?: boolean;
     toggleAll?: (force?: boolean, ...exclude: ExpandableItem[]) => void;
 }
-export interface ExpandableItemManagerConfig<T extends ExpandableItem = ExpandableItem> {
+export interface ExpandableItemManagerOptions<T extends ExpandableItem = ExpandableItem> {
     getItems?: () => T[];
 }
+export declare const ExpandableItemManagerOptions: (options?: Partial<ExpandableItemManagerOptions>) => ExpandableItemManagerOptions;
 export declare class ExpandableItemManager<T extends ExpandableItem> implements ReactiveController {
     #private;
     get expandableItems(): T[];
-    constructor(host: ExpandableItemManagerHost, options?: ExpandableItemManagerConfig);
+    constructor(host: ExpandableItemManagerHost, options?: ExpandableItemManagerOptions);
     hostConnected?(): void;
 }
 //# sourceMappingURL=expandable-controller.d.ts.map

package/dist/lib/controllers/focus-trap.controller.d.ts

@@ -1,6 +1,7 @@
 import { Options } from 'focus-trap';
 import { ReactiveController, ReactiveElement } from 'lit';
 export type FocusTrapControllerOptions = Options;
+export declare const FocusTrapControllerOptions: (options?: Partial<FocusTrapControllerOptions>) => FocusTrapControllerOptions;
 export declare class FocusTrapController implements ReactiveController {
     #private;
     constructor(host: ReactiveElement, options?: FocusTrapControllerOptions);

package/dist/lib/main.d.ts

@@ -1,10 +1,6 @@
 import { ExtractAssetName } from '@odx/assets-utils';
 export * from './controllers/expandable-controller.js';
 export * from './controllers/focus-trap.controller.js';
-export * from './decorators/request-update-on-aria-change.js';
-export * from './directives/optional-attr.js';
-export * from './directives/optional-slot.js';
-export * from './directives/slot-fallback.js';
 export * from './facade/checkbox-form-control.js';
 export * from './facade/checkbox-group-form-control.js';
 export * from './facade/option-control.js';
@@ -16,16 +12,17 @@ export * from './mixins/can-be-readonly.js';
 export * from './mixins/can-be-required.js';
 export * from './mixins/can-be-selected.js';
 export * from './mixins/can-be-validated.js';
-export * from './mixins/dedupe-mixin.js';
 export * from './mixins/form-control.js';
 export * from './mixins/number-control.js';
 export * from './mixins/with-loading-state.js';
 export * from './utils/a11y.js';
 export * from './utils/date.js';
+export * from './utils/dedupe-mixin.js';
 export * from './utils/dom.js';
+export * from './utils/empty-slot-fallback-fix.js';
 export * from './utils/get-unique-id.js';
 export * from './utils/keyboard-events.js';
-export * from './utils/object.js';
+export * from './utils/lit.js';
 export * from './utils/search-text-content.js';
 export * from './utils/shared-intersection-observer.js';
 export * from './utils/shared-resize-observer.js';

package/dist/lib/mixins/can-be-disabled.d.ts

@@ -1,6 +1,6 @@
 import { ContextProvider } from '@lit/context';
 import { CustomElement } from '../custom-element.js';
-import { Constructor } from './dedupe-mixin.js';
+import { Constructor } from '../utils/dedupe-mixin.js';
 export interface CanBeDisabled {
     disabled: boolean;
 }

package/dist/lib/mixins/can-be-expanded.d.ts

@@ -1,6 +1,6 @@
 import { CustomElement } from '../custom-element.js';
+import { Constructor } from '../utils/dedupe-mixin.js';
 import { CanBeDisabled } from './can-be-disabled.js';
-import { Constructor } from './dedupe-mixin.js';
 export interface CanBeExpanded extends CanBeDisabled {
     expanded: boolean;
     expandable: boolean;

package/dist/lib/mixins/can-be-readonly.d.ts

@@ -1,5 +1,5 @@
 import { CustomElement } from '../custom-element.js';
-import { Constructor } from './dedupe-mixin.js';
+import { Constructor } from '../utils/dedupe-mixin.js';
 export interface CanBeReadonly {
     readonly: boolean;
 }

package/dist/lib/mixins/can-be-required.d.ts

@@ -1,5 +1,5 @@
 import { CustomElement } from '../custom-element.js';
-import { Constructor } from './dedupe-mixin.js';
+import { Constructor } from '../utils/dedupe-mixin.js';
 export interface CanBeRequired {
     required: boolean;
 }

package/dist/lib/mixins/can-be-selected.d.ts

@@ -1,6 +1,6 @@
 import { CustomElement } from '../custom-element.js';
 import { ARIAMixinStrict } from '../utils/a11y.js';
-import { Constructor } from './dedupe-mixin.js';
+import { Constructor } from '../utils/dedupe-mixin.js';
 export interface CanBeSelected {
     selected: boolean;
     ariaSelectedValue: ARIAMixinStrict['ariaCurrent'];

package/dist/lib/mixins/can-be-validated.d.ts

@@ -1,5 +1,5 @@
 import { CustomElement } from '../custom-element.js';
-import { Constructor } from './dedupe-mixin.js';
+import { Constructor } from '../utils/dedupe-mixin.js';
 export interface CanBeValidated {
     readonly internals: ElementInternals;
     get validity(): ValidityState;

package/dist/lib/mixins/form-control.d.ts

@@ -1,9 +1,9 @@
 import { CustomElement } from '../custom-element.js';
+import { Constructor } from '../utils/dedupe-mixin.js';
 import { CanBeDisabled } from './can-be-disabled.js';
 import { CanBeReadonly } from './can-be-readonly.js';
 import { CanBeRequired } from './can-be-required.js';
 import { CanBeValidated } from './can-be-validated.js';
-import { Constructor } from './dedupe-mixin.js';
 type ValueType = string | number | boolean | string[] | number[] | boolean[];
 export interface IsFormControl<V extends ValueType = string> extends CanBeDisabled, CanBeReadonly, CanBeRequired, CanBeValidated {
     form: HTMLFormElement | null;

package/dist/lib/mixins/number-control.d.ts

@@ -1,5 +1,5 @@
 import { CustomElement } from '../custom-element.js';
-import { Constructor } from './dedupe-mixin.js';
+import { Constructor } from '../utils/dedupe-mixin.js';
 import { IsFormControl } from './form-control.js';
 export interface IsNumberControl extends Omit<IsFormControl, 'value'> {
     min: number;

package/dist/lib/mixins/with-loading-state.d.ts

@@ -1,5 +1,5 @@
 import { CustomElement } from '../custom-element.js';
-import { Constructor } from './dedupe-mixin.js';
+import { Constructor } from '../utils/dedupe-mixin.js';
 export interface HasLoadingState {
     loading: boolean;
     get loadingContainer(): HTMLElement;

package/dist/lib/utils/a11y.d.ts

@@ -59,4 +59,5 @@ export interface ARIAMixinStrict extends ARIAMixin {
     ariaValueText: string | null;
     role: ARIARole | null;
 }
+export declare function ariaPropertyToAttribute<K extends ARIAProperty>(property: K): string;
 //# sourceMappingURL=a11y.d.ts.map

package/dist/lib/{directives/slot-fallback.d.ts → utils/empty-slot-fallback-fix.d.ts}

@@ -5,4 +5,4 @@ declare class SlotFallbackDirective extends Directive {
 }
 export declare const emptySlotFallbackFix: () => import('lit-html/directive.js').DirectiveResult<typeof SlotFallbackDirective>;
 export {};
-//# sourceMappingURL=slot-fallback.d.ts.map
+//# sourceMappingURL=empty-slot-fallback-fix.d.ts.map

package/dist/lib/utils/lit.d.ts

@@ -0,0 +1,6 @@
+import { ReactiveElement, TemplateResult, nothing } from 'lit';
+import { ARIAProperty } from './a11y.js';
+export declare function requestUpdateOnAriaChange(ariaProperties: ARIAProperty[]): (ctor: typeof ReactiveElement) => void;
+export declare const optionalAttr: <T>(value: T) => NonNullable<T>;
+export declare function optionalSlot(host: ReactiveElement, slotName: string): TemplateResult | typeof nothing;
+//# sourceMappingURL=lit.d.ts.map