@peektravel/app-utilities 0.7.1 → 0.7.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -207,10 +207,40 @@ declare class OdyCard extends OdyElement {
207
207
  protected render(): void;
208
208
  }
209
209
 
210
- /** `<ody-divider>` — a 1px horizontal rule that fills its container width. */
210
+ /** Vertical rhythm for `<ody-horizontal-divider>`. */
211
+ type OdyDividerSpacing = 'tight' | 'none';
212
+ /**
213
+ * `<ody-divider>` — a 1px horizontal rule that fills its container width.
214
+ *
215
+ * @deprecated Use `<ody-horizontal-divider>` instead. This element renders with
216
+ * **zero** vertical margin, so every consumer has to add spacing around it.
217
+ * `<ody-horizontal-divider>` carries a sensible default `margin-block` (with
218
+ * `spacing="tight"` / `spacing="none"` opt-outs). Kept for backwards
219
+ * compatibility; it will not change its spacing-neutral behaviour.
220
+ */
211
221
  declare class OdyDivider extends OdyElement {
212
222
  protected render(): void;
213
223
  }
224
+ /**
225
+ * `<ody-horizontal-divider>` — a 1px horizontal rule that fills its container
226
+ * width **and carries its own vertical rhythm**. A separator whose only job is
227
+ * to separate should not render with zero separation, so this defaults to
228
+ * `margin-block: var(--gap16)`.
229
+ *
230
+ * Attributes:
231
+ * - `spacing` — `tight` (`--gap8`) | `none` (`0`); default is the normal
232
+ * `--gap16` rhythm.
233
+ *
234
+ * Example:
235
+ * ```html
236
+ * <ody-horizontal-divider></ody-horizontal-divider>
237
+ * <ody-horizontal-divider spacing="tight"></ody-horizontal-divider>
238
+ * ```
239
+ */
240
+ declare class OdyHorizontalDivider extends OdyElement {
241
+ static observedAttributes: string[];
242
+ protected render(): void;
243
+ }
214
244
 
215
245
  type OdyStatusDotColor = 'green' | 'blue' | 'orange';
216
246
  /**
@@ -584,7 +614,14 @@ declare class OdyTwoColumnSecondaryHeader extends OdyElement {
584
614
  }
585
615
 
586
616
  /**
587
- * `<ody-page-container>` — the standard responsive page wrapper. **Every app
617
+ * `<ody-page-container>` —
618
+ * @deprecated Use `<ody-app-page-container>` instead. This element is
619
+ * **full-bleed** — it ships no side gutters, so every settings UI has to add
620
+ * its own edge padding. `<ody-app-page-container>` bakes in responsive gutters
621
+ * (with a `flush` opt-out) while keeping the same widths and container context.
622
+ * Kept for backwards compatibility; it will not change its full-bleed behaviour.
623
+ *
624
+ * The standard responsive page wrapper. **Every app
588
625
  * settings UI must wrap its content in this element** so the page matches the
589
626
  * two canonical iframe widths the settings host renders at: **868px** (narrow)
590
627
  * and **1310px** (wide).
@@ -624,6 +661,43 @@ declare class OdyTwoColumnSecondaryHeader extends OdyElement {
624
661
  declare class OdyPageContainer extends OdyElement {
625
662
  protected render(): void;
626
663
  }
664
+ /**
665
+ * `<ody-app-page-container>` — the standard responsive page wrapper for an app
666
+ * settings UI, and the padded successor to `<ody-page-container>`. It does
667
+ * everything that element does — fills the parent iframe (`width: 100%`), caps
668
+ * and centres at 1310px, and establishes the `ody-page` CSS **container
669
+ * context** so content can adapt between the two canonical widths (**868px**
670
+ * narrow, **1310px** wide) with container queries — but it also ships a
671
+ * **default responsive gutter** so consumers stop re-solving edge padding in a
672
+ * wrapper `<div>` on every screen: `var(--gap24)` at the wide width, tightening
673
+ * to `var(--gap16)` at/below 868px.
674
+ *
675
+ * **Design for 868px first — it is the default.** Optimise every settings
676
+ * layout for the narrow 868px width, then ensure it *also* renders correctly at
677
+ * 1310px; never design 1310px-first and let it degrade.
678
+ *
679
+ * ```css
680
+ * .my-settings-grid { grid-template-columns: 1fr; } // default 868px
681
+ * @container ody-page (min-width: 1310px) { // expanded view
682
+ * .my-settings-grid { grid-template-columns: 1fr 1fr; }
683
+ * }
684
+ * ```
685
+ *
686
+ * Attributes:
687
+ * - `flush` — remove the default gutter and render edge-to-edge, for the rare
688
+ * layout that truly wants full-bleed content.
689
+ *
690
+ * Example:
691
+ * ```html
692
+ * <ody-app-page-container>
693
+ * …settings UI…
694
+ * </ody-app-page-container>
695
+ * ```
696
+ */
697
+ declare class OdyAppPageContainer extends OdyElement {
698
+ static observedAttributes: string[];
699
+ protected render(): void;
700
+ }
627
701
 
628
702
  /**
629
703
  * `<ody-collapsible-section>` — a titled section that expands/collapses on
@@ -1635,4 +1709,4 @@ declare function removePortal(node: Node): void;
1635
1709
  */
1636
1710
  declare function position(anchor: Element, floating: Element, placement?: OdyPlacement, gap?: number): OdyPosition;
1637
1711
 
1638
- export { OdyAccordion, OdyAlert, type OdyAlertVariant, OdyBrandIcon, type OdyBrandIconSize, OdyBreadcrumb, OdyBreadcrumbItem, OdyButton, type OdyButtonAppearance, type OdyButtonSize, type OdyButtonVariant, OdyCard, OdyCheckInStatus, type OdyCheckInStatusValue, OdyCheckbox, OdyCheckboxGroup, type OdyCheckboxGroupSize, type OdyCheckboxOption, type OdyCheckboxSize, OdyCollapsible, OdyCollapsibleCollapsed, OdyCollapsibleContent, OdyCollapsibleSection, OdyCopyButton, type OdyDateDisallowed, OdyDatePicker, type OdyDatePreset, OdyDivider, OdyDropdownMulti, OdyDropdownSingle, OdyElement, OdyEmptyState, type OdyEmptyStateVariant, OdyIcon, type OdyIconData, type OdyIconSize, OdyInlineInput, type OdyInlineInputSize, OdyInlineList, OdyInlineListItem, type OdyInlineListSeparator, OdyInput, type OdyInputSize, type OdyInputState, OdyListItem, OdyLoadingBar, OdyLoadingSpinner, OdyMessage, OdyModal, type OdyModalSize, OdyMoneyInput, type OdyMoneyInputSize, OdyOption, OdyPageContainer, OdyPanel, OdyPercentageInput, type OdyPercentageInputSize, type OdyPlacement, OdyPopover, type OdyPosition, OdyProductIndicator, type OdyProductIndicatorSize, OdyRadioButtonGroup, type OdyRadioButtonGroupSize, type OdyRadioOption, OdySearchInput, type OdySearchInputSize, OdySectionColumnItem, OdySectionColumns, type OdySectionGap, OdySectionRowItem, OdySectionRows, type OdySectionVerticalAlign, OdySelectBase, type OdySelectOption, type OdySortDirection$1 as OdySortDirection, type OdySpinnerSize, OdySplitButton, OdyStat, OdyStatDetail, OdyStatSummary, OdyStatSummaryDetail, type OdyStatTone, OdyStatusDot, type OdyStatusDotColor, type OdyTabDef, OdyTable, type OdyTableAlign, type OdyTableColumn, OdyTableHeader, type OdyTableRow, type OdyTableRowClickDetail, type OdyTableSelectionChangeDetail, type OdyTableSortChangeDetail, type OdySortDirection as OdyTableSortDirection, OdyTabs, type OdyTabsPosition, type OdyTabsSize, OdyTag, type OdyTagColor, type OdyTagSize, type OdyTagVariant, type OdyTermKey, type OdyTerms, OdyToastHost, type OdyToastOptions, type OdyToastVariant, OdyToggleButton, type OdyToggleButtonSize, type OdyToggleOption, OdyTooltip, OdyTwoColumn, OdyTwoColumnMain, OdyTwoColumnSecondary, OdyTwoColumnSecondaryHeader, brandIconNames, brandIconSvg, classes, define, escapeHtml, hasBrandIcon, hasIcon, iconNames, iconSvg, parseOptions, portal, position, registerIcon, registerTranslation, removePortal, renderIconSvg, toast };
1712
+ export { OdyAccordion, OdyAlert, type OdyAlertVariant, OdyAppPageContainer, OdyBrandIcon, type OdyBrandIconSize, OdyBreadcrumb, OdyBreadcrumbItem, OdyButton, type OdyButtonAppearance, type OdyButtonSize, type OdyButtonVariant, OdyCard, OdyCheckInStatus, type OdyCheckInStatusValue, OdyCheckbox, OdyCheckboxGroup, type OdyCheckboxGroupSize, type OdyCheckboxOption, type OdyCheckboxSize, OdyCollapsible, OdyCollapsibleCollapsed, OdyCollapsibleContent, OdyCollapsibleSection, OdyCopyButton, type OdyDateDisallowed, OdyDatePicker, type OdyDatePreset, OdyDivider, type OdyDividerSpacing, OdyDropdownMulti, OdyDropdownSingle, OdyElement, OdyEmptyState, type OdyEmptyStateVariant, OdyHorizontalDivider, OdyIcon, type OdyIconData, type OdyIconSize, OdyInlineInput, type OdyInlineInputSize, OdyInlineList, OdyInlineListItem, type OdyInlineListSeparator, OdyInput, type OdyInputSize, type OdyInputState, OdyListItem, OdyLoadingBar, OdyLoadingSpinner, OdyMessage, OdyModal, type OdyModalSize, OdyMoneyInput, type OdyMoneyInputSize, OdyOption, OdyPageContainer, OdyPanel, OdyPercentageInput, type OdyPercentageInputSize, type OdyPlacement, OdyPopover, type OdyPosition, OdyProductIndicator, type OdyProductIndicatorSize, OdyRadioButtonGroup, type OdyRadioButtonGroupSize, type OdyRadioOption, OdySearchInput, type OdySearchInputSize, OdySectionColumnItem, OdySectionColumns, type OdySectionGap, OdySectionRowItem, OdySectionRows, type OdySectionVerticalAlign, OdySelectBase, type OdySelectOption, type OdySortDirection$1 as OdySortDirection, type OdySpinnerSize, OdySplitButton, OdyStat, OdyStatDetail, OdyStatSummary, OdyStatSummaryDetail, type OdyStatTone, OdyStatusDot, type OdyStatusDotColor, type OdyTabDef, OdyTable, type OdyTableAlign, type OdyTableColumn, OdyTableHeader, type OdyTableRow, type OdyTableRowClickDetail, type OdyTableSelectionChangeDetail, type OdyTableSortChangeDetail, type OdySortDirection as OdyTableSortDirection, OdyTabs, type OdyTabsPosition, type OdyTabsSize, OdyTag, type OdyTagColor, type OdyTagSize, type OdyTagVariant, type OdyTermKey, type OdyTerms, OdyToastHost, type OdyToastOptions, type OdyToastVariant, OdyToggleButton, type OdyToggleButtonSize, type OdyToggleOption, OdyTooltip, OdyTwoColumn, OdyTwoColumnMain, OdyTwoColumnSecondary, OdyTwoColumnSecondaryHeader, brandIconNames, brandIconSvg, classes, define, escapeHtml, hasBrandIcon, hasIcon, iconNames, iconSvg, parseOptions, portal, position, registerIcon, registerTranslation, removePortal, renderIconSvg, toast };
@@ -207,10 +207,40 @@ declare class OdyCard extends OdyElement {
207
207
  protected render(): void;
208
208
  }
209
209
 
210
- /** `<ody-divider>` — a 1px horizontal rule that fills its container width. */
210
+ /** Vertical rhythm for `<ody-horizontal-divider>`. */
211
+ type OdyDividerSpacing = 'tight' | 'none';
212
+ /**
213
+ * `<ody-divider>` — a 1px horizontal rule that fills its container width.
214
+ *
215
+ * @deprecated Use `<ody-horizontal-divider>` instead. This element renders with
216
+ * **zero** vertical margin, so every consumer has to add spacing around it.
217
+ * `<ody-horizontal-divider>` carries a sensible default `margin-block` (with
218
+ * `spacing="tight"` / `spacing="none"` opt-outs). Kept for backwards
219
+ * compatibility; it will not change its spacing-neutral behaviour.
220
+ */
211
221
  declare class OdyDivider extends OdyElement {
212
222
  protected render(): void;
213
223
  }
224
+ /**
225
+ * `<ody-horizontal-divider>` — a 1px horizontal rule that fills its container
226
+ * width **and carries its own vertical rhythm**. A separator whose only job is
227
+ * to separate should not render with zero separation, so this defaults to
228
+ * `margin-block: var(--gap16)`.
229
+ *
230
+ * Attributes:
231
+ * - `spacing` — `tight` (`--gap8`) | `none` (`0`); default is the normal
232
+ * `--gap16` rhythm.
233
+ *
234
+ * Example:
235
+ * ```html
236
+ * <ody-horizontal-divider></ody-horizontal-divider>
237
+ * <ody-horizontal-divider spacing="tight"></ody-horizontal-divider>
238
+ * ```
239
+ */
240
+ declare class OdyHorizontalDivider extends OdyElement {
241
+ static observedAttributes: string[];
242
+ protected render(): void;
243
+ }
214
244
 
215
245
  type OdyStatusDotColor = 'green' | 'blue' | 'orange';
216
246
  /**
@@ -584,7 +614,14 @@ declare class OdyTwoColumnSecondaryHeader extends OdyElement {
584
614
  }
585
615
 
586
616
  /**
587
- * `<ody-page-container>` — the standard responsive page wrapper. **Every app
617
+ * `<ody-page-container>` —
618
+ * @deprecated Use `<ody-app-page-container>` instead. This element is
619
+ * **full-bleed** — it ships no side gutters, so every settings UI has to add
620
+ * its own edge padding. `<ody-app-page-container>` bakes in responsive gutters
621
+ * (with a `flush` opt-out) while keeping the same widths and container context.
622
+ * Kept for backwards compatibility; it will not change its full-bleed behaviour.
623
+ *
624
+ * The standard responsive page wrapper. **Every app
588
625
  * settings UI must wrap its content in this element** so the page matches the
589
626
  * two canonical iframe widths the settings host renders at: **868px** (narrow)
590
627
  * and **1310px** (wide).
@@ -624,6 +661,43 @@ declare class OdyTwoColumnSecondaryHeader extends OdyElement {
624
661
  declare class OdyPageContainer extends OdyElement {
625
662
  protected render(): void;
626
663
  }
664
+ /**
665
+ * `<ody-app-page-container>` — the standard responsive page wrapper for an app
666
+ * settings UI, and the padded successor to `<ody-page-container>`. It does
667
+ * everything that element does — fills the parent iframe (`width: 100%`), caps
668
+ * and centres at 1310px, and establishes the `ody-page` CSS **container
669
+ * context** so content can adapt between the two canonical widths (**868px**
670
+ * narrow, **1310px** wide) with container queries — but it also ships a
671
+ * **default responsive gutter** so consumers stop re-solving edge padding in a
672
+ * wrapper `<div>` on every screen: `var(--gap24)` at the wide width, tightening
673
+ * to `var(--gap16)` at/below 868px.
674
+ *
675
+ * **Design for 868px first — it is the default.** Optimise every settings
676
+ * layout for the narrow 868px width, then ensure it *also* renders correctly at
677
+ * 1310px; never design 1310px-first and let it degrade.
678
+ *
679
+ * ```css
680
+ * .my-settings-grid { grid-template-columns: 1fr; } // default 868px
681
+ * @container ody-page (min-width: 1310px) { // expanded view
682
+ * .my-settings-grid { grid-template-columns: 1fr 1fr; }
683
+ * }
684
+ * ```
685
+ *
686
+ * Attributes:
687
+ * - `flush` — remove the default gutter and render edge-to-edge, for the rare
688
+ * layout that truly wants full-bleed content.
689
+ *
690
+ * Example:
691
+ * ```html
692
+ * <ody-app-page-container>
693
+ * …settings UI…
694
+ * </ody-app-page-container>
695
+ * ```
696
+ */
697
+ declare class OdyAppPageContainer extends OdyElement {
698
+ static observedAttributes: string[];
699
+ protected render(): void;
700
+ }
627
701
 
628
702
  /**
629
703
  * `<ody-collapsible-section>` — a titled section that expands/collapses on
@@ -1635,4 +1709,4 @@ declare function removePortal(node: Node): void;
1635
1709
  */
1636
1710
  declare function position(anchor: Element, floating: Element, placement?: OdyPlacement, gap?: number): OdyPosition;
1637
1711
 
1638
- export { OdyAccordion, OdyAlert, type OdyAlertVariant, OdyBrandIcon, type OdyBrandIconSize, OdyBreadcrumb, OdyBreadcrumbItem, OdyButton, type OdyButtonAppearance, type OdyButtonSize, type OdyButtonVariant, OdyCard, OdyCheckInStatus, type OdyCheckInStatusValue, OdyCheckbox, OdyCheckboxGroup, type OdyCheckboxGroupSize, type OdyCheckboxOption, type OdyCheckboxSize, OdyCollapsible, OdyCollapsibleCollapsed, OdyCollapsibleContent, OdyCollapsibleSection, OdyCopyButton, type OdyDateDisallowed, OdyDatePicker, type OdyDatePreset, OdyDivider, OdyDropdownMulti, OdyDropdownSingle, OdyElement, OdyEmptyState, type OdyEmptyStateVariant, OdyIcon, type OdyIconData, type OdyIconSize, OdyInlineInput, type OdyInlineInputSize, OdyInlineList, OdyInlineListItem, type OdyInlineListSeparator, OdyInput, type OdyInputSize, type OdyInputState, OdyListItem, OdyLoadingBar, OdyLoadingSpinner, OdyMessage, OdyModal, type OdyModalSize, OdyMoneyInput, type OdyMoneyInputSize, OdyOption, OdyPageContainer, OdyPanel, OdyPercentageInput, type OdyPercentageInputSize, type OdyPlacement, OdyPopover, type OdyPosition, OdyProductIndicator, type OdyProductIndicatorSize, OdyRadioButtonGroup, type OdyRadioButtonGroupSize, type OdyRadioOption, OdySearchInput, type OdySearchInputSize, OdySectionColumnItem, OdySectionColumns, type OdySectionGap, OdySectionRowItem, OdySectionRows, type OdySectionVerticalAlign, OdySelectBase, type OdySelectOption, type OdySortDirection$1 as OdySortDirection, type OdySpinnerSize, OdySplitButton, OdyStat, OdyStatDetail, OdyStatSummary, OdyStatSummaryDetail, type OdyStatTone, OdyStatusDot, type OdyStatusDotColor, type OdyTabDef, OdyTable, type OdyTableAlign, type OdyTableColumn, OdyTableHeader, type OdyTableRow, type OdyTableRowClickDetail, type OdyTableSelectionChangeDetail, type OdyTableSortChangeDetail, type OdySortDirection as OdyTableSortDirection, OdyTabs, type OdyTabsPosition, type OdyTabsSize, OdyTag, type OdyTagColor, type OdyTagSize, type OdyTagVariant, type OdyTermKey, type OdyTerms, OdyToastHost, type OdyToastOptions, type OdyToastVariant, OdyToggleButton, type OdyToggleButtonSize, type OdyToggleOption, OdyTooltip, OdyTwoColumn, OdyTwoColumnMain, OdyTwoColumnSecondary, OdyTwoColumnSecondaryHeader, brandIconNames, brandIconSvg, classes, define, escapeHtml, hasBrandIcon, hasIcon, iconNames, iconSvg, parseOptions, portal, position, registerIcon, registerTranslation, removePortal, renderIconSvg, toast };
1712
+ export { OdyAccordion, OdyAlert, type OdyAlertVariant, OdyAppPageContainer, OdyBrandIcon, type OdyBrandIconSize, OdyBreadcrumb, OdyBreadcrumbItem, OdyButton, type OdyButtonAppearance, type OdyButtonSize, type OdyButtonVariant, OdyCard, OdyCheckInStatus, type OdyCheckInStatusValue, OdyCheckbox, OdyCheckboxGroup, type OdyCheckboxGroupSize, type OdyCheckboxOption, type OdyCheckboxSize, OdyCollapsible, OdyCollapsibleCollapsed, OdyCollapsibleContent, OdyCollapsibleSection, OdyCopyButton, type OdyDateDisallowed, OdyDatePicker, type OdyDatePreset, OdyDivider, type OdyDividerSpacing, OdyDropdownMulti, OdyDropdownSingle, OdyElement, OdyEmptyState, type OdyEmptyStateVariant, OdyHorizontalDivider, OdyIcon, type OdyIconData, type OdyIconSize, OdyInlineInput, type OdyInlineInputSize, OdyInlineList, OdyInlineListItem, type OdyInlineListSeparator, OdyInput, type OdyInputSize, type OdyInputState, OdyListItem, OdyLoadingBar, OdyLoadingSpinner, OdyMessage, OdyModal, type OdyModalSize, OdyMoneyInput, type OdyMoneyInputSize, OdyOption, OdyPageContainer, OdyPanel, OdyPercentageInput, type OdyPercentageInputSize, type OdyPlacement, OdyPopover, type OdyPosition, OdyProductIndicator, type OdyProductIndicatorSize, OdyRadioButtonGroup, type OdyRadioButtonGroupSize, type OdyRadioOption, OdySearchInput, type OdySearchInputSize, OdySectionColumnItem, OdySectionColumns, type OdySectionGap, OdySectionRowItem, OdySectionRows, type OdySectionVerticalAlign, OdySelectBase, type OdySelectOption, type OdySortDirection$1 as OdySortDirection, type OdySpinnerSize, OdySplitButton, OdyStat, OdyStatDetail, OdyStatSummary, OdyStatSummaryDetail, type OdyStatTone, OdyStatusDot, type OdyStatusDotColor, type OdyTabDef, OdyTable, type OdyTableAlign, type OdyTableColumn, OdyTableHeader, type OdyTableRow, type OdyTableRowClickDetail, type OdyTableSelectionChangeDetail, type OdyTableSortChangeDetail, type OdySortDirection as OdyTableSortDirection, OdyTabs, type OdyTabsPosition, type OdyTabsSize, OdyTag, type OdyTagColor, type OdyTagSize, type OdyTagVariant, type OdyTermKey, type OdyTerms, OdyToastHost, type OdyToastOptions, type OdyToastVariant, OdyToggleButton, type OdyToggleButtonSize, type OdyToggleOption, OdyTooltip, OdyTwoColumn, OdyTwoColumnMain, OdyTwoColumnSecondary, OdyTwoColumnSecondaryHeader, brandIconNames, brandIconSvg, classes, define, escapeHtml, hasBrandIcon, hasIcon, iconNames, iconSvg, parseOptions, portal, position, registerIcon, registerTranslation, removePortal, renderIconSvg, toast };
package/dist/ui/index.js CHANGED
@@ -967,7 +967,20 @@ var OdyDivider = class extends OdyElement {
967
967
  this.mount('<span class="ody-divider"></span>');
968
968
  }
969
969
  };
970
+ var OdyHorizontalDivider = class extends OdyElement {
971
+ static observedAttributes = ["spacing"];
972
+ render() {
973
+ const spacing = this.attr("spacing");
974
+ const cls = classes(
975
+ "ody-horizontal-divider",
976
+ spacing === "tight" && "ody-horizontal-divider--tight",
977
+ spacing === "none" && "ody-horizontal-divider--none"
978
+ );
979
+ this.mount(`<span class="${cls}"></span>`);
980
+ }
981
+ };
970
982
  define("ody-divider", OdyDivider);
983
+ define("ody-horizontal-divider", OdyHorizontalDivider);
971
984
 
972
985
  // src/ui/components/status-dot.ts
973
986
  var OdyStatusDot = class extends OdyElement {
@@ -1426,7 +1439,18 @@ var OdyPageContainer = class extends OdyElement {
1426
1439
  this.mount(`<div class="ody-page-container" data-ody-slot></div>`);
1427
1440
  }
1428
1441
  };
1442
+ var OdyAppPageContainer = class extends OdyElement {
1443
+ static observedAttributes = ["flush"];
1444
+ render() {
1445
+ const cls = classes(
1446
+ "ody-app-page-container",
1447
+ this.flag("flush") && "ody-app-page-container--flush"
1448
+ );
1449
+ this.mount(`<div class="${cls}" data-ody-slot></div>`);
1450
+ }
1451
+ };
1429
1452
  define("ody-page-container", OdyPageContainer);
1453
+ define("ody-app-page-container", OdyAppPageContainer);
1430
1454
 
1431
1455
  // src/ui/components/collapsible-section.ts
1432
1456
  var OdyCollapsibleSection = class extends OdyElement {
@@ -4354,6 +4378,6 @@ var OdyBrandIcon = class extends OdyElement {
4354
4378
  };
4355
4379
  define("ody-brand-icon", OdyBrandIcon);
4356
4380
 
4357
- export { OdyAccordion, OdyAlert, OdyBrandIcon, OdyBreadcrumb, OdyBreadcrumbItem, OdyButton, OdyCard, OdyCheckInStatus, OdyCheckbox, OdyCheckboxGroup, OdyCollapsible, OdyCollapsibleCollapsed, OdyCollapsibleContent, OdyCollapsibleSection, OdyCopyButton, OdyDatePicker, OdyDivider, OdyDropdownMulti, OdyDropdownSingle, OdyElement, OdyEmptyState, OdyIcon, OdyInlineInput, OdyInlineList, OdyInlineListItem, OdyInput, OdyListItem, OdyLoadingBar, OdyLoadingSpinner, OdyMessage, OdyModal, OdyMoneyInput, OdyOption, OdyPageContainer, OdyPanel, OdyPercentageInput, OdyPopover, OdyProductIndicator, OdyRadioButtonGroup, OdySearchInput, OdySectionColumnItem, OdySectionColumns, OdySectionRowItem, OdySectionRows, OdySelectBase, OdySplitButton, OdyStat, OdyStatDetail, OdyStatSummary, OdyStatSummaryDetail, OdyStatusDot, OdyTable, OdyTableHeader, OdyTabs, OdyTag, OdyToastHost, OdyToggleButton, OdyTooltip, OdyTwoColumn, OdyTwoColumnMain, OdyTwoColumnSecondary, OdyTwoColumnSecondaryHeader, brandIconNames, brandIconSvg, classes, define, escapeHtml, hasBrandIcon, hasIcon, iconNames, iconSvg, parseOptions3 as parseOptions, portal, position, registerIcon, registerTranslation, removePortal, renderIconSvg, toast };
4381
+ export { OdyAccordion, OdyAlert, OdyAppPageContainer, OdyBrandIcon, OdyBreadcrumb, OdyBreadcrumbItem, OdyButton, OdyCard, OdyCheckInStatus, OdyCheckbox, OdyCheckboxGroup, OdyCollapsible, OdyCollapsibleCollapsed, OdyCollapsibleContent, OdyCollapsibleSection, OdyCopyButton, OdyDatePicker, OdyDivider, OdyDropdownMulti, OdyDropdownSingle, OdyElement, OdyEmptyState, OdyHorizontalDivider, OdyIcon, OdyInlineInput, OdyInlineList, OdyInlineListItem, OdyInput, OdyListItem, OdyLoadingBar, OdyLoadingSpinner, OdyMessage, OdyModal, OdyMoneyInput, OdyOption, OdyPageContainer, OdyPanel, OdyPercentageInput, OdyPopover, OdyProductIndicator, OdyRadioButtonGroup, OdySearchInput, OdySectionColumnItem, OdySectionColumns, OdySectionRowItem, OdySectionRows, OdySelectBase, OdySplitButton, OdyStat, OdyStatDetail, OdyStatSummary, OdyStatSummaryDetail, OdyStatusDot, OdyTable, OdyTableHeader, OdyTabs, OdyTag, OdyToastHost, OdyToggleButton, OdyTooltip, OdyTwoColumn, OdyTwoColumnMain, OdyTwoColumnSecondary, OdyTwoColumnSecondaryHeader, brandIconNames, brandIconSvg, classes, define, escapeHtml, hasBrandIcon, hasIcon, iconNames, iconSvg, parseOptions3 as parseOptions, portal, position, registerIcon, registerTranslation, removePortal, renderIconSvg, toast };
4358
4382
  //# sourceMappingURL=index.js.map
4359
4383
  //# sourceMappingURL=index.js.map