@shopify/ui-extensions 2025.10.0-rc.40 → 2025.10.0-rc.41

package/src/surfaces/point-of-sale/components.d.ts

@@ -2145,6 +2145,20 @@ export interface DateSpinnerProps
    */
   onChange?: (event: Event) => void;
 }
+export interface DividerProps extends GlobalProps {
+  /**
+   * Specify the direction of the divider. This uses [logical properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values).
+   *
+   * @default 'inline'
+   */
+  direction?: 'inline' | 'block';
+  /**
+   * Modify the color to be more or less intense.
+   *
+   * @default 'base'
+   */
+  color?: ColorKeyword;
+}
 export interface EmailFieldProps
   extends GlobalProps,
     BaseTextFieldProps,
@@ -3126,14 +3140,39 @@ interface CallbackEvent<T extends keyof HTMLElementTagNameMap> {
 
 declare const tagName$t = 's-button';
 interface ButtonJSXProps
-  extends Pick<
-    ButtonProps,
-    'disabled' | 'command' | 'commandFor' | 'loading' | 'tone' | 'variant'
-  > {
+  extends Pick<ButtonProps, 'disabled' | 'command' | 'commandFor' | 'loading'> {
+  /**
+   * Sets the action the `commandFor` should take when this clickable is activated.
+   *
+   * See the documentation of particular components for the actions they support.
+   *
+   * - `--auto`: a default action for the target component.
+   * - `--show`: shows the target component.
+   * - `--hide`: hides the target component.
+   * - `--toggle`: toggles the target component.
+   *
+   * @default '--auto'
+   *
+   * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#command
+   */
+  command?: Extract<
+    ButtonProps['command'],
+    '--auto' | '--show' | '--hide' | '--toggle'
+  >;
+  /**
+   * Sets the tone of the Button, based on the intention of the information being conveyed.
+   *
+   * @default 'auto'
+   */
   tone?: Extract<
     ButtonProps['tone'],
     'auto' | 'critical' | 'neutral' | 'warning' | 'caution'
   >;
+  /**
+   * Changes the visual appearance of the Button.
+   *
+   * @default 'auto' - the variant is automatically determined by the Button's context
+   */
   variant?: Extract<ButtonProps['variant'], 'primary' | 'secondary'>;
   onClick?: (event: CallbackEvent<typeof tagName$t>) => void;
   children?: ComponentChildren;
@@ -3175,8 +3214,92 @@ declare module 'preact' {
   }
 }
 
+type PaddingKeyword$2 = SizeKeyword | 'none';
 declare const tagName$r = 's-scroll-box';
-interface ScrollBoxJSXProps extends Pick<ScrollBoxProps, 'id'> {
+interface ScrollBoxJSXProps
+  extends Pick<
+    ScrollBoxProps,
+    | 'id'
+    | 'blockSize'
+    | 'minBlockSize'
+    | 'maxBlockSize'
+    | 'inlineSize'
+    | 'minInlineSize'
+    | 'maxInlineSize'
+  > {
+  /**
+   * Adjust the padding of all edges.
+   *
+   * [1-to-4-value syntax](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties#edges_of_a_box) is
+   * supported. Note that, contrary to the CSS, it uses flow-relative values and the order is:
+   *
+   * - 4 values: `block-start inline-end block-end inline-start`
+   * - 3 values: `block-start inline block-end`
+   * - 2 values: `block inline`
+   *
+   * For example:
+   * - `large` means block-start, inline-end, block-end and inline-start paddings are `large`.
+   * - `large none` means block-start and block-end paddings are `large`, inline-start and inline-end paddings are `none`.
+   * - `large none large` means block-start padding is `large`, inline-end padding is `none`, block-end padding is `large` and inline-start padding is `none`.
+   * - `large none large small` means block-start padding is `large`, inline-end padding is `none`, block-end padding is `large` and inline-start padding is `small`.
+   *
+   * A padding value of `auto` will use the default padding for the closest container that has had its usual padding removed.
+   *
+   * @default 'none'
+   */
+  padding?: MaybeAllValuesShorthandProperty<PaddingKeyword$2>;
+  /**
+   * Adjust the block-padding.
+   *
+   * - `large none` means block-start padding is `large`, block-end padding is `none`.
+   *
+   * This overrides the block value of `padding`.
+   *
+   * @default '' - meaning no override
+   */
+  paddingBlock?: MaybeTwoValuesShorthandProperty<PaddingKeyword$2 | ''>;
+  /**
+   * Adjust the block-start padding.
+   *
+   * This overrides the block-start value of `paddingBlock`.
+   *
+   * @default '' - meaning no override
+   */
+  paddingBlockStart?: PaddingKeyword$2 | '';
+  /**
+   * Adjust the block-end padding.
+   *
+   * This overrides the block-end value of `paddingBlock`.
+   *
+   * @default '' - meaning no override
+   */
+  paddingBlockEnd?: PaddingKeyword$2 | '';
+  /**
+   * Adjust the inline padding.
+   *
+   * - `large none` means inline-start padding is `large`, inline-end padding is `none`.
+   *
+   * This overrides the inline value of `padding`.
+   *
+   * @default '' - meaning no override
+   */
+  paddingInline?: MaybeTwoValuesShorthandProperty<PaddingKeyword$2 | ''>;
+  /**
+   * Adjust the inline-start padding.
+   *
+   * This overrides the inline-start value of `paddingInline`.
+   *
+   * @default '' - meaning no override
+   */
+  paddingInlineStart?: PaddingKeyword$2 | '';
+  /**
+   * Adjust the inline-end padding.
+   *
+   * This overrides the inline-end value of `paddingInline`.
+   *
+   * @default '' - meaning no override
+   */
+  paddingInlineEnd?: PaddingKeyword$2 | '';
   children?: ComponentChildren;
 }
 declare global {
@@ -3214,110 +3337,40 @@ declare module 'preact' {
   }
 }
 
-declare const tagName$p = 's-navigator';
-interface NavigatorJSXProps {
-  initialScreenName?: string;
-  children?: React.ReactNode;
-}
-declare global {
-  interface HTMLElementTagNameMap {
-    [tagName$p]: NavigatorJSXProps;
-  }
-}
-declare module 'preact' {
-  namespace createElement.JSX {
-    interface IntrinsicElements {
-      [tagName$p]: NavigatorJSXProps &
-        BaseElementPropsWithChildren<NavigatorJSXProps>;
-    }
-  }
-}
-
-declare const tagName$o = 's-screen';
-interface ScreenJSXProps {
-  /**
-   * Used to identify this screen as a destination in the navigation stack.
-   */
-  name: string;
-  /**
-   * The title of the screen which will be displayed on the UI.
-   */
-  title: string;
+declare const tagName$p = 's-banner';
+interface BannerJSXProps extends Pick<BannerProps, 'heading' | 'id'> {
   /**
-   * Displays a loading indicator when `true`.
-   * Set this to `true` when performing an asynchronous task, and then to false when the data becomes available to the UI.
-   */
-  isLoading?: boolean;
-  /**
-   * Dictates how the `Screen` will be presented when navigated to.
-   */
-  presentation?: ScreenPresentationProps;
-  /**
-   * Displays a secondary action button on the screen.
-   */
-  secondaryActions?: ComponentChild;
-  /**
-   * Triggered when the screen is navigated to.
-   */
-  onNavigate?: () => void;
-  /**
-   * Triggered when the user navigates back from this screen. Runs after screen is unmounted.
+   * Determines whether the banner is hidden.
    */
-  onNavigateBack?: () => void;
+  hidden?: BannerProps['hidden'];
   /**
-   * A callback that gets triggered when the navigation event completes and the screen receives the parameters.
-   */
-  onReceiveParams?: (params: any) => void;
-  children?: React.ReactNode;
-}
-/** Represents the presentation of a screen in the navigation stack.
- * @property `sheet` displays the screen from the bottom on `navigate` when `true`.
- */
-interface ScreenPresentationProps {
-  /**
-   * Displays the screen from the bottom on `navigate` when `true`.
+   * Sets the tone of the Banner, based on the intention of the information being conveyed.
    */
-  sheet?: boolean;
-}
-declare global {
-  interface HTMLElementTagNameMap {
-    [tagName$o]: ScreenJSXProps;
-  }
-}
-declare module 'preact' {
-  namespace createElement.JSX {
-    interface IntrinsicElements {
-      [tagName$o]: Omit<ScreenJSXProps, 'secondaryActions'> &
-        BaseElementPropsWithChildren<Omit<ScreenJSXProps, 'secondaryActions'>>;
-    }
-  }
-}
-
-declare const tagName$n = 's-banner';
-interface BannerJSXProps
-  extends Pick<BannerProps, 'heading' | 'hidden' | 'tone' | 'id'> {
   tone?: Extract<
     BannerProps['tone'],
     'success' | 'info' | 'warning' | 'critical'
   >;
+  /**
+   * The action taken when the Banner is pressed.
+   */
   primaryAction?: ComponentChild;
   children?: ComponentChildren;
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$n]: BannerJSXProps;
+    [tagName$p]: BannerJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$n]: Omit<BannerJSXProps, 'primaryAction'> &
+      [tagName$p]: Omit<BannerJSXProps, 'primaryAction'> &
         BaseElementPropsWithChildren<Omit<BannerJSXProps, 'primaryAction'>>;
     }
   }
 }
 
-declare const tagName$m = 's-box';
+declare const tagName$o = 's-box';
 type PaddingKeyword$1 = SizeKeyword | 'none';
 interface BoxJSXProps
   extends Pick<
@@ -3406,18 +3459,18 @@ interface BoxJSXProps
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$m]: BoxJSXProps;
+    [tagName$o]: BoxJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$m]: BoxJSXProps & BaseElementPropsWithChildren<BoxJSXProps>;
+      [tagName$o]: BoxJSXProps & BaseElementPropsWithChildren<BoxJSXProps>;
     }
   }
 }
 
-declare const tagName$l = 's-icon';
+declare const tagName$n = 's-icon';
 type SupportedIconNames = Extract<
   IconProps['type'],
   | 'alert-circle'
@@ -3555,18 +3608,18 @@ interface IconJSXProps extends Pick<IconProps, 'tone' | 'color' | 'size'> {
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$l]: IconJSXProps;
+    [tagName$n]: IconJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$l]: IconJSXProps & BaseElementProps<IconJSXProps>;
+      [tagName$n]: IconJSXProps & BaseElementProps<IconJSXProps>;
     }
   }
 }
 
-declare const tagName$k = 's-stack';
+declare const tagName$m = 's-stack';
 type PaddingKeyword = SizeKeyword | 'none';
 type PickedProps$2 = Pick<
   StackProps,
@@ -3707,18 +3760,18 @@ interface StackJSXProps extends PickedProps$2 {
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$k]: StackJSXProps;
+    [tagName$m]: StackJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$k]: StackJSXProps & BaseElementPropsWithChildren<StackJSXProps>;
+      [tagName$m]: StackJSXProps & BaseElementPropsWithChildren<StackJSXProps>;
     }
   }
 }
 
-declare const tagName$j = 's-badge';
+declare const tagName$l = 's-badge';
 interface BadgeJSXProps extends Pick<BadgeProps, 'id'> {
   tone?: Extract<
     BadgeProps['tone'],
@@ -3728,74 +3781,74 @@ interface BadgeJSXProps extends Pick<BadgeProps, 'id'> {
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$j]: BadgeJSXProps;
+    [tagName$l]: BadgeJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$j]: BadgeJSXProps & BaseElementPropsWithChildren<BadgeJSXProps>;
+      [tagName$l]: BadgeJSXProps & BaseElementPropsWithChildren<BadgeJSXProps>;
     }
   }
 }
 
-declare const tagName$i = 's-choice-list';
+declare const tagName$k = 's-choice-list';
 interface ChoiceListJSXProps
   extends Pick<ChoiceListProps, 'values' | 'multiple'> {
-  onChange?: ((event: CallbackEvent<typeof tagName$i>) => void) | null;
-  onInput?: ((event: CallbackEvent<typeof tagName$i>) => void) | null;
+  onChange?: ((event: CallbackEvent<typeof tagName$k>) => void) | null;
+  onInput?: ((event: CallbackEvent<typeof tagName$k>) => void) | null;
   children?: ComponentChildren;
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$i]: ChoiceListJSXProps;
+    [tagName$k]: ChoiceListJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$i]: ChoiceListJSXProps &
+      [tagName$k]: ChoiceListJSXProps &
         BaseElementPropsWithChildren<ChoiceListJSXProps>;
     }
   }
 }
 
-declare const tagName$h = 's-choice';
+declare const tagName$j = 's-choice';
 interface ChoiceJSXProps
   extends Pick<ChoiceProps, 'value' | 'disabled' | 'selected'> {
   children?: ComponentChildren;
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$h]: ChoiceJSXProps;
+    [tagName$j]: ChoiceJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$h]: ChoiceJSXProps &
+      [tagName$j]: ChoiceJSXProps &
         BaseElementPropsWithChildren<ChoiceJSXProps>;
     }
   }
 }
 
-declare const tagName$g = 's-modal';
+declare const tagName$i = 's-modal';
 interface ModalJSXProps extends Pick<ModalProps, 'id' | 'heading'> {
   primaryAction?: ComponentChild;
   secondaryActions?: ComponentChild;
-  onHide?: (event: CallbackEvent<typeof tagName$g>) => void | null;
-  onShow?: (event: CallbackEvent<typeof tagName$g>) => void | null;
+  onHide?: (event: CallbackEvent<typeof tagName$i>) => void | null;
+  onShow?: (event: CallbackEvent<typeof tagName$i>) => void | null;
   children?: ReactNode;
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$g]: ModalJSXProps;
+    [tagName$i]: ModalJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$g]: Omit<ModalJSXProps, 'primaryAction' | 'secondaryActions'> &
+      [tagName$i]: Omit<ModalJSXProps, 'primaryAction' | 'secondaryActions'> &
         BaseElementPropsWithChildren<
           Omit<ModalJSXProps, 'primaryAction' | 'secondaryActions'>
         >;
@@ -3803,7 +3856,7 @@ declare module 'preact' {
   }
 }
 
-declare const tagName$f = 's-text-field';
+declare const tagName$h = 's-text-field';
 interface TextFieldJSXProps
   extends Pick<
     TextFieldProps,
@@ -3816,49 +3869,49 @@ interface TextFieldJSXProps
     | 'required'
     | 'maxLength'
   > {
-  onInput?: ((event: CallbackEvent<typeof tagName$f>) => void) | null;
-  onFocus?: ((event: CallbackEvent<typeof tagName$f>) => void) | null;
-  onBlur?: ((event: CallbackEvent<typeof tagName$f>) => void) | null;
-  onChange?: ((event: CallbackEvent<typeof tagName$f>) => void) | null;
+  onInput?: ((event: CallbackEvent<typeof tagName$h>) => void) | null;
+  onFocus?: ((event: CallbackEvent<typeof tagName$h>) => void) | null;
+  onBlur?: ((event: CallbackEvent<typeof tagName$h>) => void) | null;
+  onChange?: ((event: CallbackEvent<typeof tagName$h>) => void) | null;
   accessory?: ComponentChild;
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$f]: TextFieldJSXProps;
+    [tagName$h]: TextFieldJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$f]: Omit<TextFieldJSXProps, 'accessory'> &
+      [tagName$h]: Omit<TextFieldJSXProps, 'accessory'> &
         BaseElementPropsWithChildren<Omit<TextFieldJSXProps, 'accessory'>>;
     }
   }
 }
 
-declare const tagName$e = 's-search-field';
+declare const tagName$g = 's-search-field';
 interface SearchFieldJSXProps
   extends Pick<SearchFieldProps, 'disabled' | 'placeholder' | 'value'> {
-  onFocus?: ((event: CallbackEvent<typeof tagName$e>) => void) | null;
-  onBlur?: ((event: CallbackEvent<typeof tagName$e>) => void) | null;
-  onInput?: ((event: CallbackEvent<typeof tagName$e>) => void) | null;
-  onChange?: ((event: CallbackEvent<typeof tagName$e>) => void) | null;
+  onFocus?: ((event: CallbackEvent<typeof tagName$g>) => void) | null;
+  onBlur?: ((event: CallbackEvent<typeof tagName$g>) => void) | null;
+  onInput?: ((event: CallbackEvent<typeof tagName$g>) => void) | null;
+  onChange?: ((event: CallbackEvent<typeof tagName$g>) => void) | null;
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$e]: SearchFieldJSXProps;
+    [tagName$g]: SearchFieldJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$e]: SearchFieldJSXProps &
+      [tagName$g]: SearchFieldJSXProps &
         BaseElementPropsWithChildren<SearchFieldJSXProps>;
     }
   }
 }
 
-declare const tagName$d = 's-email-field';
+declare const tagName$f = 's-email-field';
 interface EmailFieldJSXProps
   extends Pick<
     EmailFieldProps,
@@ -3871,46 +3924,46 @@ interface EmailFieldJSXProps
     | 'maxLength'
     | 'details'
   > {
-  onInput?: ((event: CallbackEvent<typeof tagName$d>) => void) | null;
-  onFocus?: ((event: CallbackEvent<typeof tagName$d>) => void) | null;
-  onBlur?: ((event: CallbackEvent<typeof tagName$d>) => void) | null;
-  onChange?: ((event: CallbackEvent<typeof tagName$d>) => void) | null;
+  onInput?: ((event: CallbackEvent<typeof tagName$f>) => void) | null;
+  onFocus?: ((event: CallbackEvent<typeof tagName$f>) => void) | null;
+  onBlur?: ((event: CallbackEvent<typeof tagName$f>) => void) | null;
+  onChange?: ((event: CallbackEvent<typeof tagName$f>) => void) | null;
   accessory?: ComponentChild;
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$d]: EmailFieldJSXProps;
+    [tagName$f]: EmailFieldJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$d]: Omit<EmailFieldJSXProps, 'accessory'> &
+      [tagName$f]: Omit<EmailFieldJSXProps, 'accessory'> &
         BaseElementPropsWithChildren<Omit<EmailFieldJSXProps, 'accessory'>>;
     }
   }
 }
 
-declare const tagName$c = 's-clickable';
+declare const tagName$e = 's-clickable';
 interface ClickableJSXProps extends Pick<ClickableProps, 'disabled'> {
   children?: ComponentChildren;
-  onClick?: (event: CallbackEvent<typeof tagName$c>) => void;
+  onClick?: (event: CallbackEvent<typeof tagName$e>) => void;
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$c]: ClickableJSXProps;
+    [tagName$e]: ClickableJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$c]: ClickableJSXProps &
+      [tagName$e]: ClickableJSXProps &
         BaseElementPropsWithChildren<ClickableJSXProps>;
     }
   }
 }
 
-declare const tagName$b = 's-text-area';
+declare const tagName$d = 's-text-area';
 interface TextAreaJSXProps
   extends Pick<
     TextAreaProps,
@@ -3924,27 +3977,27 @@ interface TextAreaJSXProps
     | 'maxLength'
     | 'rows'
   > {
-  onInput?: ((event: CallbackEvent<typeof tagName$b>) => void) | null;
-  onFocus?: ((event: CallbackEvent<typeof tagName$b>) => void) | null;
-  onBlur?: ((event: CallbackEvent<typeof tagName$b>) => void) | null;
-  onChange?: ((event: CallbackEvent<typeof tagName$b>) => void) | null;
+  onInput?: ((event: CallbackEvent<typeof tagName$d>) => void) | null;
+  onFocus?: ((event: CallbackEvent<typeof tagName$d>) => void) | null;
+  onBlur?: ((event: CallbackEvent<typeof tagName$d>) => void) | null;
+  onChange?: ((event: CallbackEvent<typeof tagName$d>) => void) | null;
   accessory?: ComponentChild;
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$b]: TextAreaJSXProps;
+    [tagName$d]: TextAreaJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$b]: Omit<TextAreaJSXProps, 'accessory'> &
+      [tagName$d]: Omit<TextAreaJSXProps, 'accessory'> &
         BaseElementPropsWithChildren<Omit<TextAreaJSXProps, 'accessory'>>;
     }
   }
 }
 
-declare const tagName$a = 's-number-field';
+declare const tagName$c = 's-number-field';
 interface PickedJSXProps
   extends Pick<
     NumberFieldProps,
@@ -3960,10 +4013,10 @@ interface PickedJSXProps
     | 'controls'
   > {
   inputMode?: Extract<NumberFieldProps['inputMode'], 'decimal' | 'numeric'>;
-  onInput?: ((event: CallbackEvent<typeof tagName$a>) => void) | null;
-  onFocus?: ((event: CallbackEvent<typeof tagName$a>) => void) | null;
-  onBlur?: ((event: CallbackEvent<typeof tagName$a>) => void) | null;
-  onChange?: ((event: CallbackEvent<typeof tagName$a>) => void) | null;
+  onInput?: ((event: CallbackEvent<typeof tagName$c>) => void) | null;
+  onFocus?: ((event: CallbackEvent<typeof tagName$c>) => void) | null;
+  onBlur?: ((event: CallbackEvent<typeof tagName$c>) => void) | null;
+  onChange?: ((event: CallbackEvent<typeof tagName$c>) => void) | null;
   accessory?: ComponentChild;
 }
 interface NumberFieldJSXProps extends PickedJSXProps {
@@ -4037,87 +4090,87 @@ interface NumberFieldJSXProps extends PickedJSXProps {
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$a]: NumberFieldJSXProps;
+    [tagName$c]: NumberFieldJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$a]: Omit<NumberFieldJSXProps, 'accessory'> &
+      [tagName$c]: Omit<NumberFieldJSXProps, 'accessory'> &
         BaseElementPropsWithChildren<Omit<NumberFieldJSXProps, 'accessory'>>;
     }
   }
 }
 
-declare const tagName$9 = 's-date-field';
+declare const tagName$b = 's-date-field';
 interface DateFieldJSXProps
   extends Pick<
     DateFieldProps,
     'label' | 'details' | 'value' | 'disabled' | 'error'
   > {
-  onInput?: ((event: CallbackEvent<typeof tagName$9>) => void) | null;
-  onFocus?: ((event: CallbackEvent<typeof tagName$9>) => void) | null;
-  onBlur?: ((event: CallbackEvent<typeof tagName$9>) => void) | null;
-  onChange?: ((event: CallbackEvent<typeof tagName$9>) => void) | null;
+  onInput?: ((event: CallbackEvent<typeof tagName$b>) => void) | null;
+  onFocus?: ((event: CallbackEvent<typeof tagName$b>) => void) | null;
+  onBlur?: ((event: CallbackEvent<typeof tagName$b>) => void) | null;
+  onChange?: ((event: CallbackEvent<typeof tagName$b>) => void) | null;
   accessory?: ComponentChild;
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$9]: DateFieldJSXProps;
+    [tagName$b]: DateFieldJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$9]: Omit<DateFieldJSXProps, 'accessory'> &
+      [tagName$b]: Omit<DateFieldJSXProps, 'accessory'> &
         BaseElementPropsWithChildren<Omit<DateFieldJSXProps, 'accessory'>>;
     }
   }
 }
 
-declare const tagName$8 = 's-date-picker';
+declare const tagName$a = 's-date-picker';
 interface DatePickerJSXProps extends Pick<DatePickerProps, 'id' | 'value'> {
-  onBlur?: (event: CallbackEvent<typeof tagName$8>) => void | null;
-  onFocus?: (event: CallbackEvent<typeof tagName$8>) => void | null;
-  onChange?: (event: CallbackEvent<typeof tagName$8>) => void | null;
-  onInput?: (event: CallbackEvent<typeof tagName$8>) => void | null;
+  onBlur?: (event: CallbackEvent<typeof tagName$a>) => void | null;
+  onFocus?: (event: CallbackEvent<typeof tagName$a>) => void | null;
+  onChange?: (event: CallbackEvent<typeof tagName$a>) => void | null;
+  onInput?: (event: CallbackEvent<typeof tagName$a>) => void | null;
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$8]: DatePickerJSXProps;
+    [tagName$a]: DatePickerJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$8]: DatePickerJSXProps &
+      [tagName$a]: DatePickerJSXProps &
         BaseElementPropsWithChildren<DatePickerJSXProps>;
     }
   }
 }
 
-declare const tagName$7 = 's-date-spinner';
+declare const tagName$9 = 's-date-spinner';
 interface DateSpinnerJSXProps extends Pick<DateSpinnerProps, 'id' | 'value'> {
-  onBlur?: (event: CallbackEvent<typeof tagName$7>) => void | null;
-  onFocus?: (event: CallbackEvent<typeof tagName$7>) => void | null;
-  onChange?: (event: CallbackEvent<typeof tagName$7>) => void | null;
-  onInput?: (event: CallbackEvent<typeof tagName$7>) => void | null;
+  onBlur?: (event: CallbackEvent<typeof tagName$9>) => void | null;
+  onFocus?: (event: CallbackEvent<typeof tagName$9>) => void | null;
+  onChange?: (event: CallbackEvent<typeof tagName$9>) => void | null;
+  onInput?: (event: CallbackEvent<typeof tagName$9>) => void | null;
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$7]: DateSpinnerJSXProps;
+    [tagName$9]: DateSpinnerJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$7]: DateSpinnerJSXProps &
+      [tagName$9]: DateSpinnerJSXProps &
         BaseElementPropsWithChildren<DateSpinnerJSXProps>;
     }
   }
 }
 
-declare const tagName$6 = 's-section';
+declare const tagName$8 = 's-section';
 interface SectionJSXProps extends Pick<SectionProps, 'children'> {
   secondaryActions?: ComponentChild;
   /**
@@ -4131,58 +4184,58 @@ interface SectionJSXProps extends Pick<SectionProps, 'children'> {
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$6]: SectionJSXProps;
+    [tagName$8]: SectionJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$6]: Omit<SectionJSXProps, 'secondaryActions'> &
+      [tagName$8]: Omit<SectionJSXProps, 'secondaryActions'> &
         BaseElementPropsWithChildren<Omit<SectionJSXProps, 'secondaryActions'>>;
     }
   }
 }
 
-declare const tagName$5 = 's-heading';
+declare const tagName$7 = 's-heading';
 interface HeadingJSXProps {
   children?: ComponentChildren;
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$5]: HeadingJSXProps;
+    [tagName$7]: HeadingJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$5]: HeadingJSXProps &
+      [tagName$7]: HeadingJSXProps &
         BaseElementPropsWithChildren<HeadingJSXProps>;
     }
   }
 }
 
-declare const tagName$4 = 's-time-picker';
+declare const tagName$6 = 's-time-picker';
 interface TimePickerJSXProps extends Pick<TimePickerProps, 'id' | 'value'> {
-  onBlur?: (event: CallbackEvent<typeof tagName$4>) => void | null;
-  onFocus?: (event: CallbackEvent<typeof tagName$4>) => void | null;
-  onChange?: (event: CallbackEvent<typeof tagName$4>) => void | null;
-  onInput?: (event: CallbackEvent<typeof tagName$4>) => void | null;
+  onBlur?: (event: CallbackEvent<typeof tagName$6>) => void | null;
+  onFocus?: (event: CallbackEvent<typeof tagName$6>) => void | null;
+  onChange?: (event: CallbackEvent<typeof tagName$6>) => void | null;
+  onInput?: (event: CallbackEvent<typeof tagName$6>) => void | null;
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$4]: TimePickerJSXProps;
+    [tagName$6]: TimePickerJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$4]: TimePickerJSXProps &
+      [tagName$6]: TimePickerJSXProps &
         BaseElementPropsWithChildren<TimePickerJSXProps>;
     }
   }
 }
 
-declare const tagName$3 = 's-image';
+declare const tagName$5 = 's-image';
 type PickedProps$1 = Pick<ImageProps, 'src' | 'inlineSize' | 'objectFit'>;
 interface ImageJSXProps extends PickedProps$1 {
   children?: ComponentChildren;
@@ -4204,69 +4257,69 @@ interface ImageJSXProps extends PickedProps$1 {
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$3]: ImageJSXProps;
+    [tagName$5]: ImageJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$3]: ImageJSXProps & BaseElementPropsWithChildren<ImageJSXProps>;
+      [tagName$5]: ImageJSXProps & BaseElementPropsWithChildren<ImageJSXProps>;
     }
   }
 }
 
-declare const tagName$2 = 's-page';
+declare const tagName$4 = 's-page';
 type PickedProps = Pick<
   PageProps,
-  'heading' | 'subheading' | 'secondaryActions'
+  'heading' | 'subheading' | 'secondaryActions' | 'aside'
 >;
 interface PageJSXProps extends PickedProps {
   children?: ComponentChildren;
   secondaryActions?: ComponentChild;
-  primaryAction?: ComponentChild;
+  aside?: ComponentChild;
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$2]: PageJSXProps;
+    [tagName$4]: PageJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$2]: Omit<PageJSXProps, 'primaryAction' | 'secondaryActions'> &
+      [tagName$4]: Omit<PageJSXProps, 'secondaryActions' | 'aside'> &
         BaseElementPropsWithChildren<
-          Omit<PageJSXProps, 'primaryAction' | 'secondaryActions'>
+          Omit<PageJSXProps, 'secondaryActions' | 'aside'>
         >;
     }
   }
 }
 
-declare const tagName$1 = 's-time-field';
+declare const tagName$3 = 's-time-field';
 interface TimeFieldJSXProps
   extends Pick<
     TimeFieldProps,
     'id' | 'label' | 'disabled' | 'value' | 'error' | 'details'
   > {
-  onBlur?: (event: CallbackEvent<typeof tagName$1>) => void | null;
-  onFocus?: (event: CallbackEvent<typeof tagName$1>) => void | null;
-  onInput?: (event: CallbackEvent<typeof tagName$1>) => void | null;
-  onChange?: (event: CallbackEvent<typeof tagName$1>) => void | null;
+  onBlur?: (event: CallbackEvent<typeof tagName$3>) => void | null;
+  onFocus?: (event: CallbackEvent<typeof tagName$3>) => void | null;
+  onInput?: (event: CallbackEvent<typeof tagName$3>) => void | null;
+  onChange?: (event: CallbackEvent<typeof tagName$3>) => void | null;
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName$1]: TimeFieldJSXProps;
+    [tagName$3]: TimeFieldJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName$1]: TimeFieldJSXProps &
+      [tagName$3]: TimeFieldJSXProps &
         BaseElementPropsWithChildren<TimeFieldJSXProps>;
     }
   }
 }
 
-declare const tagName = 's-pos-block';
+declare const tagName$2 = 's-pos-block';
 interface PosBlockJSXProps extends Pick<SectionProps, 'children'> {
   secondaryActions?: ComponentChild;
   /**
@@ -4280,13 +4333,13 @@ interface PosBlockJSXProps extends Pick<SectionProps, 'children'> {
 }
 declare global {
   interface HTMLElementTagNameMap {
-    [tagName]: PosBlockJSXProps;
+    [tagName$2]: PosBlockJSXProps;
   }
 }
 declare module 'preact' {
   namespace createElement.JSX {
     interface IntrinsicElements {
-      [tagName]: Omit<PosBlockJSXProps, 'secondaryActions'> &
+      [tagName$2]: Omit<PosBlockJSXProps, 'secondaryActions'> &
         BaseElementPropsWithChildren<
           Omit<PosBlockJSXProps, 'secondaryActions'>
         >;
@@ -4294,6 +4347,42 @@ declare module 'preact' {
   }
 }
 
+declare const tagName$1 = 's-qr-code';
+interface QrCodeJSXProps {
+  /**
+   * The value to encode in the QR code
+   */
+  content: string;
+}
+declare global {
+  interface HTMLElementTagNameMap {
+    [tagName$1]: QrCodeJSXProps;
+  }
+}
+declare module 'preact' {
+  namespace createElement.JSX {
+    interface IntrinsicElements {
+      [tagName$1]: QrCodeJSXProps & BaseElementProps<QrCodeJSXProps>;
+    }
+  }
+}
+
+declare const tagName = 's-divider';
+interface DividerJSXProps extends Pick<DividerProps, 'direction'> {}
+declare global {
+  interface HTMLElementTagNameMap {
+    [tagName]: DividerJSXProps;
+  }
+}
+declare module 'preact' {
+  namespace createElement.JSX {
+    interface IntrinsicElements {
+      [tagName]: DividerJSXProps &
+        BaseElementPropsWithChildren<DividerJSXProps>;
+    }
+  }
+}
+
 export type {
   BadgeJSXProps,
   BannerJSXProps,
@@ -4305,16 +4394,16 @@ export type {
   DateFieldJSXProps,
   DatePickerJSXProps,
   DateSpinnerJSXProps,
+  DividerJSXProps,
   EmailFieldJSXProps,
   HeadingJSXProps,
   IconJSXProps,
   ImageJSXProps,
   ModalJSXProps,
-  NavigatorJSXProps,
   NumberFieldJSXProps,
   PageJSXProps,
   PosBlockJSXProps,
-  ScreenJSXProps,
+  QrCodeJSXProps,
   ScrollBoxJSXProps,
   SearchFieldJSXProps,
   SectionJSXProps,
@@ -4341,27 +4430,20 @@ interface Badge {
 }
 
 interface BannerSlots {
+  /** The action taken when the Banner is pressed. */
   'primary-action'?: HTMLElement;
 }
 
 interface Banner {
+  /** Determines whether the banner is hidden. */
+  hidden?: boolean;
+  /** Sets the tone of the Banner, based on the intention of the information being conveyed. */
   tone?: 'info' | 'success' | 'warning' | 'critical';
   /**
    * The title of the banner.
    * @default ''
    */
   heading?: string;
-  /**
-   * Determines whether the banner is hidden.
-   *
-   * If this property is being set on each framework render (as in 'controlled' usage),
-   * and the banner is `dismissible`,
-   * ensure you update app state for this property when the `dismiss` event fires.
-   *
-   * If the banner is not `dismissible`, it can still be hidden by setting this property.
-   * @default false
-   */
-  hidden?: boolean;
   /** A unique identifier for the element. */
   id?: string;
 }
@@ -4476,13 +4558,6 @@ interface ButtonEvents {
 }
 
 interface Button {
-  tone?: 'auto' | 'neutral' | 'caution' | 'warning' | 'critical';
-  variant?: 'primary' | 'secondary';
-  /**
-   * Disables the Button meaning it cannot be clicked or receive focus.
-   * @default false
-   */
-  disabled?: boolean;
   /**
    * Sets the action the `commandFor` should take when this clickable is activated.
    *
@@ -4492,11 +4567,25 @@ interface Button {
    * - `--show`: shows the target component.
    * - `--hide`: hides the target component.
    * - `--toggle`: toggles the target component.
-   * - `--copy`: copies the target ClipboardItem.
    * @default '--auto'
    * @see ://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#command
    */
-  command?: '--auto' | '--show' | '--hide' | '--toggle' | '--copy';
+  command?: '--auto' | '--show' | '--hide' | '--toggle';
+  /**
+   * Sets the tone of the Button, based on the intention of the information being conveyed.
+   * @default 'auto'
+   */
+  tone?: 'auto' | 'neutral' | 'caution' | 'warning' | 'critical';
+  /**
+   * Changes the visual appearance of the Button.
+   * @default 'auto' - the variant is automatically determined by the Button's context
+   */
+  variant?: 'primary' | 'secondary';
+  /**
+   * Disables the Button meaning it cannot be clicked or receive focus.
+   * @default false
+   */
+  disabled?: boolean;
   /**
    * ID of a component that should respond to activations (e.g. clicks) on this component.
    *
@@ -4648,6 +4737,14 @@ interface DateSpinner {
   value?: string;
 }
 
+interface Divider {
+  /**
+   * Specify the direction of the divider. This uses [logical properties](https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_logical_properties_and_values).
+   * @default 'inline'
+   */
+  direction?: 'inline' | 'block';
+}
+
 interface EmailFieldEvents {
   input?: (event: CallbackEvent<typeof tagName>) => void;
   focus?: (event: CallbackEvent<typeof tagName>) => void;
@@ -4771,10 +4868,6 @@ interface Modal {
   heading?: string;
 }
 
-interface Navigator {
-  initialScreenName?: string;
-}
-
 interface NumberFieldEvents {
   input?: (event: CallbackEvent<typeof tagName>) => void;
   focus?: (event: CallbackEvent<typeof tagName>) => void;
@@ -4880,7 +4973,7 @@ interface NumberField {
 
 interface PageSlots {
   'secondary-actions'?: HTMLElement;
-  'primary-action'?: HTMLElement;
+  aside?: HTMLElement;
 }
 
 interface Page {
@@ -4904,37 +4997,116 @@ interface PosBlock {
   heading?: string;
 }
 
-interface ScreenEvents {
-  /** Triggered when the screen is navigated to. */
-  navigate?: () => void;
-  /** Triggered when the user navigates back from this screen. Runs after screen is unmounted. */
-  navigateback?: () => void;
-  /** A callback that gets triggered when the navigation event completes and the screen receives the parameters. */
-  receiveparams?: (params: any) => void;
-}
-
-interface ScreenSlots {
-  /** Displays a secondary action button on the screen. */
-  'secondary-actions'?: HTMLElement;
+interface QrCode {
+  /** The value to encode in the QR code */
+  content: string;
 }
 
-interface Screen {
-  /** Used to identify this screen as a destination in the navigation stack. */
-  name: string;
-  /** The title of the screen which will be displayed on the UI. */
-  title: string;
+interface ScrollBox {
   /**
-   * Displays a loading indicator when `true`.
-   * Set this to `true` when performing an asynchronous task, and then to false when the data becomes available to the UI.
+   * Adjust the padding of all edges.
+   *
+   * [1-to-4-value syntax](https://developer.mozilla.org/en-US/docs/Web/CSS/Shorthand_properties#edges_of_a_box) is
+   * supported. Note that, contrary to the CSS, it uses flow-relative values and the order is:
+   *
+   * - 4 values: `block-start inline-end block-end inline-start`
+   * - 3 values: `block-start inline block-end`
+   * - 2 values: `block inline`
+   *
+   * For example:
+   * - `large` means block-start, inline-end, block-end and inline-start paddings are `large`.
+   * - `large none` means block-start and block-end paddings are `large`, inline-start and inline-end paddings are `none`.
+   * - `large none large` means block-start padding is `large`, inline-end padding is `none`, block-end padding is `large` and inline-start padding is `none`.
+   * - `large none large small` means block-start padding is `large`, inline-end padding is `none`, block-end padding is `large` and inline-start padding is `small`.
+   *
+   * A padding value of `auto` will use the default padding for the closest container that has had its usual padding removed.
+   * @default 'none'
    */
-  isLoading?: boolean;
-  /** Dictates how the `Screen` will be presented when navigated to. */
-  presentation?: ScreenPresentationProps;
-}
-
-interface ScrollBox {
+  padding?: MaybeAllValuesShorthandProperty<PaddingKeyword>;
+  /**
+   * Adjust the block-padding.
+   *
+   * - `large none` means block-start padding is `large`, block-end padding is `none`.
+   *
+   * This overrides the block value of `padding`.
+   * @default '' - meaning no override
+   */
+  paddingBlock?: MaybeTwoValuesShorthandProperty<'' | PaddingKeyword>;
+  /**
+   * Adjust the block-start padding.
+   *
+   * This overrides the block-start value of `paddingBlock`.
+   * @default '' - meaning no override
+   */
+  paddingBlockStart?: '' | PaddingKeyword;
+  /**
+   * Adjust the block-end padding.
+   *
+   * This overrides the block-end value of `paddingBlock`.
+   * @default '' - meaning no override
+   */
+  paddingBlockEnd?: '' | PaddingKeyword;
+  /**
+   * Adjust the inline padding.
+   *
+   * - `large none` means inline-start padding is `large`, inline-end padding is `none`.
+   *
+   * This overrides the inline value of `padding`.
+   * @default '' - meaning no override
+   */
+  paddingInline?: MaybeTwoValuesShorthandProperty<'' | PaddingKeyword>;
+  /**
+   * Adjust the inline-start padding.
+   *
+   * This overrides the inline-start value of `paddingInline`.
+   * @default '' - meaning no override
+   */
+  paddingInlineStart?: '' | PaddingKeyword;
+  /**
+   * Adjust the inline-end padding.
+   *
+   * This overrides the inline-end value of `paddingInline`.
+   * @default '' - meaning no override
+   */
+  paddingInlineEnd?: '' | PaddingKeyword;
   /** A unique identifier for the element. */
   id?: string;
+  /**
+   * Adjust the block size.
+   * @see ://developer.mozilla.org/en-US/docs/Web/CSS/block-size
+   * @default 'auto'
+   */
+  blockSize?: MaybeResponsive<SizeUnitsOrAuto>;
+  /**
+   * Adjust the minimum block size.
+   * @see ://developer.mozilla.org/en-US/docs/Web/CSS/min-block-size
+   * @default '0'
+   */
+  minBlockSize?: MaybeResponsive<SizeUnits>;
+  /**
+   * Adjust the maximum block size.
+   * @see ://developer.mozilla.org/en-US/docs/Web/CSS/max-block-size
+   * @default 'none'
+   */
+  maxBlockSize?: MaybeResponsive<SizeUnitsOrNone>;
+  /**
+   * Adjust the inline size.
+   * @see ://developer.mozilla.org/en-US/docs/Web/CSS/inline-size
+   * @default 'auto'
+   */
+  inlineSize?: MaybeResponsive<SizeUnitsOrAuto>;
+  /**
+   * Adjust the minimum inline size.
+   * @see ://developer.mozilla.org/en-US/docs/Web/CSS/min-inline-size
+   * @default '0'
+   */
+  minInlineSize?: MaybeResponsive<SizeUnits>;
+  /**
+   * Adjust the maximum inline size.
+   * @see ://developer.mozilla.org/en-US/docs/Web/CSS/max-inline-size
+   * @default 'none'
+   */
+  maxInlineSize?: MaybeResponsive<SizeUnitsOrNone>;
 }
 
 interface SearchFieldEvents {
@@ -5421,39 +5593,7 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$p]: NavigatorJSXProps &
-        BaseElementPropsWithChildren<NavigatorJSXProps>;
-    }
-  }
-}
-declare global {
-  namespace JSX {
-    interface IntrinsicElements {
-      [tagName$p]: NavigatorJSXProps &
-        BaseElementPropsWithChildren<NavigatorJSXProps>;
-    }
-  }
-}
-declare module 'react' {
-  namespace JSX {
-    interface IntrinsicElements {
-      [tagName$o]: Omit<ScreenJSXProps, 'secondaryActions'> &
-        BaseElementPropsWithChildren<Omit<ScreenJSXProps, 'secondaryActions'>>;
-    }
-  }
-}
-declare global {
-  namespace JSX {
-    interface IntrinsicElements {
-      [tagName$o]: Omit<ScreenJSXProps, 'secondaryActions'> &
-        BaseElementPropsWithChildren<Omit<ScreenJSXProps, 'secondaryActions'>>;
-    }
-  }
-}
-declare module 'react' {
-  namespace JSX {
-    interface IntrinsicElements {
-      [tagName$n]: Omit<BannerJSXProps, 'primaryAction'> &
+      [tagName$p]: Omit<BannerJSXProps, 'primaryAction'> &
         BaseElementPropsWithChildren<Omit<BannerJSXProps, 'primaryAction'>>;
     }
   }
@@ -5461,7 +5601,7 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$n]: Omit<BannerJSXProps, 'primaryAction'> &
+      [tagName$p]: Omit<BannerJSXProps, 'primaryAction'> &
         BaseElementPropsWithChildren<Omit<BannerJSXProps, 'primaryAction'>>;
     }
   }
@@ -5469,63 +5609,63 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$m]: BoxJSXProps & BaseElementPropsWithChildren<BoxJSXProps>;
+      [tagName$o]: BoxJSXProps & BaseElementPropsWithChildren<BoxJSXProps>;
     }
   }
 }
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$m]: BoxJSXProps & BaseElementPropsWithChildren<BoxJSXProps>;
+      [tagName$o]: BoxJSXProps & BaseElementPropsWithChildren<BoxJSXProps>;
     }
   }
 }
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$l]: IconJSXProps & BaseElementProps<IconJSXProps>;
+      [tagName$n]: IconJSXProps & BaseElementProps<IconJSXProps>;
     }
   }
 }
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$l]: IconJSXProps & BaseElementProps<IconJSXProps>;
+      [tagName$n]: IconJSXProps & BaseElementProps<IconJSXProps>;
     }
   }
 }
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$k]: StackJSXProps & BaseElementPropsWithChildren<StackJSXProps>;
+      [tagName$m]: StackJSXProps & BaseElementPropsWithChildren<StackJSXProps>;
     }
   }
 }
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$k]: StackJSXProps & BaseElementPropsWithChildren<StackJSXProps>;
+      [tagName$m]: StackJSXProps & BaseElementPropsWithChildren<StackJSXProps>;
     }
   }
 }
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$j]: BadgeJSXProps & BaseElementPropsWithChildren<BadgeJSXProps>;
+      [tagName$l]: BadgeJSXProps & BaseElementPropsWithChildren<BadgeJSXProps>;
     }
   }
 }
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$j]: BadgeJSXProps & BaseElementPropsWithChildren<BadgeJSXProps>;
+      [tagName$l]: BadgeJSXProps & BaseElementPropsWithChildren<BadgeJSXProps>;
     }
   }
 }
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$i]: ChoiceListJSXProps &
+      [tagName$k]: ChoiceListJSXProps &
         BaseElementPropsWithChildren<ChoiceListJSXProps>;
     }
   }
@@ -5533,7 +5673,7 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$i]: ChoiceListJSXProps &
+      [tagName$k]: ChoiceListJSXProps &
         BaseElementPropsWithChildren<ChoiceListJSXProps>;
     }
   }
@@ -5541,7 +5681,7 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$h]: ChoiceJSXProps &
+      [tagName$j]: ChoiceJSXProps &
         BaseElementPropsWithChildren<ChoiceJSXProps>;
     }
   }
@@ -5549,7 +5689,7 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$h]: ChoiceJSXProps &
+      [tagName$j]: ChoiceJSXProps &
         BaseElementPropsWithChildren<ChoiceJSXProps>;
     }
   }
@@ -5557,7 +5697,7 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$g]: Omit<ModalJSXProps, 'primaryAction' | 'secondaryActions'> &
+      [tagName$i]: Omit<ModalJSXProps, 'primaryAction' | 'secondaryActions'> &
         BaseElementPropsWithChildren<
           Omit<ModalJSXProps, 'primaryAction' | 'secondaryActions'>
         >;
@@ -5567,7 +5707,7 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$g]: Omit<ModalJSXProps, 'primaryAction' | 'secondaryActions'> &
+      [tagName$i]: Omit<ModalJSXProps, 'primaryAction' | 'secondaryActions'> &
         BaseElementPropsWithChildren<
           Omit<ModalJSXProps, 'primaryAction' | 'secondaryActions'>
         >;
@@ -5577,7 +5717,7 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$f]: Omit<TextFieldJSXProps, 'accessory'> &
+      [tagName$h]: Omit<TextFieldJSXProps, 'accessory'> &
         BaseElementPropsWithChildren<Omit<TextFieldJSXProps, 'accessory'>>;
     }
   }
@@ -5585,7 +5725,7 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$f]: Omit<TextFieldJSXProps, 'accessory'> &
+      [tagName$h]: Omit<TextFieldJSXProps, 'accessory'> &
         BaseElementPropsWithChildren<Omit<TextFieldJSXProps, 'accessory'>>;
     }
   }
@@ -5593,7 +5733,7 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$e]: SearchFieldJSXProps &
+      [tagName$g]: SearchFieldJSXProps &
         BaseElementPropsWithChildren<SearchFieldJSXProps>;
     }
   }
@@ -5601,7 +5741,7 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$e]: SearchFieldJSXProps &
+      [tagName$g]: SearchFieldJSXProps &
         BaseElementPropsWithChildren<SearchFieldJSXProps>;
     }
   }
@@ -5609,7 +5749,7 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$d]: Omit<EmailFieldJSXProps, 'accessory'> &
+      [tagName$f]: Omit<EmailFieldJSXProps, 'accessory'> &
         BaseElementPropsWithChildren<Omit<EmailFieldJSXProps, 'accessory'>>;
     }
   }
@@ -5617,7 +5757,7 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$d]: Omit<EmailFieldJSXProps, 'accessory'> &
+      [tagName$f]: Omit<EmailFieldJSXProps, 'accessory'> &
         BaseElementPropsWithChildren<Omit<EmailFieldJSXProps, 'accessory'>>;
     }
   }
@@ -5625,7 +5765,7 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$c]: ClickableJSXProps &
+      [tagName$e]: ClickableJSXProps &
         BaseElementPropsWithChildren<ClickableJSXProps>;
     }
   }
@@ -5633,7 +5773,7 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$c]: ClickableJSXProps &
+      [tagName$e]: ClickableJSXProps &
         BaseElementPropsWithChildren<ClickableJSXProps>;
     }
   }
@@ -5641,7 +5781,7 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$b]: Omit<TextAreaJSXProps, 'accessory'> &
+      [tagName$d]: Omit<TextAreaJSXProps, 'accessory'> &
         BaseElementPropsWithChildren<Omit<TextAreaJSXProps, 'accessory'>>;
     }
   }
@@ -5649,7 +5789,7 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$b]: Omit<TextAreaJSXProps, 'accessory'> &
+      [tagName$d]: Omit<TextAreaJSXProps, 'accessory'> &
         BaseElementPropsWithChildren<Omit<TextAreaJSXProps, 'accessory'>>;
     }
   }
@@ -5657,7 +5797,7 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$a]: Omit<NumberFieldJSXProps, 'accessory'> &
+      [tagName$c]: Omit<NumberFieldJSXProps, 'accessory'> &
         BaseElementPropsWithChildren<Omit<NumberFieldJSXProps, 'accessory'>>;
     }
   }
@@ -5665,7 +5805,7 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$a]: Omit<NumberFieldJSXProps, 'accessory'> &
+      [tagName$c]: Omit<NumberFieldJSXProps, 'accessory'> &
         BaseElementPropsWithChildren<Omit<NumberFieldJSXProps, 'accessory'>>;
     }
   }
@@ -5673,7 +5813,7 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$9]: Omit<DateFieldJSXProps, 'accessory'> &
+      [tagName$b]: Omit<DateFieldJSXProps, 'accessory'> &
         BaseElementPropsWithChildren<Omit<DateFieldJSXProps, 'accessory'>>;
     }
   }
@@ -5681,7 +5821,7 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$9]: Omit<DateFieldJSXProps, 'accessory'> &
+      [tagName$b]: Omit<DateFieldJSXProps, 'accessory'> &
         BaseElementPropsWithChildren<Omit<DateFieldJSXProps, 'accessory'>>;
     }
   }
@@ -5689,7 +5829,7 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$8]: DatePickerJSXProps &
+      [tagName$a]: DatePickerJSXProps &
         BaseElementPropsWithChildren<DatePickerJSXProps>;
     }
   }
@@ -5697,7 +5837,7 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$8]: DatePickerJSXProps &
+      [tagName$a]: DatePickerJSXProps &
         BaseElementPropsWithChildren<DatePickerJSXProps>;
     }
   }
@@ -5705,7 +5845,7 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$7]: DateSpinnerJSXProps &
+      [tagName$9]: DateSpinnerJSXProps &
         BaseElementPropsWithChildren<DateSpinnerJSXProps>;
     }
   }
@@ -5713,7 +5853,7 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$7]: DateSpinnerJSXProps &
+      [tagName$9]: DateSpinnerJSXProps &
         BaseElementPropsWithChildren<DateSpinnerJSXProps>;
     }
   }
@@ -5721,7 +5861,7 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$6]: Omit<SectionJSXProps, 'secondaryActions'> &
+      [tagName$8]: Omit<SectionJSXProps, 'secondaryActions'> &
         BaseElementPropsWithChildren<Omit<SectionJSXProps, 'secondaryActions'>>;
     }
   }
@@ -5729,7 +5869,7 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$6]: Omit<SectionJSXProps, 'secondaryActions'> &
+      [tagName$8]: Omit<SectionJSXProps, 'secondaryActions'> &
         BaseElementPropsWithChildren<Omit<SectionJSXProps, 'secondaryActions'>>;
     }
   }
@@ -5737,7 +5877,7 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$5]: HeadingJSXProps &
+      [tagName$7]: HeadingJSXProps &
         BaseElementPropsWithChildren<HeadingJSXProps>;
     }
   }
@@ -5745,7 +5885,7 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$5]: HeadingJSXProps &
+      [tagName$7]: HeadingJSXProps &
         BaseElementPropsWithChildren<HeadingJSXProps>;
     }
   }
@@ -5753,7 +5893,7 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$4]: TimePickerJSXProps &
+      [tagName$6]: TimePickerJSXProps &
         BaseElementPropsWithChildren<TimePickerJSXProps>;
     }
   }
@@ -5761,7 +5901,7 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$4]: TimePickerJSXProps &
+      [tagName$6]: TimePickerJSXProps &
         BaseElementPropsWithChildren<TimePickerJSXProps>;
     }
   }
@@ -5769,23 +5909,23 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$3]: ImageJSXProps & BaseElementPropsWithChildren<ImageJSXProps>;
+      [tagName$5]: ImageJSXProps & BaseElementPropsWithChildren<ImageJSXProps>;
     }
   }
 }
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$3]: ImageJSXProps & BaseElementPropsWithChildren<ImageJSXProps>;
+      [tagName$5]: ImageJSXProps & BaseElementPropsWithChildren<ImageJSXProps>;
     }
   }
 }
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$2]: Omit<PageJSXProps, 'primaryAction' | 'secondaryActions'> &
+      [tagName$4]: Omit<PageJSXProps, 'secondaryActions' | 'aside'> &
         BaseElementPropsWithChildren<
-          Omit<PageJSXProps, 'primaryAction' | 'secondaryActions'>
+          Omit<PageJSXProps, 'secondaryActions' | 'aside'>
         >;
     }
   }
@@ -5793,9 +5933,9 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$2]: Omit<PageJSXProps, 'primaryAction' | 'secondaryActions'> &
+      [tagName$4]: Omit<PageJSXProps, 'secondaryActions' | 'aside'> &
         BaseElementPropsWithChildren<
-          Omit<PageJSXProps, 'primaryAction' | 'secondaryActions'>
+          Omit<PageJSXProps, 'secondaryActions' | 'aside'>
         >;
     }
   }
@@ -5803,7 +5943,7 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$1]: TimeFieldJSXProps &
+      [tagName$3]: TimeFieldJSXProps &
         BaseElementPropsWithChildren<TimeFieldJSXProps>;
     }
   }
@@ -5811,7 +5951,7 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName$1]: TimeFieldJSXProps &
+      [tagName$3]: TimeFieldJSXProps &
         BaseElementPropsWithChildren<TimeFieldJSXProps>;
     }
   }
@@ -5819,7 +5959,7 @@ declare global {
 declare module 'react' {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName]: Omit<PosBlockJSXProps, 'secondaryActions'> &
+      [tagName$2]: Omit<PosBlockJSXProps, 'secondaryActions'> &
         BaseElementPropsWithChildren<
           Omit<PosBlockJSXProps, 'secondaryActions'>
         >;
@@ -5829,10 +5969,40 @@ declare module 'react' {
 declare global {
   namespace JSX {
     interface IntrinsicElements {
-      [tagName]: Omit<PosBlockJSXProps, 'secondaryActions'> &
+      [tagName$2]: Omit<PosBlockJSXProps, 'secondaryActions'> &
         BaseElementPropsWithChildren<
           Omit<PosBlockJSXProps, 'secondaryActions'>
         >;
     }
   }
 }
+declare module 'react' {
+  namespace JSX {
+    interface IntrinsicElements {
+      [tagName$1]: QrCodeJSXProps & BaseElementProps<QrCodeJSXProps>;
+    }
+  }
+}
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      [tagName$1]: QrCodeJSXProps & BaseElementProps<QrCodeJSXProps>;
+    }
+  }
+}
+declare module 'react' {
+  namespace JSX {
+    interface IntrinsicElements {
+      [tagName]: DividerJSXProps &
+        BaseElementPropsWithChildren<DividerJSXProps>;
+    }
+  }
+}
+declare global {
+  namespace JSX {
+    interface IntrinsicElements {
+      [tagName]: DividerJSXProps &
+        BaseElementPropsWithChildren<DividerJSXProps>;
+    }
+  }
+}