@odx/foundation 1.0.0-alpha.4 → 1.0.0-alpha.5

package/dist/components/select/select.component.js

@@ -1,11 +1,12 @@
-import { SelectFormControl, customElement } from '@odx/foundation';
+import { customElement, SelectFormControl } from '@odx/foundation';
 import { html } from 'lit';
 import { queryAssignedElements, query } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';
 import { when } from 'lit/directives/when.js';
-import styles from './select.component.css.js';
-import { OdxOptionComponent } from '../option/option.component.js';
 import { OdxDropdownComponent } from '../dropdown/dropdown.component.js';
+import '../dropdown/dropdown.models.js';
+import { OdxOptionComponent } from '../option/option.component.js';
+import styles from './select.component.css.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

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

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

@@ -1,6 +1,6 @@
 import { CustomElement } from '@odx/foundation';
 import { TemplateResult } from 'lit';
-import { SeparatorAlign } from './separator.models';
+import { SeparatorAlign } from './separator.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-separator': OdxSeparatorComponent;

package/dist/components/separator/separator.component.js

@@ -1,4 +1,4 @@
-import { CustomElement, emptySlotFallbackFix, customElement } from '@odx/foundation';
+import { customElement, CustomElement, emptySlotFallbackFix } from '@odx/foundation';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import styles from './separator.component.css.js';

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

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

package/dist/components/skeleton/skeleton.component.js

@@ -1,4 +1,4 @@
-import { CustomElement, customElement } from '@odx/foundation';
+import { customElement, CustomElement } from '@odx/foundation';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import styles from './skeleton.component.css.js';

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

@@ -1,5 +1,5 @@
-export * from './slider-handle.component';
-export * from './slider-marks.component';
-export * from './slider.component';
-export * from './slider.models';
+export * from './slider-handle.component.js';
+export * from './slider-marks.component.js';
+export * from './slider.component.js';
+export * from './slider.models.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/components/slider/slider-handle.component.d.ts

@@ -1,13 +1,13 @@
 import { CustomElement } from '@odx/foundation';
 import { DragEvent } from '@odx/foundation/cdk';
 import { PropertyValueMap, TemplateResult } from 'lit';
-import { SliderTrackVisibility } from './slider.models';
+import { SliderTrackVisibility } from './slider.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-slider-handle': OdxSliderHandleComponent;
     }
 }
-declare const OdxSliderHandleComponent_base: import('@odx/foundation').Constructor<import('@odx/foundation/cdk').DraggableElement> & import('@odx/foundation').Constructor<import('@odx/foundation').IsNumberControl> & typeof CustomElement;
+declare const OdxSliderHandleComponent_base: import('@odx/foundation/dist/lib', { with: { "resolution-mode": "import" } }).Constructor<import('@odx/foundation/cdk').DraggableElement> & import('@odx/foundation/dist/lib', { with: { "resolution-mode": "import" } }).Constructor<import('@odx/foundation/dist/lib', { with: { "resolution-mode": "import" } }).IsNumberControl> & typeof CustomElement;
 export declare class OdxSliderHandleComponent extends OdxSliderHandleComponent_base {
     #private;
     private context;

package/dist/components/slider/slider-marks.component.d.ts

@@ -6,7 +6,7 @@ declare global {
     }
 }
 export declare class OdxSliderMarksComponent extends CustomElement {
-    protected context: import('./slider.models').SliderContext;
+    protected context: import('./slider.models.js').SliderContext;
     step?: number;
     showLabels: boolean;
     connectedCallback(): Promise<void>;

package/dist/components/slider/slider-marks.component.js

@@ -1,5 +1,5 @@
 import { consume } from '@lit/context';
-import { CustomElement, customElement } from '@odx/foundation';
+import { customElement, CustomElement } from '@odx/foundation';
 import { html, nothing } from 'lit';
 import { property } from 'lit/decorators.js';
 import { repeat } from 'lit/directives/repeat.js';

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

@@ -1,8 +1,8 @@
 import { CustomElement } from '@odx/foundation';
 import { DragController } from '@odx/foundation/cdk';
 import { TemplateResult } from 'lit';
-import { OdxSliderHandleComponent } from './slider-handle.component';
-import { SliderLabelVisibility } from './slider.models';
+import { OdxSliderHandleComponent } from './slider-handle.component.js';
+import { SliderLabelVisibility } from './slider.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-slider': OdxSliderComponent;
@@ -11,7 +11,7 @@ declare global {
 export declare class OdxSliderComponent extends CustomElement {
     #private;
     protected dragController: DragController<OdxSliderHandleComponent>;
-    protected context: import('./slider.models').SliderContext;
+    protected context: import('./slider.models.js').SliderContext;
     protected container: HTMLElement;
     set step(value: number);
     get step(): number;

package/dist/components/slider/slider.component.js

@@ -1,5 +1,5 @@
 import { provide } from '@lit/context';
-import { CustomElement, getKeyboardEventInfo, customElement } from '@odx/foundation';
+import { customElement, CustomElement, getKeyboardEventInfo } from '@odx/foundation';
 import { DragController } from '@odx/foundation/cdk';
 import { minBy, maxBy } from 'es-toolkit';
 import { isServer, html } from 'lit';

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

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

package/dist/components/spacer/spacer.component.js

@@ -1,4 +1,4 @@
-import { CustomElement, customElement } from '@odx/foundation';
+import { customElement, CustomElement } from '@odx/foundation';
 import { property } from 'lit/decorators.js';
 import styles from './spacer.component.css.js';
 

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

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

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

@@ -5,7 +5,7 @@ declare global {
         'odx-spinbox': OdxSpinboxComponent;
     }
 }
-declare const OdxSpinboxComponent_base: import('@odx/foundation').Constructor<CanBeDisabled> & typeof CustomElement;
+declare const OdxSpinboxComponent_base: import('@odx/foundation/dist/lib', { with: { "resolution-mode": "import" } }).Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class OdxSpinboxComponent extends OdxSpinboxComponent_base {
     #private;
     static shadowRootOptions: ShadowRootInit;

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

@@ -1,3 +1,3 @@
-export * from './stack.component';
-export * from './stack.models';
+export * from './stack.component.js';
+export * from './stack.models.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,6 +1,6 @@
 import { CustomElement } from '@odx/foundation';
 import { TemplateResult } from 'lit';
-import { StackAlign, StackGap, StackJustify } from './stack.models';
+import { StackAlign, StackGap, StackJustify } from './stack.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-stack': OdxStackComponent;

package/dist/components/stack/stack.component.js

@@ -1,4 +1,4 @@
-import { CustomElement, customElement } from '@odx/foundation';
+import { customElement, CustomElement } from '@odx/foundation';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import styles from './stack.component.css.js';

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

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

package/dist/components/switch/switch.component.js

@@ -1,4 +1,4 @@
-import { CheckboxFormControl, customElement } from '@odx/foundation';
+import { customElement, CheckboxFormControl } from '@odx/foundation';
 import { html } from 'lit';
 import styles from './switch.component.css.js';
 

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

@@ -0,0 +1,8 @@
+export * from './table-body.element.js';
+export * from './table-cell.element.js';
+export * from './table-checkbox-cell.element.js';
+export * from './table-header-cell.element.js';
+export * from './table-header.element.js';
+export * from './table-row.element.js';
+export * from './table.element.js';
+//# sourceMappingURL=index.d.ts.map

package/dist/{elements/table/elements/table-body → components/table}/table-body.element.js

@@ -1,4 +1,4 @@
-import { CustomElement, customElement } from '@odx/foundation';
+import { customElement, CustomElement } from '@odx/foundation';
 import { html } from 'lit';
 import styles from './table-body.element.css.js';
 

package/dist/{elements/table/elements/table-cell → components/table}/table-cell.element.js

@@ -1,4 +1,4 @@
-import { CustomElement, customElement } from '@odx/foundation';
+import { customElement, CustomElement } from '@odx/foundation';
 import { html } from 'lit';
 import styles from './table-cell.element.css.js';
 

package/dist/{elements/table/elements/table-checkbox-cell → components/table}/table-checkbox-cell.element.js

@@ -1,4 +1,4 @@
-import { CustomElement, customElement } from '@odx/foundation';
+import { customElement, CustomElement } from '@odx/foundation';
 import { html } from 'lit';
 import { query, property } from 'lit/decorators.js';
 import styles from './table-checkbox-cell.element.css.js';

package/dist/{elements/table/elements/table-header-cell → components/table}/table-header-cell.element.js

@@ -1,4 +1,4 @@
-import { CustomElement, customElement } from '@odx/foundation';
+import { customElement, CustomElement } from '@odx/foundation';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import styles from './table-header-cell.element.css.js';

package/dist/{elements/table/elements/table-header → components/table}/table-header.element.js

@@ -1,8 +1,8 @@
-import { CheckboxFormControl, customElement } from '@odx/foundation';
+import { customElement, CheckboxFormControl } from '@odx/foundation';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
+import { OdxTableCheckboxCellElement } from './table-checkbox-cell.element.js';
 import styles from './table-header.element.css.js';
-import { OdxTableCheckboxCellElement } from '../table-checkbox-cell/table-checkbox-cell.element.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/{elements/table/elements/table-row → components/table}/table-row.element.js

@@ -1,8 +1,8 @@
-import { CustomElement, toAriaBooleanAttribute, customElement } from '@odx/foundation';
+import { customElement, CustomElement, toAriaBooleanAttribute } from '@odx/foundation';
 import { html } from 'lit';
 import { queryAssignedElements, property } from 'lit/decorators.js';
+import { OdxTableCheckboxCellElement } from './table-checkbox-cell.element.js';
 import styles from './table-row.element.css.js';
-import { OdxTableCheckboxCellElement } from '../table-checkbox-cell/table-checkbox-cell.element.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,7 +1,7 @@
 import { CustomElement } from '@odx/foundation';
 import { TemplateResult } from 'lit';
-import { OdxTableHeaderElement } from './elements/table-header';
-import { OdxTableRowElement } from './elements/table-row';
+import { OdxTableHeaderElement } from './table-header.element.js';
+import { OdxTableRowElement } from './table-row.element.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-table': OdxTableElement;

package/dist/{elements → components}/table/table.element.js

@@ -1,10 +1,10 @@
-import { CustomElement, customElement } from '@odx/foundation';
+import { customElement, CustomElement } from '@odx/foundation';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
+import { OdxTableCheckboxCellElement } from './table-checkbox-cell.element.js';
+import { OdxTableHeaderElement } from './table-header.element.js';
+import { OdxTableRowElement } from './table-row.element.js';
 import styles from './table.element.css.js';
-import { OdxTableHeaderElement } from './elements/table-header/table-header.element.js';
-import { OdxTableRowElement } from './elements/table-row/table-row.element.js';
-import { OdxTableCheckboxCellElement } from './elements/table-checkbox-cell/table-checkbox-cell.element.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

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

@@ -1,3 +1,3 @@
-export * from './text.component';
-export * from './text.models';
+export * from './text.component.js';
+export * from './text.models.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,3 +1,3 @@
-const styles = ":host{display:block;text-decoration:inherit;color:var(--_color, inherit);font-size:var(--_font-size, inherit);line-height:var(--_line-height, inherit);font-weight:var(--_font-weight, inherit)}:host([inline]){display:inline-block}:host([emphasized]:not([emphasized=\"false\"])){--_font-weight: var(--odx-typography-font-weight-medium)}:host([size=\"xs\"]){--_font-size: var(--odx-typography-font-size-1);--_line-height: var(--odx-typography-line-height-1)}:host([size=\"sm\"]){--_font-size: var(--odx-typography-font-size-2);--_line-height: var(--odx-typography-line-height-2)}:host([size=\"md\"]){--_font-size: var(--odx-typography-font-size-3);--_line-height: var(--odx-typography-line-height-3)}";
+const styles = ":host{display:block;text-decoration:inherit;color:var(--_color, inherit);font-size:var(--_font-size, inherit);line-height:var(--_line-height, inherit);font-weight:var(--_font-weight, inherit)}:host([inline]){display:inline-block}:host([emphasized]:not([emphasized=\"false\"])){--_font-weight: var(--odx-typography-font-weight-medium)}:host([size=\"xs\"]){--_font-size: var(--odx-typography-font-size-1);--_line-height: var(--odx-typography-line-height-1)}:host([size=\"sm\"]){--_font-size: var(--odx-typography-font-size-2);--_line-height: var(--odx-typography-line-height-2)}:host([size=\"md\"]){--_font-size: var(--odx-typography-font-size-3);--_line-height: var(--odx-typography-line-height-3)}:host([size=\"lg\"]){--_font-size: var(--odx-typography-font-size-4);--_line-height: var(--odx-typography-line-height-4)}";
 
 export { styles as default };

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

@@ -1,5 +1,5 @@
 import { CustomElement } from '@odx/foundation';
-import { TextSize, TextVariant } from './text.models';
+import { TextSize, TextVariant } from './text.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-text': OdxTextComponent;

package/dist/components/text/text.component.js

@@ -1,4 +1,4 @@
-import { CustomElement, customElement } from '@odx/foundation';
+import { customElement, CustomElement } from '@odx/foundation';
 import { property } from 'lit/decorators.js';
 import styles from './text.component.css.js';
 

package/dist/components/text/text.models.d.ts

@@ -3,6 +3,7 @@ export declare const TextSize: {
     readonly XS: "xs";
     readonly SM: "sm";
     readonly MD: "md";
+    readonly LG: "lg";
 };
 export type TextVariant = (typeof TextVariant)[keyof typeof TextVariant];
 export declare const TextVariant: {

package/dist/components/text/text.models.js

@@ -1,7 +1,8 @@
 const TextSize = {
   XS: "xs",
   SM: "sm",
-  MD: "md"
+  MD: "md",
+  LG: "lg"
 };
 const TextVariant = {
   HINT: "hint",

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

@@ -1,3 +1,3 @@
-export * from './title.component';
-export * from './title.models';
+export * from './title.component.js';
+export * from './title.models.js';
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,6 +1,6 @@
 import { CustomElement } from '@odx/foundation';
 import { PropertyValueMap } from 'lit';
-import { TitleSize } from './title.models';
+import { TitleSize } from './title.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-title': OdxTitleComponent;

package/dist/components/title/title.component.js

@@ -1,4 +1,4 @@
-import { CustomElement, requestUpdateOnAriaChange, customElement } from '@odx/foundation';
+import { requestUpdateOnAriaChange, customElement, CustomElement } from '@odx/foundation';
 import { property } from 'lit/decorators.js';
 import styles from './title.component.css.js';
 

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

@@ -0,0 +1,3 @@
+export * from './toast.element.js';
+export * from './toast.models.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,6 +1,6 @@
 import { CustomElement } from '@odx/foundation';
 import { TemplateResult } from 'lit';
-import { ToastVariant } from './models';
+import { ToastVariant } from './toast.models.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-toast': OdxToastElement;

package/dist/{elements → components}/toast/toast.element.js

@@ -1,4 +1,4 @@
-import { CustomElement, customElement } from '@odx/foundation';
+import { customElement, CustomElement } from '@odx/foundation';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import styles from './toast.element.css.js';

package/dist/{elements/toast/models/toast-variant.d.ts → components/toast/toast.models.d.ts}

@@ -2,4 +2,4 @@ export type ToastVariant = (typeof ToastVariant)[keyof typeof ToastVariant];
 export declare const ToastVariant: {
     readonly DANGER: "danger";
 };
-//# sourceMappingURL=toast-variant.d.ts.map
+//# sourceMappingURL=toast.models.d.ts.map

package/dist/components/toggle-button/index.d.ts

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

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

@@ -1,4 +1,4 @@
-import { CheckboxFormControl, toAriaBooleanAttribute, customElement } from '@odx/foundation';
+import { customElement, CheckboxFormControl, toAriaBooleanAttribute } from '@odx/foundation';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import styles from './toggle-button.component.css.js';

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

@@ -0,0 +1,3 @@
+export * from './tooltip.element.js';
+export * from './tooltip.models.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -6,7 +6,7 @@ declare global {
         'odx-tooltip': OdxTooltipElement;
     }
 }
-declare const OdxTooltipElement_base: import('@odx/foundation').Constructor<PopoverHost> & typeof CustomElement;
+declare const OdxTooltipElement_base: import('@odx/foundation/dist/lib', { with: { "resolution-mode": "import" } }).Constructor<PopoverHost> & typeof CustomElement;
 export declare class OdxTooltipElement extends OdxTooltipElement_base {
     #private;
     placement: "top";

package/dist/{elements → components}/tooltip/tooltip.element.js

@@ -3,7 +3,7 @@ import { PopoverHost } from '@odx/foundation/cdk';
 import { html } from 'lit';
 import { property } from 'lit/decorators.js';
 import styles from './tooltip.element.css.js';
-import { TooltipPlacement } from './models/tooltip-placement.js';
+import { TooltipPlacement } from './tooltip.models.js';
 
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;

package/dist/{elements/tooltip/models/tooltip-placement.d.ts → components/tooltip/tooltip.models.d.ts}

@@ -5,4 +5,4 @@ export declare const TooltipPlacement: {
     readonly BOTTOM: "bottom";
     readonly LEFT: "left";
 };
-//# sourceMappingURL=tooltip-placement.d.ts.map
+//# sourceMappingURL=tooltip.models.d.ts.map

package/dist/components/visually-hidden/index.d.ts

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

package/dist/components/visually-hidden/visually-hidden.component.js

@@ -1,4 +1,4 @@
-import { CustomElement, customElement } from '@odx/foundation';
+import { customElement, CustomElement } from '@odx/foundation';
 import { html } from 'lit';
 import styles from './visually-hidden.component.css.js';
 

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

@@ -0,0 +1,29 @@
+import { Locale, SingleUnitIdentifier } from './models.js';
+export interface DateTimeFormatOptions extends Omit<Intl.DateTimeFormatOptions, 'dateStyle'> {
+    locale?: Locale;
+    dateStyle?: 'iso8601' | Intl.DateTimeFormatOptions['dateStyle'];
+}
+export interface NumberFormatOptions extends Intl.NumberFormatOptions {
+    locale?: Locale;
+    unit?: SingleUnitIdentifier;
+}
+export interface ListFormatOptions extends Intl.ListFormatOptions {
+    locale?: Locale;
+}
+export interface RelativeTimeFormatOptions extends Intl.RelativeTimeFormatOptions {
+    locale?: Locale;
+    minUnit?: Intl.RelativeTimeFormatUnit;
+}
+export interface FormatOptions {
+    dateTimeFormatOptions?: DateTimeFormatOptions;
+    numberFormatOptions?: NumberFormatOptions;
+    listFormatOptions?: ListFormatOptions;
+    relativeTimeFormatOptions?: RelativeTimeFormatOptions;
+}
+export interface LocalizationOptions {
+    defaultLocale: () => Locale;
+}
+export type I18nOptions = LocalizationOptions & FormatOptions;
+export declare function setI18nOptions(options?: Partial<I18nOptions> | null): void;
+export declare function getI18nOptions(options?: Partial<I18nOptions> | null): I18nOptions;
+//# sourceMappingURL=config.d.ts.map

package/dist/i18n/lib/config.js

@@ -0,0 +1,16 @@
+import { signal } from '@lit-labs/signals';
+import { createOptions } from '@odx/foundation';
+
+const I18nOptions = createOptions({
+  defaultLocale: () => navigator.language,
+  relativeTimeFormatOptions: { minUnit: "minute" }
+});
+const i18nOptions = signal(null);
+function setI18nOptions(options) {
+  i18nOptions.set(getI18nOptions(options));
+}
+function getI18nOptions(options) {
+  return I18nOptions(options ?? i18nOptions.get() ?? {});
+}
+
+export { getI18nOptions, setI18nOptions };

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

@@ -0,0 +1,6 @@
+import { DateTimeFormatOptions, ListFormatOptions, NumberFormatOptions, RelativeTimeFormatOptions } from './config.js';
+export declare function formatDate(input: number | string | Date, options?: DateTimeFormatOptions): string;
+export declare function formatNumber(input: number | string, options?: NumberFormatOptions): string;
+export declare function formatList(input: string[], options?: ListFormatOptions): string;
+export declare function formatRelativeTime(input: number | string | Date, options?: RelativeTimeFormatOptions): string;
+//# sourceMappingURL=format.d.ts.map

package/dist/{lib/utils → i18n/lib}/format.js

@@ -1,20 +1,19 @@
-import { getLocalizationOptions } from './localization.js';
-import { parseDate } from './parse-date.js';
+import { parseDate } from '@odx/foundation';
+import { getI18nOptions } from './config.js';
 
-const iso8601DateTimeFormat = new Intl.DateTimeFormat("sv-SE", { dateStyle: "short" });
 function formatDate(input, options) {
   const value = parseDate(input);
   if (!value) return "";
-  const { dateTimeFormatOptions } = getLocalizationOptions({ dateTimeFormatOptions: options });
+  const { dateTimeFormatOptions } = getI18nOptions({ dateTimeFormatOptions: options });
   if (dateTimeFormatOptions?.dateStyle === "iso8601") {
-    return iso8601DateTimeFormat.format(value);
+    return new Intl.DateTimeFormat("sv-SE", { dateStyle: "short" }).format(value);
   }
   return new Intl.DateTimeFormat(options?.locale, dateTimeFormatOptions).format(value);
 }
 function formatNumber(input, options) {
   const value = Number(input);
   if (Number.isNaN(value)) return "";
-  const { numberFormatOptions } = getLocalizationOptions({ numberFormatOptions: options });
+  const { numberFormatOptions } = getI18nOptions({ numberFormatOptions: options });
   if (numberFormatOptions?.currency) {
     numberFormatOptions.style = "currency";
   }
@@ -22,10 +21,10 @@ function formatNumber(input, options) {
 }
 function formatList(input, options) {
   if (input.length === 0) return "";
-  const { listFormatOptions } = getLocalizationOptions({ listFormatOptions: options });
+  const { listFormatOptions } = getI18nOptions({ listFormatOptions: options });
   return new Intl.ListFormat(options?.locale, listFormatOptions).format(input);
 }
-const availableTimeUnits = [
+const TIME_UNITS = [
   { max: 59e3, value: 1e3, unit: "second" },
   // max 59 seconds
   { max: 276e4, value: 6e4, unit: "minute" },
@@ -41,16 +40,16 @@ const availableTimeUnits = [
   { max: Number.POSITIVE_INFINITY, value: 31536e6, unit: "year" }
 ];
 function findTimeUnit(value, minUnit) {
-  const minTimeUnit = availableTimeUnits.find(({ unit }) => unit === minUnit) ?? availableTimeUnits[0];
-  return availableTimeUnits.find((config) => value < config.max && config.value >= minTimeUnit.value);
+  const minTimeUnit = TIME_UNITS.find(({ unit }) => unit === minUnit) ?? TIME_UNITS[0];
+  return TIME_UNITS.find((config) => value < config.max && config.value >= minTimeUnit.value);
 }
 function formatRelativeTime(input, options) {
   const value = parseDate(input);
   if (!value) return "";
-  const { relativeTimeFormatOptions } = getLocalizationOptions({ relativeTimeFormatOptions: options });
+  const { relativeTimeFormatOptions } = getI18nOptions({ relativeTimeFormatOptions: options });
   const relativeTime = value.getTime() - (/* @__PURE__ */ new Date()).getTime();
   const timeUnit = findTimeUnit(Math.abs(relativeTime), relativeTimeFormatOptions?.minUnit);
   return new Intl.RelativeTimeFormat(options?.locale, relativeTimeFormatOptions).format(Math.round(relativeTime / timeUnit.value), timeUnit.unit);
 }
 
-export { formatDate, formatList, formatNumber, formatRelativeTime, iso8601DateTimeFormat };
+export { formatDate, formatList, formatNumber, formatRelativeTime };

package/dist/{lib/mixins/is-localized.d.ts → i18n/lib/is-localized.mixin.d.ts}

@@ -1,7 +1,7 @@
 import { Signal } from '@lit-labs/signals';
-import { CustomElement } from '../models';
-import { formatDate, formatList, formatNumber, formatRelativeTime, getLocale } from '../utils';
-import { Constructor } from './dedupe-mixin';
+import { Constructor, CustomElement } from '@odx/foundation';
+import { formatDate, formatList, formatNumber, formatRelativeTime } from './format.js';
+import { getLocale } from './localization.js';
 export interface IsLocalized {
     readonly locale: Signal.Computed<ReturnType<typeof getLocale>>;
     formatDate: typeof formatDate;
@@ -10,4 +10,4 @@ export interface IsLocalized {
     formatRelativeTime: typeof formatRelativeTime;
 }
 export declare const IsLocalized: <T extends Constructor<CustomElement>>(superClass: T) => Constructor<IsLocalized> & T;
-//# sourceMappingURL=is-localized.d.ts.map
+//# sourceMappingURL=is-localized.mixin.d.ts.map

package/dist/{lib/mixins/is-localized.js → i18n/lib/is-localized.mixin.js}

@@ -1,8 +1,8 @@
 import { SignalWatcher, computed } from '@lit-labs/signals';
+import { dedupeMixin } from '@odx/foundation';
 import { property } from 'lit/decorators.js';
-import { dedupeMixin } from './dedupe-mixin.js';
-import { getLocale } from '../utils/localization.js';
-import { formatDate, formatNumber, formatList, formatRelativeTime } from '../utils/format.js';
+import { formatDate, formatNumber, formatList, formatRelativeTime } from './format.js';
+import { getLocale } from './localization.js';
 
 var __defProp = Object.defineProperty;
 var __decorateClass = (decorators, target, key, kind) => {
@@ -19,16 +19,16 @@ const IsLocalized = dedupeMixin((superClass) => {
       super(...arguments);
       this.locale = computed(() => getLocale(this.lang));
     }
-    formatDate(input, options) {
+    formatDate(...[input, options]) {
       return formatDate(input, { ...options, locale: options?.locale ?? this.locale.get() });
     }
-    formatNumber(input, options) {
+    formatNumber(...[input, options]) {
       return formatNumber(input, { ...options, locale: options?.locale ?? this.locale.get() });
     }
-    formatList(input, options) {
+    formatList(...[input, options]) {
       return formatList(input, { ...options, locale: options?.locale ?? this.locale.get() });
     }
-    formatRelativeTime(input, options) {
+    formatRelativeTime(...[input, options]) {
       return formatRelativeTime(input, { ...options, locale: options?.locale ?? this.locale.get() });
     }
   }