@odx/foundation 1.0.0-beta.242 → 1.0.0-beta.245

package/dist/breakpoints/utils.d.ts

@@ -1,4 +1,4 @@
-import { Signal } from '../signals/main.js';
+import { Signal } from '../main.js';
 import { Breakpoint, BreakpointConfig, BreakpointOperator } from './types.js';
 export declare const breakpointDirective: import('../utils/main.js').StringAttributeDirective<"odx-breakpoint">;
 export declare const breakpointClassDirective: import('../utils/main.js').StringAttributeDirective<"odx-breakpoint-class">;

package/dist/breakpoints.js

@@ -1,4 +1,4 @@
-import { signal, effect } from '@odx/foundation/signals';
+import { signal, effect } from '@odx/foundation';
 import { stringAttributeDirective, observeMedia } from '@odx/foundation/utils';
 
 const operators = ["<", "<=", ">=", ">"];
@@ -33,6 +33,7 @@ function observeBreakpoint(breakpoint, initialValue = false) {
     {
       unwatched: () => {
         unobserveMedia?.();
+        unobserveMedia = void 0;
       },
       watched() {
         unobserveMedia = observeMedia(breakpoint.query, ({ matches }) => {

package/dist/components/accordion/accordion.d.ts

@@ -6,6 +6,18 @@ declare global {
         'odx-accordion': OdxAccordion;
     }
 }
+/**
+ * @summary A container for grouping a set of accordion items and panels.
+ * @status beta
+ * @since 1.0.0
+ *
+ * @dependency odx-accordion-item
+ *
+ * @slot - Default slot for accordion items and panels.
+ *
+ * @event expand - Emitted when an accordion item is expanded. Can be canceled to prevent expansion.
+ * @event collapse - Emitted when an accordion item is collapsed. Can be canceled to prevent collapse.
+ */
 export declare class OdxAccordion extends CustomElement implements ExpandableItemManagerHost<OdxAccordionItem> {
     #private;
     indicatorPosition: AccordionItemIndicatorPosition;

package/dist/components/accordion-item/accordion-item.d.ts

@@ -19,7 +19,7 @@ export declare class OdxAccordionItem extends OdxAccordionItem_base {
     getPanel(): OdxAccordionPanel | null;
     connectedCallback(): void;
     protected renderContent(): TemplateResult;
-    protected willUpdate(props: PropertyValues<this>): void;
+    protected updated(props: PropertyValues<this>): void;
 }
 export {};
 //# sourceMappingURL=accordion-item.d.ts.map

package/dist/components/card/card.d.ts

@@ -22,6 +22,7 @@ export declare const CardVariant: Pick<{
 declare const OdxCard_base: import('../../utils/main.js').Constructor<CanBeDisabled> & typeof CustomElement;
 export declare class OdxCard extends OdxCard_base {
     #private;
+    static observeSlots: boolean;
     interactive: boolean;
     variant: CardVariant;
     protected updated(props: PropertyValues<this>): void;

package/dist/components/empty-state/empty-state.d.ts

@@ -36,6 +36,7 @@ export declare const EmptyStateVariant: Pick<{
     readonly GHOST: "ghost";
 }, "NEUTRAL" | "NEUTRAL_SUBTLE" | "DANGER">;
 export declare class OdxEmptyState extends CustomElement {
+    static observeSlots: boolean;
     alignment: EmptyStateAlignment;
     icon?: OdxIconName;
     size: EmptyStateSize;

package/dist/components/format/{index.d.ts → format.d.ts}

@@ -3,4 +3,4 @@ export * from './format-bytes.js';
 export * from './format-date.js';
 export * from './format-number.js';
 export * from './relative-time.js';
-//# sourceMappingURL=index.d.ts.map
+//# sourceMappingURL=format.d.ts.map

package/dist/components/header/header.d.ts

@@ -17,6 +17,7 @@ export declare const HeaderSize: Pick<{
 }, "SM" | "MD" | "LG">;
 export declare class OdxHeader extends CustomElement {
     #private;
+    static observeSlots: boolean;
     size: HeaderSize;
     connectedCallback(): void;
     protected render(): TemplateResult;

package/dist/components/key-value/key-value.d.ts

@@ -40,6 +40,7 @@ export declare const KeyValueVariant: Pick<{
     readonly GHOST: "ghost";
 }, "NEUTRAL" | "ACCENT" | "SUCCESS" | "DANGER">;
 export declare class OdxKeyValue extends CustomElement {
+    static observeSlots: boolean;
     alignment: KeyValueAlignment;
     key: string;
     layout: KeyValueLayout;

package/dist/components/loading-spinner/loading-spinner.d.ts

@@ -13,6 +13,7 @@ export declare const LoadingSpinnerType: {
     readonly INLINE: "inline";
 };
 export declare class OdxLoadingSpinner extends CustomElement {
+    static observeSlots: boolean;
     type: LoadingSpinnerType;
     protected render(): TemplateResult;
 }

package/dist/components/main-menu/main-menu.d.ts

@@ -5,8 +5,10 @@ declare global {
         'odx-main-menu': OdxMainMenu;
     }
 }
+export * from './main-menu-button.js';
 export declare class OdxMainMenu extends CustomElement {
     #private;
+    static observeSlots: boolean;
     protected render(): TemplateResult;
 }
 //# sourceMappingURL=main-menu.d.ts.map

package/dist/components/main.d.ts

@@ -3,7 +3,7 @@ export * from './accordion-item/accordion-item.js';
 export * from './accordion-panel/accordion-panel.js';
 export * from './action-button/action-button.js';
 export * from './action-group/action-group.js';
-export * from './anchor-navigation/index.js';
+export * from './anchor-navigation/anchor-navigation.js';
 export * from './area-footer/area-footer.js';
 export * from './area-header/area-header.js';
 export * from './autocomplete/autocomplete.js';
@@ -20,9 +20,9 @@ export * from './drawer/drawer.js';
 export * from './dropdown/dropdown.js';
 export * from './empty-state/empty-state.js';
 export * from './form-field/form-field.js';
-export * from './format/index.js';
+export * from './format/format.js';
 export * from './gradient-overlay/gradient-overlay.js';
-export * from './header/index.js';
+export * from './header/header.js';
 export * from './highlight/highlight.js';
 export * from './icon-button/icon-button.js';
 export * from './image/image.js';
@@ -38,7 +38,7 @@ export * from './list-item/list-item.js';
 export * from './loading-overlay/loading-overlay.js';
 export * from './loading-spinner/loading-spinner.js';
 export * from './logo/logo.js';
-export * from './main-menu/index.js';
+export * from './main-menu/main-menu.js';
 export * from './menu/menu.js';
 export * from './menu-item/menu-item.js';
 export * from './modal/modal.js';
@@ -62,12 +62,12 @@ export * from './select/select.js';
 export * from './separator/separator.js';
 export * from './sidebar/sidebar.js';
 export * from './skeleton/skeleton.js';
-export * from './slider/index.js';
+export * from './slider/slider.js';
 export * from './spinbox/spinbox.js';
 export * from './status/status.js';
 export * from './switch/switch.js';
 export * from './tab-bar/tab-bar.js';
-export * from './table/index.js';
+export * from './table/table.js';
 export * from './text/text.js';
 export * from './textarea/textarea.js';
 export * from './tile/tile.js';

package/dist/components/page-layout/page-layout.d.ts

@@ -13,6 +13,7 @@ export declare const PageLayoutAlignment: Pick<{
     readonly END: "end";
 }, "START" | "CENTER" | "END">;
 export declare class OdxPageLayout extends CustomElement {
+    static observeSlots: boolean;
     alignment: PageLayoutAlignment;
     protected render(): TemplateResult;
 }

package/dist/components/radio-button/radio-button.d.ts

@@ -1,5 +1,5 @@
-import { TemplateResult } from 'lit';
 import { OdxCheckbox } from '../main.js';
+import { TemplateResult } from 'lit';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-radio-button': OdxRadioButton;

package/dist/components/scroll-container/scroll-container.d.ts

@@ -20,6 +20,7 @@ export interface ScrollContainerChangeEvent extends Event {
  */
 export declare class OdxScrollContainer extends CustomElement {
     #private;
+    static observeSlots: boolean;
     readonly scroller: HTMLElement;
     readonly stage: HTMLElement;
     leftOverflow: boolean;

package/dist/components/sidebar/sidebar.d.ts

@@ -22,6 +22,7 @@ export declare const SidebarSize: Pick<{
     readonly XXL: "xxl";
 }, "SM" | "MD" | "LG">;
 export declare class OdxSidebar extends CustomElement {
+    static observeSlots: boolean;
     hidden: boolean;
     size?: SidebarSize;
     appearance?: 'default' | 'minimal';

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

@@ -7,6 +7,9 @@ declare global {
         'odx-slider': OdxSlider;
     }
 }
+export * from './slider.models.js';
+export * from './slider-handle.js';
+export * from './slider-marks.js';
 export declare class OdxSlider extends CustomElement {
     #private;
     protected dragController: DragController<OdxSliderHandle>;

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

@@ -1,6 +1,6 @@
+import { OdxCheckbox } from '../main.js';
 import { ValuesOf } from '../../utils/main.js';
 import { TemplateResult } from 'lit';
-import { OdxCheckbox } from '../main.js';
 declare global {
     interface HTMLElementTagNameMap {
         'odx-switch': OdxSwitch;

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

@@ -7,6 +7,12 @@ declare global {
         'odx-table': OdxTable;
     }
 }
+export * from './table-body.js';
+export * from './table-cell.js';
+export * from './table-checkbox-cell.js';
+export * from './table-header.js';
+export * from './table-header-cell.js';
+export * from './table-row.js';
 export declare class OdxTable extends CustomElement {
     #private;
     protected get headerElements(): OdxTableHeader[];

package/dist/components/textarea/textarea.d.ts

@@ -9,6 +9,7 @@ declare const OdxTextArea_base: import('../../utils/main.js').Constructor<FormAs
 export declare class OdxTextArea extends OdxTextArea_base {
     #private;
     static shadowRootOptions: ShadowRootInit;
+    static observeSlots: boolean;
     focusTarget: HTMLTextAreaElement;
     autoResize: boolean;
     placeholder: string;

package/dist/components/tile/tile.d.ts

@@ -26,6 +26,7 @@ export declare const TileAlignment: Pick<{
     readonly END: "end";
 }, "START" | "CENTER">;
 export declare class OdxTile extends CustomElement {
+    static observeSlots: boolean;
     alignment: TileAlignment;
     interactive: boolean;
     selected: boolean;