@shopify/polaris-types 1.0.1 → 1.0.5

package/dist/polaris.d.ts

@@ -12,13 +12,15 @@ type React = {
     useMemo: typeof react.useMemo;
 };
 type Slots<Props extends object> = (keyof Props)[];
+type ReadOnlyProps<Props extends object> = (keyof Props)[];
 interface PropConfig<Props extends object> {
     slots?: Slots<Props>;
+    readOnlyProps?: ReadOnlyProps<Props>;
 }
 type PropsWithChildren<T> = T extends {
     children: ReactNode;
 } ? T : React.PropsWithChildren<T>;
-declare function reactWrap$1<Props extends object, ElementType extends HTMLElement>(React: React, tagName: string, { slots }?: PropConfig<Props>): ForwardRefExoticComponent<PropsWithoutRef<PropsWithChildren<Props>> & RefAttributes<ElementType>>;
+declare function reactWrap$1<Props extends object, ElementType extends HTMLElement>(React: React, tagName: string, { slots, readOnlyProps }?: PropConfig<Props>): ForwardRefExoticComponent<PropsWithoutRef<PropsWithChildren<Props>> & RefAttributes<ElementType>>;
 
 /**
  * TODO: Update `any` type here after this is resolved
@@ -200,7 +202,7 @@ interface BackgroundProps {
  */
 type ToneKeyword = 'auto' | 'neutral' | 'info' | 'success' | 'caution' | 'warning' | 'critical' | 'accent' | 'custom';
 
-declare const privateIconArray: readonly ["adjust", "affiliate", "airplane", "alert-bubble", "alert-circle", "alert-diamond", "alert-location", "alert-octagon", "alert-octagon-filled", "alert-triangle", "alert-triangle-filled", "app-extension", "apps", "archive", "arrow-down", "arrow-down-circle", "arrow-down-right", "arrow-left", "arrow-left-circle", "arrow-right", "arrow-right-circle", "arrow-up", "arrow-up-circle", "arrow-up-right", "arrows-in-horizontal", "arrows-out-horizontal", "attachment", "automation", "backspace", "bag", "bank", "barcode", "battery-low", "bill", "blank", "blog", "bolt", "bolt-filled", "book", "book-open", "bug", "bullet", "business-entity", "button", "button-press", "calculator", "calendar", "calendar-check", "calendar-compare", "calendar-list", "calendar-time", "camera", "camera-flip", "caret-down", "caret-left", "caret-right", "caret-up", "cart", "cart-abandoned", "cart-discount", "cart-down", "cart-filled", "cart-sale", "cart-send", "cart-up", "cash-dollar", "cash-euro", "cash-pound", "cash-rupee", "cash-yen", "catalog-product", "categories", "channels", "chart-cohort", "chart-donut", "chart-funnel", "chart-histogram-first", "chart-histogram-first-last", "chart-histogram-flat", "chart-histogram-full", "chart-histogram-growth", "chart-histogram-last", "chart-histogram-second-last", "chart-horizontal", "chart-line", "chart-popular", "chart-stacked", "chart-vertical", "chat", "chat-new", "chat-referral", "check", "check-circle", "check-circle-filled", "checkbox", "chevron-down", "chevron-down-circle", "chevron-left", "chevron-left-circle", "chevron-right", "chevron-right-circle", "chevron-up", "chevron-up-circle", "circle", "circle-dashed", "clipboard", "clipboard-check", "clipboard-checklist", "clock", "clock-list", "clock-revert", "code", "code-add", "collection", "collection-featured", "collection-list", "collection-reference", "color", "color-none", "compass", "complete", "compose", "confetti", "connect", "content", "contract", "corner-pill", "corner-round", "corner-square", "credit-card", "credit-card-cancel", "credit-card-percent", "credit-card-reader", "credit-card-reader-chip", "credit-card-reader-tap", "credit-card-secure", "credit-card-tap-chip", "crop", "currency-convert", "cursor", "cursor-banner", "cursor-option", "data-presentation", "data-table", "database", "database-add", "database-connect", "delete", "delivered", "delivery", "desktop", "disabled", "disabled-filled", "discount", "discount-add", "discount-automatic", "discount-code", "discount-remove", "dns-settings", "dock-floating", "dock-side", "domain", "domain-landing-page", "domain-new", "domain-redirect", "download", "drag-drop", "drag-handle", "drawer", "duplicate", "edit", "email", "email-follow-up", "email-newsletter", "empty", "enabled", "enter", "envelope", "envelope-soft-pack", "eraser", "exchange", "exit", "export", "external", "eye-check-mark", "eye-dropper", "eye-dropper-list", "eye-first", "eyeglasses", "fav", "favicon", "file", "file-list", "filter", "filter-active", "flag", "flip-horizontal", "flip-vertical", "flower", "folder", "folder-add", "folder-down", "folder-remove", "folder-up", "food", "foreground", "forklift", "forms", "games", "gauge", "geolocation", "gift", "gift-card", "git-branch", "git-commit", "git-repository", "globe", "globe-asia", "globe-europe", "globe-lines", "globe-list", "graduation-hat", "grid", "hashtag", "hashtag-decimal", "hashtag-list", "heart", "hide", "hide-filled", "home", "home-filled", "icons", "identity-card", "image", "image-add", "image-alt", "image-explore", "image-magic", "image-none", "image-with-text-overlay", "images", "import", "in-progress", "incentive", "incoming", "incomplete", "info", "info-filled", "inheritance", "inventory", "inventory-edit", "inventory-list", "inventory-transfer", "inventory-updated", "iq", "key", "keyboard", "keyboard-filled", "keyboard-hide", "keypad", "label-printer", "language", "language-translate", "layout-block", "layout-buy-button", "layout-buy-button-horizontal", "layout-buy-button-vertical", "layout-column-1", "layout-columns-2", "layout-columns-3", "layout-footer", "layout-header", "layout-logo-block", "layout-popup", "layout-rows-2", "layout-section", "layout-sidebar-left", "layout-sidebar-right", "lightbulb", "link", "link-list", "list-bulleted", "list-bulleted-filled", "list-numbered", "live", "live-critical", "live-none", "location", "location-none", "lock", "map", "markets", "markets-euro", "markets-rupee", "markets-yen", "maximize", "measurement-size", "measurement-size-list", "measurement-volume", "measurement-volume-list", "measurement-weight", "measurement-weight-list", "media-receiver", "megaphone", "mention", "menu", "menu-filled", "menu-horizontal", "menu-vertical", "merge", "metafields", "metaobject", "metaobject-list", "metaobject-reference", "microphone", "minimize", "minus", "minus-circle", "mobile", "money", "money-none", "money-split", "moon", "nature", "note", "note-add", "notification", "number-one", "order", "order-batches", "order-draft", "order-filled", "order-first", "order-fulfilled", "order-repeat", "order-unfulfilled", "orders-status", "organization", "outdent", "outgoing", "package", "package-cancel", "package-fulfilled", "package-on-hold", "package-reassign", "package-returned", "page", "page-add", "page-attachment", "page-clock", "page-down", "page-heart", "page-list", "page-reference", "page-remove", "page-report", "page-up", "pagination-end", "pagination-start", "paint-brush-flat", "paint-brush-round", "paper-check", "partially-complete", "passkey", "paste", "pause-circle", "payment", "payment-capture", "payout", "payout-dollar", "payout-euro", "payout-pound", "payout-rupee", "payout-yen", "person", "person-add", "person-exit", "person-filled", "person-list", "person-lock", "person-remove", "person-segment", "personalized-text", "phablet", "phone", "phone-in", "phone-out", "pin", "pin-remove", "plan", "play", "play-circle", "plus", "plus-circle", "plus-circle-down", "plus-circle-filled", "plus-circle-up", "point-of-sale", "point-of-sale-register", "price-list", "print", "product", "product-add", "product-cost", "product-filled", "product-list", "product-reference", "product-remove", "product-return", "product-unavailable", "profile", "profile-filled", "question-circle", "question-circle-filled", "radio-control", "receipt", "receipt-dollar", "receipt-euro", "receipt-folded", "receipt-paid", "receipt-pound", "receipt-refund", "receipt-rupee", "receipt-yen", "receivables", "redo", "referral-code", "refresh", "remove-background", "reorder", "replace", "replay", "reset", "return", "reward", "rocket", "rotate-left", "rotate-right", "sandbox", "save", "savings", "scan-qr-code", "search", "search-add", "search-list", "search-recent", "search-resource", "select", "send", "settings", "share", "shield-check-mark", "shield-none", "shield-pending", "shield-person", "shipping-label", "shipping-label-cancel", "shopcodes", "slideshow", "smiley-happy", "smiley-joy", "smiley-neutral", "smiley-sad", "social-ad", "social-post", "sort", "sort-ascending", "sort-descending", "sound", "split", "sports", "star", "star-circle", "star-filled", "star-half", "star-list", "status", "status-active", "stop-circle", "store", "store-import", "store-managed", "store-online", "sun", "table", "table-masonry", "tablet", "target", "tax", "team", "text", "text-align-center", "text-align-left", "text-align-right", "text-block", "text-bold", "text-color", "text-font", "text-font-list", "text-grammar", "text-in-columns", "text-in-rows", "text-indent", "text-indent-remove", "text-italic", "text-quote", "text-title", "text-underline", "text-with-image", "theme", "theme-edit", "theme-store", "theme-template", "three-d-environment", "thumbs-down", "thumbs-up", "tip-jar", "toggle-off", "toggle-on", "transaction", "transaction-fee-add", "transaction-fee-dollar", "transaction-fee-euro", "transaction-fee-pound", "transaction-fee-rupee", "transaction-fee-yen", "transfer", "transfer-in", "transfer-internal", "transfer-out", "truck", "undo", "unknown-device", "unlock", "upload", "variant", "variant-list", "video", "video-list", "view", "viewport-narrow", "viewport-short", "viewport-tall", "viewport-wide", "wallet", "wand", "watch", "wifi", "work", "work-list", "wrench", "x", "x-circle", "x-circle-filled"];
+declare const privateIconArray: readonly ["adjust", "affiliate", "airplane", "alert-bubble", "alert-circle", "alert-diamond", "alert-location", "alert-octagon", "alert-octagon-filled", "alert-triangle", "alert-triangle-filled", "align-horizontal-centers", "app-extension", "apps", "archive", "arrow-down", "arrow-down-circle", "arrow-down-right", "arrow-left", "arrow-left-circle", "arrow-right", "arrow-right-circle", "arrow-up", "arrow-up-circle", "arrow-up-right", "arrows-in-horizontal", "arrows-out-horizontal", "asterisk", "attachment", "automation", "backspace", "bag", "bank", "barcode", "battery-low", "bill", "blank", "blog", "bolt", "bolt-filled", "book", "book-open", "brain", "bug", "bullet", "business-entity", "button", "button-press", "calculator", "calendar", "calendar-check", "calendar-compare", "calendar-list", "calendar-time", "camera", "camera-flip", "caret-down", "caret-left", "caret-right", "caret-up", "cart", "cart-abandoned", "cart-discount", "cart-down", "cart-filled", "cart-sale", "cart-send", "cart-up", "cash-dollar", "cash-euro", "cash-pound", "cash-rupee", "cash-yen", "catalog-product", "categories", "channels", "channels-filled", "chart-cohort", "chart-donut", "chart-funnel", "chart-histogram-first", "chart-histogram-first-last", "chart-histogram-flat", "chart-histogram-full", "chart-histogram-growth", "chart-histogram-last", "chart-histogram-second-last", "chart-horizontal", "chart-line", "chart-popular", "chart-stacked", "chart-vertical", "chat", "chat-new", "chat-referral", "check", "check-circle", "check-circle-filled", "checkbox", "chevron-down", "chevron-down-circle", "chevron-left", "chevron-left-circle", "chevron-right", "chevron-right-circle", "chevron-up", "chevron-up-circle", "circle", "circle-dashed", "clipboard", "clipboard-check", "clipboard-checklist", "clock", "clock-list", "clock-revert", "code", "code-add", "collection", "collection-featured", "collection-list", "collection-reference", "color", "color-none", "compass", "complete", "compose", "confetti", "connect", "content", "contract", "corner-pill", "corner-round", "corner-square", "credit-card", "credit-card-cancel", "credit-card-percent", "credit-card-reader", "credit-card-reader-chip", "credit-card-reader-tap", "credit-card-secure", "credit-card-tap-chip", "crop", "currency-convert", "cursor", "cursor-banner", "cursor-option", "data-presentation", "data-table", "database", "database-add", "database-connect", "delete", "delivered", "delivery", "desktop", "disabled", "disabled-filled", "discount", "discount-add", "discount-automatic", "discount-code", "discount-remove", "dns-settings", "dock-floating", "dock-side", "domain", "domain-landing-page", "domain-new", "domain-redirect", "download", "drag-drop", "drag-handle", "drawer", "duplicate", "edit", "email", "email-follow-up", "email-newsletter", "empty", "enabled", "enter", "envelope", "envelope-soft-pack", "eraser", "exchange", "exit", "export", "external", "eye-check-mark", "eye-dropper", "eye-dropper-list", "eye-first", "eyeglasses", "fav", "favicon", "file", "file-list", "filter", "filter-active", "flag", "flip-horizontal", "flip-vertical", "flower", "folder", "folder-add", "folder-down", "folder-remove", "folder-up", "food", "foreground", "forklift", "forms", "games", "gauge", "geolocation", "gift", "gift-card", "git-branch", "git-commit", "git-repository", "globe", "globe-asia", "globe-europe", "globe-lines", "globe-list", "graduation-hat", "grid", "hashtag", "hashtag-decimal", "hashtag-list", "heart", "hide", "hide-filled", "home", "home-filled", "icons", "identity-card", "image", "image-add", "image-alt", "image-explore", "image-magic", "image-none", "image-with-text-overlay", "images", "import", "in-progress", "incentive", "incoming", "incomplete", "info", "info-filled", "inheritance", "inventory", "inventory-edit", "inventory-list", "inventory-transfer", "inventory-updated", "iq", "key", "keyboard", "keyboard-filled", "keyboard-hide", "keypad", "label-printer", "language", "language-translate", "layout-block", "layout-buy-button", "layout-buy-button-horizontal", "layout-buy-button-vertical", "layout-column-1", "layout-columns-2", "layout-columns-3", "layout-footer", "layout-header", "layout-logo-block", "layout-popup", "layout-rows-2", "layout-section", "layout-sidebar-left", "layout-sidebar-right", "layer", "lightbulb", "link", "link-list", "list-bulleted", "list-bulleted-filled", "list-numbered", "live", "live-critical", "live-none", "location", "location-none", "lock", "map", "markets", "markets-euro", "markets-rupee", "markets-yen", "maximize", "measurement-size", "measurement-size-list", "measurement-volume", "measurement-volume-list", "measurement-weight", "measurement-weight-list", "media-receiver", "megaphone", "mention", "menu", "menu-filled", "menu-horizontal", "menu-vertical", "merge", "metafields", "metaobject", "metaobject-list", "metaobject-reference", "microphone", "microphone-muted", "minimize", "minus", "minus-circle", "mobile", "money", "money-none", "money-split", "moon", "nature", "note", "note-add", "notification", "number-one", "order", "order-batches", "order-draft", "order-filled", "order-first", "order-fulfilled", "order-repeat", "order-unfulfilled", "orders-status", "organization", "outdent", "outgoing", "package", "package-cancel", "package-fulfilled", "package-on-hold", "package-reassign", "package-returned", "page", "page-add", "page-attachment", "page-clock", "page-down", "page-heart", "page-list", "page-reference", "page-remove", "page-report", "page-up", "pagination-end", "pagination-start", "paint-brush-flat", "paint-brush-round", "paper-check", "partially-complete", "passkey", "paste", "pause-circle", "payment", "payment-capture", "payout", "payout-dollar", "payout-euro", "payout-pound", "payout-rupee", "payout-yen", "person", "person-add", "person-exit", "person-filled", "person-list", "person-lock", "person-remove", "person-segment", "personalized-text", "phablet", "phone", "phone-down", "phone-down-filled", "phone-in", "phone-out", "pin", "pin-remove", "plan", "play", "play-circle", "plus", "plus-circle", "plus-circle-down", "plus-circle-filled", "plus-circle-up", "point-of-sale", "point-of-sale-register", "price-list", "print", "product", "product-add", "product-cost", "product-filled", "product-list", "product-reference", "product-remove", "product-return", "product-unavailable", "profile", "profile-filled", "question-circle", "question-circle-filled", "radio-control", "receipt", "receipt-dollar", "receipt-euro", "receipt-folded", "receipt-paid", "receipt-pound", "receipt-refund", "receipt-rupee", "receipt-yen", "receivables", "redo", "referral-code", "refresh", "remove-background", "reorder", "replace", "replay", "reset", "return", "reward", "rocket", "rotate-left", "rotate-right", "sandbox", "save", "savings", "scan-qr-code", "search", "search-add", "search-list", "search-recent", "search-resource", "select", "send", "settings", "share", "shield-check-mark", "shield-none", "shield-pending", "shield-person", "shipping-label", "shipping-label-cancel", "shopcodes", "slideshow", "smiley-happy", "smiley-joy", "smiley-neutral", "smiley-sad", "social-ad", "social-post", "sort", "sort-ascending", "sort-descending", "sound", "split", "sports", "star", "star-circle", "star-filled", "star-half", "star-list", "status", "status-active", "stop-circle", "store", "store-import", "store-managed", "store-online", "sun", "table", "table-masonry", "tablet", "target", "tax", "team", "text", "text-align-center", "text-align-left", "text-align-right", "text-block", "text-bold", "text-color", "text-font", "text-font-list", "text-grammar", "text-in-columns", "text-in-rows", "text-indent", "text-indent-remove", "text-italic", "text-quote", "text-title", "text-underline", "text-with-image", "theme", "theme-cart", "theme-edit", "theme-store", "theme-template", "three-d-environment", "thumbs-down", "thumbs-up", "tip-jar", "toggle-off", "toggle-on", "transaction", "transaction-fee-add", "transaction-fee-dollar", "transaction-fee-euro", "transaction-fee-pound", "transaction-fee-rupee", "transaction-fee-yen", "transfer", "transfer-in", "transfer-internal", "transfer-out", "truck", "undo", "unknown-device", "unlock", "upload", "variant", "variant-list", "video", "video-list", "view", "viewport-narrow", "viewport-short", "viewport-tall", "viewport-wide", "wallet", "wand", "watch", "wifi", "work", "work-list", "wrench", "x", "x-circle", "x-circle-filled"];
 type IconType$1 = (typeof privateIconArray)[number];
 
 /**
@@ -395,6 +397,14 @@ type AccessibilityRole =
  *
  */
  | 'section'
+/**
+ * Used to identify a perceivable section containing content that is relevant to a specific, author-specified purpose and sufficiently important that users will likely want to be able to navigate to the section easily.
+ *
+ * In an HTML host `region` will render as `<div role="region">`.
+ * A region **must** have an accessible name provided via the `accessibilityLabel` property.
+ * Learn more about the [`region` role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role) in the MDN web docs.
+ */
+ | 'region'
 /**
  * Used to designate a supporting section that relates to the main content.
  *
@@ -1014,8 +1024,14 @@ interface FieldErrorProps {
     /**
      * Indicate an error to the user. The field will be given a specific stylistic treatment
      * to communicate problems that have to be resolved immediately.
+     *
+     * @implementation (string) The error is a simple string that will be displayed to the user.
+     *
+     * @implementation (ComponentChildren) Behaves as a slot: any elements passed
+     * are rendered as the error content (subject to surface constraints); there
+     * is no coercion to a string.
      */
-    error?: string;
+    error?: string | ComponentChildren;
 }
 interface BasicFieldProps extends FieldErrorProps, LabelAccessibilityVisibilityProps {
     /**
@@ -1029,8 +1045,14 @@ interface BasicFieldProps extends FieldErrorProps, LabelAccessibilityVisibilityP
     required?: boolean;
     /**
      * Content to use as the field label.
+     *
+     * @implementation (string) The label is a simple string that will be displayed to the user.
+     *
+     * @implementation (ComponentChildren) Behaves as a slot: any elements passed
+     * are rendered as the label content (subject to surface constraints); there
+     * is no coercion to a string.
      */
-    label?: string;
+    label?: string | ComponentChildren;
 }
 interface FieldDetailsProps {
     /**
@@ -1039,8 +1061,14 @@ interface FieldDetailsProps {
      * to offer more information or instructions to the user.
      *
      * This will also be exposed to screen reader users.
+     *
+     * @implementation (string) The details is a simple string that will be displayed to the user.
+     *
+     * @implementation (ComponentChildren) Behaves as a slot: any elements passed
+     * are rendered as the details content (subject to surface constraints); there
+     * is no coercion to a string.
      */
-    details?: string;
+    details?: string | ComponentChildren;
 }
 interface FieldProps extends BasicFieldProps, InputProps, FocusEventProps, FieldDetailsProps {
     /**
@@ -1184,11 +1212,17 @@ interface BaseOptionProps extends BaseSelectableProps {
      */
     defaultSelected?: boolean;
 }
-interface BaseCheckableProps extends BaseSelectableProps, InteractionProps {
+interface BaseCheckableProps extends BaseSelectableProps, FocusEventProps, LabelAccessibilityVisibilityProps, InteractionProps {
     /**
      * Visual content to use as the control label.
+     *
+     * @implementation (string) The label is a simple string that will be displayed to the user.
+     *
+     * @implementation (ComponentChildren) Behaves as a slot: any elements passed
+     * are rendered as the label content (subject to surface constraints); there
+     * is no coercion to a string.
      */
-    label?: string;
+    label?: string | ComponentChildren;
     /**
      * Whether the control is active.
      *
@@ -1278,6 +1312,38 @@ interface ChipProps$2 extends GlobalProps {
      * @default 'base'
      */
     color?: ColorKeyword;
+    /**
+     * Whether the chip is removable.
+     *
+     * @default false
+     */
+    removable?: boolean;
+    /**
+     * Callback when the chip is removed.
+     */
+    onRemove?: (event: Event) => void;
+    /**
+     * Determines whether the chip is hidden.
+     *
+     * If this property is being set on each framework render (as in 'controlled' usage),
+     * and the chip is `removable`,
+     * ensure you update app state for this property when the `remove` event fires.
+     *
+     * If the chip is not `removable`, it can still be hidden by setting this property.
+     *
+     * @default false
+     */
+    hidden?: boolean;
+    /**
+     * Event handler when the chip has fully hidden.
+     *
+     * The `hidden` property will be `true` when this event fires.
+     *
+     * @implementation If implementations animate the hiding of the chip,
+     * this event must fire after the chip has fully hidden.
+     * We can add an `onHide` event in future if we want to provide a hook for the start of the animation.
+     */
+    onAfterHide?: (event: Event) => void;
 }
 
 interface ChipProps$1 extends ChipProps$2, GlobalProps {
@@ -1390,7 +1456,7 @@ interface ClickableProps$1 extends GlobalProps, BaseBoxProps, BaseClickableProps
     lang?: string;
 }
 
-interface ClickableChipProps$1 extends ChipProps$2, GlobalProps {
+interface ClickableChipProps$1 extends ChipProps$2, GlobalProps, InteractionProps {
     /**
      * Callback when the chip is clicked.
      */
@@ -1399,40 +1465,9 @@ interface ClickableChipProps$1 extends ChipProps$2, GlobalProps {
      * The URL to link to.
      *
      * - If set, it will navigate to the location specified by `href` after executing the `click` event.
+     * - If a `commandFor` is set, the `command` will be executed instead of the navigation.
      */
     href?: string;
-    /**
-     * Whether the chip is removable.
-     *
-     * @default false
-     */
-    removable?: boolean;
-    /**
-     * Callback when the chip is removed.
-     */
-    onRemove?: (event: Event) => void;
-    /**
-     * Determines whether the chip is hidden.
-     *
-     * If this property is being set on each framework render (as in 'controlled' usage),
-     * and the chip is `removable`,
-     * ensure you update app state for this property when the `remove` event fires.
-     *
-     * If the chip is not `removable`, it can still be hidden by setting this property.
-     *
-     * @default false
-     */
-    hidden?: boolean;
-    /**
-     * Event handler when the chip has fully hidden.
-     *
-     * The `hidden` property will be `true` when this event fires.
-     *
-     * @implementation If implementations animate the hiding of the chip,
-     * this event must fire after the chip has fully hidden.
-     * We can add an `onHide` event in future if we want to provide a hook for the start of the animation.
-     */
-    onAfterHide?: (event: Event) => void;
     /**
      * Disables the chip, disallowing any interaction.
      *
@@ -2177,7 +2212,7 @@ interface MenuProps$1 extends GlobalProps {
      */
     accessibilityLabel?: string;
     /**
-     * The children define the actions to render inside the Menu. Only Button components are allowed as children of a Menu, and these Buttons can perform actions (using `onClick`) or link to other parts of the application (using `to`/ `href`). Any other component placed here will be ignored.
+     * The children define the actions to render inside the Menu. Only Button and SearchField components are allowed as children of a Menu, and these Buttons can perform actions (using `onClick`) or link to other parts of the application (using `to`/ `href`). Any other component placed here will be ignored.
      */
     children?: ComponentChildren;
 }
@@ -2222,7 +2257,20 @@ interface ModalProps$1 extends GlobalProps, BaseOverlayProps, BaseOverlayMethods
     children?: ComponentChildren;
 }
 
+type CurrencyCode = 'USD' | 'EUR' | 'GBP' | 'CAD' | 'AFN' | 'ALL' | 'DZD' | 'AOA' | 'ARS' | 'AMD' | 'AWG' | 'AUD' | 'BBD' | 'AZN' | 'BDT' | 'BSD' | 'BHD' | 'BIF' | 'BZD' | 'BMD' | 'BTN' | 'BAM' | 'BRL' | 'BOB' | 'BWP' | 'BND' | 'BGN' | 'MMK' | 'KHR' | 'CVE' | 'KYD' | 'XAF' | 'CLP' | 'CNY' | 'COP' | 'KMF' | 'CDF' | 'CRC' | 'HRK' | 'CZK' | 'DKK' | 'DOP' | 'XCD' | 'EGP' | 'ETB' | 'XPF' | 'FJD' | 'GMD' | 'GHS' | 'GTQ' | 'GYD' | 'GEL' | 'HTG' | 'HNL' | 'HKD' | 'HUF' | 'ISK' | 'INR' | 'IDR' | 'ILS' | 'IQD' | 'JMD' | 'JPY' | 'JEP' | 'JOD' | 'KZT' | 'KES' | 'KWD' | 'KGS' | 'LAK' | 'LVL' | 'LBP' | 'LSL' | 'LRD' | 'LTL' | 'MGA' | 'MKD' | 'MOP' | 'MWK' | 'MVR' | 'MXN' | 'MYR' | 'MUR' | 'MDL' | 'MAD' | 'MNT' | 'MZN' | 'NAD' | 'NPR' | 'ANG' | 'NZD' | 'NIO' | 'NGN' | 'NOK' | 'OMR' | 'PAB' | 'PKR' | 'PGK' | 'PYG' | 'PEN' | 'PHP' | 'PLN' | 'QAR' | 'RON' | 'RUB' | 'RWF' | 'WST' | 'SAR' | 'RSD' | 'SCR' | 'SGD' | 'SDG' | 'SYP' | 'ZAR' | 'KRW' | 'SSP' | 'SBD' | 'LKR' | 'SRD' | 'SZL' | 'SEK' | 'CHF' | 'TWD' | 'THB' | 'TZS' | 'TTD' | 'TND' | 'TRY' | 'TMT' | 'UGX' | 'UAH' | 'AED' | 'UYU' | 'UZS' | 'VUV' | 'VND' | 'XOF' | 'YER' | 'ZMW' | 'BYN' | 'BYR' | 'DJF' | 'ERN' | 'FKP' | 'GIP' | 'GNF' | 'IRR' | 'KID' | 'LYD' | 'MRU' | 'SLL' | 'SHP' | 'SOS' | 'STD' | 'STN' | 'TJS' | 'TOP' | 'VED' | 'VEF' | 'VES' | 'XXX';
 interface MoneyFieldProps$1 extends GlobalProps, BaseTextFieldProps, NumberConstraintsProps, AutocompleteProps<MoneyAutocompleteField> {
+    /**
+     * The currency code of the field.
+     *
+     * When set to 'auto', the field will display the currency code of the shop.
+     * If no currency code is set for the shop, resolve to 'XXX' the explicit non value.
+     *
+     * This value will match the global currency code of the shop, so if you need to know the currency code of the field,
+     * you can read the value from those APIs.
+     *
+     * @default 'auto'
+     */
+    currencyCode?: CurrencyCode | 'auto';
 }
 type MoneyAutocompleteField = ExtractStrict<AnyAutocompleteField, 'transaction-amount'>;
 
@@ -2234,6 +2282,21 @@ interface NumberFieldProps$1 extends GlobalProps, BaseTextFieldProps, Autocomple
      * @default 'decimal'
      */
     inputMode?: 'decimal' | 'numeric';
+    /**
+     * Callback when the user has **finished editing** a field, e.g. once they have blurred
+     * the field after changing the value.
+     * Also fired after `onInput` on every step when interacting with the controls or the keyboard up and down arrows.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event
+     */
+    onChange?: (event: Event) => void;
+    /**
+     * Callback when the user makes any changes in the field.
+     * Also fired before `onChange` on every step when interacting with the controls or the keyboard up and down arrows.
+     *
+     * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event
+     */
+    onInput?: (event: Event) => void;
 }
 type NumberAutocompleteField = ExtractStrict<AnyAutocompleteField, 'one-time-code' | 'cc-number' | 'cc-csc'>;
 
@@ -2264,6 +2327,12 @@ interface OptionGroupProps$1 extends GlobalProps {
 }
 
 interface OrderedListProps$1 extends GlobalProps {
+    /**
+     * The content of the OrderededList.
+     *
+     * Accepts only `ListItem` components.
+     */
+    children?: ComponentChildren;
 }
 
 interface PageProps$1 extends GlobalProps, ActionSlots {
@@ -2301,11 +2370,17 @@ interface PageProps$1 extends GlobalProps, ActionSlots {
      * @default 'base'
      */
     inlineSize?: SizeKeyword;
+    /**
+     * A slot for content that comes before the main content, such as an `s-banner`.
+     *
+     * @implementation surfaces could restrict the content of this slot to certain elements, such as only allowing an `s-banner`.
+     */
+    supplementalStart?: ComponentChildren;
 }
 
 interface ParagraphProps$1 extends GlobalProps, BaseTypographyProps, BlockTypographyProps, AccessibilityVisibilityProps {
     /**
-     * The content of the Text.
+     * The content of the Paragraph.
      */
     children?: ComponentChildren;
     /**
@@ -2347,6 +2422,23 @@ interface PopoverProps$1 extends GlobalProps, BaseOverlayProps, BaseOverlayMetho
     children?: ComponentChildren;
 }
 
+interface PressButtonProps$1 extends GlobalProps, Pick<ButtonProps$1, 'accessibilityLabel' | 'children' | 'icon' | 'inlineSize' | 'lang' | 'tone' | 'variant' | 'disabled' | 'loading' | 'onClick' | 'onBlur' | 'onFocus'> {
+    /**
+     * Whether the button is pressed.
+     *
+     * @default false
+     */
+    pressed?: boolean;
+    /**
+     * Whether the button is pressed by default.
+     *
+     * @default false
+     *
+     * @implementation `defaultPressed` reflects to the `pressed` attribute.
+     */
+    defaultPressed?: boolean;
+}
+
 interface QueryContainerProps$1 extends GlobalProps {
     /**
      * The content of the container.
@@ -2368,6 +2460,10 @@ interface QueryContainerProps$1 extends GlobalProps {
     containerName?: string;
 }
 
+type OverflowKeyword = 'auto' | 'hidden';
+type ScrollSnapType = 'none' | 'mandatory' | 'proximity';
+type ScrollAccessibilityRole = 'generic' | 'region';
+
 interface SectionProps$1 extends GlobalProps, ActionSlots {
     /**
      * The content of the Section.
@@ -2499,6 +2595,7 @@ interface PaginationProps {
      */
     loading?: boolean;
 }
+type ComputedTableVariant = 'list' | 'table';
 interface TableProps$1 extends GlobalProps, PaginationProps {
     /**
      * The content of the Table.
@@ -2511,13 +2608,22 @@ interface TableProps$1 extends GlobalProps, PaginationProps {
     /**
      * Sets the layout of the Table.
      *
-     * - `list`: The Table is always displayed as a list.
-     * - `table`: The Table is always displayed as a table.
+     * - `list`: The Table is displayed as a list.
+     * - `table`: The Table is displayed as a table.
      * - `auto`: The Table is displayed as a table on wide devices and as a list on narrow devices.
      *
      * @default 'auto'
      */
-    variant?: 'list' | 'table' | 'auto';
+    variant?: ComputedTableVariant | 'auto';
+    /**
+     * The currently-used variant of the Table.
+     * This is only a getter; you cannot set it.
+     */
+    computedVariant?: ComputedTableVariant;
+    /**
+     * Event is emitted when the computed variant of the Table changes.
+     */
+    onComputedVariantChange?: (event: Event) => void;
 }
 
 interface TableBodyProps$1 extends GlobalProps {
@@ -2727,55 +2833,28 @@ interface TooltipProps$1 extends GlobalProps {
 }
 
 interface UnorderedListProps$1 extends GlobalProps {
+    /**
+     * The content of the UnorderededList.
+     *
+     * Accepts only `ListItem` components.
+     */
+    children?: ComponentChildren;
 }
 
 interface URLFieldProps$1 extends GlobalProps, BaseTextFieldProps, MinMaxLengthProps, AutocompleteProps<URLAutocompleteField> {
 }
 type URLAutocompleteField = ExtractStrict<AnyAutocompleteField, 'url' | 'photo' | 'impp' | `${AutocompleteAddressGroup} impp`>;
 
-type CallbackEvent<T extends keyof HTMLElementTagNameMap> = Event & {
-    currentTarget: HTMLElementTagNameMap[T];
-};
-type CallbackToggleEvent<TTagName extends keyof HTMLElementTagNameMap, TEvent extends ToggleEvent = ToggleEvent> = TEvent & {
-    currentTarget: HTMLElementTagNameMap[TTagName];
-};
-type CallbackEventListener<T extends keyof HTMLElementTagNameMap> = (EventListener & {
-    (event: CallbackEvent<T>): void;
-}) | null;
-type FieldReactProps<T extends keyof HTMLElementTagNameMap> = {
-    onInput?: ((event: CallbackEvent<T>) => void) | null;
-    onChange?: ((event: CallbackEvent<T>) => void) | null;
-    onFocus?: ((event: CallbackEvent<T>) => void) | null;
-    onBlur?: ((event: CallbackEvent<T>) => void) | null;
-};
-/** Used when an element does not have children. */
-interface PreactBaseElementProps<TClass extends HTMLElement> {
-    /** Assigns a unique key to this element. */
-    key?: preact.Key;
-    /** Assigns a ref (generally from `useRef()`) to this element. */
-    ref?: preact.Ref<TClass>;
-    /** Assigns this element to a parent's slot. */
-    slot?: Lowercase<string>;
-}
-/** Used when an element has children. */
-interface PreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends PreactBaseElementProps<TClass> {
-    children?: preact.ComponentChildren;
-}
-
-interface AvatarProps extends Required<Pick<AvatarProps$1, 'initials' | 'src' | 'alt' | 'size'>> {
-    size: Extract<AvatarProps$1['size'], 'small-200' | 'small' | 'base' | 'large' | 'large-200'>;
-}
-
-declare const tagName$U = "s-avatar";
-interface ReactProps$U extends Partial<AvatarProps>, Pick<AvatarProps$1, 'id'> {
-    onLoad?: () => void;
-    onError?: () => void;
-}
-
 type Styles = string;
+declare const shadowRootSymbol: unique symbol;
+declare const flushRenderSymbol: unique symbol;
 type RenderImpl = Omit<ShadowRootInit, 'mode'> & {
     ShadowRoot: (element: any) => ComponentChildren$1;
     styles?: Styles;
+    /**
+     * Only needed once in the root element, to inject global shadow CSS for all components.
+     */
+    globalShadowCSS?: Styles;
 };
 interface ActivationEventEsque {
     shiftKey: boolean;
@@ -2794,11 +2873,39 @@ interface ClickOptions {
  * While this class could be used in both Node and the browser, the constructor will only be used in the browser.
  * So we give it a type of HTMLElement to avoid typing issues later where it's used, which will only happen in the browser.
  */
-declare const BaseClass$4: typeof globalThis.HTMLElement;
-declare abstract class PreactCustomElement extends BaseClass$4 {
+declare const BaseClass$2: typeof globalThis.HTMLElement;
+declare abstract class PreactCustomElement extends BaseClass$2 {
     /** @private */
     static get observedAttributes(): string[];
-    constructor({ styles, ShadowRoot: renderFunction, delegatesFocus, ...options }: RenderImpl);
+    /** @private */
+    [shadowRootSymbol]: ShadowRoot | null;
+    /**
+     * A promise that resolves after the next render completes.
+     * Useful for non-React consumers who need to wait for the shadow DOM
+     * to be populated after setting properties.
+     */
+    get updateComplete(): Promise<void>;
+    constructor({ styles, ShadowRoot: renderFunction, delegatesFocus, globalShadowCSS, ...options }: RenderImpl);
+    /**
+     * Flush any pending render synchronously.
+     *
+     * Called by reactWrap's useLayoutEffect after all props are set,
+     * ensuring the shadow DOM is populated before the consumer's
+     * useLayoutEffect fires. The version counter invalidates any
+     * pending microtask so the total render count stays at 1.
+     *
+     * Uses a Symbol key so this method is not callable by external
+     * consumers — only internal code that imports flushRenderSymbol
+     * can invoke it.
+     *
+     * Guarded by #hasPendingRender to avoid spurious Preact re-renders.
+     * React creates a new props object reference on every parent render,
+     * so reactWrap's useLayoutEffect (which depends on [props]) fires
+     * even when no prop *values* changed. Without the guard, every
+     * unrelated parent re-render would trigger a full Preact
+     * reconciliation — proportional to parent re-render frequency.
+     */
+    [flushRenderSymbol](): void;
     /** @private */
     setAttribute(name: string, value: string): void;
     /** @private */
@@ -2826,71 +2933,338 @@ declare abstract class PreactCustomElement extends BaseClass$4 {
     click({ sourceEvent }?: ClickOptions): void;
 }
 
-declare class Avatar extends PreactCustomElement implements AvatarProps {
-    initials: AvatarProps['initials'];
-    src: AvatarProps['src'];
-    size: AvatarProps['size'];
-    alt: AvatarProps['alt'];
-    onload: CallbackEventListener<typeof tagName$U> | null;
-    onerror: OnErrorEventHandler;
-    constructor();
-}
-declare global {
-    interface HTMLElementTagNameMap {
-        [tagName$U]: Avatar;
-    }
-}
-declare module 'preact' {
-    namespace createElement.JSX {
-        interface IntrinsicElements {
-            [tagName$U]: ReactProps$U & PreactBaseElementProps<Avatar>;
-        }
-    }
+interface Context<T> {
+    readonly defaultValue: T;
 }
-
-type IconType = "adjust" | "affiliate" | "airplane" | "alert-bubble" | "alert-circle" | "alert-diamond" | "alert-location" | "alert-octagon" | "alert-octagon-filled" | "alert-triangle" | "app-extension" | "apps" | "archive" | "arrow-down" | "arrow-down-circle" | "arrow-left" | "arrow-left-circle" | "arrow-right" | "arrow-right-circle" | "arrow-up" | "arrow-up-circle" | "arrow-up-right" | "arrows-in-horizontal" | "arrows-out-horizontal" | "attachment" | "automation" | "backspace" | "bag" | "bank" | "barcode" | "bill" | "blank" | "blog" | "bolt" | "bolt-filled" | "book" | "book-open" | "bug" | "bullet" | "business-entity" | "button" | "button-press" | "calculator" | "calendar" | "calendar-check" | "calendar-compare" | "calendar-list" | "calendar-time" | "camera" | "camera-flip" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "cart" | "cart-abandoned" | "cart-discount" | "cart-down" | "cart-sale" | "cart-up" | "cash-dollar" | "cash-euro" | "cash-pound" | "cash-rupee" | "cash-yen" | "catalog-product" | "categories" | "channels" | "chart-cohort" | "chart-donut" | "chart-funnel" | "chart-histogram-first" | "chart-histogram-first-last" | "chart-histogram-flat" | "chart-histogram-full" | "chart-histogram-growth" | "chart-histogram-last" | "chart-histogram-second-last" | "chart-horizontal" | "chart-line" | "chart-popular" | "chart-stacked" | "chart-vertical" | "chat" | "chat-new" | "chat-referral" | "check" | "check-circle" | "check-circle-filled" | "checkbox" | "chevron-down" | "chevron-down-circle" | "chevron-left" | "chevron-left-circle" | "chevron-right" | "chevron-right-circle" | "chevron-up" | "chevron-up-circle" | "circle" | "circle-dashed" | "clipboard" | "clipboard-check" | "clipboard-checklist" | "clock" | "clock-revert" | "code" | "code-add" | "collection" | "collection-featured" | "collection-list" | "collection-reference" | "color" | "color-none" | "compass" | "compose" | "confetti" | "connect" | "content" | "contract" | "corner-pill" | "corner-round" | "corner-square" | "credit-card" | "credit-card-cancel" | "credit-card-percent" | "credit-card-reader" | "credit-card-reader-chip" | "credit-card-reader-tap" | "credit-card-secure" | "credit-card-tap-chip" | "crop" | "currency-convert" | "cursor" | "cursor-banner" | "cursor-option" | "data-presentation" | "data-table" | "database" | "database-add" | "database-connect" | "delete" | "delivery" | "desktop" | "disabled" | "discount" | "discount-add" | "discount-code" | "dns-settings" | "dock-floating" | "dock-side" | "domain" | "domain-landing-page" | "domain-new" | "domain-redirect" | "download" | "drag-drop" | "drag-handle" | "duplicate" | "edit" | "email" | "email-follow-up" | "email-newsletter" | "enabled" | "enter" | "envelope" | "envelope-soft-pack" | "eraser" | "exchange" | "exit" | "export" | "external" | "eye-check-mark" | "eye-dropper" | "eye-dropper-list" | "eye-first" | "eyeglasses" | "favicon" | "file" | "file-list" | "filter" | "filter-active" | "flag" | "flip-horizontal" | "flip-vertical" | "flower" | "folder" | "folder-add" | "folder-down" | "folder-remove" | "folder-up" | "food" | "foreground" | "forklift" | "forms" | "games" | "gauge" | "gift-card" | "git-branch" | "git-commit" | "git-repository" | "globe" | "globe-asia" | "globe-europe" | "globe-lines" | "globe-list" | "grid" | "hashtag" | "hashtag-decimal" | "hashtag-list" | "heart" | "hide" | "hide-filled" | "home" | "icons" | "identity-card" | "image" | "image-add" | "image-alt" | "image-explore" | "image-magic" | "image-none" | "image-with-text-overlay" | "images" | "import" | "in-progress" | "incentive" | "incoming" | "incomplete" | "info" | "inheritance" | "inventory" | "inventory-updated" | "iq" | "key" | "keyboard" | "keyboard-filled" | "keyboard-hide" | "label-printer" | "language" | "language-translate" | "layout-block" | "layout-buy-button" | "layout-buy-button-horizontal" | "layout-buy-button-vertical" | "layout-column-1" | "layout-columns-2" | "layout-columns-3" | "layout-footer" | "layout-header" | "layout-logo-block" | "layout-popup" | "layout-rows-2" | "layout-section" | "layout-sidebar-left" | "layout-sidebar-right" | "lightbulb" | "link" | "link-list" | "list-bulleted" | "list-numbered" | "live" | "location" | "location-none" | "lock" | "map" | "markets" | "markets-euro" | "markets-rupee" | "markets-yen" | "maximize" | "measurement-size" | "measurement-size-list" | "measurement-volume" | "measurement-volume-list" | "measurement-weight" | "measurement-weight-list" | "media-receiver" | "megaphone" | "mention" | "menu" | "menu-horizontal" | "menu-vertical" | "merge" | "metafields" | "metaobject" | "metaobject-list" | "metaobject-reference" | "microphone" | "minimize" | "minus" | "minus-circle" | "mobile" | "money" | "money-none" | "moon" | "nature" | "note" | "note-add" | "notification" | "order" | "order-batches" | "order-draft" | "order-first" | "order-fulfilled" | "order-repeat" | "order-unfulfilled" | "orders-status" | "organization" | "outdent" | "outgoing" | "package" | "package-fulfilled" | "package-on-hold" | "package-returned" | "page" | "page-add" | "page-attachment" | "page-clock" | "page-down" | "page-heart" | "page-list" | "page-reference" | "page-remove" | "page-report" | "page-up" | "pagination-end" | "pagination-start" | "paint-brush-flat" | "paint-brush-round" | "paper-check" | "passkey" | "paste" | "pause-circle" | "payment" | "payment-capture" | "payout" | "payout-dollar" | "payout-euro" | "payout-pound" | "payout-rupee" | "payout-yen" | "person" | "person-add" | "person-exit" | "person-list" | "person-lock" | "person-remove" | "person-segment" | "personalized-text" | "phone" | "phone-in" | "phone-out" | "pin" | "pin-remove" | "plan" | "play" | "play-circle" | "plus" | "plus-circle" | "plus-circle-down" | "plus-circle-filled" | "plus-circle-up" | "point-of-sale" | "price-list" | "print" | "product" | "product-add" | "product-cost" | "product-list" | "product-reference" | "product-remove" | "product-return" | "product-unavailable" | "profile" | "profile-filled" | "question-circle" | "question-circle-filled" | "receipt" | "receipt-dollar" | "receipt-euro" | "receipt-paid" | "receipt-pound" | "receipt-refund" | "receipt-rupee" | "receipt-yen" | "receivables" | "redo" | "referral-code" | "refresh" | "remove-background" | "replace" | "replay" | "reset" | "return" | "reward" | "rocket" | "rotate-left" | "rotate-right" | "sandbox" | "save" | "search" | "search-add" | "search-list" | "search-recent" | "search-resource" | "select" | "send" | "settings" | "share" | "shield-check-mark" | "shield-none" | "shield-pending" | "shield-person" | "shipping-label" | "shopcodes" | "slideshow" | "smiley-happy" | "smiley-joy" | "smiley-neutral" | "smiley-sad" | "social-ad" | "social-post" | "sort" | "sort-ascending" | "sort-descending" | "sound" | "sports" | "star" | "star-filled" | "star-list" | "status" | "status-active" | "stop-circle" | "store" | "store-import" | "store-managed" | "store-online" | "sun" | "table" | "table-masonry" | "tablet" | "target" | "tax" | "team" | "text" | "text-align-center" | "text-align-left" | "text-align-right" | "text-block" | "text-bold" | "text-color" | "text-font" | "text-font-list" | "text-grammar" | "text-in-columns" | "text-in-rows" | "text-indent" | "text-italic" | "text-quote" | "text-title" | "text-underline" | "text-with-image" | "theme" | "theme-edit" | "theme-store" | "theme-template" | "three-d-environment" | "thumbs-down" | "thumbs-up" | "tip-jar" | "toggle-off" | "toggle-on" | "transaction" | "transaction-fee-dollar" | "transaction-fee-euro" | "transaction-fee-pound" | "transaction-fee-rupee" | "transaction-fee-yen" | "transfer" | "transfer-in" | "transfer-internal" | "transfer-out" | "undo" | "unknown-device" | "unlock" | "upload" | "variant" | "view" | "viewport-narrow" | "viewport-short" | "viewport-tall" | "viewport-wide" | "wallet" | "wand" | "watch" | "wifi" | "work" | "work-list" | "wrench" | "x" | "x-circle";
-
-interface IconProps extends Pick<IconProps$1, 'type' | 'tone' | 'color' | 'size' | 'interestFor'> {
-    /**
-     * Specifies the type of icon that will be displayed.
-     */
-    type: '' | IconType | 'empty';
-    tone: Extract<IconProps$1['tone'], 'auto' | 'neutral' | 'info' | 'success' | 'caution' | 'warning' | 'critical'>;
-    color: Extract<IconProps$1['color'], 'base' | 'subdued'>;
-    size: Extract<IconProps$1['size'], 'small' | 'base'>;
+declare class AddedContext<T> extends EventTarget {
+    constructor(defaultValue: T);
+    get value(): T;
+    set value(value: T);
 }
 
-interface BadgeProps extends Pick<BadgeProps$1, 'color' | 'icon' | 'size' | 'tone'> {
-    color: Extract<BadgeProps$1['color'], 'base' | 'strong'>;
-    icon: IconProps['type'] | '';
-    size: Extract<BadgeProps$1['size'], 'base' | 'large' | 'large-100'>;
-    tone: Extract<BadgeProps$1['tone'], 'auto' | 'neutral' | 'info' | 'success' | 'caution' | 'warning' | 'critical'>;
+/**
+ * A callback which is provided by a context requester and is called with the value satisfying the request.
+ * This callback can be called multiple times by context providers as the requested value is changed.
+ */
+type ContextCallback<T> = (value: T) => void;
+/**
+ * An event fired by a context requester to signal it desires a named context.
+ *
+ * A provider should inspect the `context` property of the event to determine if it has a value that can
+ * satisfy the request, calling the `callback` with the requested value if so.
+ */
+declare class ContextRequestEvent<T> extends Event {
+    readonly context: Context<T>;
+    readonly callback: ContextCallback<T>;
+    constructor(context: Context<T>, callback: ContextCallback<T>);
 }
-
-declare const tagName$T = "s-badge";
-interface ReactProps$T extends Partial<BadgeProps>, Pick<BadgeProps$1, 'id' | 'children'> {
-    /**
-     * The content of the Badge.
-     */
-    children?: ComponentChildren$1;
+declare global {
+    interface HTMLElementEventMap {
+        /**
+         * A 'context-request' event can be emitted by any element which desires
+         * a context value to be injected by an external provider.
+         */
+        'context-request': ContextRequestEvent<unknown>;
+    }
 }
 
-declare class Badge extends PreactCustomElement implements BadgeProps {
-    color: BadgeProps['color'];
-    icon: BadgeProps['icon'];
-    size: BadgeProps['size'];
-    tone: BadgeProps['tone'];
-    constructor();
-}
+type ReactKey = string & {
+    __reactKey: boolean;
+};
+type AltKey = string & {
+    __altKey: boolean;
+};
+type Props = Record<string, unknown>;
 declare global {
-    interface HTMLElementTagNameMap {
-        [tagName$T]: Badge;
+    interface HTMLElement {
+        [reactKey: ReactKey]: Props;
+        [altKey: AltKey]: Props;
+    }
+}
+
+/**
+ * An event object with a strongly-typed `currentTarget` property that references the specific HTML element that triggered the event.
+ *
+ * This type extends the standard DOM `Event` interface and ensures type safety when accessing the element that fired the event.
+ */
+type CallbackEvent<T extends keyof HTMLElementTagNameMap> = Event & {
+    currentTarget: HTMLElementTagNameMap[T];
+};
+/**
+ * A toggle event with a strongly-typed `currentTarget` property.
+ * Extends the `ToggleEvent` interface with type-safe access to the element that triggered the toggle.
+ */
+type CallbackToggleEvent<TTagName extends keyof HTMLElementTagNameMap, TEvent extends ToggleEvent = ToggleEvent> = TEvent & {
+    currentTarget: HTMLElementTagNameMap[TTagName];
+};
+/**
+ * A function that handles events from UI components.
+ *
+ * This type represents an event listener callback that receives a `CallbackEvent` with a strongly-typed `currentTarget`.
+ * Use this for component event handlers like `click`, `focus`, `blur`, and other DOM events.
+ *
+ * @example
+ * const handleClick: CallbackEventListener<'button'> = (event) => {
+ *   console.log('Button clicked:', event.currentTarget);
+ * };
+ */
+type CallbackEventListener<T extends keyof HTMLElementTagNameMap> = (EventListener & {
+    (event: CallbackEvent<T>): void;
+}) | null;
+type FieldReactProps<T extends keyof HTMLElementTagNameMap> = {
+    /**
+     * A callback fired when the user makes changes to the field value. This fires before `onChange`.
+     */
+    onInput?: ((event: CallbackEvent<T>) => void) | null;
+    /**
+     * A callback fired when the user has finished editing the field, such as when they blur the field.
+     */
+    onChange?: ((event: CallbackEvent<T>) => void) | null;
+    /**
+     * A callback fired when the field receives focus.
+     */
+    onFocus?: ((event: CallbackEvent<T>) => void) | null;
+    /**
+     * A callback fired when the field loses focus.
+     */
+    onBlur?: ((event: CallbackEvent<T>) => void) | null;
+};
+/**
+ * Props for field slot content (label, error, details) that accept
+ * either a string or JSX content in the React wrapper.
+ *
+ * Internal use only — not exported publicly. External consumers receive
+ * string-only types via FieldSlotPreactProps.
+ */
+type FieldSlotInternalReactProps = {
+    error?: preact.ComponentChildren;
+    details?: preact.ComponentChildren;
+};
+/**
+ * Preact JSX string-only versions of field slot props.
+ * Used in Preact module declarations after Omit-ing the ComponentChildren
+ * versions (required by force-omit-react-slots lint rule).
+ */
+type FieldSlotPreactProps = {
+    error?: string;
+    details?: string;
+};
+/** Used when an element does not have children. */
+interface PreactBaseElementProps<TClass extends HTMLElement> {
+    /** Assigns a unique key to this element. */
+    key?: preact.Key;
+    /** Assigns a ref (generally from `useRef()`) to this element. */
+    ref?: preact.Ref<TClass>;
+    /** Assigns this element to a parent's slot. */
+    slot?: Lowercase<string>;
+}
+/** Used when an element has children. */
+interface PreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends PreactBaseElementProps<TClass> {
+    children?: preact.ComponentChildren;
+}
+
+interface PolarisGlobal {
+    /**
+     * The shop's currency code, which may differ from the user's currency.
+     */
+    currencyCode: string;
+    /**
+     * The user's locale, which may differ from the shop's locale.
+     */
+    locale: string;
+    translations: {
+        loading: string;
+        actions: {
+            dismiss: string;
+            clear: string;
+            addFiles: string;
+            removeChip: string;
+            moreActions: string;
+            /** Template for the add value chip. Use `{label}` as the placeholder. */
+            addValue: string;
+            /** Template for the edit value button in inline layout. Use `{label}` as the placeholder. */
+            editValue: string;
+            /** Label shown when a read-only multi picker field has no values. */
+            none: string;
+        };
+        pagination: {
+            goToNextPage: string;
+            goToPreviousPage: string;
+        };
+        datePicker: {
+            label: string;
+            rangeInstructions: string;
+            singleInstructions: string;
+            previousMonth: string;
+            nextMonth: string;
+        };
+        colorPicker: {
+            hueSliderLabel: string;
+            alphaSliderLabel: string;
+            thumbDescription: string;
+            thumbLabel: string;
+        };
+        colorField: {
+            colorPreviewDescription: string;
+        };
+        secondaryActions: {
+            overflowAccessibilityLabel: string;
+        };
+        breadcrumbs: {
+            overflowAccessibilityLabel: string;
+        };
+        modal: {
+            unsavedChanges: string;
+            close: string;
+        };
+        dropZone: {
+            fileTypeNotReady: string;
+            dropFilesToUpload: string;
+        };
+        passwordField: {
+            hidePassword: string;
+            showPassword: string;
+        };
+        menu: {
+            searchFieldLabel: string;
+            searchFieldPlaceholder: string;
+        };
+    };
+}
+declare global {
+    var polaris: PolarisGlobal;
+}
+
+interface AvatarProps extends Required<Pick<AvatarProps$1, 'initials' | 'src' | 'alt' | 'size'>> {
+    size: Extract<AvatarProps$1['size'], 'small-200' | 'small' | 'base' | 'large' | 'large-200'>;
+}
+
+declare const tagName$W = "s-avatar";
+interface ReactProps$W extends Partial<AvatarProps>, Pick<AvatarProps$1, 'id'> {
+    onLoad?: () => void;
+    onError?: () => void;
+}
+
+/** [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/togglePopover) */
+interface PopoverTogglePopoverOptions {
+    force?: boolean;
+    source?: HTMLElement;
+}
+/** [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/showPopover) */
+interface PopoverShowPopoverOptions {
+    source?: HTMLElement;
+}
+interface PopoverToggleTargetElementInvoker {
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLButtonElement/popoverTargetAction) */
+    popoverTargetAction: string;
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLButtonElement/popoverTargetElement) */
+    popoverTargetElement: Element | null;
+}
+
+declare global {
+    /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent) */
+    interface ToggleEvent extends Event {
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/newState) */
+        readonly newState: string;
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/oldState) */
+        readonly oldState: string;
+    }
+    interface HTMLElement {
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/popover) */
+        popover: string | null;
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/hidePopover) */
+        hidePopover(): void;
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/showPopover) */
+        showPopover(options?: PopoverShowPopoverOptions): void;
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/togglePopover) */
+        togglePopover(force?: boolean): boolean;
+        /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/togglePopover) */
+        togglePopover(options?: PopoverTogglePopoverOptions): boolean;
+    }
+    interface HTMLButtonElement extends PopoverToggleTargetElementInvoker {
+    }
+    interface HTMLInputElement extends PopoverToggleTargetElementInvoker {
+    }
+    interface Window {
+        ToggleEvent: ToggleEvent;
+    }
+}
+
+declare class PolarisCustomElement extends PreactCustomElement {
+    constructor(renderImpl: Omit<RenderImpl, 'globalShadowCSS'>);
+}
+
+declare class Avatar extends PolarisCustomElement implements AvatarProps {
+    initials: AvatarProps['initials'];
+    src: AvatarProps['src'];
+    size: AvatarProps['size'];
+    alt: AvatarProps['alt'];
+    onload: CallbackEventListener<typeof tagName$W> | null;
+    onerror: OnErrorEventHandler;
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName$W]: Avatar;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$T]: ReactProps$T & PreactBaseElementPropsWithChildren<Badge>;
+            [tagName$W]: ReactProps$W & PreactBaseElementProps<Avatar>;
+        }
+    }
+}
+
+type IconType = "adjust" | "affiliate" | "airplane" | "alert-bubble" | "alert-circle" | "alert-diamond" | "alert-location" | "alert-octagon" | "alert-octagon-filled" | "alert-triangle" | "align-horizontal-centers" | "app-extension" | "apps" | "archive" | "arrow-down" | "arrow-down-circle" | "arrow-left" | "arrow-left-circle" | "arrow-right" | "arrow-right-circle" | "arrow-up" | "arrow-up-circle" | "arrow-up-right" | "arrows-in-horizontal" | "arrows-out-horizontal" | "asterisk" | "attachment" | "automation" | "backspace" | "bag" | "bank" | "barcode" | "bill" | "blank" | "blog" | "bolt" | "bolt-filled" | "book" | "book-open" | "brain" | "bug" | "bullet" | "business-entity" | "button" | "button-press" | "calculator" | "calendar" | "calendar-check" | "calendar-compare" | "calendar-list" | "calendar-time" | "camera" | "camera-flip" | "caret-down" | "caret-left" | "caret-right" | "caret-up" | "cart" | "cart-abandoned" | "cart-discount" | "cart-down" | "cart-sale" | "cart-up" | "cash-dollar" | "cash-euro" | "cash-pound" | "cash-rupee" | "cash-yen" | "catalog-product" | "categories" | "channels" | "channels-filled" | "chart-cohort" | "chart-donut" | "chart-funnel" | "chart-histogram-first" | "chart-histogram-first-last" | "chart-histogram-flat" | "chart-histogram-full" | "chart-histogram-growth" | "chart-histogram-last" | "chart-histogram-second-last" | "chart-horizontal" | "chart-line" | "chart-popular" | "chart-stacked" | "chart-vertical" | "chat" | "chat-new" | "chat-referral" | "check" | "check-circle" | "check-circle-filled" | "checkbox" | "chevron-down" | "chevron-down-circle" | "chevron-left" | "chevron-left-circle" | "chevron-right" | "chevron-right-circle" | "chevron-up" | "chevron-up-circle" | "circle" | "circle-dashed" | "clipboard" | "clipboard-check" | "clipboard-checklist" | "clock" | "clock-list" | "clock-revert" | "code" | "code-add" | "collection" | "collection-featured" | "collection-list" | "collection-reference" | "color" | "color-none" | "compass" | "compose" | "confetti" | "connect" | "content" | "contract" | "corner-pill" | "corner-round" | "corner-square" | "credit-card" | "credit-card-cancel" | "credit-card-percent" | "credit-card-reader" | "credit-card-reader-chip" | "credit-card-reader-tap" | "credit-card-secure" | "credit-card-tap-chip" | "crop" | "currency-convert" | "cursor" | "cursor-banner" | "cursor-option" | "data-presentation" | "data-table" | "database" | "database-add" | "database-connect" | "delete" | "delivery" | "desktop" | "disabled" | "discount" | "discount-add" | "discount-code" | "dns-settings" | "dock-floating" | "dock-side" | "domain" | "domain-landing-page" | "domain-new" | "domain-redirect" | "download" | "drag-drop" | "drag-handle" | "duplicate" | "edit" | "email" | "email-follow-up" | "email-newsletter" | "enabled" | "enter" | "envelope" | "envelope-soft-pack" | "eraser" | "exchange" | "exit" | "export" | "external" | "eye-check-mark" | "eye-dropper" | "eye-dropper-list" | "eye-first" | "eyeglasses" | "favicon" | "file" | "file-list" | "filter" | "filter-active" | "flag" | "flip-horizontal" | "flip-vertical" | "flower" | "folder" | "folder-add" | "folder-down" | "folder-remove" | "folder-up" | "food" | "foreground" | "forklift" | "forms" | "games" | "gauge" | "gift-card" | "git-branch" | "git-commit" | "git-repository" | "globe" | "globe-asia" | "globe-europe" | "globe-lines" | "globe-list" | "grid" | "hashtag" | "hashtag-decimal" | "hashtag-list" | "heart" | "hide" | "hide-filled" | "home" | "icons" | "identity-card" | "image" | "image-add" | "image-alt" | "image-explore" | "image-magic" | "image-none" | "image-with-text-overlay" | "images" | "import" | "in-progress" | "incentive" | "incoming" | "incomplete" | "info" | "inheritance" | "inventory" | "inventory-updated" | "iq" | "key" | "keyboard" | "keyboard-filled" | "keyboard-hide" | "label-printer" | "language" | "language-translate" | "layer" | "layout-block" | "layout-buy-button" | "layout-buy-button-horizontal" | "layout-buy-button-vertical" | "layout-column-1" | "layout-columns-2" | "layout-columns-3" | "layout-footer" | "layout-header" | "layout-logo-block" | "layout-popup" | "layout-rows-2" | "layout-section" | "layout-sidebar-left" | "layout-sidebar-right" | "lightbulb" | "link" | "link-list" | "list-bulleted" | "list-numbered" | "live" | "location" | "location-none" | "lock" | "map" | "markets" | "markets-euro" | "markets-rupee" | "markets-yen" | "maximize" | "measurement-size" | "measurement-size-list" | "measurement-volume" | "measurement-volume-list" | "measurement-weight" | "measurement-weight-list" | "media-receiver" | "megaphone" | "mention" | "menu" | "menu-horizontal" | "menu-vertical" | "merge" | "metafields" | "metaobject" | "metaobject-list" | "metaobject-reference" | "microphone" | "microphone-muted" | "minimize" | "minus" | "minus-circle" | "mobile" | "money" | "money-none" | "moon" | "nature" | "note" | "note-add" | "notification" | "number-one" | "order" | "order-batches" | "order-draft" | "order-first" | "order-fulfilled" | "order-repeat" | "order-unfulfilled" | "orders-status" | "organization" | "outdent" | "outgoing" | "package" | "package-fulfilled" | "package-on-hold" | "package-returned" | "page" | "page-add" | "page-attachment" | "page-clock" | "page-down" | "page-heart" | "page-list" | "page-reference" | "page-remove" | "page-report" | "page-up" | "pagination-end" | "pagination-start" | "paint-brush-flat" | "paint-brush-round" | "paper-check" | "passkey" | "paste" | "pause-circle" | "payment" | "payment-capture" | "payout" | "payout-dollar" | "payout-euro" | "payout-pound" | "payout-rupee" | "payout-yen" | "person" | "person-add" | "person-exit" | "person-list" | "person-lock" | "person-remove" | "person-segment" | "personalized-text" | "phone" | "phone-down" | "phone-down-filled" | "phone-in" | "phone-out" | "pin" | "pin-remove" | "plan" | "play" | "play-circle" | "plus" | "plus-circle" | "plus-circle-down" | "plus-circle-filled" | "plus-circle-up" | "point-of-sale" | "price-list" | "print" | "product" | "product-add" | "product-cost" | "product-list" | "product-reference" | "product-remove" | "product-return" | "product-unavailable" | "profile" | "profile-filled" | "question-circle" | "question-circle-filled" | "radio-control" | "receipt" | "receipt-dollar" | "receipt-euro" | "receipt-paid" | "receipt-pound" | "receipt-refund" | "receipt-rupee" | "receipt-yen" | "receivables" | "redo" | "referral-code" | "refresh" | "remove-background" | "replace" | "replay" | "reset" | "return" | "reward" | "rocket" | "rotate-left" | "rotate-right" | "sandbox" | "save" | "search" | "search-add" | "search-list" | "search-recent" | "search-resource" | "select" | "send" | "settings" | "share" | "shield-check-mark" | "shield-none" | "shield-pending" | "shield-person" | "shipping-label" | "shopcodes" | "slideshow" | "smiley-happy" | "smiley-joy" | "smiley-neutral" | "smiley-sad" | "social-ad" | "social-post" | "sort" | "sort-ascending" | "sort-descending" | "sound" | "split" | "sports" | "star" | "star-filled" | "star-list" | "status" | "status-active" | "stop-circle" | "store" | "store-import" | "store-managed" | "store-online" | "sun" | "table" | "table-masonry" | "tablet" | "target" | "tax" | "team" | "text" | "text-align-center" | "text-align-left" | "text-align-right" | "text-block" | "text-bold" | "text-color" | "text-font" | "text-font-list" | "text-grammar" | "text-in-columns" | "text-in-rows" | "text-indent" | "text-italic" | "text-quote" | "text-title" | "text-underline" | "text-with-image" | "theme" | "theme-cart" | "theme-edit" | "theme-store" | "theme-template" | "three-d-environment" | "thumbs-down" | "thumbs-up" | "tip-jar" | "toggle-off" | "toggle-on" | "transaction" | "transaction-fee-dollar" | "transaction-fee-euro" | "transaction-fee-pound" | "transaction-fee-rupee" | "transaction-fee-yen" | "transfer" | "transfer-in" | "transfer-internal" | "transfer-out" | "undo" | "unknown-device" | "unlock" | "upload" | "variant" | "variant-list" | "video" | "video-list" | "view" | "viewport-narrow" | "viewport-short" | "viewport-tall" | "viewport-wide" | "wallet" | "wand" | "watch" | "wifi" | "work" | "work-list" | "wrench" | "x" | "x-circle";
+
+interface IconProps extends Required<Pick<IconProps$1, 'type' | 'tone' | 'color' | 'size' | 'interestFor'>> {
+    /**
+     * Specifies the type of icon that will be displayed.
+     */
+    type: '' | IconType | 'empty';
+    tone: Extract<IconProps$1['tone'], 'auto' | 'neutral' | 'info' | 'success' | 'caution' | 'warning' | 'critical'>;
+    color: Extract<IconProps$1['color'], 'base' | 'subdued'>;
+    size: Extract<IconProps$1['size'], 'small' | 'base'>;
+}
+
+interface BadgeProps extends Pick<BadgeProps$1, 'color' | 'icon' | 'size' | 'tone'> {
+    color: Extract<BadgeProps$1['color'], 'base' | 'strong'>;
+    icon: IconProps['type'] | '';
+    size: Extract<BadgeProps$1['size'], 'base' | 'large' | 'large-100'>;
+    tone: Extract<BadgeProps$1['tone'], 'auto' | 'neutral' | 'info' | 'success' | 'caution' | 'warning' | 'critical'>;
+}
+
+declare const tagName$V = "s-badge";
+interface ReactProps$V extends Partial<BadgeProps>, Pick<BadgeProps$1, 'id' | 'children'> {
+    /**
+     * The content of the Badge.
+     */
+    children?: ComponentChildren$1;
+}
+
+declare abstract class BadgeBase extends PolarisCustomElement implements Pick<BadgeProps, 'color' | 'size'> {
+    color: BadgeProps['color'];
+    size: BadgeProps['size'];
+    abstract tone: string;
+    abstract icon: string;
+    constructor(renderImpl: Omit<RenderImpl, 'globalShadowCSS'>);
+}
+
+declare class Badge extends BadgeBase implements BadgeProps {
+    icon: BadgeProps['icon'];
+    tone: BadgeProps['tone'];
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName$V]: Badge;
+    }
+}
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [tagName$V]: ReactProps$V & PreactBaseElementPropsWithChildren<Badge>;
         }
     }
 }
@@ -2900,8 +3274,8 @@ interface BannerProps extends Pick<RequiredBannerProps, 'heading' | 'dismissible
     tone: Extract<RequiredBannerProps['tone'], 'auto' | 'critical' | 'warning' | 'success' | 'info'>;
 }
 
-declare const tagName$S = "s-banner";
-interface ReactProps$S extends Partial<BannerProps>, Pick<BannerProps$1, 'id' | 'children'> {
+declare const tagName$U = "s-banner";
+interface ReactProps$U extends Partial<BannerProps>, Pick<BannerProps$1, 'id' | 'children'> {
     /**
      * The content of the Banner.
      */
@@ -2912,28 +3286,28 @@ interface ReactProps$S extends Partial<BannerProps>, Pick<BannerProps$1, 'id' |
      * Only Buttons with the `variant` of "secondary" or "auto" are permitted. A maximum of two `s-button` components are allowed.
      */
     secondaryActions?: ComponentChildren$1;
-    onDismiss?: ((event: CallbackEvent<typeof tagName$S>) => void) | null;
-    onAfterHide?: ((event: CallbackEvent<typeof tagName$S>) => void) | null;
+    onDismiss?: ((event: CallbackEvent<typeof tagName$U>) => void) | null;
+    onAfterHide?: ((event: CallbackEvent<typeof tagName$U>) => void) | null;
 }
 
-declare class Banner extends PreactCustomElement implements BannerProps {
+declare class Banner extends PolarisCustomElement implements BannerProps {
     heading: BannerProps['heading'];
     tone: BannerProps['tone'];
     hidden: BannerProps['hidden'];
     dismissible: BannerProps['dismissible'];
-    ondismiss: CallbackEventListener<typeof tagName$S> | null;
-    onafterhide: CallbackEventListener<typeof tagName$S> | null;
+    ondismiss: CallbackEventListener<typeof tagName$U> | null;
+    onafterhide: CallbackEventListener<typeof tagName$U> | null;
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$S]: Banner;
+        [tagName$U]: Banner;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$S]: Omit<ReactProps$S, 'secondaryActions'> & PreactBaseElementPropsWithChildren<Banner>;
+            [tagName$U]: Omit<ReactProps$U, 'secondaryActions'> & PreactBaseElementPropsWithChildren<Banner>;
         }
     }
 }
@@ -3127,15 +3501,15 @@ interface BoxProps extends Pick<RequiredBoxProps, 'accessibilityLabel' | 'access
     maxInlineSize: SizeUnitsOrNone;
 }
 
-declare const tagName$R = "s-box";
-interface ReactProps$R extends Partial<BoxProps>, Pick<BoxProps$1, 'id' | 'children'> {
+declare const tagName$T = "s-box";
+interface ReactProps$T extends Partial<BoxProps>, Pick<BoxProps$1, 'id' | 'children'> {
     /**
      * The content of the Box.
      */
     children?: ComponentChildren$1;
 }
 
-declare class BoxElement extends PreactCustomElement implements BoxProps {
+declare class BoxElement extends PolarisCustomElement implements BoxProps {
     constructor(renderImpl: RenderImpl);
     accessibilityRole: BoxProps['accessibilityRole'];
     background: BoxProps['background'];
@@ -3168,13 +3542,13 @@ declare class Box extends BoxElement implements BoxProps {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$R]: Box;
+        [tagName$T]: Box;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$R]: ReactProps$R & PreactBaseElementPropsWithChildren<Box>;
+            [tagName$T]: ReactProps$T & PreactBaseElementPropsWithChildren<Box>;
         }
     }
 }
@@ -3182,21 +3556,21 @@ declare module 'preact' {
 type ButtonOnlyProps = Extract<ButtonProps$1, {
     type?: unknown;
 }>;
-type ButtonBaseProps = Required<Pick<ButtonOnlyProps, 'accessibilityLabel' | 'disabled' | 'command' | 'commandFor' | 'icon' | 'interestFor' | 'lang' | 'loading' | 'type' | 'tone' | 'variant' | 'target' | 'href' | 'download'>>;
+type ButtonBaseProps = Required<Pick<ButtonOnlyProps, 'accessibilityLabel' | 'disabled' | 'command' | 'commandFor' | 'icon' | 'interestFor' | 'lang' | 'loading' | 'type' | 'tone' | 'variant' | 'target' | 'href' | 'download' | 'inlineSize'>>;
 interface ButtonProps extends ButtonBaseProps {
     tone: Extract<ButtonProps$1['tone'], 'neutral' | 'critical' | 'auto'>;
     icon: IconProps['type'];
 }
 
-declare const tagName$Q = "s-button";
-interface ReactProps$Q extends Partial<ButtonProps>, Pick<ButtonProps$1, 'id' | 'children'> {
+declare const tagName$S = "s-button";
+interface ReactProps$S extends Partial<ButtonProps>, Pick<ButtonProps$1, 'id' | 'children'> {
     /**
      * The content of the Button.
      */
     children?: ComponentChildren$1;
-    onClick?: ((event: CallbackEvent<typeof tagName$Q>) => void) | null;
-    onFocus?: ((event: CallbackEvent<typeof tagName$Q>) => void) | null;
-    onBlur?: ((event: CallbackEvent<typeof tagName$Q>) => void) | null;
+    onClick?: ((event: CallbackEvent<typeof tagName$S>) => void) | null;
+    onFocus?: ((event: CallbackEvent<typeof tagName$S>) => void) | null;
+    onBlur?: ((event: CallbackEvent<typeof tagName$S>) => void) | null;
 }
 
 interface PreactOverlayControlProps extends Pick<InteractionProps, 'commandFor' | 'interestFor'> {
@@ -3223,32 +3597,37 @@ interface PreactOverlayControlProps extends Pick<InteractionProps, 'commandFor'
     interestFor: Extract<InteractionProps['interestFor'], string>;
 }
 
-declare const Button_base: (abstract new (args_0: RenderImpl) => PreactCustomElement & PreactOverlayControlProps) & Pick<typeof PreactCustomElement, "prototype" | "observedAttributes">;
-declare class Button extends Button_base implements ButtonProps {
+declare const ButtonBase_base: (abstract new (renderImpl: Omit<RenderImpl, "globalShadowCSS">) => PolarisCustomElement & PreactOverlayControlProps) & Pick<typeof PolarisCustomElement, "prototype" | "observedAttributes">;
+declare abstract class ButtonBase<TTagName extends keyof HTMLElementTagNameMap> extends ButtonBase_base implements Pick<ButtonProps, 'disabled' | 'loading' | 'target' | 'href' | 'download' | 'type' | 'accessibilityLabel' | 'inlineSize'> {
     disabled: ButtonProps['disabled'];
-    icon: ButtonProps['icon'];
     loading: ButtonProps['loading'];
-    variant: ButtonProps['variant'];
-    tone: ButtonProps['tone'];
     target: ButtonProps['target'];
     href: ButtonProps['href'];
     download: ButtonProps['download'];
-    onclick: CallbackEventListener<typeof tagName$Q> | null;
-    onblur: CallbackEventListener<typeof tagName$Q> | null;
-    onfocus: CallbackEventListener<typeof tagName$Q> | null;
     type: ButtonProps['type'];
     accessibilityLabel: ButtonProps['accessibilityLabel'];
+    inlineSize: ButtonProps['inlineSize'];
+    abstract icon: string;
+    abstract variant: string;
+    abstract tone: string;
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class Button extends ButtonBase<typeof tagName$S> implements ButtonProps {
+    icon: ButtonProps['icon'];
+    variant: ButtonProps['variant'];
+    tone: ButtonProps['tone'];
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$Q]: Button;
+        [tagName$S]: Button;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$Q]: ReactProps$Q & PreactBaseElementPropsWithChildren<Button>;
+            [tagName$S]: ReactProps$S & PreactBaseElementPropsWithChildren<Button>;
         }
     }
 }
@@ -3256,8 +3635,8 @@ declare module 'preact' {
 interface ButtonGroupProps extends Required<Pick<ButtonGroupProps$1, 'gap' | 'accessibilityLabel'>> {
 }
 
-declare const tagName$P = "s-button-group";
-interface ReactProps$P extends Partial<ButtonGroupProps>, Pick<ButtonGroupProps$1, 'id' | 'children'> {
+declare const tagName$R = "s-button-group";
+interface ReactProps$R extends Partial<ButtonGroupProps>, Pick<ButtonGroupProps$1, 'id' | 'children'> {
     /**
      * The content of the ButtonGroup.
      */
@@ -3270,32 +3649,37 @@ interface ReactProps$P extends Partial<ButtonGroupProps>, Pick<ButtonGroupProps$
     primaryAction?: ComponentChildren$1;
     /**
      * Secondary action buttons for the group.
-     * Accepts Button elements with a `variant` of `secondary` or `auto`.
+     * Accepts Button or PressButton elements with a `variant` of `secondary` or `auto`.
      */
     secondaryActions?: ComponentChildren$1;
 }
 
-declare class ButtonGroup extends PreactCustomElement implements ButtonGroupProps {
+declare abstract class ButtonGroupBase extends PolarisCustomElement implements Pick<ButtonGroupProps, 'gap' | 'accessibilityLabel'> {
     gap: ButtonGroupProps['gap'];
     accessibilityLabel: ButtonGroupProps['accessibilityLabel'];
+    constructor(renderImpl: RenderImpl);
+    disconnectedCallback(): void;
+}
+
+declare class ButtonGroup extends ButtonGroupBase implements ButtonGroupProps {
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$P]: ButtonGroup;
+        [tagName$R]: ButtonGroup;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$P]: Omit<ReactProps$P, 'primaryAction' | 'secondaryActions'> & PreactBaseElementPropsWithChildren<ButtonGroup>;
+            [tagName$R]: Omit<ReactProps$R, 'primaryAction' | 'secondaryActions'> & PreactBaseElementPropsWithChildren<ButtonGroup>;
         }
     }
 }
 
 declare const internals$4: unique symbol;
 type PreactInputProps = Required<Pick<TextFieldProps$1, 'disabled' | 'id' | 'name' | 'value'>>;
-declare class PreactInputElement extends PreactCustomElement implements PreactInputProps {
+declare class PreactInputElement extends PolarisCustomElement implements PreactInputProps {
     static formAssociated: boolean;
     /** @private */
     [internals$4]: ElementInternals;
@@ -3311,6 +3695,7 @@ interface PreactCheckboxProps extends Required<Pick<CheckboxProps$1, 'accessibil
     value: Required<CheckboxProps$1>['value'];
 }
 declare class PreactCheckboxElement extends PreactInputElement implements PreactCheckboxProps {
+    onblur: CallbackEventListener<'input'>;
     get checked(): boolean;
     set checked(checked: PreactCheckboxProps['checked']);
     /**
@@ -3333,38 +3718,45 @@ declare class PreactCheckboxElement extends PreactInputElement implements Preact
 interface CheckboxProps extends PreactCheckboxProps {
     indeterminate: Required<CheckboxProps$1>['indeterminate'];
     defaultIndeterminate: Required<CheckboxProps$1>['defaultIndeterminate'];
+    labelAccessibilityVisibility: Required<CheckboxProps$1>['labelAccessibilityVisibility'];
 }
 
-declare const tagName$O = "s-checkbox";
-interface ReactProps$O extends Partial<CheckboxProps>, Pick<CheckboxProps$1, 'id'> {
-    onChange?: ((event: CallbackEvent<typeof tagName$O>) => void) | null;
-    onInput?: ((event: CallbackEvent<typeof tagName$O>) => void) | null;
+declare const tagName$Q = "s-checkbox";
+interface ReactProps$Q extends Partial<Omit<CheckboxProps, 'error' | 'details'>>, Pick<CheckboxProps$1, 'id'>, FieldSlotInternalReactProps {
+    onChange?: ((event: CallbackEvent<typeof tagName$Q>) => void) | null;
+    onInput?: ((event: CallbackEvent<typeof tagName$Q>) => void) | null;
+    onBlur?: ((event: CallbackEvent<typeof tagName$Q>) => void) | null;
 }
 
-declare class Checkbox extends PreactCheckboxElement implements CheckboxProps {
+declare abstract class CheckboxBase extends PreactCheckboxElement implements Pick<CheckboxProps, 'defaultIndeterminate' | 'indeterminate' | 'labelAccessibilityVisibility'> {
     get indeterminate(): CheckboxProps["indeterminate"];
     set indeterminate(indeterminate: CheckboxProps['indeterminate']);
     defaultIndeterminate: CheckboxProps['defaultIndeterminate'];
+    labelAccessibilityVisibility: CheckboxProps['labelAccessibilityVisibility'];
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class Checkbox extends CheckboxBase implements CheckboxProps {
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$O]: Checkbox;
+        [tagName$Q]: Checkbox;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$O]: ReactProps$O & PreactBaseElementProps<Checkbox>;
+            [tagName$Q]: Omit<ReactProps$Q, 'error' | 'details'> & FieldSlotPreactProps & PreactBaseElementProps<Checkbox>;
         }
     }
 }
 
-interface ChipProps extends Required<Pick<ChipProps$1, 'color' | 'accessibilityLabel'>> {
+interface ChipProps extends Required<Pick<ChipProps$1, 'color' | 'accessibilityLabel' | 'removable'>> {
 }
 
-declare const tagName$N = "s-chip";
-interface ReactProps$N extends Partial<ChipProps>, Pick<ChipProps$1, 'id' | 'children'> {
+declare const tagName$P = "s-chip";
+interface ReactProps$P extends Partial<ChipProps>, Pick<ChipProps$1, 'id' | 'children'> {
     /**
      * The content of the Chip.
      */
@@ -3375,22 +3767,25 @@ interface ReactProps$N extends Partial<ChipProps>, Pick<ChipProps$1, 'id' | 'chi
      * Only accepts `Icon` components.
      */
     graphic?: ComponentChildren$1;
+    onRemove?: ((event: CallbackEvent<typeof tagName$P>) => void) | null;
 }
 
-declare class Chip extends PreactCustomElement implements ChipProps {
+declare class Chip extends PolarisCustomElement implements ChipProps {
     color: ChipProps['color'];
     accessibilityLabel: ChipProps['accessibilityLabel'];
-    constructor();
+    removable: ChipProps['removable'];
+    onremove: CallbackEventListener<typeof tagName$P> | null;
+    constructor(renderImpl?: Omit<RenderImpl, 'globalShadowCSS'>);
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$N]: Chip;
+        [tagName$P]: Chip;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$N]: Omit<ReactProps$N, 'graphic'> & PreactBaseElementPropsWithChildren<Chip>;
+            [tagName$P]: Omit<ReactProps$P, 'graphic'> & PreactBaseElementPropsWithChildren<Chip>;
         }
     }
 }
@@ -3398,8 +3793,8 @@ declare module 'preact' {
 interface ChoiceProps extends Required<Pick<ChoiceProps$1, 'selected' | 'defaultSelected' | 'disabled' | 'accessibilityLabel' | 'value'>> {
 }
 
-declare const tagName$M = "s-choice";
-interface ReactProps$M extends Partial<ChoiceProps>, Pick<ChoiceProps$1, 'id' | 'children' | 'details'> {
+declare const tagName$O = "s-choice";
+interface ReactProps$O extends Partial<ChoiceProps>, Pick<ChoiceProps$1, 'id' | 'children' | 'details'> {
     /**
      * Content to use as the choice label.
      *
@@ -3417,9 +3812,15 @@ interface ReactProps$M extends Partial<ChoiceProps>, Pick<ChoiceProps$1, 'id' |
      * @implementation this content should be linked to the input with an `aria-describedby` attribute.
      */
     details?: ComponentChildren$1;
+    /**
+     * Additional content to display below the choice label.
+     * Can include rich content like TextFields, Buttons, or other interactive components.
+     * Event handlers on React components are preserved.
+     */
+    secondaryContent?: ComponentChildren$1;
 }
 
-declare class Choice extends PreactCustomElement implements ChoiceProps {
+declare class Choice extends PolarisCustomElement implements ChoiceProps {
     disabled: ChoiceProps['disabled'];
     get selected(): boolean;
     set selected(selected: ChoiceProps['selected']);
@@ -3434,13 +3835,13 @@ declare class Choice extends PreactCustomElement implements ChoiceProps {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$M]: Choice;
+        [tagName$O]: Choice;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$M]: Omit<ReactProps$M, 'details'> & PreactBaseElementPropsWithChildren<Choice>;
+            [tagName$O]: Omit<ReactProps$O, 'details' | 'secondaryContent'> & PreactBaseElementPropsWithChildren<Choice>;
         }
     }
 }
@@ -3448,34 +3849,47 @@ declare module 'preact' {
 interface ChoiceListProps extends Required<Pick<ChoiceListProps$1, 'details' | 'disabled' | 'error' | 'label' | 'labelAccessibilityVisibility' | 'multiple' | 'name' | 'values'>> {
 }
 
-declare const tagName$L = "s-choice-list";
-interface ReactProps$L extends Partial<ChoiceListProps>, Pick<ChoiceListProps$1, 'id' | 'children'> {
+declare const tagName$N = "s-choice-list";
+interface ReactProps$N extends Partial<ChoiceListProps>, Pick<ChoiceListProps$1, 'id' | 'children'> {
     /**
      * The choices a user can select from.
      *
      * Accepts `Choice` components.
      */
     children?: ComponentChildren$1;
-    onChange?: ((event: CallbackEvent<typeof tagName$L>) => void) | null;
-    onInput?: ((event: CallbackEvent<typeof tagName$L>) => void) | null;
+    onChange?: ((event: CallbackEvent<typeof tagName$N>) => void) | null;
+    onInput?: ((event: CallbackEvent<typeof tagName$N>) => void) | null;
 }
 
 declare const internals$3: unique symbol;
-declare class BaseClass$3 extends PreactCustomElement {
+declare class BaseClass$1 extends PolarisCustomElement {
     static formAssociated: boolean;
     constructor(renderImpl: RenderImpl);
     /** @private */
     [internals$3]: ElementInternals;
 }
-declare class ChoiceList extends BaseClass$3 implements ChoiceListProps {
+declare class ChoiceList extends BaseClass$1 implements ChoiceListProps {
+    /**
+     * Wraps change and input event listeners so they only fire when the event
+     * was dispatched directly on this ChoiceList (event.eventPhase === Event.AT_TARGET).
+     *
+     * This prevents form events from elements inside secondary content (e.g.
+     * TextField, native <input>) from being mistakenly treated as ChoiceList
+     * value-change events, while still allowing those events to bubble normally
+     * through the DOM (preserving React's event delegation).
+     * @private
+     */
+    addEventListener(type: string, callback: EventListenerOrEventListenerObject | null, options?: AddEventListenerOptions | boolean): void;
+    /** @private */
+    removeEventListener(type: string, callback: EventListenerOrEventListenerObject | null, options?: EventListenerOptions | boolean): void;
     disabled: ChoiceListProps['disabled'];
     name: ChoiceListProps['name'];
     error: ChoiceListProps['error'];
     details: ChoiceListProps['details'];
     multiple: ChoiceListProps['multiple'];
     label: ChoiceListProps['label'];
-    onchange: CallbackEventListener<typeof tagName$L> | null;
-    oninput: CallbackEventListener<typeof tagName$L> | null;
+    onchange: CallbackEventListener<typeof tagName$N> | null;
+    oninput: CallbackEventListener<typeof tagName$N> | null;
     labelAccessibilityVisibility: ChoiceListProps['labelAccessibilityVisibility'];
     get values(): ChoiceListProps["values"];
     set values(values: ChoiceListProps['values']);
@@ -3489,13 +3903,13 @@ declare class ChoiceList extends BaseClass$3 implements ChoiceListProps {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$L]: ChoiceList;
+        [tagName$N]: ChoiceList;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$L]: ReactProps$L & PreactBaseElementPropsWithChildren<ChoiceList>;
+            [tagName$N]: ReactProps$N & PreactBaseElementPropsWithChildren<ChoiceList>;
         }
     }
 }
@@ -3504,15 +3918,15 @@ type ClickableBaseProps = Required<Pick<ClickableProps$1, 'command' | 'commandFo
 interface ClickableProps extends Required<BoxProps>, ClickableBaseProps {
 }
 
-declare const tagName$K = "s-clickable";
-interface ReactProps$K extends Partial<ClickableProps>, Pick<ClickableProps$1, 'id' | 'children'> {
+declare const tagName$M = "s-clickable";
+interface ReactProps$M extends Partial<ClickableProps>, Pick<ClickableProps$1, 'id' | 'children'> {
     /**
      * The content of the Clickable.
      */
     children?: ComponentChildren$1;
-    onClick?: ((event: CallbackEvent<typeof tagName$K>) => void) | null;
-    onFocus?: ((event: CallbackEvent<typeof tagName$K>) => void) | null;
-    onBlur?: ((event: CallbackEvent<typeof tagName$K>) => void) | null;
+    onClick?: ((event: CallbackEvent<typeof tagName$M>) => void) | null;
+    onFocus?: ((event: CallbackEvent<typeof tagName$M>) => void) | null;
+    onBlur?: ((event: CallbackEvent<typeof tagName$M>) => void) | null;
 }
 
 declare const Clickable_base: (abstract new (renderImpl: RenderImpl) => BoxElement & PreactOverlayControlProps) & Pick<typeof BoxElement, "prototype" | "observedAttributes">;
@@ -3522,30 +3936,30 @@ declare class Clickable extends Clickable_base implements ClickableProps {
     target: ClickableProps['target'];
     href: ClickableProps['href'];
     download: ClickableProps['download'];
-    onclick: CallbackEventListener<typeof tagName$K> | null;
-    onblur: CallbackEventListener<typeof tagName$K> | null;
-    onfocus: CallbackEventListener<typeof tagName$K> | null;
+    onclick: CallbackEventListener<typeof tagName$M> | null;
+    onblur: CallbackEventListener<typeof tagName$M> | null;
+    onfocus: CallbackEventListener<typeof tagName$M> | null;
     type: ClickableProps['type'];
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$K]: Clickable;
+        [tagName$M]: Clickable;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$K]: ReactProps$K & PreactBaseElementPropsWithChildren<Clickable>;
+            [tagName$M]: ReactProps$M & PreactBaseElementPropsWithChildren<Clickable>;
         }
     }
 }
 
-interface ClickableChipProps extends Required<Pick<ClickableChipProps$1, 'color' | 'accessibilityLabel' | 'removable' | 'hidden' | 'href' | 'disabled'>> {
+interface ClickableChipProps extends Required<Pick<ClickableChipProps$1, 'color' | 'accessibilityLabel' | 'removable' | 'hidden' | 'href' | 'disabled' | 'command' | 'commandFor' | 'interestFor'>> {
 }
 
-declare const tagName$J = "s-clickable-chip";
-interface ReactProps$J extends Partial<ClickableChipProps>, Pick<ClickableChipProps$1, 'id' | 'children'> {
+declare const tagName$L = "s-clickable-chip";
+interface ReactProps$L extends Partial<ClickableChipProps>, Pick<ClickableChipProps$1, 'id' | 'children'> {
     /**
      * The content of the clickable chip.
      */
@@ -3556,32 +3970,35 @@ interface ReactProps$J extends Partial<ClickableChipProps>, Pick<ClickableChipPr
      * Only accepts `Icon` components.
      */
     graphic?: ComponentChildren$1;
-    onClick?: ((event: CallbackEvent<typeof tagName$J>) => void) | null;
-    onRemove?: ((event: CallbackEvent<typeof tagName$J>) => void) | null;
-    onAfterHide?: ((event: CallbackEvent<typeof tagName$J>) => void) | null;
+    onClick?: ((event: CallbackEvent<typeof tagName$L>) => void) | null;
+    onRemove?: ((event: CallbackEvent<typeof tagName$L>) => void) | null;
+    onAfterHide?: ((event: CallbackEvent<typeof tagName$L>) => void) | null;
 }
 
-declare class ClickableChip extends PreactCustomElement implements ClickableChipProps {
-    color: ClickableChipProps['color'];
+declare const ClickableChipBase_base: (abstract new (renderImpl: Omit<RenderImpl, "globalShadowCSS">) => PolarisCustomElement & PreactOverlayControlProps) & Pick<typeof PolarisCustomElement, "prototype" | "observedAttributes">;
+declare abstract class ClickableChipBase<TTagName extends keyof HTMLElementTagNameMap> extends ClickableChipBase_base implements Pick<ClickableChipProps, 'accessibilityLabel' | 'removable' | 'hidden' | 'disabled' | 'href'> {
     accessibilityLabel: ClickableChipProps['accessibilityLabel'];
     removable: ClickableChipProps['removable'];
     hidden: ClickableChipProps['hidden'];
     disabled: ClickableChipProps['disabled'];
     href: ClickableChipProps['href'];
-    onclick: CallbackEventListener<typeof tagName$J> | null;
-    onremove: CallbackEventListener<typeof tagName$J> | null;
-    onafterhide: CallbackEventListener<typeof tagName$J> | null;
+    abstract color: string;
+    constructor(renderImpl: Omit<RenderImpl, 'globalShadowCSS'>);
+}
+
+declare class ClickableChip extends ClickableChipBase<typeof tagName$L> implements ClickableChipProps {
+    color: ClickableChipProps['color'];
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$J]: ClickableChip;
+        [tagName$L]: ClickableChip;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$J]: Omit<ReactProps$J, 'graphic'> & PreactBaseElementPropsWithChildren<ClickableChip>;
+            [tagName$L]: Omit<ReactProps$L, 'graphic'> & PreactBaseElementPropsWithChildren<ClickableChip>;
         }
     }
 }
@@ -3648,31 +4065,35 @@ declare class PreactFieldElement<Autocomplete extends string = string> extends P
 
 type ColorFieldProps = PreactFieldProps<Required<ColorFieldProps$1>['autocomplete']> & Required<Pick<ColorFieldProps$1, 'alpha' | 'value' | 'defaultValue'>>;
 
-declare const tagName$I = "s-color-field";
-interface ReactProps$I extends Partial<Omit<ColorFieldProps, 'accessory'>>, Pick<ColorFieldProps$1, 'id' | 'alpha' | 'value' | 'defaultValue'>, FieldReactProps<typeof tagName$I> {
-    onInput?: (event: CallbackEvent<typeof tagName$I>) => void;
-    onChange?: (event: CallbackEvent<typeof tagName$I>) => void;
+declare const tagName$K = "s-color-field";
+interface ReactProps$K extends Partial<Omit<ColorFieldProps, 'accessory' | 'error' | 'details'>>, Pick<ColorFieldProps$1, 'id' | 'alpha' | 'value' | 'defaultValue'>, FieldReactProps<typeof tagName$K>, FieldSlotInternalReactProps {
+    onInput?: (event: CallbackEvent<typeof tagName$K>) => void;
+    onChange?: (event: CallbackEvent<typeof tagName$K>) => void;
 }
 
-declare class ColorField extends PreactFieldElement<ColorFieldProps['autocomplete']> implements ColorFieldProps {
+declare abstract class ColorFieldBase extends PreactFieldElement<ColorFieldProps['autocomplete']> implements Pick<ColorFieldProps, 'alpha' | 'value'> {
     alpha: ColorFieldProps['alpha'];
     get value(): string;
     set value(value: string);
     /** @private */
     formResetCallback(): void;
-    constructor();
+    constructor(renderImpl: RenderImpl);
     /** @private */
     setInternalValue(value: string, normalize: boolean): void;
 }
+
+declare class ColorField extends ColorFieldBase implements ColorFieldProps {
+    constructor();
+}
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$I]: ColorField;
+        [tagName$K]: ColorField;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$I]: ReactProps$I & PreactBaseElementProps<ColorField>;
+            [tagName$K]: Omit<ReactProps$K, 'error' | 'details'> & FieldSlotPreactProps & PreactBaseElementProps<ColorField>;
         }
     }
 }
@@ -3680,23 +4101,23 @@ declare module 'preact' {
 interface ColorPickerProps extends Required<Pick<ColorPickerProps$1, 'id' | 'alpha' | 'value' | 'defaultValue' | 'name'>> {
 }
 
-declare const tagName$H = "s-color-picker";
-interface ReactProps$H extends Partial<ColorPickerProps>, Pick<ColorPickerProps$1, 'id' | 'alpha' | 'value' | 'defaultValue' | 'name'> {
-    onInput?: (event: CallbackEvent<typeof tagName$H>) => void | null;
-    onChange?: (event: CallbackEvent<typeof tagName$H>) => void | null;
+declare const tagName$J = "s-color-picker";
+interface ReactProps$J extends Partial<ColorPickerProps>, Pick<ColorPickerProps$1, 'id' | 'alpha' | 'value' | 'defaultValue' | 'name'> {
+    onInput?: (event: CallbackEvent<typeof tagName$J>) => void | null;
+    onChange?: (event: CallbackEvent<typeof tagName$J>) => void | null;
 }
 
 declare const internals$2: unique symbol;
-declare class BaseClass$2 extends PreactCustomElement {
+declare class BaseClass extends PolarisCustomElement {
     static formAssociated: boolean;
     constructor(renderImpl: RenderImpl);
     /** @private */
     [internals$2]: ElementInternals;
 }
-declare class ColorPicker extends BaseClass$2 implements ColorPickerProps {
+declare class ColorPicker extends BaseClass implements ColorPickerProps {
     alpha: boolean;
-    onchange: CallbackEventListener<typeof tagName$H> | null;
-    oninput: CallbackEventListener<typeof tagName$H> | null;
+    onchange: CallbackEventListener<typeof tagName$J> | null;
+    oninput: CallbackEventListener<typeof tagName$J> | null;
     name: string;
     defaultValue: string;
     get value(): string;
@@ -3706,13 +4127,13 @@ declare class ColorPicker extends BaseClass$2 implements ColorPickerProps {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$H]: ColorPicker;
+        [tagName$J]: ColorPicker;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$H]: ReactProps$H & PreactBaseElementProps<ColorPicker>;
+            [tagName$J]: ReactProps$J & PreactBaseElementProps<ColorPicker>;
         }
     }
 }
@@ -3720,17 +4141,17 @@ declare module 'preact' {
 interface DateFieldProps extends PreactFieldProps<DateAutocompleteField>, Required<Pick<DateFieldProps$1, 'allow' | 'allowDays' | 'disallow' | 'disallowDays' | 'value' | 'defaultValue' | 'view' | 'defaultView'>> {
 }
 
-declare const tagName$G = "s-date-field";
-interface ReactProps$G extends Partial<DateFieldProps>, Pick<DateFieldProps$1, 'id'> {
-    onBlur?: ((event: CallbackEvent<typeof tagName$G>) => void) | null;
-    onChange?: ((event: CallbackEvent<typeof tagName$G>) => void) | null;
-    onFocus?: ((event: CallbackEvent<typeof tagName$G>) => void) | null;
-    onInput?: ((event: CallbackEvent<typeof tagName$G>) => void) | null;
-    onInvalid?: ((event: CallbackEvent<typeof tagName$G>) => void) | null;
-    onViewChange?: ((event: CallbackEvent<typeof tagName$G>) => void) | null;
+declare const tagName$I = "s-date-field";
+interface ReactProps$I extends Partial<Omit<DateFieldProps, 'error' | 'details'>>, Pick<DateFieldProps$1, 'id'>, FieldSlotInternalReactProps {
+    onBlur?: ((event: CallbackEvent<typeof tagName$I>) => void) | null;
+    onChange?: ((event: CallbackEvent<typeof tagName$I>) => void) | null;
+    onFocus?: ((event: CallbackEvent<typeof tagName$I>) => void) | null;
+    onInput?: ((event: CallbackEvent<typeof tagName$I>) => void) | null;
+    onInvalid?: ((event: CallbackEvent<typeof tagName$I>) => void) | null;
+    onViewChange?: ((event: CallbackEvent<typeof tagName$I>) => void) | null;
 }
 
-declare class DateField extends PreactFieldElement<DateFieldProps['autocomplete']> implements DateFieldProps {
+declare abstract class DateFieldBase extends PreactFieldElement<DateFieldProps['autocomplete']> implements Pick<DateFieldProps, 'allow' | 'disallow' | 'allowDays' | 'disallowDays' | 'view' | 'defaultView'> {
     allow: DateFieldProps['allow'];
     disallow: DateFieldProps['disallow'];
     allowDays: DateFieldProps['allowDays'];
@@ -3738,19 +4159,21 @@ declare class DateField extends PreactFieldElement<DateFieldProps['autocomplete'
     set view(view: string);
     get view(): string;
     defaultView: DateFieldProps['defaultView'];
-    onviewchange: CallbackEventListener<typeof tagName$G> | null;
-    oninvalid: CallbackEventListener<typeof tagName$G> | null;
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class DateField extends DateFieldBase implements DateFieldProps {
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$G]: DateField;
+        [tagName$I]: DateField;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$G]: ReactProps$G & PreactBaseElementProps<DateField>;
+            [tagName$I]: Omit<ReactProps$I, 'error' | 'details'> & FieldSlotPreactProps & PreactBaseElementProps<DateField>;
         }
     }
 }
@@ -3759,24 +4182,22 @@ interface DatePickerProps extends Required<Pick<DatePickerProps$1, 'defaultView'
     type: Extract<DatePickerProps$1['type'], 'single' | 'range'>;
 }
 
-declare const tagName$F = "s-date-picker";
-interface ReactProps$F extends Partial<DatePickerProps>, Pick<DatePickerProps$1, 'id'> {
-    onViewChange?: ((event: CallbackEvent<typeof tagName$F>) => void) | null;
-    onFocus?: ((event: CallbackEvent<typeof tagName$F>) => void) | null;
-    onBlur?: ((event: CallbackEvent<typeof tagName$F>) => void) | null;
-    onInput?: ((event: CallbackEvent<typeof tagName$F>) => void) | null;
-    onChange?: ((event: CallbackEvent<typeof tagName$F>) => void) | null;
+declare const tagName$H = "s-date-picker";
+interface ReactProps$H extends Partial<DatePickerProps>, Pick<DatePickerProps$1, 'id'> {
+    onViewChange?: ((event: CallbackEvent<typeof tagName$H>) => void) | null;
+    onFocus?: ((event: CallbackEvent<typeof tagName$H>) => void) | null;
+    onBlur?: ((event: CallbackEvent<typeof tagName$H>) => void) | null;
+    onInput?: ((event: CallbackEvent<typeof tagName$H>) => void) | null;
+    onChange?: ((event: CallbackEvent<typeof tagName$H>) => void) | null;
 }
 
 declare const internals$1: unique symbol;
 declare const dirtyStateSymbol: unique symbol;
-declare class BaseClass$1 extends PreactCustomElement {
+declare abstract class DatePickerBase<TagName extends 's-date-picker' | 's-internal-date-picker'> extends PolarisCustomElement implements DatePickerProps {
     static formAssociated: boolean;
     constructor(renderImpl: RenderImpl);
     /** @private */
     [internals$1]: ElementInternals;
-}
-declare class DatePicker extends BaseClass$1 implements DatePickerProps {
     defaultView: string;
     set view(view: string);
     get view(): string;
@@ -3793,22 +4214,20 @@ declare class DatePicker extends BaseClass$1 implements DatePickerProps {
     [dirtyStateSymbol]: boolean;
     /** @private */
     formResetCallback(): void;
-    onviewchange: CallbackEventListener<typeof tagName$F> | null;
-    onfocus: CallbackEventListener<typeof tagName$F> | null;
-    onblur: CallbackEventListener<typeof tagName$F> | null;
-    oninput: CallbackEventListener<typeof tagName$F> | null;
-    onchange: CallbackEventListener<typeof tagName$F> | null;
+}
+
+declare class DatePicker extends DatePickerBase<typeof tagName$H> implements DatePickerProps {
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$F]: DatePicker;
+        [tagName$H]: DatePicker;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$F]: ReactProps$F & PreactBaseElementProps<DatePicker>;
+            [tagName$H]: ReactProps$H & PreactBaseElementProps<DatePicker>;
         }
     }
 }
@@ -3818,24 +4237,24 @@ interface DividerProps extends Pick<DividerProps$1, 'direction' | 'color'> {
     color: Extract<DividerProps$1['color'], 'base' | 'strong'>;
 }
 
-declare const tagName$E = "s-divider";
-interface ReactProps$E extends Partial<DividerProps>, Pick<DividerProps$1, 'id'> {
+declare const tagName$G = "s-divider";
+interface ReactProps$G extends Partial<DividerProps>, Pick<DividerProps$1, 'id'> {
 }
 
-declare class Divider extends PreactCustomElement implements DividerProps {
+declare class Divider extends PolarisCustomElement implements DividerProps {
     direction: DividerProps['direction'];
     color: DividerProps['color'];
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$E]: Divider;
+        [tagName$G]: Divider;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$E]: ReactProps$E & PreactBaseElementProps<Divider>;
+            [tagName$G]: ReactProps$G & PreactBaseElementProps<Divider>;
         }
     }
 }
@@ -3843,15 +4262,31 @@ declare module 'preact' {
 interface DropZoneProps extends Required<Pick<DropZoneProps$1, 'accept' | 'accessibilityLabel' | 'disabled' | 'files' | 'name' | 'error' | 'label' | 'labelAccessibilityVisibility' | 'multiple' | 'required' | 'value'>> {
 }
 
-declare const tagName$D = "s-drop-zone";
-interface ReactProps$D extends Partial<DropZoneProps>, Pick<DropZoneProps$1, 'id'> {
+declare const tagName$F = "s-drop-zone";
+interface ReactProps$F extends Partial<DropZoneProps>, Pick<DropZoneProps$1, 'id'> {
     /**
-     * Content to include inside the DropZone container
+     * Content to display inside the drop zone, such as upload instructions, file type icons,
+     * or previews of selected files. When provided, replaces the default upload prompt.
      */
     children?: ComponentChildren$1;
-    onChange?: ((event: CallbackEvent<typeof tagName$D>) => void) | null;
-    onInput?: ((event: CallbackEvent<typeof tagName$D>) => void) | null;
-    onDropRejected?: ((event: CallbackEvent<typeof tagName$D>) => void) | null;
+    /**
+     * A callback fired when the user selects files through the file picker or drops valid
+     * files onto the drop zone. Access the selected files through `event.currentTarget.files`.
+     * Use to process uploads, generate previews, or validate file contents.
+     */
+    onChange?: ((event: CallbackEvent<typeof tagName$F>) => void) | null;
+    /**
+     * A callback fired when files are selected or dropped. Similar to `onChange` but may
+     * fire more frequently during drag operations. Use when you need immediate feedback as
+     * files are being dragged over the drop zone.
+     */
+    onInput?: ((event: CallbackEvent<typeof tagName$F>) => void) | null;
+    /**
+     * A callback fired when dropped or selected files don't match the `accept` criteria.
+     * Use to display error messages explaining which file types are allowed. Rejected files
+     * are not added to the `files` array.
+     */
+    onDropRejected?: ((event: CallbackEvent<typeof tagName$F>) => void) | null;
 }
 
 type ReplaceType<TType, TFrom, TTo> = Exclude<TType, TFrom> | TTo;
@@ -3860,13 +4295,8 @@ declare const setFiles: unique symbol;
 
 declare const internals: unique symbol;
 declare const getFileInput: unique symbol;
-declare class BaseClass extends PreactCustomElement {
+declare abstract class DropZoneBase extends PolarisCustomElement {
     static formAssociated: boolean;
-    constructor(renderImpl: RenderImpl);
-    /** @private */
-    [internals]: ElementInternals;
-}
-declare class DropZone extends BaseClass implements DropZoneProps {
     accept: DropZoneProps['accept'];
     accessibilityLabel: DropZoneProps['accessibilityLabel'];
     disabled: DropZoneProps['disabled'];
@@ -3876,9 +4306,6 @@ declare class DropZone extends BaseClass implements DropZoneProps {
     multiple: DropZoneProps['multiple'];
     name: DropZoneProps['name'];
     required: DropZoneProps['required'];
-    onchange: CallbackEventListener<typeof tagName$D>;
-    oninput: CallbackEventListener<typeof tagName$D>;
-    ondroprejected: CallbackEventListener<typeof tagName$D>;
     get value(): string;
     /** This sets the input value for a file type, which cannot be set programatically, so it can only be reset. */
     set value(value: '' | null);
@@ -3890,42 +4317,52 @@ declare class DropZone extends BaseClass implements DropZoneProps {
     [getFileInput](): ReplaceType<Element | null | undefined, Element, HTMLInputElement>;
     /** @private */
     formResetCallback(): void;
+    /** @private */
+    [internals]: ElementInternals;
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class DropZone extends DropZoneBase implements DropZoneProps {
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$D]: DropZone;
+        [tagName$F]: DropZone;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$D]: ReactProps$D & PreactBaseElementProps<DropZone>;
+            [tagName$F]: ReactProps$F & PreactBaseElementPropsWithChildren<DropZone>;
         }
     }
 }
 
 type EmailFieldProps = PreactFieldProps<Required<EmailFieldProps$1>['autocomplete']> & Required<Pick<EmailFieldProps$1, 'maxLength' | 'minLength'>>;
 
-declare const tagName$C = "s-email-field";
-interface ReactProps$C extends Partial<Omit<EmailFieldProps, 'accessory'>>, Pick<EmailFieldProps$1, 'id'>, FieldReactProps<typeof tagName$C> {
+declare const tagName$E = "s-email-field";
+interface ReactProps$E extends Partial<Omit<EmailFieldProps, 'accessory' | 'error' | 'details'>>, Pick<EmailFieldProps$1, 'id'>, FieldReactProps<typeof tagName$E>, FieldSlotInternalReactProps {
 }
 
-declare class EmailField extends PreactFieldElement<EmailFieldProps['autocomplete']> implements EmailFieldProps {
+declare abstract class EmailFieldBase extends PreactFieldElement<EmailFieldProps['autocomplete']> implements Pick<EmailFieldProps, 'autocomplete' | 'maxLength' | 'minLength'> {
     autocomplete: EmailFieldProps['autocomplete'];
     maxLength: EmailFieldProps['maxLength'];
     minLength: EmailFieldProps['minLength'];
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class EmailField extends EmailFieldBase implements EmailFieldProps {
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$C]: EmailField;
+        [tagName$E]: EmailField;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$C]: ReactProps$C & PreactBaseElementProps<EmailField>;
+            [tagName$E]: Omit<ReactProps$E, 'error' | 'details'> & FieldSlotPreactProps & PreactBaseElementProps<EmailField>;
         }
     }
 }
@@ -4026,8 +4463,8 @@ interface GridProps extends BoxProps, Required<Pick<GridProps$1, 'alignItems' |
     gridTemplateRows: ResponsiveGridProps['gridTemplateRows'];
 }
 
-declare const tagName$B = "s-grid";
-interface ReactProps$B extends Partial<GridProps>, Pick<GridProps$1, 'id' | 'children'> {
+declare const tagName$D = "s-grid";
+interface ReactProps$D extends Partial<GridProps>, Pick<GridProps$1, 'id' | 'children'> {
     /**
      * The content of the Grid.
      */
@@ -4050,13 +4487,13 @@ declare class Grid extends BoxElement implements GridProps {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$B]: Grid;
+        [tagName$D]: Grid;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$B]: ReactProps$B & PreactBaseElementPropsWithChildren<Grid>;
+            [tagName$D]: ReactProps$D & PreactBaseElementPropsWithChildren<Grid>;
         }
     }
 }
@@ -4067,8 +4504,8 @@ interface GridItemProps extends BoxProps, Required<Pick<GridItemProps$1, 'gridCo
     gridRow: RequiredGridItemProps['gridRow'];
 }
 
-declare const tagName$A = "s-grid-item";
-interface ReactProps$A extends Partial<GridItemProps>, Pick<GridItemProps$1, 'id' | 'children'> {
+declare const tagName$C = "s-grid-item";
+interface ReactProps$C extends Partial<GridItemProps>, Pick<GridItemProps$1, 'id' | 'children'> {
     /**
      * The content of the GridItem.
      */
@@ -4082,13 +4519,13 @@ declare class GridItem extends BoxElement implements GridItemProps {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$A]: GridItem;
+        [tagName$C]: GridItem;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$A]: ReactProps$A & PreactBaseElementPropsWithChildren<GridItem>;
+            [tagName$C]: ReactProps$C & PreactBaseElementPropsWithChildren<GridItem>;
         }
     }
 }
@@ -4096,54 +4533,64 @@ declare module 'preact' {
 interface HeadingProps extends Required<Pick<HeadingProps$1, 'accessibilityRole' | 'accessibilityVisibility' | 'lineClamp'>> {
 }
 
-declare const tagName$z = "s-heading";
-interface ReactProps$z extends Partial<HeadingProps>, Pick<HeadingProps$1, 'id' | 'children'> {
+declare const tagName$B = "s-heading";
+interface ReactProps$B extends Partial<HeadingProps>, Pick<HeadingProps$1, 'id' | 'children'> {
     /**
      * The content of the Heading.
      */
     children?: ComponentChildren$1;
 }
 
-declare class Heading extends PreactCustomElement implements HeadingProps {
+declare abstract class HeadingBase extends PolarisCustomElement implements Pick<HeadingProps, 'accessibilityRole' | 'accessibilityVisibility' | 'lineClamp'> {
     accessibilityRole: HeadingProps['accessibilityRole'];
     lineClamp: HeadingProps['lineClamp'];
     accessibilityVisibility: HeadingProps['accessibilityVisibility'];
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class Heading extends HeadingBase implements HeadingProps {
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$z]: Heading;
+        [tagName$B]: Heading;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$z]: ReactProps$z & PreactBaseElementPropsWithChildren<Heading>;
+            [tagName$B]: ReactProps$B & PreactBaseElementPropsWithChildren<Heading>;
         }
     }
 }
 
-declare const tagName$y = "s-icon";
-interface ReactProps$y extends Partial<IconProps>, Pick<IconProps$1, 'id'> {
+declare const tagName$A = "s-icon";
+interface ReactProps$A extends Partial<IconProps>, Pick<IconProps$1, 'id'> {
 }
 
-declare class Icon extends PreactCustomElement implements IconProps {
+declare abstract class IconBase extends PolarisCustomElement implements Pick<IconProps, 'color' | 'size' | 'interestFor'> {
     color: IconProps['color'];
+    size: IconProps['size'];
+    interestFor: IconProps['interestFor'];
+    abstract tone: string;
+    abstract type: string;
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class Icon extends IconBase implements IconProps {
     tone: IconProps['tone'];
     type: IconProps['type'];
-    size: IconProps['size'];
-    interestFor: string;
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$y]: Icon;
+        [tagName$A]: Icon;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$y]: ReactProps$y & PreactBaseElementProps<Icon>;
+            [tagName$A]: ReactProps$A & PreactBaseElementProps<Icon>;
         }
     }
 }
@@ -4151,13 +4598,13 @@ declare module 'preact' {
 interface ImageProps extends Required<Pick<ImageProps$1, 'alt' | 'loading' | 'src' | 'accessibilityRole' | 'inlineSize' | 'srcSet' | 'sizes' | 'aspectRatio' | 'objectFit'>>, Required<Pick<BoxProps, 'border' | 'borderColor' | 'borderRadius' | 'borderStyle' | 'borderWidth'>> {
 }
 
-declare const tagName$x = "s-image";
-interface ReactProps$x extends Partial<ImageProps>, Pick<ImageProps$1, 'id'> {
-    onError?: ((event: CallbackEvent<typeof tagName$x>) => void) | null;
-    onLoad?: ((event: CallbackEvent<typeof tagName$x>) => void) | null;
+declare const tagName$z = "s-image";
+interface ReactProps$z extends Partial<ImageProps>, Pick<ImageProps$1, 'id'> {
+    onError?: ((event: CallbackEvent<typeof tagName$z>) => void) | null;
+    onLoad?: ((event: CallbackEvent<typeof tagName$z>) => void) | null;
 }
 
-declare class Image extends PreactCustomElement implements ImageProps {
+declare class Image extends PolarisCustomElement implements ImageProps {
     src: ImageProps['src'];
     srcSet: ImageProps['srcSet'];
     sizes: ImageProps['sizes'];
@@ -4172,19 +4619,19 @@ declare class Image extends PreactCustomElement implements ImageProps {
     borderStyle: ImageProps['borderStyle'];
     borderColor: ImageProps['borderColor'];
     borderRadius: ImageProps['borderRadius'];
-    onload: CallbackEventListener<typeof tagName$x> | null;
+    onload: CallbackEventListener<typeof tagName$z> | null;
     onerror: OnErrorEventHandler;
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$x]: Image;
+        [tagName$z]: Image;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$x]: ReactProps$x & PreactBaseElementProps<Image>;
+            [tagName$z]: ReactProps$z & PreactBaseElementProps<Image>;
         }
     }
 }
@@ -4195,35 +4642,39 @@ interface LinkProps extends LinkBaseProps {
     tone: Extract<RequiredLinkProps['tone'], 'auto' | 'neutral' | 'critical'>;
 }
 
-declare const tagName$w = "s-link";
-interface ReactProps$w extends Partial<LinkProps>, Pick<LinkProps$1, 'id' | 'lang' | 'children'> {
+declare const tagName$y = "s-link";
+interface ReactProps$y extends Partial<LinkProps>, Pick<LinkProps$1, 'id' | 'lang' | 'children'> {
     /**
      * The content of the Link.
      */
     children?: ComponentChildren$1;
-    onClick?: ((event: CallbackEvent<typeof tagName$w>) => void) | null;
+    onClick?: ((event: CallbackEvent<typeof tagName$y>) => void) | null;
 }
 
-declare const Link_base: (abstract new (args_0: RenderImpl) => PreactCustomElement & PreactOverlayControlProps) & Pick<typeof PreactCustomElement, "prototype" | "observedAttributes">;
-declare class Link extends Link_base implements LinkProps {
-    tone: LinkProps['tone'];
+declare const LinkBase_base: (abstract new (renderImpl: Omit<RenderImpl, "globalShadowCSS">) => PolarisCustomElement & PreactOverlayControlProps) & Pick<typeof PolarisCustomElement, "prototype" | "observedAttributes">;
+declare abstract class LinkBase<TTagName extends keyof HTMLElementTagNameMap> extends LinkBase_base implements Pick<LinkProps, 'accessibilityLabel' | 'interestFor' | 'href' | 'target' | 'download' | 'lang'> {
     accessibilityLabel: LinkProps['accessibilityLabel'];
     href: LinkProps['href'];
     target: LinkProps['target'];
     download: LinkProps['download'];
     lang: LinkProps['lang'];
-    onclick: CallbackEventListener<typeof tagName$w> | null;
+    abstract tone: string;
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class Link extends LinkBase<typeof tagName$y> implements LinkProps {
+    tone: LinkProps['tone'];
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$w]: Link;
+        [tagName$y]: Link;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$w]: ReactProps$w & PreactBaseElementPropsWithChildren<Link>;
+            [tagName$y]: ReactProps$y & PreactBaseElementPropsWithChildren<Link>;
         }
     }
 }
@@ -4231,26 +4682,26 @@ declare module 'preact' {
 interface ListItemProps extends ListItemProps$1 {
 }
 
-declare const tagName$v = "s-list-item";
-interface ReactProps$v extends Partial<ListItemProps>, Pick<ListItemProps$1, 'id' | 'children'> {
+declare const tagName$x = "s-list-item";
+interface ReactProps$x extends Partial<ListItemProps>, Pick<ListItemProps$1, 'id' | 'children'> {
     /**
      * The content of the ListItem.
      */
     children?: ComponentChildren$1;
 }
 
-declare class ListItem extends PreactCustomElement implements ListItemProps {
+declare class ListItem extends PolarisCustomElement implements ListItemProps {
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$v]: ListItem;
+        [tagName$x]: ListItem;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$v]: ReactProps$v & PreactBaseElementPropsWithChildren<ListItem>;
+            [tagName$x]: ReactProps$x & PreactBaseElementPropsWithChildren<ListItem>;
         }
     }
 }
@@ -4258,8 +4709,8 @@ declare module 'preact' {
 interface MenuProps extends Required<Pick<MenuProps$1, 'id' | 'accessibilityLabel'>> {
 }
 
-declare const tagName$u = "s-menu";
-interface ReactProps$u extends Partial<MenuProps>, Pick<MenuProps$1, 'id' | 'children'> {
+declare const tagName$w = "s-menu";
+interface ReactProps$w extends Partial<MenuProps>, Pick<MenuProps$1, 'id' | 'children'> {
     /**
      * The Menu items.
      *
@@ -4285,12 +4736,15 @@ declare const overlayHideFrameId: unique symbol;
 type PolyfillCommandEventInit = EventInit & {
     source: HTMLElement | null | undefined;
     command: PreactOverlayControlProps['command'];
+    rootActivator?: HTMLElement | null;
 };
 type PolyfillCommandEvent = Event & {
     source: PolyfillCommandEventInit['source'];
     command: PolyfillCommandEventInit['command'];
     /** Have to use `_s_shadowSource` because `source` is retargeted to the shadow host by browsers */
     _s_shadowSource: PolyfillCommandEventInit['source'];
+    /** Root activator for nested overlays (e.g., menu button when modal opened from menu item) */
+    _s_rootActivator?: HTMLElement | null;
 };
 declare global {
     interface GlobalEventHandlersEventMap {
@@ -4298,7 +4752,7 @@ declare global {
     }
 }
 
-declare class PreactOverlayElement extends PreactCustomElement {
+declare class PreactOverlayElement extends PolarisCustomElement {
     constructor(renderImpl: RenderImpl);
     /** @private */
     [overlayHidden]: boolean;
@@ -4318,13 +4772,13 @@ declare class Menu extends PreactOverlayElement implements MenuProps {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$u]: Menu;
+        [tagName$w]: Menu;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$u]: ReactProps$u & PreactBaseElementPropsWithChildren<Menu>;
+            [tagName$w]: ReactProps$w & PreactBaseElementPropsWithChildren<Menu>;
         }
     }
 }
@@ -4335,65 +4789,53 @@ interface ModalProps extends Pick<RequiredAlignedModalProps, 'accessibilityLabel
      * Adjust the size of the Modal.
      */
     size: Extract<ModalProps$1['size'], 'small-100' | 'small' | 'base' | 'large' | 'large-100'>;
+    /**
+     * Places the Modal on the block axis on a large screen
+     * @default 'center'
+     */
+    alignSelf: 'center' | 'start';
 }
 
-declare const tagName$t = "s-modal";
-interface ReactProps$t extends Partial<ModalProps>, Pick<ModalProps$1, 'id' | 'children'> {
+declare const tagName$v = "s-modal";
+interface ReactProps$v extends Partial<ModalProps>, Pick<ModalProps$1, 'id' | 'children'> {
     /**
-     * The content of the Modal.
+     * The content displayed within the modal, typically including form fields, informational
+     * text, or interactive elements that require focused user attention.
      */
     children?: ComponentChildren$1;
     /**
-     * The primary action to perform.
-     *
-     * Only a `Button` with a variant of `primary` is allowed.
+     * The main action button displayed in the modal footer, representing the primary action
+     * users should take. Only accepts a button component with a `variant` of `primary`. This action
+     * should align with the modal's main purpose, such as "Save", "Confirm", or "Submit".
      */
     primaryAction?: ComponentChildren$1;
     /**
-     * The secondary actions to perform.
-     *
-     * Only `Button` elements with a variant of `secondary` or `auto` are allowed.
+     * Additional action buttons displayed in the modal footer, providing alternative or
+     * supporting actions such as "Cancel" or "Learn more". Only accepts button components
+     * with a `variant` of `secondary` or `auto`. These are visually de-emphasized compared
+     * to the primary action to establish clear hierarchy.
      */
     secondaryActions?: ComponentChildren$1;
-    onHide?: ((event: CallbackEvent<typeof tagName$t>) => void) | null;
-    onShow?: ((event: CallbackEvent<typeof tagName$t>) => void) | null;
-    onAfterHide?: ((event: CallbackEvent<typeof tagName$t>) => void) | null;
-    onAfterShow?: ((event: CallbackEvent<typeof tagName$t>) => void) | null;
-}
-
-interface Context<T> {
-    readonly defaultValue: T;
-}
-declare class AddedContext<T> extends EventTarget {
-    constructor(defaultValue: T);
-    get value(): T;
-    set value(value: T);
-}
-
-/**
- * A callback which is provided by a context requester and is called with the value satisfying the request.
- * This callback can be called multiple times by context providers as the requested value is changed.
- */
-type ContextCallback<T> = (value: T) => void;
-/**
- * An event fired by a context requester to signal it desires a named context.
- *
- * A provider should inspect the `context` property of the event to determine if it has a value that can
- * satisfy the request, calling the `callback` with the requested value if so.
- */
-declare class ContextRequestEvent<T> extends Event {
-    readonly context: Context<T>;
-    readonly callback: ContextCallback<T>;
-    constructor(context: Context<T>, callback: ContextCallback<T>);
-}
-declare global {
-    interface HTMLElementEventMap {
-        /**
-         * A 'context-request' event can be emitted by any element which desires
-         * a context value to be injected by an external provider.
-         */
-        'context-request': ContextRequestEvent<unknown>;
-    }
+    /**
+     * A callback fired when the modal closes.
+     * Use to perform cleanup or trigger side effects when the modal is dismissed.
+     */
+    onHide?: ((event: CallbackEvent<typeof tagName$v>) => void) | null;
+    /**
+     * A callback fired when the modal starts to open, before any entrance animation begins.
+     * Use to prepare content or fetch data needed for the modal.
+     */
+    onShow?: ((event: CallbackEvent<typeof tagName$v>) => void) | null;
+    /**
+     * A callback fired after the modal has fully closed and any exit animation completes.
+     * Use to reset form state, clear temporary data, or update the page after dismissal.
+     */
+    onAfterHide?: ((event: CallbackEvent<typeof tagName$v>) => void) | null;
+    /**
+     * A callback fired after the modal has fully opened and any entrance animation completes.
+     * Use to focus an input field or initialize content once the modal is visible.
+     */
+    onAfterShow?: ((event: CallbackEvent<typeof tagName$v>) => void) | null;
 }
 
 declare const hasOpenChildModal: unique symbol;
@@ -4404,22 +4846,23 @@ declare const isOpen: unique symbol;
 declare const dialog: unique symbol;
 declare const dismiss: unique symbol;
 declare const focusedElement: unique symbol;
+declare const rootActivator: unique symbol;
 declare const onEscape: unique symbol;
 declare const nestedModals: unique symbol;
+declare const onKeyUp: unique symbol;
 declare const onBackdropClick: unique symbol;
 declare const abortController: unique symbol;
 declare const onChildModalChange: unique symbol;
 declare const childrenRerenderObserver: unique symbol;
 declare const shadowDomRerenderObserver: unique symbol;
-declare class Modal extends PreactOverlayElement implements ModalProps {
+declare const focusTrapHandler: unique symbol;
+declare const ensureDialogRef: unique symbol;
+declare abstract class ModalBase<TTagName extends keyof HTMLElementTagNameMap> extends PreactOverlayElement implements Pick<ModalProps, 'accessibilityLabel' | 'heading' | 'padding' | 'size'> {
     accessibilityLabel: ModalProps['accessibilityLabel'];
     heading: ModalProps['heading'];
     padding: ModalProps['padding'];
     size: ModalProps['size'];
-    onhide: CallbackEventListener<typeof tagName$t> | null;
-    onshow: CallbackEventListener<typeof tagName$t> | null;
-    onafterhide: CallbackEventListener<typeof tagName$t> | null;
-    onaftershow: CallbackEventListener<typeof tagName$t> | null;
+    alignSelf: ModalProps['alignSelf'];
     /** @private */
     [abortController]: AbortController;
     /** @private */
@@ -4427,17 +4870,52 @@ declare class Modal extends PreactOverlayElement implements ModalProps {
     /** @private */
     [focusedElement]: HTMLElement | null;
     /** @private */
-    [nestedModals]: Map<Modal, boolean>;
+    [rootActivator]: HTMLElement | null;
+    /** @private */
+    [nestedModals]: Map<ModalBase<TTagName>, boolean>;
     /** @private */
     [childrenRerenderObserver]: MutationObserver;
     /** @private */
     [shadowDomRerenderObserver]: MutationObserver;
+    /**
+     * Focus trap keydown handler reference, stored for cleanup.
+     *
+     * The focus trap is managed imperatively here in ModalBase rather than
+     * via a Preact useEffect in foundation.tsx. This is because aftershow
+     * (fired after CSS animations complete) and useEffect (fired after
+     * Preact's async effect scheduling) are independent async chains with
+     * no synchronization — the useEffect could run before or after
+     * aftershow, making tests non-deterministic.
+     *
+     * By attaching the focus trap in the same .then() chain as aftershow,
+     * we guarantee it is active before aftershow dispatches.
+     *
+     * Lifecycle (mirrors the old useEffect's isActiveModal dependency):
+     * - Attached: in aftershow chain, right before aftershow dispatches
+     * - Detached: on dismiss(), disconnectedCallback(), or child modal open
+     * - Re-attached: when all child modals close
+     * @private
+     */
+    [focusTrapHandler]: ((event: KeyboardEvent) => void) | null;
     /** @private */
     [onEscape]: (event: KeyboardEvent) => void;
     /** @private */
+    [onKeyUp]: (event: KeyboardEvent) => void;
+    /** @private */
     [onBackdropClick]: (event: MouseEvent) => void;
     /** @private */
     [onChildModalChange]: EventListenerOrEventListenerObject;
+    /**
+     * Ensures `this[dialog]` is set by synchronously querying the shadow DOM
+     * and attaching event listeners if needed.
+     * Works around a Safari timing issue where the MutationObserver callback
+     * (which normally sets `this[dialog]`) may not have fired yet when
+     * `show()` / `dismiss()` run — especially when `heading` or
+     * `accessibilityLabel` adds child custom-elements whose own lifecycle
+     * microtasks can delay the observer.
+     * @private
+     */
+    [ensureDialogRef](): void;
     /** @private */
     get [isOpen](): boolean;
     /** @private */
@@ -4449,52 +4927,63 @@ declare class Modal extends PreactOverlayElement implements ModalProps {
     /** @private */
     [hide](): Promise<void>;
     showOverlay(): void;
-    hideOverlay(): void;
+    hideOverlay({ force }?: {
+        force?: boolean;
+    }): void;
     toggleOverlay(): void;
     /** @private */
     connectedCallback(): void;
     /** @private */
     disconnectedCallback(): void;
+    constructor(renderImpl: RenderImpl, tagName: string);
+}
+
+declare class Modal extends ModalBase<typeof tagName$v> implements ModalProps {
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$t]: Modal;
+        [tagName$v]: Modal;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$t]: Omit<ReactProps$t, 'primaryAction' | 'secondaryActions'> & PreactBaseElementPropsWithChildren<Modal>;
+            [tagName$v]: Omit<ReactProps$v, 'primaryAction' | 'secondaryActions'> & PreactBaseElementPropsWithChildren<Modal>;
         }
     }
 }
 
 type RequiredMoneyFieldProps = Required<MoneyFieldProps$1>;
-interface MoneyFieldProps extends Omit<PreactFieldProps, 'value'>, Pick<RequiredMoneyFieldProps, 'max' | 'min'> {
+interface MoneyFieldProps extends Omit<PreactFieldProps, 'value'>, Pick<RequiredMoneyFieldProps, 'max' | 'min' | 'currencyCode'> {
     value: Required<MoneyFieldProps$1>['value'];
 }
 
-declare const tagName$s = "s-money-field";
-interface ReactProps$s extends Partial<MoneyFieldProps>, FieldReactProps<typeof tagName$s>, Pick<MoneyFieldProps$1, 'id'> {
+declare const tagName$u = "s-money-field";
+interface ReactProps$u extends Partial<Omit<MoneyFieldProps, 'error' | 'details'>>, FieldReactProps<typeof tagName$u>, Pick<MoneyFieldProps$1, 'id'>, FieldSlotInternalReactProps {
 }
 
-declare class MoneyField extends PreactFieldElement<MoneyFieldProps['autocomplete']> implements MoneyFieldProps {
+declare abstract class MoneyFieldBase extends PreactFieldElement<MoneyFieldProps['autocomplete']> implements Pick<MoneyFieldProps, 'max' | 'min' | 'currencyCode' | 'value'> {
     max: MoneyFieldProps['max'];
     min: MoneyFieldProps['min'];
+    currencyCode: MoneyFieldProps['currencyCode'];
     get value(): string;
     set value(value: string);
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class MoneyField extends MoneyFieldBase implements MoneyFieldProps {
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$s]: MoneyField;
+        [tagName$u]: MoneyField;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$s]: ReactProps$s & PreactBaseElementProps<MoneyField>;
+            [tagName$u]: Omit<ReactProps$u, 'error' | 'details'> & FieldSlotPreactProps & PreactBaseElementProps<MoneyField>;
         }
     }
 }
@@ -4503,11 +4992,11 @@ interface NumberFieldProps extends Omit<PreactFieldProps<Required<NumberFieldPro
     value: Required<NumberFieldProps$1>['value'];
 }
 
-declare const tagName$r = "s-number-field";
-interface ReactProps$r extends Partial<NumberFieldProps>, Pick<NumberFieldProps$1, 'id'>, FieldReactProps<typeof tagName$r> {
+declare const tagName$t = "s-number-field";
+interface ReactProps$t extends Partial<Omit<NumberFieldProps, 'error' | 'details'>>, Pick<NumberFieldProps$1, 'id'>, FieldReactProps<typeof tagName$t>, FieldSlotInternalReactProps {
 }
 
-declare class NumberField extends PreactFieldElement<NumberFieldProps['autocomplete']> implements NumberFieldProps {
+declare abstract class NumberFieldBase extends PreactFieldElement<NumberFieldProps['autocomplete']> implements Pick<NumberFieldProps, 'inputMode' | 'step' | 'max' | 'min' | 'prefix' | 'suffix' | 'value'> {
     get value(): string;
     set value(value: string);
     inputMode: NumberFieldProps['inputMode'];
@@ -4516,17 +5005,21 @@ declare class NumberField extends PreactFieldElement<NumberFieldProps['autocompl
     min: NumberFieldProps['min'];
     prefix: NumberFieldProps['prefix'];
     suffix: NumberFieldProps['suffix'];
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class NumberField extends NumberFieldBase implements NumberFieldProps {
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$r]: NumberField;
+        [tagName$t]: NumberField;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$r]: ReactProps$r & PreactBaseElementProps<NumberField>;
+            [tagName$t]: Omit<ReactProps$t, 'error' | 'details'> & FieldSlotPreactProps & PreactBaseElementProps<NumberField>;
         }
     }
 }
@@ -4534,15 +5027,15 @@ declare module 'preact' {
 interface OptionProps extends Required<Pick<OptionProps$1, 'disabled' | 'value' | 'selected' | 'defaultSelected'>> {
 }
 
-declare const tagName$q = "s-option";
-interface ReactProps$q extends Partial<OptionProps>, Pick<OptionProps$1, 'id' | 'children'> {
+declare const tagName$s = "s-option";
+interface ReactProps$s extends Partial<OptionProps>, Pick<OptionProps$1, 'id' | 'children'> {
     /**
      * The content to use as the label.
      */
     children?: ComponentChildren$1;
 }
 
-declare class Option extends PreactCustomElement implements OptionProps {
+declare class Option extends PolarisCustomElement implements OptionProps {
     selected: OptionProps['selected'];
     defaultSelected: OptionProps['defaultSelected'];
     value: OptionProps['value'];
@@ -4551,13 +5044,13 @@ declare class Option extends PreactCustomElement implements OptionProps {
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$q]: Option;
+        [tagName$s]: Option;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$q]: ReactProps$q & PreactBaseElementPropsWithChildren<Option>;
+            [tagName$s]: ReactProps$s & PreactBaseElementPropsWithChildren<Option>;
         }
     }
 }
@@ -4565,8 +5058,8 @@ declare module 'preact' {
 interface OptionGroupProps extends Required<Pick<OptionGroupProps$1, 'disabled' | 'label'>> {
 }
 
-declare const tagName$p = "s-option-group";
-interface ReactProps$p extends Partial<OptionGroupProps>, Pick<OptionGroupProps$1, 'id' | 'children'> {
+declare const tagName$r = "s-option-group";
+interface ReactProps$r extends Partial<OptionGroupProps>, Pick<OptionGroupProps$1, 'id' | 'children'> {
     /**
      * The options a user can select from.
      *
@@ -4575,20 +5068,20 @@ interface ReactProps$p extends Partial<OptionGroupProps>, Pick<OptionGroupProps$
     children?: ComponentChildren$1;
 }
 
-declare class OptionGroup extends PreactCustomElement implements OptionGroupProps {
+declare class OptionGroup extends PolarisCustomElement implements OptionGroupProps {
     disabled: OptionGroupProps['disabled'];
     label: OptionGroupProps['label'];
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$p]: OptionGroup;
+        [tagName$r]: OptionGroup;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$p]: ReactProps$p & PreactBaseElementPropsWithChildren<OptionGroup>;
+            [tagName$r]: ReactProps$r & PreactBaseElementPropsWithChildren<OptionGroup>;
         }
     }
 }
@@ -4596,8 +5089,8 @@ declare module 'preact' {
 interface OrderedListProps extends OrderedListProps$1 {
 }
 
-declare const tagName$o = "s-ordered-list";
-interface ReactProps$o extends Partial<OrderedListProps>, Pick<OrderedListProps$1, 'id'> {
+declare const tagName$q = "s-ordered-list";
+interface ReactProps$q extends Partial<OrderedListProps>, Pick<OrderedListProps$1, 'id'> {
     /**
      * The items of the OrderedList.
      *
@@ -4606,18 +5099,18 @@ interface ReactProps$o extends Partial<OrderedListProps>, Pick<OrderedListProps$
     children?: ComponentChildren$1;
 }
 
-declare class OrderedList extends PreactCustomElement implements OrderedListProps {
+declare class OrderedList extends PolarisCustomElement implements OrderedListProps {
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$o]: OrderedList;
+        [tagName$q]: OrderedList;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$o]: ReactProps$o & PreactBaseElementPropsWithChildren<OrderedList>;
+            [tagName$q]: ReactProps$q & PreactBaseElementPropsWithChildren<OrderedList>;
         }
     }
 }
@@ -4626,113 +5119,129 @@ interface PageProps extends Required<Pick<PageProps$1, 'inlineSize' | 'heading'>
     inlineSize: Extract<PageProps$1['inlineSize'], 'base' | 'large' | 'small'>;
 }
 
-declare const tagName$n = "s-page";
-interface ReactProps$n extends Partial<PageProps>, Pick<PageProps$1, 'id' | 'children'> {
+declare const tagName$p = "s-page";
+interface ReactProps$p extends Partial<PageProps>, Pick<PageProps$1, 'id' | 'children'> {
     /**
-     * The content of the Page.
+     * The main content of the page, typically containing the primary information, forms,
+     * or interactive elements that fulfill the page's purpose.
      */
     children?: ComponentChildren$1;
     /**
-     * The content to display in the aside section of the page.
-     *
-     * This slot is only rendered when `inlineSize` is "base".
+     * Supplementary content displayed in a sidebar alongside the main content. Use for
+     * related information, navigation aids, or contextual actions that support the main content.
+     * This slot is only rendered when `inlineSize` is set to `base`.
      */
     aside?: ComponentChildren$1;
     /**
-     * The primary action for the page.
-     *
-     * Only accepts a single `Button` component with a `variant` of `primary`.
-     *
+     * The main action button displayed in the page header, representing the primary action
+     * users can take on this page. Only accepts a single button component with a `variant` of `primary`.
+     * Common examples include "Create", "Save", or "Add".
      */
     primaryAction?: ComponentChildren$1;
     /**
-     * Secondary actions for the page.
-     *
-     * Only accepts `ButtonGroup` and `Button` components with a `variant` of `secondary` or `auto`.
+     * Additional action buttons displayed in the page header, providing alternative or supporting
+     * actions. Only accepts button group and button components with a `variant` of `secondary`
+     * or `auto`. These are visually de-emphasized compared to the primary action.
      */
     secondaryActions?: ComponentChildren$1;
     /**
-     * Navigations back actions for the page.
-     *
-     * Only accepts `Link` components.
+     * Navigation links that help users understand their location within the app and navigate
+     * back to parent pages. Only accepts link components. Typically displays as a back arrow
+     * or breadcrumb trail in the page header.
      */
     breadcrumbActions?: ComponentChildren$1;
 }
 
-declare class Page extends PreactCustomElement implements PageProps {
+declare abstract class PageBase extends PolarisCustomElement implements PageProps {
     inlineSize: PageProps['inlineSize'];
     heading: PageProps['heading'];
-    constructor();
+    constructor(renderImpl: RenderImpl);
+    /** @private */
     connectedCallback(): void;
+    /** @private */
     disconnectedCallback(): void;
 }
+
+declare class Page extends PageBase implements PageProps {
+    constructor();
+}
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$n]: Page;
+        [tagName$p]: Page;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$n]: Omit<ReactProps$n, 'aside' | 'primaryAction' | 'secondaryActions' | 'breadcrumbActions'> & PreactBaseElementPropsWithChildren<Page>;
+            [tagName$p]: Omit<ReactProps$p, 'aside' | 'primaryAction' | 'secondaryActions' | 'breadcrumbActions'> & PreactBaseElementPropsWithChildren<Page>;
         }
     }
 }
 
 interface ParagraphProps extends Required<Pick<ParagraphProps$1, 'accessibilityVisibility' | 'fontVariantNumeric' | 'tone' | 'dir' | 'color' | 'lineClamp'>> {
     color: Extract<ParagraphProps$1['color'], 'base' | 'subdued'>;
+    tone: Extract<ParagraphProps$1['tone'], 'auto' | 'neutral' | 'info' | 'success' | 'caution' | 'warning' | 'critical'>;
 }
 
-declare const tagName$m = "s-paragraph";
-interface ReactProps$m extends Partial<ParagraphProps>, Pick<ParagraphProps$1, 'id' | 'children'> {
+declare const tagName$o = "s-paragraph";
+interface ReactProps$o extends Partial<ParagraphProps>, Pick<ParagraphProps$1, 'id' | 'children'> {
     /**
      * The content of the Paragraph.
      */
     children?: ComponentChildren$1;
 }
 
-declare class Paragraph extends PreactCustomElement implements ParagraphProps {
+declare abstract class ParagraphBase extends PolarisCustomElement implements Pick<ParagraphProps, 'fontVariantNumeric' | 'lineClamp' | 'color' | 'dir' | 'accessibilityVisibility'> {
     fontVariantNumeric: ParagraphProps['fontVariantNumeric'];
     lineClamp: ParagraphProps['lineClamp'];
-    tone: Extract<ParagraphProps['tone'], 'auto' | 'neutral' | 'info' | 'success' | 'caution' | 'warning' | 'critical'>;
+    abstract tone: string;
     color: ParagraphProps['color'];
     dir: ParagraphProps['dir'];
     accessibilityVisibility: ParagraphProps['accessibilityVisibility'];
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class Paragraph extends ParagraphBase implements ParagraphProps {
+    tone: ParagraphProps['tone'];
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$m]: Paragraph;
+        [tagName$o]: Paragraph;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$m]: ReactProps$m & PreactBaseElementPropsWithChildren<Paragraph>;
+            [tagName$o]: ReactProps$o & PreactBaseElementPropsWithChildren<Paragraph>;
         }
     }
 }
 
 type PasswordFieldProps = PreactFieldProps<Required<PasswordFieldProps$1>['autocomplete']> & Required<Pick<PasswordFieldProps$1, 'defaultValue' | 'details' | 'disabled' | 'error' | 'labelAccessibilityVisibility' | 'minLength' | 'maxLength' | 'label' | 'name' | 'placeholder' | 'readOnly' | 'required' | 'value'>>;
 
-declare const tagName$l = "s-password-field";
-interface ReactProps$l extends Partial<PasswordFieldProps>, Pick<PasswordFieldProps$1, 'id'>, FieldReactProps<typeof tagName$l> {
+declare const tagName$n = "s-password-field";
+interface ReactProps$n extends Partial<Omit<PasswordFieldProps, 'error' | 'details'>>, Pick<PasswordFieldProps$1, 'id'>, FieldReactProps<typeof tagName$n>, FieldSlotInternalReactProps {
 }
 
-declare class PasswordField extends PreactFieldElement<PasswordFieldProps['autocomplete']> implements PasswordFieldProps {
+declare abstract class PasswordFieldBase extends PreactFieldElement<PasswordFieldProps['autocomplete']> implements Pick<PasswordFieldProps, 'maxLength' | 'minLength'> {
     maxLength: PasswordFieldProps['maxLength'];
     minLength: PasswordFieldProps['minLength'];
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class PasswordField extends PasswordFieldBase implements PasswordFieldProps {
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$l]: PasswordField;
+        [tagName$n]: PasswordField;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$l]: ReactProps$l & PreactBaseElementProps<PasswordField>;
+            [tagName$n]: Omit<ReactProps$n, 'error' | 'details'> & FieldSlotPreactProps & PreactBaseElementProps<PasswordField>;
         }
     }
 }
@@ -4740,18 +5249,43 @@ declare module 'preact' {
 interface PopoverProps extends Required<Pick<PopoverProps$1, 'blockSize' | 'inlineSize' | 'maxBlockSize' | 'maxInlineSize' | 'minBlockSize' | 'minInlineSize'>> {
 }
 
-declare const tagName$k = "s-popover";
-interface ReactProps$k extends Partial<PopoverProps>, Pick<PopoverProps$1, 'id' | 'children'> {
+declare const tagName$m = "s-popover";
+interface ReactProps$m extends Partial<PopoverProps>, Pick<PopoverProps$1, 'id' | 'children'> {
     /**
-     * The content of the Popover.
+     * The content displayed within the popover, which appears in an overlay positioned relative
+     * to its trigger element. Typically contains menus, action lists, or supplementary information.
      */
     children?: ComponentChildren$1;
-    onHide?: (event: CallbackEvent<typeof tagName$k>) => void | null;
-    onShow?: (event: CallbackEvent<typeof tagName$k>) => void | null;
-    onAfterHide?: (event: CallbackEvent<typeof tagName$k>) => void | null;
-    onAfterShow?: (event: CallbackEvent<typeof tagName$k>) => void | null;
-    onToggle?: (event: CallbackToggleEvent<typeof tagName$k>) => void | null;
-    onAfterToggle?: (event: CallbackToggleEvent<typeof tagName$k>) => void | null;
+    /**
+     * A callback fired immediately when the popover starts to hide, before any exit animation.
+     * Use to perform cleanup or save state before the popover dismisses.
+     */
+    onHide?: (event: CallbackEvent<typeof tagName$m>) => void | null;
+    /**
+     * A callback fired immediately when the popover starts to show, before any entrance animation.
+     * Use to prepare content or update positioning logic.
+     */
+    onShow?: (event: CallbackEvent<typeof tagName$m>) => void | null;
+    /**
+     * A callback fired after the popover has fully hidden and any exit animation completes.
+     * Use to reset selections or update the trigger button state.
+     */
+    onAfterHide?: (event: CallbackEvent<typeof tagName$m>) => void | null;
+    /**
+     * A callback fired after the popover has fully shown and any entrance animation completes.
+     * Use to focus an element inside the popover or announce content to screen readers.
+     */
+    onAfterShow?: (event: CallbackEvent<typeof tagName$m>) => void | null;
+    /**
+     * A callback fired when the popover visibility toggles. Use for unified open/close
+     * handling when you don't need separate show and hide logic.
+     */
+    onToggle?: (event: CallbackToggleEvent<typeof tagName$m>) => void | null;
+    /**
+     * A callback fired after the popover visibility toggle completes and any animation finishes.
+     * Use for post-transition updates.
+     */
+    onAfterToggle?: (event: CallbackToggleEvent<typeof tagName$m>) => void | null;
 }
 
 declare class PreactPopoverElement<TTagName extends keyof HTMLElementTagNameMap> extends PreactOverlayElement implements PopoverProps {
@@ -4764,24 +5298,71 @@ declare class PreactPopoverElement<TTagName extends keyof HTMLElementTagNameMap>
     maxInlineSize: BoxProps['maxInlineSize'];
 }
 
-declare class Popover extends PreactPopoverElement<typeof tagName$k> implements PopoverProps {
+declare class Popover extends PreactPopoverElement<typeof tagName$m> implements PopoverProps {
     constructor();
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$k]: Popover;
+        [tagName$m]: Popover;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$k]: ReactProps$k & PreactBaseElementPropsWithChildren<Popover>;
+            [tagName$m]: ReactProps$m & PreactBaseElementPropsWithChildren<Popover>;
         }
     }
 }
 
-declare const tagName$j = "s-query-container";
-interface ReactProps$j extends Partial<QueryContainerProps$1>, Pick<QueryContainerProps$1, 'id' | 'children'> {
+type PressButtonBaseProps = Required<Pick<PressButtonProps$1, 'accessibilityLabel' | 'disabled' | 'icon' | 'inlineSize' | 'lang' | 'loading' | 'tone' | 'variant' | 'pressed' | 'defaultPressed'>>;
+interface PressButtonProps extends PressButtonBaseProps {
+    tone: Extract<PressButtonProps$1['tone'], 'neutral'>;
+    icon: IconProps['type'];
+    variant: Extract<PressButtonProps$1['variant'], 'secondary' | 'tertiary'>;
+}
+
+declare const tagName$l = "s-press-button";
+interface ReactProps$l extends Partial<PressButtonProps>, Pick<PressButtonProps$1, 'children'> {
+    /**
+     * The content of the PressButton.
+     */
+    children?: ComponentChildren$1;
+    onClick?: ((event: CallbackEvent<typeof tagName$l>) => void) | null;
+    onFocus?: ((event: CallbackEvent<typeof tagName$l>) => void) | null;
+    onBlur?: ((event: CallbackEvent<typeof tagName$l>) => void) | null;
+}
+
+declare class PressButton extends PolarisCustomElement implements PressButtonProps {
+    disabled: PressButtonProps['disabled'];
+    icon: PressButtonProps['icon'];
+    loading: PressButtonProps['loading'];
+    variant: PressButtonProps['variant'];
+    tone: PressButtonProps['tone'];
+    inlineSize: PressButtonProps['inlineSize'];
+    get pressed(): boolean;
+    set pressed(pressed: PressButtonProps['pressed']);
+    defaultPressed: PressButtonProps['defaultPressed'];
+    onclick: CallbackEventListener<typeof tagName$l> | null;
+    onblur: CallbackEventListener<typeof tagName$l> | null;
+    onfocus: CallbackEventListener<typeof tagName$l> | null;
+    accessibilityLabel: PressButtonProps['accessibilityLabel'];
+    constructor();
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName$l]: PressButton;
+    }
+}
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [tagName$l]: ReactProps$l & PreactBaseElementPropsWithChildren<PressButton>;
+        }
+    }
+}
+
+declare const tagName$k = "s-query-container";
+interface ReactProps$k extends Partial<QueryContainerProps$1>, Pick<QueryContainerProps$1, 'id' | 'children'> {
     /**
      * The content of the container.
      */
@@ -4791,7 +5372,7 @@ interface ReactProps$j extends Partial<QueryContainerProps$1>, Pick<QueryContain
 interface QueryContainerProps extends Required<Pick<QueryContainerProps$1, 'id' | 'containerName'>> {
 }
 
-declare class QueryContainer extends PreactCustomElement implements QueryContainerProps {
+declare class QueryContainer extends PolarisCustomElement implements QueryContainerProps {
     containerName: QueryContainerProps['containerName'];
     /** @private */
     static globalStylesApplied: boolean;
@@ -4799,13 +5380,123 @@ declare class QueryContainer extends PreactCustomElement implements QueryContain
 }
 declare global {
     interface HTMLElementTagNameMap {
-        [tagName$j]: QueryContainer;
+        [tagName$k]: QueryContainer;
     }
 }
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$j]: ReactProps$j & PreactBaseElementPropsWithChildren<QueryContainer>;
+            [tagName$k]: ReactProps$k & PreactBaseElementPropsWithChildren<QueryContainer>;
+        }
+    }
+}
+
+/**
+ * Base properties shared between ScrollBox and InternalScrollBox.
+ */
+
+/**
+ * Base properties for ScrollBox components.
+ * Extends BoxProps but overrides overflow and accessibilityRole with scroll-specific types.
+ */
+interface ScrollBoxBaseProps extends Omit<BoxProps, 'overflow' | 'accessibilityRole'> {
+    /**
+     * Sets the overflow behavior of the element.
+     * @default 'auto'
+     */
+    overflow: MaybeTwoValuesShorthandProperty<OverflowKeyword>;
+    /**
+     * Sets the semantic meaning of the component's content.
+     * @default 'generic'
+     */
+    accessibilityRole: ScrollAccessibilityRole;
+    /**
+     * A label used to describe the scroll container for assistive technologies.
+     */
+    accessibilityLabel: string;
+    /**
+     * Controls scroll snap behavior.
+     * @default 'none'
+     */
+    snapType: ScrollSnapType;
+    /**
+     * Offset for scroll snap alignment points.
+     * @default 'base'
+     */
+    scrollPadding: SpacingKeyword;
+    /**
+     * Scroll margin for the element (CSS-like 1-to-4-value shorthand syntax).
+     * @default '0'
+     */
+    scrollMargin: MaybeAllValuesShorthandProperty<SizeUnits>;
+}
+/**
+ * Public ScrollBox properties (same as base for now).
+ */
+type ScrollBoxProps = ScrollBoxBaseProps;
+
+declare const tagName$j = "s-scroll-box";
+interface ReactProps$j extends Partial<ScrollBoxProps>, Pick<BoxProps$1, 'id' | 'children'> {
+    /**
+     * The content of the ScrollBox.
+     */
+    children?: ComponentChildren$1;
+    /**
+     * Callback fired when the scroll container is scrolled.
+     */
+    onscroll?: ((event: CallbackEvent<typeof tagName$j>) => void) | null;
+    /**
+     * Callback fired when the scroll container reaches an edge.
+     */
+    onscrolltoedge?: ((event: CallbackEvent<typeof tagName$j>) => void) | null;
+}
+
+declare const getScrollContainer: unique symbol;
+declare abstract class ScrollBoxBase<TTagName extends keyof HTMLElementTagNameMap> extends PolarisCustomElement implements ScrollBoxBaseProps {
+    overflow: ScrollBoxBaseProps['overflow'];
+    snapType: ScrollBoxBaseProps['snapType'];
+    scrollPadding: ScrollBoxBaseProps['scrollPadding'];
+    scrollMargin: ScrollBoxBaseProps['scrollMargin'];
+    accessibilityRole: ScrollBoxBaseProps['accessibilityRole'];
+    accessibilityLabel: ScrollBoxBaseProps['accessibilityLabel'];
+    background: ScrollBoxBaseProps['background'];
+    blockSize: ScrollBoxBaseProps['blockSize'];
+    minBlockSize: ScrollBoxBaseProps['minBlockSize'];
+    maxBlockSize: ScrollBoxBaseProps['maxBlockSize'];
+    inlineSize: ScrollBoxBaseProps['inlineSize'];
+    minInlineSize: ScrollBoxBaseProps['minInlineSize'];
+    maxInlineSize: ScrollBoxBaseProps['maxInlineSize'];
+    padding: ScrollBoxBaseProps['padding'];
+    paddingBlock: ScrollBoxBaseProps['paddingBlock'];
+    paddingBlockStart: ScrollBoxBaseProps['paddingBlockStart'];
+    paddingBlockEnd: ScrollBoxBaseProps['paddingBlockEnd'];
+    paddingInline: ScrollBoxBaseProps['paddingInline'];
+    paddingInlineStart: ScrollBoxBaseProps['paddingInlineStart'];
+    paddingInlineEnd: ScrollBoxBaseProps['paddingInlineEnd'];
+    border: ScrollBoxBaseProps['border'];
+    borderWidth: ScrollBoxBaseProps['borderWidth'];
+    borderStyle: ScrollBoxBaseProps['borderStyle'];
+    borderColor: ScrollBoxBaseProps['borderColor'];
+    borderRadius: ScrollBoxBaseProps['borderRadius'];
+    display: ScrollBoxBaseProps['display'];
+    accessibilityVisibility: ScrollBoxBaseProps['accessibilityVisibility'];
+    [getScrollContainer](): HTMLElement | null | undefined;
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class ScrollBox extends ScrollBoxBase<typeof tagName$j> implements ScrollBoxProps {
+    constructor();
+    adoptedCallback(): void;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        [tagName$j]: ScrollBox;
+    }
+}
+declare module 'preact' {
+    namespace createElement.JSX {
+        interface IntrinsicElements {
+            [tagName$j]: ReactProps$j & PreactBaseElementPropsWithChildren<ScrollBox>;
         }
     }
 }
@@ -4817,12 +5508,16 @@ type SearchFieldProps = PreactFieldProps<
 Required<TextFieldProps$1>['autocomplete']> & Required<Pick<TextFieldProps$1, 'defaultValue' | 'details' | 'disabled' | 'error' | 'labelAccessibilityVisibility' | 'minLength' | 'maxLength' | 'label' | 'name' | 'placeholder' | 'readOnly' | 'required' | 'value'>>;
 
 declare const tagName$i = "s-search-field";
-interface ReactProps$i extends Partial<SearchFieldProps>, Pick<TextFieldProps$1, 'id'>, FieldReactProps<typeof tagName$i> {
+interface ReactProps$i extends Partial<Omit<SearchFieldProps, 'error' | 'details'>>, Pick<TextFieldProps$1, 'id'>, FieldReactProps<typeof tagName$i>, FieldSlotInternalReactProps {
 }
 
-declare class SearchField extends PreactFieldElement<SearchFieldProps['autocomplete']> implements SearchFieldProps {
+declare abstract class SearchFieldBase extends PreactFieldElement<SearchFieldProps['autocomplete']> implements Pick<SearchFieldProps, 'maxLength' | 'minLength'> {
     maxLength: SearchFieldProps['maxLength'];
     minLength: SearchFieldProps['minLength'];
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class SearchField extends SearchFieldBase implements SearchFieldProps {
     constructor();
 }
 declare global {
@@ -4833,7 +5528,7 @@ declare global {
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$i]: ReactProps$i & PreactBaseElementProps<SearchField>;
+            [tagName$i]: Omit<ReactProps$i, 'error' | 'details'> & FieldSlotPreactProps & PreactBaseElementProps<SearchField>;
         }
     }
 }
@@ -4853,14 +5548,20 @@ interface ReactProps$h extends Partial<SectionProps>, Pick<SectionProps$1, 'id'
     children?: ComponentChildren$1;
 }
 
-declare class Section extends PreactCustomElement implements SectionProps {
-    constructor();
+declare abstract class SectionBase extends PolarisCustomElement implements SectionProps {
+    constructor(renderImpl: RenderImpl);
     /** @private */
     connectedCallback(): void;
+    /** @private */
+    disconnectedCallback(): void;
     accessibilityLabel: SectionProps['accessibilityLabel'];
     heading: SectionProps['heading'];
     padding: SectionProps['padding'];
 }
+
+declare class Section extends SectionBase implements SectionProps {
+    constructor();
+}
 declare global {
     interface HTMLElementTagNameMap {
         [tagName$h]: Section;
@@ -4880,7 +5581,7 @@ interface SelectProps extends Omit<PreactInputProps, 'value'>, Required<Pick<Sel
 }
 
 declare const tagName$g = "s-select";
-interface ReactProps$g extends Partial<SelectProps>, Pick<SelectProps$1, 'id' | 'children'> {
+interface ReactProps$g extends Partial<Omit<SelectProps, 'error' | 'details'>>, Pick<SelectProps$1, 'id' | 'children'>, FieldSlotInternalReactProps {
     /**
      * The options a user can select from.
      *
@@ -4896,7 +5597,7 @@ interface ReactProps$g extends Partial<SelectProps>, Pick<SelectProps$1, 'id' |
 declare const usedFirstOptionSymbol: unique symbol;
 declare const hasInitialValueSymbol: unique symbol;
 
-declare class Select extends PreactInputElement implements SelectProps {
+declare abstract class SelectBase extends PreactInputElement implements Pick<SelectProps, 'icon' | 'details' | 'error' | 'label' | 'placeholder' | 'required' | 'labelAccessibilityVisibility'> {
     icon: SelectProps['icon'];
     details: SelectProps['details'];
     error: SelectProps['error'];
@@ -4906,8 +5607,9 @@ declare class Select extends PreactInputElement implements SelectProps {
     labelAccessibilityVisibility: SelectProps['labelAccessibilityVisibility'];
     /** @private */
     connectedCallback(): void;
+    /** @private */
     disconnectedCallback(): void;
-    constructor();
+    constructor(renderImpl: RenderImpl);
     /**
      * used to determine if no value or defaultValue was set, in which case the first non-disabled option was used
      *
@@ -4924,6 +5626,10 @@ declare class Select extends PreactInputElement implements SelectProps {
     /** @private */
     formResetCallback(): void;
 }
+
+declare class Select extends SelectBase implements SelectProps {
+    constructor();
+}
 declare global {
     interface HTMLElementTagNameMap {
         [tagName$g]: Select;
@@ -4932,7 +5638,7 @@ declare global {
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$g]: ReactProps$g & PreactBaseElementPropsWithChildren<Select>;
+            [tagName$g]: Omit<ReactProps$g, 'error' | 'details'> & FieldSlotPreactProps & PreactBaseElementPropsWithChildren<Select>;
         }
     }
 }
@@ -4945,7 +5651,7 @@ declare const tagName$f = "s-spinner";
 interface ReactProps$f extends Partial<SpinnerProps>, Pick<SpinnerProps$1, 'id'> {
 }
 
-declare class Spinner extends PreactCustomElement implements SpinnerProps {
+declare class Spinner extends PolarisCustomElement implements SpinnerProps {
     accessibilityLabel: string;
     size: SpinnerProps['size'];
     constructor();
@@ -5071,10 +5777,15 @@ declare const tagName$d = "s-switch";
 interface ReactProps$d extends Partial<SwitchProps>, Pick<SwitchProps$1, 'id'> {
     onChange?: ((event: CallbackEvent<typeof tagName$d>) => void) | null;
     onInput?: ((event: CallbackEvent<typeof tagName$d>) => void) | null;
+    onBlur?: ((event: CallbackEvent<typeof tagName$d>) => void) | null;
 }
 
-declare class Switch extends PreactCheckboxElement implements SwitchProps {
+declare abstract class SwitchBase extends PreactCheckboxElement implements Pick<SwitchProps, 'labelAccessibilityVisibility'> {
     labelAccessibilityVisibility: SwitchProps['labelAccessibilityVisibility'];
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class Switch extends SwitchBase implements SwitchProps {
     constructor();
 }
 declare global {
@@ -5115,8 +5826,11 @@ interface TableHeaderProps extends Pick<TableHeaderProps$1, 'listSlot' | 'format
 declare const actualTableVariantSymbol: unique symbol;
 declare const tableHeadersSharedDataSymbol: unique symbol;
 type ActualTableVariant = 'table' | 'list';
+declare const elementInternals: unique symbol;
 
-declare class Table extends PreactCustomElement implements TableProps {
+declare class Table extends PolarisCustomElement implements TableProps {
+    /** @private */
+    [elementInternals]: ElementInternals;
     variant: TableProps['variant'];
     loading: TableProps['loading'];
     paginate: TableProps['paginate'];
@@ -5161,7 +5875,9 @@ interface ReactProps$b extends Partial<TableBodyProps>, Pick<TableBodyProps$1, '
     children?: ComponentChildren$1;
 }
 
-declare class TableBody extends PreactCustomElement implements TableBodyProps {
+declare class TableBody extends PolarisCustomElement implements TableBodyProps {
+    /** @private */
+    [elementInternals]: ElementInternals;
     constructor();
 }
 declare global {
@@ -5190,7 +5906,9 @@ interface ReactProps$a extends Partial<TableCellProps>, Pick<TableCellProps$1, '
 
 declare const headerFormatSymbol: unique symbol;
 
-declare class TableCell extends PreactCustomElement implements TableCellProps {
+declare class TableCell extends PolarisCustomElement implements TableCellProps {
+    /** @private */
+    [elementInternals]: ElementInternals;
     constructor();
     /** @private */
     get [headerFormatSymbol](): HeaderFormat;
@@ -5218,7 +5936,9 @@ interface ReactProps$9 extends Partial<TableHeaderProps>, Pick<TableHeaderProps$
     children?: ComponentChildren$1;
 }
 
-declare class TableHeader extends PreactCustomElement implements TableHeaderProps {
+declare class TableHeader extends PolarisCustomElement implements TableHeaderProps {
+    /** @private */
+    [elementInternals]: ElementInternals;
     listSlot: TableHeaderProps['listSlot'];
     format: TableHeaderProps['format'];
     constructor();
@@ -5247,7 +5967,9 @@ interface ReactProps$8 extends Partial<TableHeaderRowProps>, Pick<TableHeaderRow
     children?: ComponentChildren$1;
 }
 
-declare class TableHeaderRow extends PreactCustomElement implements TableHeaderRowProps {
+declare class TableHeaderRow extends PolarisCustomElement implements TableHeaderRowProps {
+    /** @private */
+    [elementInternals]: ElementInternals;
     constructor();
     /** @private */
     connectedCallback(): void;
@@ -5278,7 +6000,9 @@ interface ReactProps$7 extends Partial<TableRowProps>, Pick<TableRowProps$1, 'id
     children?: ComponentChildren$1;
 }
 
-declare class TableRow extends PreactCustomElement implements TableRowProps {
+declare class TableRow extends PolarisCustomElement implements TableRowProps {
+    /** @private */
+    [elementInternals]: ElementInternals;
     constructor();
     clickDelegate: string;
 }
@@ -5298,7 +6022,7 @@ declare module 'preact' {
 interface TextProps extends Required<Pick<TextProps$1, 'accessibilityVisibility' | 'dir' | 'color' | 'type' | 'tone' | 'fontVariantNumeric' | 'interestFor'>> {
     color: Extract<TextProps$1['color'], 'base' | 'subdued'>;
     type: Extract<TextProps$1['type'], 'address' | 'redundant' | 'strong' | 'generic'>;
-    tone: Extract<TextProps$1['tone'], 'auto' | 'info' | 'success' | 'warning' | 'critical' | 'neutral' | 'caution'>;
+    tone: Extract<TextProps$1['tone'], 'auto' | 'neutral' | 'info' | 'success' | 'warning' | 'caution' | 'critical'>;
     fontVariantNumeric: Extract<TextProps$1['fontVariantNumeric'], 'auto' | 'normal' | 'tabular-nums'>;
 }
 
@@ -5310,14 +6034,19 @@ interface ReactProps$6 extends Partial<TextProps>, Pick<TextProps$1, 'id' | 'chi
     children?: ComponentChildren$1;
 }
 
-declare class Text extends PreactCustomElement implements TextProps {
+declare abstract class TextBase extends PolarisCustomElement implements Pick<TextProps, 'fontVariantNumeric' | 'color' | 'type' | 'dir' | 'accessibilityVisibility' | 'interestFor'> {
     fontVariantNumeric: TextProps['fontVariantNumeric'];
     color: TextProps['color'];
-    tone: TextProps['tone'];
     type: TextProps['type'];
     dir: TextProps['dir'];
     accessibilityVisibility: TextProps['accessibilityVisibility'];
     interestFor: string;
+    abstract tone: string;
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class Text extends TextBase implements TextProps {
+    tone: TextProps['tone'];
     constructor();
 }
 declare global {
@@ -5336,13 +6065,17 @@ declare module 'preact' {
 type TextAreaProps = PreactFieldProps<Required<TextAreaProps$1>['autocomplete']> & Required<Pick<TextAreaProps$1, 'maxLength' | 'minLength' | 'rows'>>;
 
 declare const tagName$5 = "s-text-area";
-interface ReactProps$5 extends Partial<TextAreaProps>, Pick<TextAreaProps$1, 'id'>, FieldReactProps<typeof tagName$5> {
+interface ReactProps$5 extends Partial<Omit<TextAreaProps, 'error' | 'details'>>, Pick<TextAreaProps$1, 'id'>, FieldReactProps<typeof tagName$5>, FieldSlotInternalReactProps {
 }
 
-declare class TextArea extends PreactFieldElement<TextAreaProps['autocomplete']> implements TextAreaProps {
+declare abstract class TextAreaBase extends PreactFieldElement<TextAreaProps['autocomplete']> implements Pick<TextAreaProps, 'maxLength' | 'minLength' | 'rows'> {
     maxLength: TextAreaProps['maxLength'];
     minLength: TextAreaProps['minLength'];
     rows: TextAreaProps['rows'];
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class TextArea extends TextAreaBase implements TextAreaProps {
     constructor();
 }
 declare global {
@@ -5353,7 +6086,7 @@ declare global {
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$5]: ReactProps$5 & PreactBaseElementProps<TextArea>;
+            [tagName$5]: Omit<ReactProps$5, 'error' | 'details'> & FieldSlotPreactProps & PreactBaseElementProps<TextArea>;
         }
     }
 }
@@ -5363,19 +6096,23 @@ type TextFieldProps = PreactFieldProps<
 Required<TextFieldProps$1>['autocomplete']> & Required<Pick<TextFieldProps$1, 'icon' | 'maxLength' | 'minLength' | 'prefix' | 'suffix'>>;
 
 declare const tagName$4 = "s-text-field";
-interface ReactProps$4 extends Partial<Omit<TextFieldProps, 'accessory'>>, Pick<TextFieldProps$1, 'id'>, FieldReactProps<typeof tagName$4> {
+interface ReactProps$4 extends Partial<Omit<TextFieldProps, 'accessory' | 'error' | 'details'>>, Pick<TextFieldProps$1, 'id'>, FieldReactProps<typeof tagName$4>, FieldSlotInternalReactProps {
     /**
      * The accessory to display in the text field.
      */
     accessory?: ComponentChildren$1;
 }
 
-declare class TextField extends PreactFieldElement<TextFieldProps['autocomplete']> implements TextFieldProps {
+declare abstract class TextFieldBase extends PreactFieldElement<TextFieldProps['autocomplete']> implements Pick<TextFieldProps, 'icon' | 'maxLength' | 'minLength' | 'prefix' | 'suffix'> {
     icon: TextFieldProps['icon'];
     maxLength: TextFieldProps['maxLength'];
     minLength: TextFieldProps['minLength'];
     prefix: TextFieldProps['prefix'];
     suffix: TextFieldProps['suffix'];
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class TextField extends TextFieldBase implements TextFieldProps {
     constructor();
 }
 declare global {
@@ -5386,7 +6123,7 @@ declare global {
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$4]: Omit<ReactProps$4, 'accessory'> & PreactBaseElementProps<TextField>;
+            [tagName$4]: Omit<ReactProps$4, 'accessory' | 'error' | 'details'> & FieldSlotPreactProps & PreactBaseElementPropsWithChildren<TextField>;
         }
     }
 }
@@ -5401,7 +6138,7 @@ interface ReactProps$3 extends Partial<ThumbnailProps>, Pick<ThumbnailProps$1, '
     onError?: ((event: CallbackEvent<typeof tagName$3>) => void) | null;
 }
 
-declare class Thumbnail extends PreactCustomElement implements ThumbnailProps {
+declare class Thumbnail extends PolarisCustomElement implements ThumbnailProps {
     src: ThumbnailProps['src'];
     alt: ThumbnailProps['alt'];
     size: ThumbnailProps['size'];
@@ -5454,13 +6191,17 @@ declare module 'preact' {
 type URLFieldProps = PreactFieldProps<Required<URLFieldProps$1>['autocomplete']> & Required<Pick<URLFieldProps$1, 'maxLength' | 'minLength'>>;
 
 declare const tagName$1 = "s-url-field";
-interface ReactProps$1 extends Partial<Omit<URLFieldProps, 'accessory'>>, Pick<URLFieldProps$1, 'id'>, FieldReactProps<typeof tagName$1> {
+interface ReactProps$1 extends Partial<Omit<URLFieldProps, 'accessory' | 'error' | 'details'>>, Pick<URLFieldProps$1, 'id'>, FieldReactProps<typeof tagName$1>, FieldSlotInternalReactProps {
 }
 
-declare class URLField extends PreactFieldElement<URLFieldProps['autocomplete']> implements URLFieldProps {
+declare abstract class URLFieldBase extends PreactFieldElement<URLFieldProps['autocomplete']> implements Pick<URLFieldProps, 'autocomplete' | 'maxLength' | 'minLength'> {
     autocomplete: URLFieldProps['autocomplete'];
     maxLength: URLFieldProps['maxLength'];
     minLength: URLFieldProps['minLength'];
+    constructor(renderImpl: RenderImpl);
+}
+
+declare class URLField extends URLFieldBase implements URLFieldProps {
     constructor();
 }
 declare global {
@@ -5471,7 +6212,7 @@ declare global {
 declare module 'preact' {
     namespace createElement.JSX {
         interface IntrinsicElements {
-            [tagName$1]: ReactProps$1 & PreactBaseElementProps<URLField>;
+            [tagName$1]: Omit<ReactProps$1, 'error' | 'details'> & FieldSlotPreactProps & PreactBaseElementProps<URLField>;
         }
     }
 }
@@ -5489,7 +6230,7 @@ interface ReactProps extends Partial<UnorderedListProps>, Pick<UnorderedListProp
     children?: ComponentChildren$1;
 }
 
-declare class UnorderedList extends PreactCustomElement implements UnorderedListProps {
+declare class UnorderedList extends PolarisCustomElement implements UnorderedListProps {
     constructor();
 }
 declare global {
@@ -5545,7 +6286,9 @@ declare const elements: {
     Paragraph: typeof Paragraph;
     PasswordField: typeof PasswordField;
     Popover: typeof Popover;
+    PressButton: typeof PressButton;
     QueryContainer: typeof QueryContainer;
+    ScrollBox: typeof ScrollBox;
     SearchField: typeof SearchField;
     Section: typeof Section;
     Select: typeof Select;
@@ -5568,550 +6311,578 @@ declare const elements: {
 };
 
 export { elements, reactWrap };
-export type { CallbackEvent, CallbackEventListener };
+export type { AltKey, CallbackEvent, CallbackEventListener, ReactKey };
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements {
+            [tagName$W]: ReactProps$W & ReactBaseElementProps<Avatar>;
+        }
+    }
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            [tagName$W]: ReactProps$W & ReactBaseElementProps<Avatar>;
+        }
+    }
+}
+declare module 'react' {
+    namespace JSX {
+        interface IntrinsicElements {
+            [tagName$V]: ReactProps$V & ReactBaseElementPropsWithChildren<Badge>;
+        }
+    }
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            [tagName$V]: ReactProps$V & ReactBaseElementPropsWithChildren<Badge>;
+        }
+    }
+}
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$U]: ReactProps$U & ReactBaseElementProps<Avatar>;
+            [tagName$U]: Omit<ReactProps$U, 'secondaryActions'> & ReactBaseElementPropsWithChildren<Banner>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$U]: ReactProps$U & ReactBaseElementProps<Avatar>;
+            [tagName$U]: Omit<ReactProps$U, 'secondaryActions'> & ReactBaseElementPropsWithChildren<Banner>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$T]: ReactProps$T & ReactBaseElementPropsWithChildren<Badge>;
+            [tagName$T]: ReactProps$T & ReactBaseElementPropsWithChildren<Box>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$T]: ReactProps$T & ReactBaseElementPropsWithChildren<Badge>;
+            [tagName$T]: ReactProps$T & ReactBaseElementPropsWithChildren<Box>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$S]: Omit<ReactProps$S, 'secondaryActions'> & ReactBaseElementPropsWithChildren<Banner>;
+            [tagName$S]: ReactProps$S & ReactBaseElementPropsWithChildren<Button>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$S]: Omit<ReactProps$S, 'secondaryActions'> & ReactBaseElementPropsWithChildren<Banner>;
+            [tagName$S]: ReactProps$S & ReactBaseElementPropsWithChildren<Button>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$R]: ReactProps$R & ReactBaseElementPropsWithChildren<Box>;
+            [tagName$R]: Omit<ReactProps$R, 'primaryAction' | 'secondaryActions'> & ReactBaseElementPropsWithChildren<ButtonGroup>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$R]: ReactProps$R & ReactBaseElementPropsWithChildren<Box>;
+            [tagName$R]: Omit<ReactProps$R, 'primaryAction' | 'secondaryActions'> & ReactBaseElementPropsWithChildren<ButtonGroup>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$Q]: ReactProps$Q & ReactBaseElementPropsWithChildren<Button>;
+            [tagName$Q]: Omit<ReactProps$Q, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<Checkbox>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$Q]: ReactProps$Q & ReactBaseElementPropsWithChildren<Button>;
+            [tagName$Q]: Omit<ReactProps$Q, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<Checkbox>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$P]: Omit<ReactProps$P, 'primaryAction' | 'secondaryActions'> & ReactBaseElementPropsWithChildren<ButtonGroup>;
+            [tagName$P]: Omit<ReactProps$P, 'graphic'> & ReactBaseElementPropsWithChildren<Chip>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$P]: Omit<ReactProps$P, 'primaryAction' | 'secondaryActions'> & ReactBaseElementPropsWithChildren<ButtonGroup>;
+            [tagName$P]: Omit<ReactProps$P, 'graphic'> & ReactBaseElementPropsWithChildren<Chip>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$O]: ReactProps$O & ReactBaseElementProps<Checkbox>;
+            [tagName$O]: Omit<ReactProps$O, 'details' | 'secondaryContent'> & ReactBaseElementPropsWithChildren<Choice>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$O]: ReactProps$O & ReactBaseElementProps<Checkbox>;
+            [tagName$O]: Omit<ReactProps$O, 'details' | 'secondaryContent'> & ReactBaseElementPropsWithChildren<Choice>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$N]: Omit<ReactProps$N, 'graphic'> & ReactBaseElementPropsWithChildren<Chip>;
+            [tagName$N]: ReactProps$N & ReactBaseElementPropsWithChildren<ChoiceList>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$N]: Omit<ReactProps$N, 'graphic'> & ReactBaseElementPropsWithChildren<Chip>;
+            [tagName$N]: ReactProps$N & ReactBaseElementPropsWithChildren<ChoiceList>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$M]: Omit<ReactProps$M, 'details'> & ReactBaseElementPropsWithChildren<Choice>;
+            [tagName$M]: ReactProps$M & ReactBaseElementPropsWithChildren<Clickable>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$M]: Omit<ReactProps$M, 'details'> & ReactBaseElementPropsWithChildren<Choice>;
+            [tagName$M]: ReactProps$M & ReactBaseElementPropsWithChildren<Clickable>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$L]: ReactProps$L & ReactBaseElementPropsWithChildren<ChoiceList>;
+            [tagName$L]: Omit<ReactProps$L, 'graphic'> & ReactBaseElementPropsWithChildren<ClickableChip>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$L]: ReactProps$L & ReactBaseElementPropsWithChildren<ChoiceList>;
+            [tagName$L]: Omit<ReactProps$L, 'graphic'> & ReactBaseElementPropsWithChildren<ClickableChip>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$K]: ReactProps$K & ReactBaseElementPropsWithChildren<Clickable>;
+            [tagName$K]: Omit<ReactProps$K, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<ColorField>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$K]: ReactProps$K & ReactBaseElementPropsWithChildren<Clickable>;
+            [tagName$K]: Omit<ReactProps$K, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<ColorField>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$J]: Omit<ReactProps$J, 'graphic'> & ReactBaseElementPropsWithChildren<ClickableChip>;
+            [tagName$J]: ReactProps$J & ReactBaseElementProps<ColorPicker>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$J]: Omit<ReactProps$J, 'graphic'> & ReactBaseElementPropsWithChildren<ClickableChip>;
+            [tagName$J]: ReactProps$J & ReactBaseElementProps<ColorPicker>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$I]: ReactProps$I & ReactBaseElementProps<ColorField>;
+            [tagName$I]: Omit<ReactProps$I, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<DateField>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$I]: ReactProps$I & ReactBaseElementProps<ColorField>;
+            [tagName$I]: Omit<ReactProps$I, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<DateField>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$H]: ReactProps$H & ReactBaseElementProps<ColorPicker>;
+            [tagName$H]: ReactProps$H & ReactBaseElementProps<DatePicker>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$H]: ReactProps$H & ReactBaseElementProps<ColorPicker>;
+            [tagName$H]: ReactProps$H & ReactBaseElementProps<DatePicker>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$G]: ReactProps$G & ReactBaseElementProps<DateField>;
+            [tagName$G]: ReactProps$G & ReactBaseElementProps<Divider>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$G]: ReactProps$G & ReactBaseElementProps<DateField>;
+            [tagName$G]: ReactProps$G & ReactBaseElementProps<Divider>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$F]: ReactProps$F & ReactBaseElementProps<DatePicker>;
+            [tagName$F]: ReactProps$F & ReactBaseElementPropsWithChildren<DropZone>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$F]: ReactProps$F & ReactBaseElementProps<DatePicker>;
+            [tagName$F]: ReactProps$F & ReactBaseElementPropsWithChildren<DropZone>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$E]: ReactProps$E & ReactBaseElementProps<Divider>;
+            [tagName$E]: Omit<ReactProps$E, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<EmailField>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$E]: ReactProps$E & ReactBaseElementProps<Divider>;
+            [tagName$E]: Omit<ReactProps$E, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<EmailField>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$D]: ReactProps$D & ReactBaseElementProps<DropZone>;
+            [tagName$D]: ReactProps$D & ReactBaseElementPropsWithChildren<Grid>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$D]: ReactProps$D & ReactBaseElementProps<DropZone>;
+            [tagName$D]: ReactProps$D & ReactBaseElementPropsWithChildren<Grid>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$C]: ReactProps$C & ReactBaseElementProps<EmailField>;
+            [tagName$C]: ReactProps$C & ReactBaseElementPropsWithChildren<GridItem>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$C]: ReactProps$C & ReactBaseElementProps<EmailField>;
+            [tagName$C]: ReactProps$C & ReactBaseElementPropsWithChildren<GridItem>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$B]: ReactProps$B & ReactBaseElementPropsWithChildren<Grid>;
+            [tagName$B]: ReactProps$B & ReactBaseElementPropsWithChildren<Heading>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$B]: ReactProps$B & ReactBaseElementPropsWithChildren<Grid>;
+            [tagName$B]: ReactProps$B & ReactBaseElementPropsWithChildren<Heading>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$A]: ReactProps$A & ReactBaseElementPropsWithChildren<GridItem>;
+            [tagName$A]: ReactProps$A & ReactBaseElementProps<Icon>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$A]: ReactProps$A & ReactBaseElementPropsWithChildren<GridItem>;
+            [tagName$A]: ReactProps$A & ReactBaseElementProps<Icon>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$z]: ReactProps$z & ReactBaseElementPropsWithChildren<Heading>;
+            [tagName$z]: ReactProps$z & ReactBaseElementProps<Image>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$z]: ReactProps$z & ReactBaseElementPropsWithChildren<Heading>;
+            [tagName$z]: ReactProps$z & ReactBaseElementProps<Image>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$y]: ReactProps$y & ReactBaseElementProps<Icon>;
+            [tagName$y]: ReactProps$y & ReactBaseElementPropsWithChildren<Link>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$y]: ReactProps$y & ReactBaseElementProps<Icon>;
+            [tagName$y]: ReactProps$y & ReactBaseElementPropsWithChildren<Link>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$x]: ReactProps$x & ReactBaseElementProps<Image>;
+            [tagName$x]: ReactProps$x & ReactBaseElementPropsWithChildren<ListItem>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$x]: ReactProps$x & ReactBaseElementProps<Image>;
+            [tagName$x]: ReactProps$x & ReactBaseElementPropsWithChildren<ListItem>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$w]: ReactProps$w & ReactBaseElementPropsWithChildren<Link>;
+            [tagName$w]: ReactProps$w & ReactBaseElementPropsWithChildren<Menu>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$w]: ReactProps$w & ReactBaseElementPropsWithChildren<Link>;
+            [tagName$w]: ReactProps$w & ReactBaseElementPropsWithChildren<Menu>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$v]: ReactProps$v & ReactBaseElementPropsWithChildren<ListItem>;
+            [tagName$v]: Omit<ReactProps$v, 'primaryAction' | 'secondaryActions'> & ReactBaseElementPropsWithChildren<Modal>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$v]: ReactProps$v & ReactBaseElementPropsWithChildren<ListItem>;
+            [tagName$v]: Omit<ReactProps$v, 'primaryAction' | 'secondaryActions'> & ReactBaseElementPropsWithChildren<Modal>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$u]: ReactProps$u & ReactBaseElementPropsWithChildren<Menu>;
+            [tagName$u]: Omit<ReactProps$u, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<MoneyField>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$u]: ReactProps$u & ReactBaseElementPropsWithChildren<Menu>;
+            [tagName$u]: Omit<ReactProps$u, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<MoneyField>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$t]: Omit<ReactProps$t, 'primaryAction' | 'secondaryActions'> & ReactBaseElementPropsWithChildren<Modal>;
+            [tagName$t]: Omit<ReactProps$t, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<NumberField>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$t]: Omit<ReactProps$t, 'primaryAction' | 'secondaryActions'> & ReactBaseElementPropsWithChildren<Modal>;
+            [tagName$t]: Omit<ReactProps$t, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<NumberField>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$s]: ReactProps$s & ReactBaseElementProps<MoneyField>;
+            [tagName$s]: ReactProps$s & ReactBaseElementPropsWithChildren<Option>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$s]: ReactProps$s & ReactBaseElementProps<MoneyField>;
+            [tagName$s]: ReactProps$s & ReactBaseElementPropsWithChildren<Option>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$r]: ReactProps$r & ReactBaseElementProps<NumberField>;
+            [tagName$r]: ReactProps$r & ReactBaseElementPropsWithChildren<OptionGroup>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$r]: ReactProps$r & ReactBaseElementProps<NumberField>;
+            [tagName$r]: ReactProps$r & ReactBaseElementPropsWithChildren<OptionGroup>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$q]: ReactProps$q & ReactBaseElementPropsWithChildren<Option>;
+            [tagName$q]: ReactProps$q & ReactBaseElementPropsWithChildren<OrderedList>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$q]: ReactProps$q & ReactBaseElementPropsWithChildren<Option>;
+            [tagName$q]: ReactProps$q & ReactBaseElementPropsWithChildren<OrderedList>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$p]: ReactProps$p & ReactBaseElementPropsWithChildren<OptionGroup>;
+            [tagName$p]: Omit<ReactProps$p, 'aside' | 'primaryAction' | 'secondaryActions' | 'breadcrumbActions'> & ReactBaseElementPropsWithChildren<Page>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$p]: ReactProps$p & ReactBaseElementPropsWithChildren<OptionGroup>;
+            [tagName$p]: Omit<ReactProps$p, 'aside' | 'primaryAction' | 'secondaryActions' | 'breadcrumbActions'> & ReactBaseElementPropsWithChildren<Page>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$o]: ReactProps$o & ReactBaseElementPropsWithChildren<OrderedList>;
+            [tagName$o]: ReactProps$o & ReactBaseElementPropsWithChildren<Paragraph>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$o]: ReactProps$o & ReactBaseElementPropsWithChildren<OrderedList>;
+            [tagName$o]: ReactProps$o & ReactBaseElementPropsWithChildren<Paragraph>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$n]: Omit<ReactProps$n, 'aside' | 'primaryAction' | 'secondaryActions' | 'breadcrumbActions'> & ReactBaseElementPropsWithChildren<Page>;
+            [tagName$n]: Omit<ReactProps$n, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<PasswordField>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$n]: Omit<ReactProps$n, 'aside' | 'primaryAction' | 'secondaryActions' | 'breadcrumbActions'> & ReactBaseElementPropsWithChildren<Page>;
+            [tagName$n]: Omit<ReactProps$n, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<PasswordField>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$m]: ReactProps$m & ReactBaseElementPropsWithChildren<Paragraph>;
+            [tagName$m]: ReactProps$m & ReactBaseElementPropsWithChildren<Popover>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$m]: ReactProps$m & ReactBaseElementPropsWithChildren<Paragraph>;
+            [tagName$m]: ReactProps$m & ReactBaseElementPropsWithChildren<Popover>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$l]: ReactProps$l & ReactBaseElementProps<PasswordField>;
+            [tagName$l]: ReactProps$l & ReactBaseElementPropsWithChildren<PressButton>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$l]: ReactProps$l & ReactBaseElementProps<PasswordField>;
+            [tagName$l]: ReactProps$l & ReactBaseElementPropsWithChildren<PressButton>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$k]: ReactProps$k & ReactBaseElementPropsWithChildren<Popover>;
+            [tagName$k]: ReactProps$k & ReactBaseElementPropsWithChildren<QueryContainer>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$k]: ReactProps$k & ReactBaseElementPropsWithChildren<Popover>;
+            [tagName$k]: ReactProps$k & ReactBaseElementPropsWithChildren<QueryContainer>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$j]: ReactProps$j & ReactBaseElementPropsWithChildren<QueryContainer>;
+            [tagName$j]: ReactProps$j & ReactBaseElementPropsWithChildren<ScrollBox>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$j]: ReactProps$j & ReactBaseElementPropsWithChildren<QueryContainer>;
+            [tagName$j]: ReactProps$j & ReactBaseElementPropsWithChildren<ScrollBox>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$i]: ReactProps$i & ReactBaseElementProps<SearchField>;
+            [tagName$i]: Omit<ReactProps$i, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<SearchField>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$i]: ReactProps$i & ReactBaseElementProps<SearchField>;
+            [tagName$i]: Omit<ReactProps$i, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<SearchField>;
         }
     }
 }
@@ -6132,14 +6903,14 @@ declare global {
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$g]: ReactProps$g & ReactBaseElementPropsWithChildren<Select>;
+            [tagName$g]: Omit<ReactProps$g, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementPropsWithChildren<Select>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$g]: ReactProps$g & ReactBaseElementPropsWithChildren<Select>;
+            [tagName$g]: Omit<ReactProps$g, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementPropsWithChildren<Select>;
         }
     }
 }
@@ -6286,28 +7057,28 @@ declare global {
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$5]: ReactProps$5 & ReactBaseElementProps<TextArea>;
+            [tagName$5]: Omit<ReactProps$5, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<TextArea>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$5]: ReactProps$5 & ReactBaseElementProps<TextArea>;
+            [tagName$5]: Omit<ReactProps$5, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<TextArea>;
         }
     }
 }
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$4]: Omit<ReactProps$4, 'accessory'> & ReactBaseElementProps<TextField>;
+            [tagName$4]: Omit<ReactProps$4, 'accessory' | 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementPropsWithChildren<TextField>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$4]: Omit<ReactProps$4, 'accessory'> & ReactBaseElementProps<TextField>;
+            [tagName$4]: Omit<ReactProps$4, 'accessory' | 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementPropsWithChildren<TextField>;
         }
     }
 }
@@ -6342,14 +7113,14 @@ declare global {
 declare module 'react' {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$1]: ReactProps$1 & ReactBaseElementProps<URLField>;
+            [tagName$1]: Omit<ReactProps$1, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<URLField>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            [tagName$1]: ReactProps$1 & ReactBaseElementProps<URLField>;
+            [tagName$1]: Omit<ReactProps$1, 'error' | 'details'> & FieldSlotPreactProps & ReactBaseElementProps<URLField>;
         }
     }
 }