@shopify/polaris-types 1.0.1 → 1.0.4

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/polaris.d.ts +982 -495
  2. package/package.json +9 -3
package/dist/polaris.d.ts CHANGED
@@ -12,13 +12,15 @@ type React = {
12
12
  useMemo: typeof react.useMemo;
13
13
  };
14
14
  type Slots<Props extends object> = (keyof Props)[];
15
+ type ReadOnlyProps<Props extends object> = (keyof Props)[];
15
16
  interface PropConfig<Props extends object> {
16
17
  slots?: Slots<Props>;
18
+ readOnlyProps?: ReadOnlyProps<Props>;
17
19
  }
18
20
  type PropsWithChildren<T> = T extends {
19
21
  children: ReactNode;
20
22
  } ? T : React.PropsWithChildren<T>;
21
- declare function reactWrap$1<Props extends object, ElementType extends HTMLElement>(React: React, tagName: string, { slots }?: PropConfig<Props>): ForwardRefExoticComponent<PropsWithoutRef<PropsWithChildren<Props>> & RefAttributes<ElementType>>;
23
+ declare function reactWrap$1<Props extends object, ElementType extends HTMLElement>(React: React, tagName: string, { slots, readOnlyProps }?: PropConfig<Props>): ForwardRefExoticComponent<PropsWithoutRef<PropsWithChildren<Props>> & RefAttributes<ElementType>>;
22
24
 
23
25
  /**
24
26
  * TODO: Update `any` type here after this is resolved
@@ -200,7 +202,7 @@ interface BackgroundProps {
200
202
  */
201
203
  type ToneKeyword = 'auto' | 'neutral' | 'info' | 'success' | 'caution' | 'warning' | 'critical' | 'accent' | 'custom';
202
204
 
203
- 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"];
205
+ 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", "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", "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"];
204
206
  type IconType$1 = (typeof privateIconArray)[number];
205
207
 
206
208
  /**
@@ -395,6 +397,14 @@ type AccessibilityRole =
395
397
  *
396
398
  */
397
399
  | 'section'
400
+ /**
401
+ * 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.
402
+ *
403
+ * In an HTML host `region` will render as `<div role="region">`.
404
+ * A region **must** have an accessible name provided via the `accessibilityLabel` property.
405
+ * Learn more about the [`region` role](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles/region_role) in the MDN web docs.
406
+ */
407
+ | 'region'
398
408
  /**
399
409
  * Used to designate a supporting section that relates to the main content.
400
410
  *
@@ -1278,6 +1288,38 @@ interface ChipProps$2 extends GlobalProps {
1278
1288
  * @default 'base'
1279
1289
  */
1280
1290
  color?: ColorKeyword;
1291
+ /**
1292
+ * Whether the chip is removable.
1293
+ *
1294
+ * @default false
1295
+ */
1296
+ removable?: boolean;
1297
+ /**
1298
+ * Callback when the chip is removed.
1299
+ */
1300
+ onRemove?: (event: Event) => void;
1301
+ /**
1302
+ * Determines whether the chip is hidden.
1303
+ *
1304
+ * If this property is being set on each framework render (as in 'controlled' usage),
1305
+ * and the chip is `removable`,
1306
+ * ensure you update app state for this property when the `remove` event fires.
1307
+ *
1308
+ * If the chip is not `removable`, it can still be hidden by setting this property.
1309
+ *
1310
+ * @default false
1311
+ */
1312
+ hidden?: boolean;
1313
+ /**
1314
+ * Event handler when the chip has fully hidden.
1315
+ *
1316
+ * The `hidden` property will be `true` when this event fires.
1317
+ *
1318
+ * @implementation If implementations animate the hiding of the chip,
1319
+ * this event must fire after the chip has fully hidden.
1320
+ * We can add an `onHide` event in future if we want to provide a hook for the start of the animation.
1321
+ */
1322
+ onAfterHide?: (event: Event) => void;
1281
1323
  }
1282
1324
 
1283
1325
  interface ChipProps$1 extends ChipProps$2, GlobalProps {
@@ -1390,7 +1432,7 @@ interface ClickableProps$1 extends GlobalProps, BaseBoxProps, BaseClickableProps
1390
1432
  lang?: string;
1391
1433
  }
1392
1434
 
1393
- interface ClickableChipProps$1 extends ChipProps$2, GlobalProps {
1435
+ interface ClickableChipProps$1 extends ChipProps$2, GlobalProps, InteractionProps {
1394
1436
  /**
1395
1437
  * Callback when the chip is clicked.
1396
1438
  */
@@ -1399,40 +1441,9 @@ interface ClickableChipProps$1 extends ChipProps$2, GlobalProps {
1399
1441
  * The URL to link to.
1400
1442
  *
1401
1443
  * - If set, it will navigate to the location specified by `href` after executing the `click` event.
1444
+ * - If a `commandFor` is set, the `command` will be executed instead of the navigation.
1402
1445
  */
1403
1446
  href?: string;
1404
- /**
1405
- * Whether the chip is removable.
1406
- *
1407
- * @default false
1408
- */
1409
- removable?: boolean;
1410
- /**
1411
- * Callback when the chip is removed.
1412
- */
1413
- onRemove?: (event: Event) => void;
1414
- /**
1415
- * Determines whether the chip is hidden.
1416
- *
1417
- * If this property is being set on each framework render (as in 'controlled' usage),
1418
- * and the chip is `removable`,
1419
- * ensure you update app state for this property when the `remove` event fires.
1420
- *
1421
- * If the chip is not `removable`, it can still be hidden by setting this property.
1422
- *
1423
- * @default false
1424
- */
1425
- hidden?: boolean;
1426
- /**
1427
- * Event handler when the chip has fully hidden.
1428
- *
1429
- * The `hidden` property will be `true` when this event fires.
1430
- *
1431
- * @implementation If implementations animate the hiding of the chip,
1432
- * this event must fire after the chip has fully hidden.
1433
- * We can add an `onHide` event in future if we want to provide a hook for the start of the animation.
1434
- */
1435
- onAfterHide?: (event: Event) => void;
1436
1447
  /**
1437
1448
  * Disables the chip, disallowing any interaction.
1438
1449
  *
@@ -2222,7 +2233,16 @@ interface ModalProps$1 extends GlobalProps, BaseOverlayProps, BaseOverlayMethods
2222
2233
  children?: ComponentChildren;
2223
2234
  }
2224
2235
 
2236
+ 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';
2225
2237
  interface MoneyFieldProps$1 extends GlobalProps, BaseTextFieldProps, NumberConstraintsProps, AutocompleteProps<MoneyAutocompleteField> {
2238
+ /**
2239
+ * The currency code of the field.
2240
+ *
2241
+ * When set to 'auto', the field will display the currency code of the shop.
2242
+ * If no currency code is set for the shop, resolve to 'XXX' the explicit non value.
2243
+ * @default 'auto'
2244
+ */
2245
+ currencyCode?: CurrencyCode | 'auto';
2226
2246
  }
2227
2247
  type MoneyAutocompleteField = ExtractStrict<AnyAutocompleteField, 'transaction-amount'>;
2228
2248
 
@@ -2234,6 +2254,21 @@ interface NumberFieldProps$1 extends GlobalProps, BaseTextFieldProps, Autocomple
2234
2254
  * @default 'decimal'
2235
2255
  */
2236
2256
  inputMode?: 'decimal' | 'numeric';
2257
+ /**
2258
+ * Callback when the user has **finished editing** a field, e.g. once they have blurred
2259
+ * the field after changing the value.
2260
+ * Also fired after `onInput` on every step when interacting with the controls or the keyboard up and down arrows.
2261
+ *
2262
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/change_event
2263
+ */
2264
+ onChange?: (event: Event) => void;
2265
+ /**
2266
+ * Callback when the user makes any changes in the field.
2267
+ * Also fired before `onChange` on every step when interacting with the controls or the keyboard up and down arrows.
2268
+ *
2269
+ * @see https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/input_event
2270
+ */
2271
+ onInput?: (event: Event) => void;
2237
2272
  }
2238
2273
  type NumberAutocompleteField = ExtractStrict<AnyAutocompleteField, 'one-time-code' | 'cc-number' | 'cc-csc'>;
2239
2274
 
@@ -2264,6 +2299,12 @@ interface OptionGroupProps$1 extends GlobalProps {
2264
2299
  }
2265
2300
 
2266
2301
  interface OrderedListProps$1 extends GlobalProps {
2302
+ /**
2303
+ * The content of the OrderededList.
2304
+ *
2305
+ * Accepts only `ListItem` components.
2306
+ */
2307
+ children?: ComponentChildren;
2267
2308
  }
2268
2309
 
2269
2310
  interface PageProps$1 extends GlobalProps, ActionSlots {
@@ -2305,7 +2346,7 @@ interface PageProps$1 extends GlobalProps, ActionSlots {
2305
2346
 
2306
2347
  interface ParagraphProps$1 extends GlobalProps, BaseTypographyProps, BlockTypographyProps, AccessibilityVisibilityProps {
2307
2348
  /**
2308
- * The content of the Text.
2349
+ * The content of the Paragraph.
2309
2350
  */
2310
2351
  children?: ComponentChildren;
2311
2352
  /**
@@ -2347,6 +2388,23 @@ interface PopoverProps$1 extends GlobalProps, BaseOverlayProps, BaseOverlayMetho
2347
2388
  children?: ComponentChildren;
2348
2389
  }
2349
2390
 
2391
+ interface PressButtonProps$1 extends GlobalProps, Pick<ButtonProps$1, 'accessibilityLabel' | 'children' | 'icon' | 'inlineSize' | 'lang' | 'tone' | 'variant' | 'disabled' | 'loading' | 'onClick' | 'onBlur' | 'onFocus'> {
2392
+ /**
2393
+ * Whether the button is pressed.
2394
+ *
2395
+ * @default false
2396
+ */
2397
+ pressed?: boolean;
2398
+ /**
2399
+ * Whether the button is pressed by default.
2400
+ *
2401
+ * @default false
2402
+ *
2403
+ * @implementation `defaultPressed` reflects to the `pressed` attribute.
2404
+ */
2405
+ defaultPressed?: boolean;
2406
+ }
2407
+
2350
2408
  interface QueryContainerProps$1 extends GlobalProps {
2351
2409
  /**
2352
2410
  * The content of the container.
@@ -2368,6 +2426,10 @@ interface QueryContainerProps$1 extends GlobalProps {
2368
2426
  containerName?: string;
2369
2427
  }
2370
2428
 
2429
+ type OverflowKeyword = 'auto' | 'hidden';
2430
+ type ScrollSnapType = 'none' | 'mandatory' | 'proximity';
2431
+ type ScrollAccessibilityRole = 'generic' | 'region';
2432
+
2371
2433
  interface SectionProps$1 extends GlobalProps, ActionSlots {
2372
2434
  /**
2373
2435
  * The content of the Section.
@@ -2727,55 +2789,27 @@ interface TooltipProps$1 extends GlobalProps {
2727
2789
  }
2728
2790
 
2729
2791
  interface UnorderedListProps$1 extends GlobalProps {
2792
+ /**
2793
+ * The content of the UnorderededList.
2794
+ *
2795
+ * Accepts only `ListItem` components.
2796
+ */
2797
+ children?: ComponentChildren;
2730
2798
  }
2731
2799
 
2732
2800
  interface URLFieldProps$1 extends GlobalProps, BaseTextFieldProps, MinMaxLengthProps, AutocompleteProps<URLAutocompleteField> {
2733
2801
  }
2734
2802
  type URLAutocompleteField = ExtractStrict<AnyAutocompleteField, 'url' | 'photo' | 'impp' | `${AutocompleteAddressGroup} impp`>;
2735
2803
 
2736
- type CallbackEvent<T extends keyof HTMLElementTagNameMap> = Event & {
2737
- currentTarget: HTMLElementTagNameMap[T];
2738
- };
2739
- type CallbackToggleEvent<TTagName extends keyof HTMLElementTagNameMap, TEvent extends ToggleEvent = ToggleEvent> = TEvent & {
2740
- currentTarget: HTMLElementTagNameMap[TTagName];
2741
- };
2742
- type CallbackEventListener<T extends keyof HTMLElementTagNameMap> = (EventListener & {
2743
- (event: CallbackEvent<T>): void;
2744
- }) | null;
2745
- type FieldReactProps<T extends keyof HTMLElementTagNameMap> = {
2746
- onInput?: ((event: CallbackEvent<T>) => void) | null;
2747
- onChange?: ((event: CallbackEvent<T>) => void) | null;
2748
- onFocus?: ((event: CallbackEvent<T>) => void) | null;
2749
- onBlur?: ((event: CallbackEvent<T>) => void) | null;
2750
- };
2751
- /** Used when an element does not have children. */
2752
- interface PreactBaseElementProps<TClass extends HTMLElement> {
2753
- /** Assigns a unique key to this element. */
2754
- key?: preact.Key;
2755
- /** Assigns a ref (generally from `useRef()`) to this element. */
2756
- ref?: preact.Ref<TClass>;
2757
- /** Assigns this element to a parent's slot. */
2758
- slot?: Lowercase<string>;
2759
- }
2760
- /** Used when an element has children. */
2761
- interface PreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends PreactBaseElementProps<TClass> {
2762
- children?: preact.ComponentChildren;
2763
- }
2764
-
2765
- interface AvatarProps extends Required<Pick<AvatarProps$1, 'initials' | 'src' | 'alt' | 'size'>> {
2766
- size: Extract<AvatarProps$1['size'], 'small-200' | 'small' | 'base' | 'large' | 'large-200'>;
2767
- }
2768
-
2769
- declare const tagName$U = "s-avatar";
2770
- interface ReactProps$U extends Partial<AvatarProps>, Pick<AvatarProps$1, 'id'> {
2771
- onLoad?: () => void;
2772
- onError?: () => void;
2773
- }
2774
-
2775
2804
  type Styles = string;
2805
+ declare const shadowRootSymbol: unique symbol;
2776
2806
  type RenderImpl = Omit<ShadowRootInit, 'mode'> & {
2777
2807
  ShadowRoot: (element: any) => ComponentChildren$1;
2778
2808
  styles?: Styles;
2809
+ /**
2810
+ * Only needed once in the root element, to inject global shadow CSS for all components.
2811
+ */
2812
+ globalShadowCSS?: Styles;
2779
2813
  };
2780
2814
  interface ActivationEventEsque {
2781
2815
  shiftKey: boolean;
@@ -2794,11 +2828,13 @@ interface ClickOptions {
2794
2828
  * While this class could be used in both Node and the browser, the constructor will only be used in the browser.
2795
2829
  * So we give it a type of HTMLElement to avoid typing issues later where it's used, which will only happen in the browser.
2796
2830
  */
2797
- declare const BaseClass$4: typeof globalThis.HTMLElement;
2798
- declare abstract class PreactCustomElement extends BaseClass$4 {
2831
+ declare const BaseClass$3: typeof globalThis.HTMLElement;
2832
+ declare abstract class PreactCustomElement extends BaseClass$3 {
2799
2833
  /** @private */
2800
2834
  static get observedAttributes(): string[];
2801
- constructor({ styles, ShadowRoot: renderFunction, delegatesFocus, ...options }: RenderImpl);
2835
+ /** @private */
2836
+ [shadowRootSymbol]: ShadowRoot | null;
2837
+ constructor({ styles, ShadowRoot: renderFunction, delegatesFocus, globalShadowCSS, ...options }: RenderImpl);
2802
2838
  /** @private */
2803
2839
  setAttribute(name: string, value: string): void;
2804
2840
  /** @private */
@@ -2826,31 +2862,235 @@ declare abstract class PreactCustomElement extends BaseClass$4 {
2826
2862
  click({ sourceEvent }?: ClickOptions): void;
2827
2863
  }
2828
2864
 
2829
- declare class Avatar extends PreactCustomElement implements AvatarProps {
2865
+ interface Context<T> {
2866
+ readonly defaultValue: T;
2867
+ }
2868
+ declare class AddedContext<T> extends EventTarget {
2869
+ constructor(defaultValue: T);
2870
+ get value(): T;
2871
+ set value(value: T);
2872
+ }
2873
+
2874
+ /**
2875
+ * A callback which is provided by a context requester and is called with the value satisfying the request.
2876
+ * This callback can be called multiple times by context providers as the requested value is changed.
2877
+ */
2878
+ type ContextCallback<T> = (value: T) => void;
2879
+ /**
2880
+ * An event fired by a context requester to signal it desires a named context.
2881
+ *
2882
+ * A provider should inspect the `context` property of the event to determine if it has a value that can
2883
+ * satisfy the request, calling the `callback` with the requested value if so.
2884
+ */
2885
+ declare class ContextRequestEvent<T> extends Event {
2886
+ readonly context: Context<T>;
2887
+ readonly callback: ContextCallback<T>;
2888
+ constructor(context: Context<T>, callback: ContextCallback<T>);
2889
+ }
2890
+ declare global {
2891
+ interface HTMLElementEventMap {
2892
+ /**
2893
+ * A 'context-request' event can be emitted by any element which desires
2894
+ * a context value to be injected by an external provider.
2895
+ */
2896
+ 'context-request': ContextRequestEvent<unknown>;
2897
+ }
2898
+ }
2899
+
2900
+ type ReactKey = string & {
2901
+ __reactKey: boolean;
2902
+ };
2903
+ type AltKey = string & {
2904
+ __altKey: boolean;
2905
+ };
2906
+ type Props = Record<string, unknown>;
2907
+ declare global {
2908
+ interface HTMLElement {
2909
+ [reactKey: ReactKey]: Props;
2910
+ [altKey: AltKey]: Props;
2911
+ }
2912
+ }
2913
+
2914
+ type CallbackEvent<T extends keyof HTMLElementTagNameMap> = Event & {
2915
+ currentTarget: HTMLElementTagNameMap[T];
2916
+ };
2917
+ type CallbackToggleEvent<TTagName extends keyof HTMLElementTagNameMap, TEvent extends ToggleEvent = ToggleEvent> = TEvent & {
2918
+ currentTarget: HTMLElementTagNameMap[TTagName];
2919
+ };
2920
+ type CallbackEventListener<T extends keyof HTMLElementTagNameMap> = (EventListener & {
2921
+ (event: CallbackEvent<T>): void;
2922
+ }) | null;
2923
+ type FieldReactProps<T extends keyof HTMLElementTagNameMap> = {
2924
+ onInput?: ((event: CallbackEvent<T>) => void) | null;
2925
+ onChange?: ((event: CallbackEvent<T>) => void) | null;
2926
+ onFocus?: ((event: CallbackEvent<T>) => void) | null;
2927
+ onBlur?: ((event: CallbackEvent<T>) => void) | null;
2928
+ };
2929
+ /** Used when an element does not have children. */
2930
+ interface PreactBaseElementProps<TClass extends HTMLElement> {
2931
+ /** Assigns a unique key to this element. */
2932
+ key?: preact.Key;
2933
+ /** Assigns a ref (generally from `useRef()`) to this element. */
2934
+ ref?: preact.Ref<TClass>;
2935
+ /** Assigns this element to a parent's slot. */
2936
+ slot?: Lowercase<string>;
2937
+ }
2938
+ /** Used when an element has children. */
2939
+ interface PreactBaseElementPropsWithChildren<TClass extends HTMLElement> extends PreactBaseElementProps<TClass> {
2940
+ children?: preact.ComponentChildren;
2941
+ }
2942
+
2943
+ interface PolarisGlobal {
2944
+ /**
2945
+ * The shop's currency code, which may differ from the user's currency.
2946
+ */
2947
+ currencyCode: string;
2948
+ /**
2949
+ * The user's locale, which may differ from the shop's locale.
2950
+ */
2951
+ locale: string;
2952
+ translations: {
2953
+ loading: string;
2954
+ actions: {
2955
+ dismiss: string;
2956
+ clear: string;
2957
+ addFiles: string;
2958
+ removeChip: string;
2959
+ moreActions: string;
2960
+ /** Template for the add value chip. Use `{label}` as the placeholder. */
2961
+ addValue: string;
2962
+ };
2963
+ pagination: {
2964
+ goToNextPage: string;
2965
+ goToPreviousPage: string;
2966
+ };
2967
+ datePicker: {
2968
+ label: string;
2969
+ rangeInstructions: string;
2970
+ singleInstructions: string;
2971
+ previousMonth: string;
2972
+ nextMonth: string;
2973
+ };
2974
+ colorPicker: {
2975
+ hueSliderLabel: string;
2976
+ alphaSliderLabel: string;
2977
+ thumbDescription: string;
2978
+ };
2979
+ colorField: {
2980
+ colorPreviewDescription: string;
2981
+ };
2982
+ secondaryActions: {
2983
+ overflowAccessibilityLabel: string;
2984
+ };
2985
+ breadcrumbs: {
2986
+ overflowAccessibilityLabel: string;
2987
+ };
2988
+ modal: {
2989
+ unsavedChanges: string;
2990
+ close: string;
2991
+ };
2992
+ dropZone: {
2993
+ fileTypeNotReady: string;
2994
+ dropFilesToUpload: string;
2995
+ };
2996
+ passwordField: {
2997
+ hidePassword: string;
2998
+ showPassword: string;
2999
+ };
3000
+ menu: {
3001
+ searchFieldLabel: string;
3002
+ searchFieldPlaceholder: string;
3003
+ };
3004
+ };
3005
+ }
3006
+ declare global {
3007
+ var polaris: PolarisGlobal;
3008
+ }
3009
+
3010
+ interface AvatarProps extends Required<Pick<AvatarProps$1, 'initials' | 'src' | 'alt' | 'size'>> {
3011
+ size: Extract<AvatarProps$1['size'], 'small-200' | 'small' | 'base' | 'large' | 'large-200'>;
3012
+ }
3013
+
3014
+ declare const tagName$W = "s-avatar";
3015
+ interface ReactProps$W extends Partial<AvatarProps>, Pick<AvatarProps$1, 'id'> {
3016
+ onLoad?: () => void;
3017
+ onError?: () => void;
3018
+ }
3019
+
3020
+ /** [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/togglePopover) */
3021
+ interface PopoverTogglePopoverOptions {
3022
+ force?: boolean;
3023
+ source?: HTMLElement;
3024
+ }
3025
+ /** [MDN Reference](https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/showPopover) */
3026
+ interface PopoverShowPopoverOptions {
3027
+ source?: HTMLElement;
3028
+ }
3029
+ interface PopoverToggleTargetElementInvoker {
3030
+ /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLButtonElement/popoverTargetAction) */
3031
+ popoverTargetAction: string;
3032
+ /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLButtonElement/popoverTargetElement) */
3033
+ popoverTargetElement: Element | null;
3034
+ }
3035
+
3036
+ declare global {
3037
+ /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent) */
3038
+ interface ToggleEvent extends Event {
3039
+ /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/newState) */
3040
+ readonly newState: string;
3041
+ /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/ToggleEvent/oldState) */
3042
+ readonly oldState: string;
3043
+ }
3044
+ interface HTMLElement {
3045
+ /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/popover) */
3046
+ popover: string | null;
3047
+ /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/hidePopover) */
3048
+ hidePopover(): void;
3049
+ /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/showPopover) */
3050
+ showPopover(options?: PopoverShowPopoverOptions): void;
3051
+ /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/togglePopover) */
3052
+ togglePopover(force?: boolean): boolean;
3053
+ /** [MDN Reference](https://developer.mozilla.org/docs/Web/API/HTMLElement/togglePopover) */
3054
+ togglePopover(options?: PopoverTogglePopoverOptions): boolean;
3055
+ }
3056
+ interface HTMLButtonElement extends PopoverToggleTargetElementInvoker {
3057
+ }
3058
+ interface HTMLInputElement extends PopoverToggleTargetElementInvoker {
3059
+ }
3060
+ interface Window {
3061
+ ToggleEvent: ToggleEvent;
3062
+ }
3063
+ }
3064
+
3065
+ declare class PolarisCustomElement extends PreactCustomElement {
3066
+ constructor(renderImpl: Omit<RenderImpl, 'globalShadowCSS'>);
3067
+ }
3068
+
3069
+ declare class Avatar extends PolarisCustomElement implements AvatarProps {
2830
3070
  initials: AvatarProps['initials'];
2831
3071
  src: AvatarProps['src'];
2832
3072
  size: AvatarProps['size'];
2833
3073
  alt: AvatarProps['alt'];
2834
- onload: CallbackEventListener<typeof tagName$U> | null;
3074
+ onload: CallbackEventListener<typeof tagName$W> | null;
2835
3075
  onerror: OnErrorEventHandler;
2836
3076
  constructor();
2837
3077
  }
2838
3078
  declare global {
2839
3079
  interface HTMLElementTagNameMap {
2840
- [tagName$U]: Avatar;
3080
+ [tagName$W]: Avatar;
2841
3081
  }
2842
3082
  }
2843
3083
  declare module 'preact' {
2844
3084
  namespace createElement.JSX {
2845
3085
  interface IntrinsicElements {
2846
- [tagName$U]: ReactProps$U & PreactBaseElementProps<Avatar>;
3086
+ [tagName$W]: ReactProps$W & PreactBaseElementProps<Avatar>;
2847
3087
  }
2848
3088
  }
2849
3089
  }
2850
3090
 
2851
- 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";
3091
+ 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" | "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" | "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";
2852
3092
 
2853
- interface IconProps extends Pick<IconProps$1, 'type' | 'tone' | 'color' | 'size' | 'interestFor'> {
3093
+ interface IconProps extends Required<Pick<IconProps$1, 'type' | 'tone' | 'color' | 'size' | 'interestFor'>> {
2854
3094
  /**
2855
3095
  * Specifies the type of icon that will be displayed.
2856
3096
  */
@@ -2867,30 +3107,36 @@ interface BadgeProps extends Pick<BadgeProps$1, 'color' | 'icon' | 'size' | 'ton
2867
3107
  tone: Extract<BadgeProps$1['tone'], 'auto' | 'neutral' | 'info' | 'success' | 'caution' | 'warning' | 'critical'>;
2868
3108
  }
2869
3109
 
2870
- declare const tagName$T = "s-badge";
2871
- interface ReactProps$T extends Partial<BadgeProps>, Pick<BadgeProps$1, 'id' | 'children'> {
3110
+ declare const tagName$V = "s-badge";
3111
+ interface ReactProps$V extends Partial<BadgeProps>, Pick<BadgeProps$1, 'id' | 'children'> {
2872
3112
  /**
2873
3113
  * The content of the Badge.
2874
3114
  */
2875
3115
  children?: ComponentChildren$1;
2876
3116
  }
2877
3117
 
2878
- declare class Badge extends PreactCustomElement implements BadgeProps {
3118
+ declare abstract class BadgeBase extends PolarisCustomElement implements Pick<BadgeProps, 'color' | 'size'> {
2879
3119
  color: BadgeProps['color'];
2880
- icon: BadgeProps['icon'];
2881
3120
  size: BadgeProps['size'];
3121
+ abstract tone: string;
3122
+ abstract icon: string;
3123
+ constructor(renderImpl: Omit<RenderImpl, 'globalShadowCSS'>);
3124
+ }
3125
+
3126
+ declare class Badge extends BadgeBase implements BadgeProps {
3127
+ icon: BadgeProps['icon'];
2882
3128
  tone: BadgeProps['tone'];
2883
3129
  constructor();
2884
3130
  }
2885
3131
  declare global {
2886
3132
  interface HTMLElementTagNameMap {
2887
- [tagName$T]: Badge;
3133
+ [tagName$V]: Badge;
2888
3134
  }
2889
3135
  }
2890
3136
  declare module 'preact' {
2891
3137
  namespace createElement.JSX {
2892
3138
  interface IntrinsicElements {
2893
- [tagName$T]: ReactProps$T & PreactBaseElementPropsWithChildren<Badge>;
3139
+ [tagName$V]: ReactProps$V & PreactBaseElementPropsWithChildren<Badge>;
2894
3140
  }
2895
3141
  }
2896
3142
  }
@@ -2900,8 +3146,8 @@ interface BannerProps extends Pick<RequiredBannerProps, 'heading' | 'dismissible
2900
3146
  tone: Extract<RequiredBannerProps['tone'], 'auto' | 'critical' | 'warning' | 'success' | 'info'>;
2901
3147
  }
2902
3148
 
2903
- declare const tagName$S = "s-banner";
2904
- interface ReactProps$S extends Partial<BannerProps>, Pick<BannerProps$1, 'id' | 'children'> {
3149
+ declare const tagName$U = "s-banner";
3150
+ interface ReactProps$U extends Partial<BannerProps>, Pick<BannerProps$1, 'id' | 'children'> {
2905
3151
  /**
2906
3152
  * The content of the Banner.
2907
3153
  */
@@ -2912,28 +3158,28 @@ interface ReactProps$S extends Partial<BannerProps>, Pick<BannerProps$1, 'id' |
2912
3158
  * Only Buttons with the `variant` of "secondary" or "auto" are permitted. A maximum of two `s-button` components are allowed.
2913
3159
  */
2914
3160
  secondaryActions?: ComponentChildren$1;
2915
- onDismiss?: ((event: CallbackEvent<typeof tagName$S>) => void) | null;
2916
- onAfterHide?: ((event: CallbackEvent<typeof tagName$S>) => void) | null;
3161
+ onDismiss?: ((event: CallbackEvent<typeof tagName$U>) => void) | null;
3162
+ onAfterHide?: ((event: CallbackEvent<typeof tagName$U>) => void) | null;
2917
3163
  }
2918
3164
 
2919
- declare class Banner extends PreactCustomElement implements BannerProps {
3165
+ declare class Banner extends PolarisCustomElement implements BannerProps {
2920
3166
  heading: BannerProps['heading'];
2921
3167
  tone: BannerProps['tone'];
2922
3168
  hidden: BannerProps['hidden'];
2923
3169
  dismissible: BannerProps['dismissible'];
2924
- ondismiss: CallbackEventListener<typeof tagName$S> | null;
2925
- onafterhide: CallbackEventListener<typeof tagName$S> | null;
3170
+ ondismiss: CallbackEventListener<typeof tagName$U> | null;
3171
+ onafterhide: CallbackEventListener<typeof tagName$U> | null;
2926
3172
  constructor();
2927
3173
  }
2928
3174
  declare global {
2929
3175
  interface HTMLElementTagNameMap {
2930
- [tagName$S]: Banner;
3176
+ [tagName$U]: Banner;
2931
3177
  }
2932
3178
  }
2933
3179
  declare module 'preact' {
2934
3180
  namespace createElement.JSX {
2935
3181
  interface IntrinsicElements {
2936
- [tagName$S]: Omit<ReactProps$S, 'secondaryActions'> & PreactBaseElementPropsWithChildren<Banner>;
3182
+ [tagName$U]: Omit<ReactProps$U, 'secondaryActions'> & PreactBaseElementPropsWithChildren<Banner>;
2937
3183
  }
2938
3184
  }
2939
3185
  }
@@ -3127,15 +3373,15 @@ interface BoxProps extends Pick<RequiredBoxProps, 'accessibilityLabel' | 'access
3127
3373
  maxInlineSize: SizeUnitsOrNone;
3128
3374
  }
3129
3375
 
3130
- declare const tagName$R = "s-box";
3131
- interface ReactProps$R extends Partial<BoxProps>, Pick<BoxProps$1, 'id' | 'children'> {
3376
+ declare const tagName$T = "s-box";
3377
+ interface ReactProps$T extends Partial<BoxProps>, Pick<BoxProps$1, 'id' | 'children'> {
3132
3378
  /**
3133
3379
  * The content of the Box.
3134
3380
  */
3135
3381
  children?: ComponentChildren$1;
3136
3382
  }
3137
3383
 
3138
- declare class BoxElement extends PreactCustomElement implements BoxProps {
3384
+ declare class BoxElement extends PolarisCustomElement implements BoxProps {
3139
3385
  constructor(renderImpl: RenderImpl);
3140
3386
  accessibilityRole: BoxProps['accessibilityRole'];
3141
3387
  background: BoxProps['background'];
@@ -3168,13 +3414,13 @@ declare class Box extends BoxElement implements BoxProps {
3168
3414
  }
3169
3415
  declare global {
3170
3416
  interface HTMLElementTagNameMap {
3171
- [tagName$R]: Box;
3417
+ [tagName$T]: Box;
3172
3418
  }
3173
3419
  }
3174
3420
  declare module 'preact' {
3175
3421
  namespace createElement.JSX {
3176
3422
  interface IntrinsicElements {
3177
- [tagName$R]: ReactProps$R & PreactBaseElementPropsWithChildren<Box>;
3423
+ [tagName$T]: ReactProps$T & PreactBaseElementPropsWithChildren<Box>;
3178
3424
  }
3179
3425
  }
3180
3426
  }
@@ -3182,21 +3428,21 @@ declare module 'preact' {
3182
3428
  type ButtonOnlyProps = Extract<ButtonProps$1, {
3183
3429
  type?: unknown;
3184
3430
  }>;
3185
- type ButtonBaseProps = Required<Pick<ButtonOnlyProps, 'accessibilityLabel' | 'disabled' | 'command' | 'commandFor' | 'icon' | 'interestFor' | 'lang' | 'loading' | 'type' | 'tone' | 'variant' | 'target' | 'href' | 'download'>>;
3431
+ type ButtonBaseProps = Required<Pick<ButtonOnlyProps, 'accessibilityLabel' | 'disabled' | 'command' | 'commandFor' | 'icon' | 'interestFor' | 'lang' | 'loading' | 'type' | 'tone' | 'variant' | 'target' | 'href' | 'download' | 'inlineSize'>>;
3186
3432
  interface ButtonProps extends ButtonBaseProps {
3187
3433
  tone: Extract<ButtonProps$1['tone'], 'neutral' | 'critical' | 'auto'>;
3188
3434
  icon: IconProps['type'];
3189
3435
  }
3190
3436
 
3191
- declare const tagName$Q = "s-button";
3192
- interface ReactProps$Q extends Partial<ButtonProps>, Pick<ButtonProps$1, 'id' | 'children'> {
3437
+ declare const tagName$S = "s-button";
3438
+ interface ReactProps$S extends Partial<ButtonProps>, Pick<ButtonProps$1, 'id' | 'children'> {
3193
3439
  /**
3194
3440
  * The content of the Button.
3195
3441
  */
3196
3442
  children?: ComponentChildren$1;
3197
- onClick?: ((event: CallbackEvent<typeof tagName$Q>) => void) | null;
3198
- onFocus?: ((event: CallbackEvent<typeof tagName$Q>) => void) | null;
3199
- onBlur?: ((event: CallbackEvent<typeof tagName$Q>) => void) | null;
3443
+ onClick?: ((event: CallbackEvent<typeof tagName$S>) => void) | null;
3444
+ onFocus?: ((event: CallbackEvent<typeof tagName$S>) => void) | null;
3445
+ onBlur?: ((event: CallbackEvent<typeof tagName$S>) => void) | null;
3200
3446
  }
3201
3447
 
3202
3448
  interface PreactOverlayControlProps extends Pick<InteractionProps, 'commandFor' | 'interestFor'> {
@@ -3223,32 +3469,37 @@ interface PreactOverlayControlProps extends Pick<InteractionProps, 'commandFor'
3223
3469
  interestFor: Extract<InteractionProps['interestFor'], string>;
3224
3470
  }
3225
3471
 
3226
- declare const Button_base: (abstract new (args_0: RenderImpl) => PreactCustomElement & PreactOverlayControlProps) & Pick<typeof PreactCustomElement, "prototype" | "observedAttributes">;
3227
- declare class Button extends Button_base implements ButtonProps {
3472
+ declare const ButtonBase_base: (abstract new (renderImpl: Omit<RenderImpl, "globalShadowCSS">) => PolarisCustomElement & PreactOverlayControlProps) & Pick<typeof PolarisCustomElement, "prototype" | "observedAttributes">;
3473
+ declare abstract class ButtonBase<TTagName extends keyof HTMLElementTagNameMap> extends ButtonBase_base implements Pick<ButtonProps, 'disabled' | 'loading' | 'target' | 'href' | 'download' | 'type' | 'accessibilityLabel' | 'inlineSize'> {
3228
3474
  disabled: ButtonProps['disabled'];
3229
- icon: ButtonProps['icon'];
3230
3475
  loading: ButtonProps['loading'];
3231
- variant: ButtonProps['variant'];
3232
- tone: ButtonProps['tone'];
3233
3476
  target: ButtonProps['target'];
3234
3477
  href: ButtonProps['href'];
3235
3478
  download: ButtonProps['download'];
3236
- onclick: CallbackEventListener<typeof tagName$Q> | null;
3237
- onblur: CallbackEventListener<typeof tagName$Q> | null;
3238
- onfocus: CallbackEventListener<typeof tagName$Q> | null;
3239
3479
  type: ButtonProps['type'];
3240
3480
  accessibilityLabel: ButtonProps['accessibilityLabel'];
3481
+ inlineSize: ButtonProps['inlineSize'];
3482
+ abstract icon: string;
3483
+ abstract variant: string;
3484
+ abstract tone: string;
3485
+ constructor(renderImpl: RenderImpl);
3486
+ }
3487
+
3488
+ declare class Button extends ButtonBase<typeof tagName$S> implements ButtonProps {
3489
+ icon: ButtonProps['icon'];
3490
+ variant: ButtonProps['variant'];
3491
+ tone: ButtonProps['tone'];
3241
3492
  constructor();
3242
3493
  }
3243
3494
  declare global {
3244
3495
  interface HTMLElementTagNameMap {
3245
- [tagName$Q]: Button;
3496
+ [tagName$S]: Button;
3246
3497
  }
3247
3498
  }
3248
3499
  declare module 'preact' {
3249
3500
  namespace createElement.JSX {
3250
3501
  interface IntrinsicElements {
3251
- [tagName$Q]: ReactProps$Q & PreactBaseElementPropsWithChildren<Button>;
3502
+ [tagName$S]: ReactProps$S & PreactBaseElementPropsWithChildren<Button>;
3252
3503
  }
3253
3504
  }
3254
3505
  }
@@ -3256,8 +3507,8 @@ declare module 'preact' {
3256
3507
  interface ButtonGroupProps extends Required<Pick<ButtonGroupProps$1, 'gap' | 'accessibilityLabel'>> {
3257
3508
  }
3258
3509
 
3259
- declare const tagName$P = "s-button-group";
3260
- interface ReactProps$P extends Partial<ButtonGroupProps>, Pick<ButtonGroupProps$1, 'id' | 'children'> {
3510
+ declare const tagName$R = "s-button-group";
3511
+ interface ReactProps$R extends Partial<ButtonGroupProps>, Pick<ButtonGroupProps$1, 'id' | 'children'> {
3261
3512
  /**
3262
3513
  * The content of the ButtonGroup.
3263
3514
  */
@@ -3270,32 +3521,37 @@ interface ReactProps$P extends Partial<ButtonGroupProps>, Pick<ButtonGroupProps$
3270
3521
  primaryAction?: ComponentChildren$1;
3271
3522
  /**
3272
3523
  * Secondary action buttons for the group.
3273
- * Accepts Button elements with a `variant` of `secondary` or `auto`.
3524
+ * Accepts Button or PressButton elements with a `variant` of `secondary` or `auto`.
3274
3525
  */
3275
3526
  secondaryActions?: ComponentChildren$1;
3276
3527
  }
3277
3528
 
3278
- declare class ButtonGroup extends PreactCustomElement implements ButtonGroupProps {
3529
+ declare abstract class ButtonGroupBase extends PolarisCustomElement implements Pick<ButtonGroupProps, 'gap' | 'accessibilityLabel'> {
3279
3530
  gap: ButtonGroupProps['gap'];
3280
3531
  accessibilityLabel: ButtonGroupProps['accessibilityLabel'];
3532
+ constructor(renderImpl: RenderImpl);
3533
+ disconnectedCallback(): void;
3534
+ }
3535
+
3536
+ declare class ButtonGroup extends ButtonGroupBase implements ButtonGroupProps {
3281
3537
  constructor();
3282
3538
  }
3283
3539
  declare global {
3284
3540
  interface HTMLElementTagNameMap {
3285
- [tagName$P]: ButtonGroup;
3541
+ [tagName$R]: ButtonGroup;
3286
3542
  }
3287
3543
  }
3288
3544
  declare module 'preact' {
3289
3545
  namespace createElement.JSX {
3290
3546
  interface IntrinsicElements {
3291
- [tagName$P]: Omit<ReactProps$P, 'primaryAction' | 'secondaryActions'> & PreactBaseElementPropsWithChildren<ButtonGroup>;
3547
+ [tagName$R]: Omit<ReactProps$R, 'primaryAction' | 'secondaryActions'> & PreactBaseElementPropsWithChildren<ButtonGroup>;
3292
3548
  }
3293
3549
  }
3294
3550
  }
3295
3551
 
3296
3552
  declare const internals$4: unique symbol;
3297
3553
  type PreactInputProps = Required<Pick<TextFieldProps$1, 'disabled' | 'id' | 'name' | 'value'>>;
3298
- declare class PreactInputElement extends PreactCustomElement implements PreactInputProps {
3554
+ declare class PreactInputElement extends PolarisCustomElement implements PreactInputProps {
3299
3555
  static formAssociated: boolean;
3300
3556
  /** @private */
3301
3557
  [internals$4]: ElementInternals;
@@ -3335,10 +3591,10 @@ interface CheckboxProps extends PreactCheckboxProps {
3335
3591
  defaultIndeterminate: Required<CheckboxProps$1>['defaultIndeterminate'];
3336
3592
  }
3337
3593
 
3338
- declare const tagName$O = "s-checkbox";
3339
- interface ReactProps$O extends Partial<CheckboxProps>, Pick<CheckboxProps$1, 'id'> {
3340
- onChange?: ((event: CallbackEvent<typeof tagName$O>) => void) | null;
3341
- onInput?: ((event: CallbackEvent<typeof tagName$O>) => void) | null;
3594
+ declare const tagName$Q = "s-checkbox";
3595
+ interface ReactProps$Q extends Partial<CheckboxProps>, Pick<CheckboxProps$1, 'id'> {
3596
+ onChange?: ((event: CallbackEvent<typeof tagName$Q>) => void) | null;
3597
+ onInput?: ((event: CallbackEvent<typeof tagName$Q>) => void) | null;
3342
3598
  }
3343
3599
 
3344
3600
  declare class Checkbox extends PreactCheckboxElement implements CheckboxProps {
@@ -3349,13 +3605,13 @@ declare class Checkbox extends PreactCheckboxElement implements CheckboxProps {
3349
3605
  }
3350
3606
  declare global {
3351
3607
  interface HTMLElementTagNameMap {
3352
- [tagName$O]: Checkbox;
3608
+ [tagName$Q]: Checkbox;
3353
3609
  }
3354
3610
  }
3355
3611
  declare module 'preact' {
3356
3612
  namespace createElement.JSX {
3357
3613
  interface IntrinsicElements {
3358
- [tagName$O]: ReactProps$O & PreactBaseElementProps<Checkbox>;
3614
+ [tagName$Q]: ReactProps$Q & PreactBaseElementProps<Checkbox>;
3359
3615
  }
3360
3616
  }
3361
3617
  }
@@ -3363,8 +3619,8 @@ declare module 'preact' {
3363
3619
  interface ChipProps extends Required<Pick<ChipProps$1, 'color' | 'accessibilityLabel'>> {
3364
3620
  }
3365
3621
 
3366
- declare const tagName$N = "s-chip";
3367
- interface ReactProps$N extends Partial<ChipProps>, Pick<ChipProps$1, 'id' | 'children'> {
3622
+ declare const tagName$P = "s-chip";
3623
+ interface ReactProps$P extends Partial<ChipProps>, Pick<ChipProps$1, 'id' | 'children'> {
3368
3624
  /**
3369
3625
  * The content of the Chip.
3370
3626
  */
@@ -3377,20 +3633,20 @@ interface ReactProps$N extends Partial<ChipProps>, Pick<ChipProps$1, 'id' | 'chi
3377
3633
  graphic?: ComponentChildren$1;
3378
3634
  }
3379
3635
 
3380
- declare class Chip extends PreactCustomElement implements ChipProps {
3636
+ declare class Chip extends PolarisCustomElement implements ChipProps {
3381
3637
  color: ChipProps['color'];
3382
3638
  accessibilityLabel: ChipProps['accessibilityLabel'];
3383
3639
  constructor();
3384
3640
  }
3385
3641
  declare global {
3386
3642
  interface HTMLElementTagNameMap {
3387
- [tagName$N]: Chip;
3643
+ [tagName$P]: Chip;
3388
3644
  }
3389
3645
  }
3390
3646
  declare module 'preact' {
3391
3647
  namespace createElement.JSX {
3392
3648
  interface IntrinsicElements {
3393
- [tagName$N]: Omit<ReactProps$N, 'graphic'> & PreactBaseElementPropsWithChildren<Chip>;
3649
+ [tagName$P]: Omit<ReactProps$P, 'graphic'> & PreactBaseElementPropsWithChildren<Chip>;
3394
3650
  }
3395
3651
  }
3396
3652
  }
@@ -3398,8 +3654,8 @@ declare module 'preact' {
3398
3654
  interface ChoiceProps extends Required<Pick<ChoiceProps$1, 'selected' | 'defaultSelected' | 'disabled' | 'accessibilityLabel' | 'value'>> {
3399
3655
  }
3400
3656
 
3401
- declare const tagName$M = "s-choice";
3402
- interface ReactProps$M extends Partial<ChoiceProps>, Pick<ChoiceProps$1, 'id' | 'children' | 'details'> {
3657
+ declare const tagName$O = "s-choice";
3658
+ interface ReactProps$O extends Partial<ChoiceProps>, Pick<ChoiceProps$1, 'id' | 'children' | 'details'> {
3403
3659
  /**
3404
3660
  * Content to use as the choice label.
3405
3661
  *
@@ -3417,9 +3673,15 @@ interface ReactProps$M extends Partial<ChoiceProps>, Pick<ChoiceProps$1, 'id' |
3417
3673
  * @implementation this content should be linked to the input with an `aria-describedby` attribute.
3418
3674
  */
3419
3675
  details?: ComponentChildren$1;
3676
+ /**
3677
+ * Additional content to display below the choice label.
3678
+ * Can include rich content like TextFields, Buttons, or other interactive components.
3679
+ * Event handlers on React components are preserved.
3680
+ */
3681
+ secondaryContent?: ComponentChildren$1;
3420
3682
  }
3421
3683
 
3422
- declare class Choice extends PreactCustomElement implements ChoiceProps {
3684
+ declare class Choice extends PolarisCustomElement implements ChoiceProps {
3423
3685
  disabled: ChoiceProps['disabled'];
3424
3686
  get selected(): boolean;
3425
3687
  set selected(selected: ChoiceProps['selected']);
@@ -3434,13 +3696,13 @@ declare class Choice extends PreactCustomElement implements ChoiceProps {
3434
3696
  }
3435
3697
  declare global {
3436
3698
  interface HTMLElementTagNameMap {
3437
- [tagName$M]: Choice;
3699
+ [tagName$O]: Choice;
3438
3700
  }
3439
3701
  }
3440
3702
  declare module 'preact' {
3441
3703
  namespace createElement.JSX {
3442
3704
  interface IntrinsicElements {
3443
- [tagName$M]: Omit<ReactProps$M, 'details'> & PreactBaseElementPropsWithChildren<Choice>;
3705
+ [tagName$O]: Omit<ReactProps$O, 'details' | 'secondaryContent'> & PreactBaseElementPropsWithChildren<Choice>;
3444
3706
  }
3445
3707
  }
3446
3708
  }
@@ -3448,34 +3710,34 @@ declare module 'preact' {
3448
3710
  interface ChoiceListProps extends Required<Pick<ChoiceListProps$1, 'details' | 'disabled' | 'error' | 'label' | 'labelAccessibilityVisibility' | 'multiple' | 'name' | 'values'>> {
3449
3711
  }
3450
3712
 
3451
- declare const tagName$L = "s-choice-list";
3452
- interface ReactProps$L extends Partial<ChoiceListProps>, Pick<ChoiceListProps$1, 'id' | 'children'> {
3713
+ declare const tagName$N = "s-choice-list";
3714
+ interface ReactProps$N extends Partial<ChoiceListProps>, Pick<ChoiceListProps$1, 'id' | 'children'> {
3453
3715
  /**
3454
3716
  * The choices a user can select from.
3455
3717
  *
3456
3718
  * Accepts `Choice` components.
3457
3719
  */
3458
3720
  children?: ComponentChildren$1;
3459
- onChange?: ((event: CallbackEvent<typeof tagName$L>) => void) | null;
3460
- onInput?: ((event: CallbackEvent<typeof tagName$L>) => void) | null;
3721
+ onChange?: ((event: CallbackEvent<typeof tagName$N>) => void) | null;
3722
+ onInput?: ((event: CallbackEvent<typeof tagName$N>) => void) | null;
3461
3723
  }
3462
3724
 
3463
3725
  declare const internals$3: unique symbol;
3464
- declare class BaseClass$3 extends PreactCustomElement {
3726
+ declare class BaseClass$2 extends PolarisCustomElement {
3465
3727
  static formAssociated: boolean;
3466
3728
  constructor(renderImpl: RenderImpl);
3467
3729
  /** @private */
3468
3730
  [internals$3]: ElementInternals;
3469
3731
  }
3470
- declare class ChoiceList extends BaseClass$3 implements ChoiceListProps {
3732
+ declare class ChoiceList extends BaseClass$2 implements ChoiceListProps {
3471
3733
  disabled: ChoiceListProps['disabled'];
3472
3734
  name: ChoiceListProps['name'];
3473
3735
  error: ChoiceListProps['error'];
3474
3736
  details: ChoiceListProps['details'];
3475
3737
  multiple: ChoiceListProps['multiple'];
3476
3738
  label: ChoiceListProps['label'];
3477
- onchange: CallbackEventListener<typeof tagName$L> | null;
3478
- oninput: CallbackEventListener<typeof tagName$L> | null;
3739
+ onchange: CallbackEventListener<typeof tagName$N> | null;
3740
+ oninput: CallbackEventListener<typeof tagName$N> | null;
3479
3741
  labelAccessibilityVisibility: ChoiceListProps['labelAccessibilityVisibility'];
3480
3742
  get values(): ChoiceListProps["values"];
3481
3743
  set values(values: ChoiceListProps['values']);
@@ -3489,13 +3751,13 @@ declare class ChoiceList extends BaseClass$3 implements ChoiceListProps {
3489
3751
  }
3490
3752
  declare global {
3491
3753
  interface HTMLElementTagNameMap {
3492
- [tagName$L]: ChoiceList;
3754
+ [tagName$N]: ChoiceList;
3493
3755
  }
3494
3756
  }
3495
3757
  declare module 'preact' {
3496
3758
  namespace createElement.JSX {
3497
3759
  interface IntrinsicElements {
3498
- [tagName$L]: ReactProps$L & PreactBaseElementPropsWithChildren<ChoiceList>;
3760
+ [tagName$N]: ReactProps$N & PreactBaseElementPropsWithChildren<ChoiceList>;
3499
3761
  }
3500
3762
  }
3501
3763
  }
@@ -3504,15 +3766,15 @@ type ClickableBaseProps = Required<Pick<ClickableProps$1, 'command' | 'commandFo
3504
3766
  interface ClickableProps extends Required<BoxProps>, ClickableBaseProps {
3505
3767
  }
3506
3768
 
3507
- declare const tagName$K = "s-clickable";
3508
- interface ReactProps$K extends Partial<ClickableProps>, Pick<ClickableProps$1, 'id' | 'children'> {
3769
+ declare const tagName$M = "s-clickable";
3770
+ interface ReactProps$M extends Partial<ClickableProps>, Pick<ClickableProps$1, 'id' | 'children'> {
3509
3771
  /**
3510
3772
  * The content of the Clickable.
3511
3773
  */
3512
3774
  children?: ComponentChildren$1;
3513
- onClick?: ((event: CallbackEvent<typeof tagName$K>) => void) | null;
3514
- onFocus?: ((event: CallbackEvent<typeof tagName$K>) => void) | null;
3515
- onBlur?: ((event: CallbackEvent<typeof tagName$K>) => void) | null;
3775
+ onClick?: ((event: CallbackEvent<typeof tagName$M>) => void) | null;
3776
+ onFocus?: ((event: CallbackEvent<typeof tagName$M>) => void) | null;
3777
+ onBlur?: ((event: CallbackEvent<typeof tagName$M>) => void) | null;
3516
3778
  }
3517
3779
 
3518
3780
  declare const Clickable_base: (abstract new (renderImpl: RenderImpl) => BoxElement & PreactOverlayControlProps) & Pick<typeof BoxElement, "prototype" | "observedAttributes">;
@@ -3522,30 +3784,30 @@ declare class Clickable extends Clickable_base implements ClickableProps {
3522
3784
  target: ClickableProps['target'];
3523
3785
  href: ClickableProps['href'];
3524
3786
  download: ClickableProps['download'];
3525
- onclick: CallbackEventListener<typeof tagName$K> | null;
3526
- onblur: CallbackEventListener<typeof tagName$K> | null;
3527
- onfocus: CallbackEventListener<typeof tagName$K> | null;
3787
+ onclick: CallbackEventListener<typeof tagName$M> | null;
3788
+ onblur: CallbackEventListener<typeof tagName$M> | null;
3789
+ onfocus: CallbackEventListener<typeof tagName$M> | null;
3528
3790
  type: ClickableProps['type'];
3529
3791
  constructor();
3530
3792
  }
3531
3793
  declare global {
3532
3794
  interface HTMLElementTagNameMap {
3533
- [tagName$K]: Clickable;
3795
+ [tagName$M]: Clickable;
3534
3796
  }
3535
3797
  }
3536
3798
  declare module 'preact' {
3537
3799
  namespace createElement.JSX {
3538
3800
  interface IntrinsicElements {
3539
- [tagName$K]: ReactProps$K & PreactBaseElementPropsWithChildren<Clickable>;
3801
+ [tagName$M]: ReactProps$M & PreactBaseElementPropsWithChildren<Clickable>;
3540
3802
  }
3541
3803
  }
3542
3804
  }
3543
3805
 
3544
- interface ClickableChipProps extends Required<Pick<ClickableChipProps$1, 'color' | 'accessibilityLabel' | 'removable' | 'hidden' | 'href' | 'disabled'>> {
3806
+ interface ClickableChipProps extends Required<Pick<ClickableChipProps$1, 'color' | 'accessibilityLabel' | 'removable' | 'hidden' | 'href' | 'disabled' | 'command' | 'commandFor' | 'interestFor'>> {
3545
3807
  }
3546
3808
 
3547
- declare const tagName$J = "s-clickable-chip";
3548
- interface ReactProps$J extends Partial<ClickableChipProps>, Pick<ClickableChipProps$1, 'id' | 'children'> {
3809
+ declare const tagName$L = "s-clickable-chip";
3810
+ interface ReactProps$L extends Partial<ClickableChipProps>, Pick<ClickableChipProps$1, 'id' | 'children'> {
3549
3811
  /**
3550
3812
  * The content of the clickable chip.
3551
3813
  */
@@ -3556,32 +3818,33 @@ interface ReactProps$J extends Partial<ClickableChipProps>, Pick<ClickableChipPr
3556
3818
  * Only accepts `Icon` components.
3557
3819
  */
3558
3820
  graphic?: ComponentChildren$1;
3559
- onClick?: ((event: CallbackEvent<typeof tagName$J>) => void) | null;
3560
- onRemove?: ((event: CallbackEvent<typeof tagName$J>) => void) | null;
3561
- onAfterHide?: ((event: CallbackEvent<typeof tagName$J>) => void) | null;
3821
+ onClick?: ((event: CallbackEvent<typeof tagName$L>) => void) | null;
3822
+ onRemove?: ((event: CallbackEvent<typeof tagName$L>) => void) | null;
3823
+ onAfterHide?: ((event: CallbackEvent<typeof tagName$L>) => void) | null;
3562
3824
  }
3563
3825
 
3564
- declare class ClickableChip extends PreactCustomElement implements ClickableChipProps {
3826
+ declare const ClickableChip_base: (abstract new (renderImpl: Omit<RenderImpl, "globalShadowCSS">) => PolarisCustomElement & PreactOverlayControlProps) & Pick<typeof PolarisCustomElement, "prototype" | "observedAttributes">;
3827
+ declare class ClickableChip extends ClickableChip_base implements ClickableChipProps {
3565
3828
  color: ClickableChipProps['color'];
3566
3829
  accessibilityLabel: ClickableChipProps['accessibilityLabel'];
3567
3830
  removable: ClickableChipProps['removable'];
3568
3831
  hidden: ClickableChipProps['hidden'];
3569
3832
  disabled: ClickableChipProps['disabled'];
3570
3833
  href: ClickableChipProps['href'];
3571
- onclick: CallbackEventListener<typeof tagName$J> | null;
3572
- onremove: CallbackEventListener<typeof tagName$J> | null;
3573
- onafterhide: CallbackEventListener<typeof tagName$J> | null;
3834
+ onclick: CallbackEventListener<typeof tagName$L> | null;
3835
+ onremove: CallbackEventListener<typeof tagName$L> | null;
3836
+ onafterhide: CallbackEventListener<typeof tagName$L> | null;
3574
3837
  constructor();
3575
3838
  }
3576
3839
  declare global {
3577
3840
  interface HTMLElementTagNameMap {
3578
- [tagName$J]: ClickableChip;
3841
+ [tagName$L]: ClickableChip;
3579
3842
  }
3580
3843
  }
3581
3844
  declare module 'preact' {
3582
3845
  namespace createElement.JSX {
3583
3846
  interface IntrinsicElements {
3584
- [tagName$J]: Omit<ReactProps$J, 'graphic'> & PreactBaseElementPropsWithChildren<ClickableChip>;
3847
+ [tagName$L]: Omit<ReactProps$L, 'graphic'> & PreactBaseElementPropsWithChildren<ClickableChip>;
3585
3848
  }
3586
3849
  }
3587
3850
  }
@@ -3648,10 +3911,10 @@ declare class PreactFieldElement<Autocomplete extends string = string> extends P
3648
3911
 
3649
3912
  type ColorFieldProps = PreactFieldProps<Required<ColorFieldProps$1>['autocomplete']> & Required<Pick<ColorFieldProps$1, 'alpha' | 'value' | 'defaultValue'>>;
3650
3913
 
3651
- declare const tagName$I = "s-color-field";
3652
- interface ReactProps$I extends Partial<Omit<ColorFieldProps, 'accessory'>>, Pick<ColorFieldProps$1, 'id' | 'alpha' | 'value' | 'defaultValue'>, FieldReactProps<typeof tagName$I> {
3653
- onInput?: (event: CallbackEvent<typeof tagName$I>) => void;
3654
- onChange?: (event: CallbackEvent<typeof tagName$I>) => void;
3914
+ declare const tagName$K = "s-color-field";
3915
+ interface ReactProps$K extends Partial<Omit<ColorFieldProps, 'accessory'>>, Pick<ColorFieldProps$1, 'id' | 'alpha' | 'value' | 'defaultValue'>, FieldReactProps<typeof tagName$K> {
3916
+ onInput?: (event: CallbackEvent<typeof tagName$K>) => void;
3917
+ onChange?: (event: CallbackEvent<typeof tagName$K>) => void;
3655
3918
  }
3656
3919
 
3657
3920
  declare class ColorField extends PreactFieldElement<ColorFieldProps['autocomplete']> implements ColorFieldProps {
@@ -3666,13 +3929,13 @@ declare class ColorField extends PreactFieldElement<ColorFieldProps['autocomplet
3666
3929
  }
3667
3930
  declare global {
3668
3931
  interface HTMLElementTagNameMap {
3669
- [tagName$I]: ColorField;
3932
+ [tagName$K]: ColorField;
3670
3933
  }
3671
3934
  }
3672
3935
  declare module 'preact' {
3673
3936
  namespace createElement.JSX {
3674
3937
  interface IntrinsicElements {
3675
- [tagName$I]: ReactProps$I & PreactBaseElementProps<ColorField>;
3938
+ [tagName$K]: ReactProps$K & PreactBaseElementProps<ColorField>;
3676
3939
  }
3677
3940
  }
3678
3941
  }
@@ -3680,23 +3943,23 @@ declare module 'preact' {
3680
3943
  interface ColorPickerProps extends Required<Pick<ColorPickerProps$1, 'id' | 'alpha' | 'value' | 'defaultValue' | 'name'>> {
3681
3944
  }
3682
3945
 
3683
- declare const tagName$H = "s-color-picker";
3684
- interface ReactProps$H extends Partial<ColorPickerProps>, Pick<ColorPickerProps$1, 'id' | 'alpha' | 'value' | 'defaultValue' | 'name'> {
3685
- onInput?: (event: CallbackEvent<typeof tagName$H>) => void | null;
3686
- onChange?: (event: CallbackEvent<typeof tagName$H>) => void | null;
3946
+ declare const tagName$J = "s-color-picker";
3947
+ interface ReactProps$J extends Partial<ColorPickerProps>, Pick<ColorPickerProps$1, 'id' | 'alpha' | 'value' | 'defaultValue' | 'name'> {
3948
+ onInput?: (event: CallbackEvent<typeof tagName$J>) => void | null;
3949
+ onChange?: (event: CallbackEvent<typeof tagName$J>) => void | null;
3687
3950
  }
3688
3951
 
3689
3952
  declare const internals$2: unique symbol;
3690
- declare class BaseClass$2 extends PreactCustomElement {
3953
+ declare class BaseClass$1 extends PolarisCustomElement {
3691
3954
  static formAssociated: boolean;
3692
3955
  constructor(renderImpl: RenderImpl);
3693
3956
  /** @private */
3694
3957
  [internals$2]: ElementInternals;
3695
3958
  }
3696
- declare class ColorPicker extends BaseClass$2 implements ColorPickerProps {
3959
+ declare class ColorPicker extends BaseClass$1 implements ColorPickerProps {
3697
3960
  alpha: boolean;
3698
- onchange: CallbackEventListener<typeof tagName$H> | null;
3699
- oninput: CallbackEventListener<typeof tagName$H> | null;
3961
+ onchange: CallbackEventListener<typeof tagName$J> | null;
3962
+ oninput: CallbackEventListener<typeof tagName$J> | null;
3700
3963
  name: string;
3701
3964
  defaultValue: string;
3702
3965
  get value(): string;
@@ -3706,13 +3969,13 @@ declare class ColorPicker extends BaseClass$2 implements ColorPickerProps {
3706
3969
  }
3707
3970
  declare global {
3708
3971
  interface HTMLElementTagNameMap {
3709
- [tagName$H]: ColorPicker;
3972
+ [tagName$J]: ColorPicker;
3710
3973
  }
3711
3974
  }
3712
3975
  declare module 'preact' {
3713
3976
  namespace createElement.JSX {
3714
3977
  interface IntrinsicElements {
3715
- [tagName$H]: ReactProps$H & PreactBaseElementProps<ColorPicker>;
3978
+ [tagName$J]: ReactProps$J & PreactBaseElementProps<ColorPicker>;
3716
3979
  }
3717
3980
  }
3718
3981
  }
@@ -3720,14 +3983,14 @@ declare module 'preact' {
3720
3983
  interface DateFieldProps extends PreactFieldProps<DateAutocompleteField>, Required<Pick<DateFieldProps$1, 'allow' | 'allowDays' | 'disallow' | 'disallowDays' | 'value' | 'defaultValue' | 'view' | 'defaultView'>> {
3721
3984
  }
3722
3985
 
3723
- declare const tagName$G = "s-date-field";
3724
- interface ReactProps$G extends Partial<DateFieldProps>, Pick<DateFieldProps$1, 'id'> {
3725
- onBlur?: ((event: CallbackEvent<typeof tagName$G>) => void) | null;
3726
- onChange?: ((event: CallbackEvent<typeof tagName$G>) => void) | null;
3727
- onFocus?: ((event: CallbackEvent<typeof tagName$G>) => void) | null;
3728
- onInput?: ((event: CallbackEvent<typeof tagName$G>) => void) | null;
3729
- onInvalid?: ((event: CallbackEvent<typeof tagName$G>) => void) | null;
3730
- onViewChange?: ((event: CallbackEvent<typeof tagName$G>) => void) | null;
3986
+ declare const tagName$I = "s-date-field";
3987
+ interface ReactProps$I extends Partial<DateFieldProps>, Pick<DateFieldProps$1, 'id'> {
3988
+ onBlur?: ((event: CallbackEvent<typeof tagName$I>) => void) | null;
3989
+ onChange?: ((event: CallbackEvent<typeof tagName$I>) => void) | null;
3990
+ onFocus?: ((event: CallbackEvent<typeof tagName$I>) => void) | null;
3991
+ onInput?: ((event: CallbackEvent<typeof tagName$I>) => void) | null;
3992
+ onInvalid?: ((event: CallbackEvent<typeof tagName$I>) => void) | null;
3993
+ onViewChange?: ((event: CallbackEvent<typeof tagName$I>) => void) | null;
3731
3994
  }
3732
3995
 
3733
3996
  declare class DateField extends PreactFieldElement<DateFieldProps['autocomplete']> implements DateFieldProps {
@@ -3738,19 +4001,19 @@ declare class DateField extends PreactFieldElement<DateFieldProps['autocomplete'
3738
4001
  set view(view: string);
3739
4002
  get view(): string;
3740
4003
  defaultView: DateFieldProps['defaultView'];
3741
- onviewchange: CallbackEventListener<typeof tagName$G> | null;
3742
- oninvalid: CallbackEventListener<typeof tagName$G> | null;
4004
+ onviewchange: CallbackEventListener<typeof tagName$I> | null;
4005
+ oninvalid: CallbackEventListener<typeof tagName$I> | null;
3743
4006
  constructor();
3744
4007
  }
3745
4008
  declare global {
3746
4009
  interface HTMLElementTagNameMap {
3747
- [tagName$G]: DateField;
4010
+ [tagName$I]: DateField;
3748
4011
  }
3749
4012
  }
3750
4013
  declare module 'preact' {
3751
4014
  namespace createElement.JSX {
3752
4015
  interface IntrinsicElements {
3753
- [tagName$G]: ReactProps$G & PreactBaseElementProps<DateField>;
4016
+ [tagName$I]: ReactProps$I & PreactBaseElementProps<DateField>;
3754
4017
  }
3755
4018
  }
3756
4019
  }
@@ -3759,24 +4022,24 @@ interface DatePickerProps extends Required<Pick<DatePickerProps$1, 'defaultView'
3759
4022
  type: Extract<DatePickerProps$1['type'], 'single' | 'range'>;
3760
4023
  }
3761
4024
 
3762
- declare const tagName$F = "s-date-picker";
3763
- interface ReactProps$F extends Partial<DatePickerProps>, Pick<DatePickerProps$1, 'id'> {
3764
- onViewChange?: ((event: CallbackEvent<typeof tagName$F>) => void) | null;
3765
- onFocus?: ((event: CallbackEvent<typeof tagName$F>) => void) | null;
3766
- onBlur?: ((event: CallbackEvent<typeof tagName$F>) => void) | null;
3767
- onInput?: ((event: CallbackEvent<typeof tagName$F>) => void) | null;
3768
- onChange?: ((event: CallbackEvent<typeof tagName$F>) => void) | null;
4025
+ declare const tagName$H = "s-date-picker";
4026
+ interface ReactProps$H extends Partial<DatePickerProps>, Pick<DatePickerProps$1, 'id'> {
4027
+ onViewChange?: ((event: CallbackEvent<typeof tagName$H>) => void) | null;
4028
+ onFocus?: ((event: CallbackEvent<typeof tagName$H>) => void) | null;
4029
+ onBlur?: ((event: CallbackEvent<typeof tagName$H>) => void) | null;
4030
+ onInput?: ((event: CallbackEvent<typeof tagName$H>) => void) | null;
4031
+ onChange?: ((event: CallbackEvent<typeof tagName$H>) => void) | null;
3769
4032
  }
3770
4033
 
3771
4034
  declare const internals$1: unique symbol;
3772
4035
  declare const dirtyStateSymbol: unique symbol;
3773
- declare class BaseClass$1 extends PreactCustomElement {
4036
+ declare class BaseClass extends PolarisCustomElement {
3774
4037
  static formAssociated: boolean;
3775
4038
  constructor(renderImpl: RenderImpl);
3776
4039
  /** @private */
3777
4040
  [internals$1]: ElementInternals;
3778
4041
  }
3779
- declare class DatePicker extends BaseClass$1 implements DatePickerProps {
4042
+ declare class DatePicker extends BaseClass implements DatePickerProps {
3780
4043
  defaultView: string;
3781
4044
  set view(view: string);
3782
4045
  get view(): string;
@@ -3793,22 +4056,22 @@ declare class DatePicker extends BaseClass$1 implements DatePickerProps {
3793
4056
  [dirtyStateSymbol]: boolean;
3794
4057
  /** @private */
3795
4058
  formResetCallback(): void;
3796
- onviewchange: CallbackEventListener<typeof tagName$F> | null;
3797
- onfocus: CallbackEventListener<typeof tagName$F> | null;
3798
- onblur: CallbackEventListener<typeof tagName$F> | null;
3799
- oninput: CallbackEventListener<typeof tagName$F> | null;
3800
- onchange: CallbackEventListener<typeof tagName$F> | null;
4059
+ onviewchange: CallbackEventListener<typeof tagName$H> | null;
4060
+ onfocus: CallbackEventListener<typeof tagName$H> | null;
4061
+ onblur: CallbackEventListener<typeof tagName$H> | null;
4062
+ oninput: CallbackEventListener<typeof tagName$H> | null;
4063
+ onchange: CallbackEventListener<typeof tagName$H> | null;
3801
4064
  constructor();
3802
4065
  }
3803
4066
  declare global {
3804
4067
  interface HTMLElementTagNameMap {
3805
- [tagName$F]: DatePicker;
4068
+ [tagName$H]: DatePicker;
3806
4069
  }
3807
4070
  }
3808
4071
  declare module 'preact' {
3809
4072
  namespace createElement.JSX {
3810
4073
  interface IntrinsicElements {
3811
- [tagName$F]: ReactProps$F & PreactBaseElementProps<DatePicker>;
4074
+ [tagName$H]: ReactProps$H & PreactBaseElementProps<DatePicker>;
3812
4075
  }
3813
4076
  }
3814
4077
  }
@@ -3818,24 +4081,24 @@ interface DividerProps extends Pick<DividerProps$1, 'direction' | 'color'> {
3818
4081
  color: Extract<DividerProps$1['color'], 'base' | 'strong'>;
3819
4082
  }
3820
4083
 
3821
- declare const tagName$E = "s-divider";
3822
- interface ReactProps$E extends Partial<DividerProps>, Pick<DividerProps$1, 'id'> {
4084
+ declare const tagName$G = "s-divider";
4085
+ interface ReactProps$G extends Partial<DividerProps>, Pick<DividerProps$1, 'id'> {
3823
4086
  }
3824
4087
 
3825
- declare class Divider extends PreactCustomElement implements DividerProps {
4088
+ declare class Divider extends PolarisCustomElement implements DividerProps {
3826
4089
  direction: DividerProps['direction'];
3827
4090
  color: DividerProps['color'];
3828
4091
  constructor();
3829
4092
  }
3830
4093
  declare global {
3831
4094
  interface HTMLElementTagNameMap {
3832
- [tagName$E]: Divider;
4095
+ [tagName$G]: Divider;
3833
4096
  }
3834
4097
  }
3835
4098
  declare module 'preact' {
3836
4099
  namespace createElement.JSX {
3837
4100
  interface IntrinsicElements {
3838
- [tagName$E]: ReactProps$E & PreactBaseElementProps<Divider>;
4101
+ [tagName$G]: ReactProps$G & PreactBaseElementProps<Divider>;
3839
4102
  }
3840
4103
  }
3841
4104
  }
@@ -3843,15 +4106,15 @@ declare module 'preact' {
3843
4106
  interface DropZoneProps extends Required<Pick<DropZoneProps$1, 'accept' | 'accessibilityLabel' | 'disabled' | 'files' | 'name' | 'error' | 'label' | 'labelAccessibilityVisibility' | 'multiple' | 'required' | 'value'>> {
3844
4107
  }
3845
4108
 
3846
- declare const tagName$D = "s-drop-zone";
3847
- interface ReactProps$D extends Partial<DropZoneProps>, Pick<DropZoneProps$1, 'id'> {
4109
+ declare const tagName$F = "s-drop-zone";
4110
+ interface ReactProps$F extends Partial<DropZoneProps>, Pick<DropZoneProps$1, 'id'> {
3848
4111
  /**
3849
4112
  * Content to include inside the DropZone container
3850
4113
  */
3851
4114
  children?: ComponentChildren$1;
3852
- onChange?: ((event: CallbackEvent<typeof tagName$D>) => void) | null;
3853
- onInput?: ((event: CallbackEvent<typeof tagName$D>) => void) | null;
3854
- onDropRejected?: ((event: CallbackEvent<typeof tagName$D>) => void) | null;
4115
+ onChange?: ((event: CallbackEvent<typeof tagName$F>) => void) | null;
4116
+ onInput?: ((event: CallbackEvent<typeof tagName$F>) => void) | null;
4117
+ onDropRejected?: ((event: CallbackEvent<typeof tagName$F>) => void) | null;
3855
4118
  }
3856
4119
 
3857
4120
  type ReplaceType<TType, TFrom, TTo> = Exclude<TType, TFrom> | TTo;
@@ -3860,13 +4123,8 @@ declare const setFiles: unique symbol;
3860
4123
 
3861
4124
  declare const internals: unique symbol;
3862
4125
  declare const getFileInput: unique symbol;
3863
- declare class BaseClass extends PreactCustomElement {
4126
+ declare abstract class DropZoneBase extends PolarisCustomElement {
3864
4127
  static formAssociated: boolean;
3865
- constructor(renderImpl: RenderImpl);
3866
- /** @private */
3867
- [internals]: ElementInternals;
3868
- }
3869
- declare class DropZone extends BaseClass implements DropZoneProps {
3870
4128
  accept: DropZoneProps['accept'];
3871
4129
  accessibilityLabel: DropZoneProps['accessibilityLabel'];
3872
4130
  disabled: DropZoneProps['disabled'];
@@ -3876,9 +4134,6 @@ declare class DropZone extends BaseClass implements DropZoneProps {
3876
4134
  multiple: DropZoneProps['multiple'];
3877
4135
  name: DropZoneProps['name'];
3878
4136
  required: DropZoneProps['required'];
3879
- onchange: CallbackEventListener<typeof tagName$D>;
3880
- oninput: CallbackEventListener<typeof tagName$D>;
3881
- ondroprejected: CallbackEventListener<typeof tagName$D>;
3882
4137
  get value(): string;
3883
4138
  /** This sets the input value for a file type, which cannot be set programatically, so it can only be reset. */
3884
4139
  set value(value: '' | null);
@@ -3890,25 +4145,31 @@ declare class DropZone extends BaseClass implements DropZoneProps {
3890
4145
  [getFileInput](): ReplaceType<Element | null | undefined, Element, HTMLInputElement>;
3891
4146
  /** @private */
3892
4147
  formResetCallback(): void;
4148
+ /** @private */
4149
+ [internals]: ElementInternals;
4150
+ constructor(renderImpl: RenderImpl);
4151
+ }
4152
+
4153
+ declare class DropZone extends DropZoneBase implements DropZoneProps {
3893
4154
  constructor();
3894
4155
  }
3895
4156
  declare global {
3896
4157
  interface HTMLElementTagNameMap {
3897
- [tagName$D]: DropZone;
4158
+ [tagName$F]: DropZone;
3898
4159
  }
3899
4160
  }
3900
4161
  declare module 'preact' {
3901
4162
  namespace createElement.JSX {
3902
4163
  interface IntrinsicElements {
3903
- [tagName$D]: ReactProps$D & PreactBaseElementProps<DropZone>;
4164
+ [tagName$F]: ReactProps$F & PreactBaseElementPropsWithChildren<DropZone>;
3904
4165
  }
3905
4166
  }
3906
4167
  }
3907
4168
 
3908
4169
  type EmailFieldProps = PreactFieldProps<Required<EmailFieldProps$1>['autocomplete']> & Required<Pick<EmailFieldProps$1, 'maxLength' | 'minLength'>>;
3909
4170
 
3910
- declare const tagName$C = "s-email-field";
3911
- interface ReactProps$C extends Partial<Omit<EmailFieldProps, 'accessory'>>, Pick<EmailFieldProps$1, 'id'>, FieldReactProps<typeof tagName$C> {
4171
+ declare const tagName$E = "s-email-field";
4172
+ interface ReactProps$E extends Partial<Omit<EmailFieldProps, 'accessory'>>, Pick<EmailFieldProps$1, 'id'>, FieldReactProps<typeof tagName$E> {
3912
4173
  }
3913
4174
 
3914
4175
  declare class EmailField extends PreactFieldElement<EmailFieldProps['autocomplete']> implements EmailFieldProps {
@@ -3919,13 +4180,13 @@ declare class EmailField extends PreactFieldElement<EmailFieldProps['autocomplet
3919
4180
  }
3920
4181
  declare global {
3921
4182
  interface HTMLElementTagNameMap {
3922
- [tagName$C]: EmailField;
4183
+ [tagName$E]: EmailField;
3923
4184
  }
3924
4185
  }
3925
4186
  declare module 'preact' {
3926
4187
  namespace createElement.JSX {
3927
4188
  interface IntrinsicElements {
3928
- [tagName$C]: ReactProps$C & PreactBaseElementProps<EmailField>;
4189
+ [tagName$E]: ReactProps$E & PreactBaseElementProps<EmailField>;
3929
4190
  }
3930
4191
  }
3931
4192
  }
@@ -4026,8 +4287,8 @@ interface GridProps extends BoxProps, Required<Pick<GridProps$1, 'alignItems' |
4026
4287
  gridTemplateRows: ResponsiveGridProps['gridTemplateRows'];
4027
4288
  }
4028
4289
 
4029
- declare const tagName$B = "s-grid";
4030
- interface ReactProps$B extends Partial<GridProps>, Pick<GridProps$1, 'id' | 'children'> {
4290
+ declare const tagName$D = "s-grid";
4291
+ interface ReactProps$D extends Partial<GridProps>, Pick<GridProps$1, 'id' | 'children'> {
4031
4292
  /**
4032
4293
  * The content of the Grid.
4033
4294
  */
@@ -4050,13 +4311,13 @@ declare class Grid extends BoxElement implements GridProps {
4050
4311
  }
4051
4312
  declare global {
4052
4313
  interface HTMLElementTagNameMap {
4053
- [tagName$B]: Grid;
4314
+ [tagName$D]: Grid;
4054
4315
  }
4055
4316
  }
4056
4317
  declare module 'preact' {
4057
4318
  namespace createElement.JSX {
4058
4319
  interface IntrinsicElements {
4059
- [tagName$B]: ReactProps$B & PreactBaseElementPropsWithChildren<Grid>;
4320
+ [tagName$D]: ReactProps$D & PreactBaseElementPropsWithChildren<Grid>;
4060
4321
  }
4061
4322
  }
4062
4323
  }
@@ -4067,8 +4328,8 @@ interface GridItemProps extends BoxProps, Required<Pick<GridItemProps$1, 'gridCo
4067
4328
  gridRow: RequiredGridItemProps['gridRow'];
4068
4329
  }
4069
4330
 
4070
- declare const tagName$A = "s-grid-item";
4071
- interface ReactProps$A extends Partial<GridItemProps>, Pick<GridItemProps$1, 'id' | 'children'> {
4331
+ declare const tagName$C = "s-grid-item";
4332
+ interface ReactProps$C extends Partial<GridItemProps>, Pick<GridItemProps$1, 'id' | 'children'> {
4072
4333
  /**
4073
4334
  * The content of the GridItem.
4074
4335
  */
@@ -4082,13 +4343,13 @@ declare class GridItem extends BoxElement implements GridItemProps {
4082
4343
  }
4083
4344
  declare global {
4084
4345
  interface HTMLElementTagNameMap {
4085
- [tagName$A]: GridItem;
4346
+ [tagName$C]: GridItem;
4086
4347
  }
4087
4348
  }
4088
4349
  declare module 'preact' {
4089
4350
  namespace createElement.JSX {
4090
4351
  interface IntrinsicElements {
4091
- [tagName$A]: ReactProps$A & PreactBaseElementPropsWithChildren<GridItem>;
4352
+ [tagName$C]: ReactProps$C & PreactBaseElementPropsWithChildren<GridItem>;
4092
4353
  }
4093
4354
  }
4094
4355
  }
@@ -4096,54 +4357,64 @@ declare module 'preact' {
4096
4357
  interface HeadingProps extends Required<Pick<HeadingProps$1, 'accessibilityRole' | 'accessibilityVisibility' | 'lineClamp'>> {
4097
4358
  }
4098
4359
 
4099
- declare const tagName$z = "s-heading";
4100
- interface ReactProps$z extends Partial<HeadingProps>, Pick<HeadingProps$1, 'id' | 'children'> {
4360
+ declare const tagName$B = "s-heading";
4361
+ interface ReactProps$B extends Partial<HeadingProps>, Pick<HeadingProps$1, 'id' | 'children'> {
4101
4362
  /**
4102
4363
  * The content of the Heading.
4103
4364
  */
4104
4365
  children?: ComponentChildren$1;
4105
4366
  }
4106
4367
 
4107
- declare class Heading extends PreactCustomElement implements HeadingProps {
4368
+ declare abstract class HeadingBase extends PolarisCustomElement implements Pick<HeadingProps, 'accessibilityRole' | 'accessibilityVisibility' | 'lineClamp'> {
4108
4369
  accessibilityRole: HeadingProps['accessibilityRole'];
4109
4370
  lineClamp: HeadingProps['lineClamp'];
4110
4371
  accessibilityVisibility: HeadingProps['accessibilityVisibility'];
4372
+ constructor(renderImpl: RenderImpl);
4373
+ }
4374
+
4375
+ declare class Heading extends HeadingBase implements HeadingProps {
4111
4376
  constructor();
4112
4377
  }
4113
4378
  declare global {
4114
4379
  interface HTMLElementTagNameMap {
4115
- [tagName$z]: Heading;
4380
+ [tagName$B]: Heading;
4116
4381
  }
4117
4382
  }
4118
4383
  declare module 'preact' {
4119
4384
  namespace createElement.JSX {
4120
4385
  interface IntrinsicElements {
4121
- [tagName$z]: ReactProps$z & PreactBaseElementPropsWithChildren<Heading>;
4386
+ [tagName$B]: ReactProps$B & PreactBaseElementPropsWithChildren<Heading>;
4122
4387
  }
4123
4388
  }
4124
4389
  }
4125
4390
 
4126
- declare const tagName$y = "s-icon";
4127
- interface ReactProps$y extends Partial<IconProps>, Pick<IconProps$1, 'id'> {
4391
+ declare const tagName$A = "s-icon";
4392
+ interface ReactProps$A extends Partial<IconProps>, Pick<IconProps$1, 'id'> {
4128
4393
  }
4129
4394
 
4130
- declare class Icon extends PreactCustomElement implements IconProps {
4395
+ declare abstract class IconBase extends PolarisCustomElement implements Pick<IconProps, 'color' | 'size' | 'interestFor'> {
4131
4396
  color: IconProps['color'];
4397
+ size: IconProps['size'];
4398
+ interestFor: IconProps['interestFor'];
4399
+ abstract tone: string;
4400
+ abstract type: string;
4401
+ constructor(renderImpl: RenderImpl);
4402
+ }
4403
+
4404
+ declare class Icon extends IconBase implements IconProps {
4132
4405
  tone: IconProps['tone'];
4133
4406
  type: IconProps['type'];
4134
- size: IconProps['size'];
4135
- interestFor: string;
4136
4407
  constructor();
4137
4408
  }
4138
4409
  declare global {
4139
4410
  interface HTMLElementTagNameMap {
4140
- [tagName$y]: Icon;
4411
+ [tagName$A]: Icon;
4141
4412
  }
4142
4413
  }
4143
4414
  declare module 'preact' {
4144
4415
  namespace createElement.JSX {
4145
4416
  interface IntrinsicElements {
4146
- [tagName$y]: ReactProps$y & PreactBaseElementProps<Icon>;
4417
+ [tagName$A]: ReactProps$A & PreactBaseElementProps<Icon>;
4147
4418
  }
4148
4419
  }
4149
4420
  }
@@ -4151,13 +4422,13 @@ declare module 'preact' {
4151
4422
  interface ImageProps extends Required<Pick<ImageProps$1, 'alt' | 'loading' | 'src' | 'accessibilityRole' | 'inlineSize' | 'srcSet' | 'sizes' | 'aspectRatio' | 'objectFit'>>, Required<Pick<BoxProps, 'border' | 'borderColor' | 'borderRadius' | 'borderStyle' | 'borderWidth'>> {
4152
4423
  }
4153
4424
 
4154
- declare const tagName$x = "s-image";
4155
- interface ReactProps$x extends Partial<ImageProps>, Pick<ImageProps$1, 'id'> {
4156
- onError?: ((event: CallbackEvent<typeof tagName$x>) => void) | null;
4157
- onLoad?: ((event: CallbackEvent<typeof tagName$x>) => void) | null;
4425
+ declare const tagName$z = "s-image";
4426
+ interface ReactProps$z extends Partial<ImageProps>, Pick<ImageProps$1, 'id'> {
4427
+ onError?: ((event: CallbackEvent<typeof tagName$z>) => void) | null;
4428
+ onLoad?: ((event: CallbackEvent<typeof tagName$z>) => void) | null;
4158
4429
  }
4159
4430
 
4160
- declare class Image extends PreactCustomElement implements ImageProps {
4431
+ declare class Image extends PolarisCustomElement implements ImageProps {
4161
4432
  src: ImageProps['src'];
4162
4433
  srcSet: ImageProps['srcSet'];
4163
4434
  sizes: ImageProps['sizes'];
@@ -4172,19 +4443,19 @@ declare class Image extends PreactCustomElement implements ImageProps {
4172
4443
  borderStyle: ImageProps['borderStyle'];
4173
4444
  borderColor: ImageProps['borderColor'];
4174
4445
  borderRadius: ImageProps['borderRadius'];
4175
- onload: CallbackEventListener<typeof tagName$x> | null;
4446
+ onload: CallbackEventListener<typeof tagName$z> | null;
4176
4447
  onerror: OnErrorEventHandler;
4177
4448
  constructor();
4178
4449
  }
4179
4450
  declare global {
4180
4451
  interface HTMLElementTagNameMap {
4181
- [tagName$x]: Image;
4452
+ [tagName$z]: Image;
4182
4453
  }
4183
4454
  }
4184
4455
  declare module 'preact' {
4185
4456
  namespace createElement.JSX {
4186
4457
  interface IntrinsicElements {
4187
- [tagName$x]: ReactProps$x & PreactBaseElementProps<Image>;
4458
+ [tagName$z]: ReactProps$z & PreactBaseElementProps<Image>;
4188
4459
  }
4189
4460
  }
4190
4461
  }
@@ -4195,35 +4466,39 @@ interface LinkProps extends LinkBaseProps {
4195
4466
  tone: Extract<RequiredLinkProps['tone'], 'auto' | 'neutral' | 'critical'>;
4196
4467
  }
4197
4468
 
4198
- declare const tagName$w = "s-link";
4199
- interface ReactProps$w extends Partial<LinkProps>, Pick<LinkProps$1, 'id' | 'lang' | 'children'> {
4469
+ declare const tagName$y = "s-link";
4470
+ interface ReactProps$y extends Partial<LinkProps>, Pick<LinkProps$1, 'id' | 'lang' | 'children'> {
4200
4471
  /**
4201
4472
  * The content of the Link.
4202
4473
  */
4203
4474
  children?: ComponentChildren$1;
4204
- onClick?: ((event: CallbackEvent<typeof tagName$w>) => void) | null;
4475
+ onClick?: ((event: CallbackEvent<typeof tagName$y>) => void) | null;
4205
4476
  }
4206
4477
 
4207
- declare const Link_base: (abstract new (args_0: RenderImpl) => PreactCustomElement & PreactOverlayControlProps) & Pick<typeof PreactCustomElement, "prototype" | "observedAttributes">;
4208
- declare class Link extends Link_base implements LinkProps {
4209
- tone: LinkProps['tone'];
4478
+ declare const LinkBase_base: (abstract new (renderImpl: Omit<RenderImpl, "globalShadowCSS">) => PolarisCustomElement & PreactOverlayControlProps) & Pick<typeof PolarisCustomElement, "prototype" | "observedAttributes">;
4479
+ declare abstract class LinkBase<TTagName extends keyof HTMLElementTagNameMap> extends LinkBase_base implements Pick<LinkProps, 'accessibilityLabel' | 'interestFor' | 'href' | 'target' | 'download' | 'lang'> {
4210
4480
  accessibilityLabel: LinkProps['accessibilityLabel'];
4211
4481
  href: LinkProps['href'];
4212
4482
  target: LinkProps['target'];
4213
4483
  download: LinkProps['download'];
4214
4484
  lang: LinkProps['lang'];
4215
- onclick: CallbackEventListener<typeof tagName$w> | null;
4485
+ abstract tone: string;
4486
+ constructor(renderImpl: RenderImpl);
4487
+ }
4488
+
4489
+ declare class Link extends LinkBase<typeof tagName$y> implements LinkProps {
4490
+ tone: LinkProps['tone'];
4216
4491
  constructor();
4217
4492
  }
4218
4493
  declare global {
4219
4494
  interface HTMLElementTagNameMap {
4220
- [tagName$w]: Link;
4495
+ [tagName$y]: Link;
4221
4496
  }
4222
4497
  }
4223
4498
  declare module 'preact' {
4224
4499
  namespace createElement.JSX {
4225
4500
  interface IntrinsicElements {
4226
- [tagName$w]: ReactProps$w & PreactBaseElementPropsWithChildren<Link>;
4501
+ [tagName$y]: ReactProps$y & PreactBaseElementPropsWithChildren<Link>;
4227
4502
  }
4228
4503
  }
4229
4504
  }
@@ -4231,26 +4506,26 @@ declare module 'preact' {
4231
4506
  interface ListItemProps extends ListItemProps$1 {
4232
4507
  }
4233
4508
 
4234
- declare const tagName$v = "s-list-item";
4235
- interface ReactProps$v extends Partial<ListItemProps>, Pick<ListItemProps$1, 'id' | 'children'> {
4509
+ declare const tagName$x = "s-list-item";
4510
+ interface ReactProps$x extends Partial<ListItemProps>, Pick<ListItemProps$1, 'id' | 'children'> {
4236
4511
  /**
4237
4512
  * The content of the ListItem.
4238
4513
  */
4239
4514
  children?: ComponentChildren$1;
4240
4515
  }
4241
4516
 
4242
- declare class ListItem extends PreactCustomElement implements ListItemProps {
4517
+ declare class ListItem extends PolarisCustomElement implements ListItemProps {
4243
4518
  constructor();
4244
4519
  }
4245
4520
  declare global {
4246
4521
  interface HTMLElementTagNameMap {
4247
- [tagName$v]: ListItem;
4522
+ [tagName$x]: ListItem;
4248
4523
  }
4249
4524
  }
4250
4525
  declare module 'preact' {
4251
4526
  namespace createElement.JSX {
4252
4527
  interface IntrinsicElements {
4253
- [tagName$v]: ReactProps$v & PreactBaseElementPropsWithChildren<ListItem>;
4528
+ [tagName$x]: ReactProps$x & PreactBaseElementPropsWithChildren<ListItem>;
4254
4529
  }
4255
4530
  }
4256
4531
  }
@@ -4258,8 +4533,8 @@ declare module 'preact' {
4258
4533
  interface MenuProps extends Required<Pick<MenuProps$1, 'id' | 'accessibilityLabel'>> {
4259
4534
  }
4260
4535
 
4261
- declare const tagName$u = "s-menu";
4262
- interface ReactProps$u extends Partial<MenuProps>, Pick<MenuProps$1, 'id' | 'children'> {
4536
+ declare const tagName$w = "s-menu";
4537
+ interface ReactProps$w extends Partial<MenuProps>, Pick<MenuProps$1, 'id' | 'children'> {
4263
4538
  /**
4264
4539
  * The Menu items.
4265
4540
  *
@@ -4285,12 +4560,15 @@ declare const overlayHideFrameId: unique symbol;
4285
4560
  type PolyfillCommandEventInit = EventInit & {
4286
4561
  source: HTMLElement | null | undefined;
4287
4562
  command: PreactOverlayControlProps['command'];
4563
+ rootActivator?: HTMLElement | null;
4288
4564
  };
4289
4565
  type PolyfillCommandEvent = Event & {
4290
4566
  source: PolyfillCommandEventInit['source'];
4291
4567
  command: PolyfillCommandEventInit['command'];
4292
4568
  /** Have to use `_s_shadowSource` because `source` is retargeted to the shadow host by browsers */
4293
4569
  _s_shadowSource: PolyfillCommandEventInit['source'];
4570
+ /** Root activator for nested overlays (e.g., menu button when modal opened from menu item) */
4571
+ _s_rootActivator?: HTMLElement | null;
4294
4572
  };
4295
4573
  declare global {
4296
4574
  interface GlobalEventHandlersEventMap {
@@ -4298,7 +4576,7 @@ declare global {
4298
4576
  }
4299
4577
  }
4300
4578
 
4301
- declare class PreactOverlayElement extends PreactCustomElement {
4579
+ declare class PreactOverlayElement extends PolarisCustomElement {
4302
4580
  constructor(renderImpl: RenderImpl);
4303
4581
  /** @private */
4304
4582
  [overlayHidden]: boolean;
@@ -4318,13 +4596,13 @@ declare class Menu extends PreactOverlayElement implements MenuProps {
4318
4596
  }
4319
4597
  declare global {
4320
4598
  interface HTMLElementTagNameMap {
4321
- [tagName$u]: Menu;
4599
+ [tagName$w]: Menu;
4322
4600
  }
4323
4601
  }
4324
4602
  declare module 'preact' {
4325
4603
  namespace createElement.JSX {
4326
4604
  interface IntrinsicElements {
4327
- [tagName$u]: ReactProps$u & PreactBaseElementPropsWithChildren<Menu>;
4605
+ [tagName$w]: ReactProps$w & PreactBaseElementPropsWithChildren<Menu>;
4328
4606
  }
4329
4607
  }
4330
4608
  }
@@ -4337,8 +4615,8 @@ interface ModalProps extends Pick<RequiredAlignedModalProps, 'accessibilityLabel
4337
4615
  size: Extract<ModalProps$1['size'], 'small-100' | 'small' | 'base' | 'large' | 'large-100'>;
4338
4616
  }
4339
4617
 
4340
- declare const tagName$t = "s-modal";
4341
- interface ReactProps$t extends Partial<ModalProps>, Pick<ModalProps$1, 'id' | 'children'> {
4618
+ declare const tagName$v = "s-modal";
4619
+ interface ReactProps$v extends Partial<ModalProps>, Pick<ModalProps$1, 'id' | 'children'> {
4342
4620
  /**
4343
4621
  * The content of the Modal.
4344
4622
  */
@@ -4355,45 +4633,10 @@ interface ReactProps$t extends Partial<ModalProps>, Pick<ModalProps$1, 'id' | 'c
4355
4633
  * Only `Button` elements with a variant of `secondary` or `auto` are allowed.
4356
4634
  */
4357
4635
  secondaryActions?: ComponentChildren$1;
4358
- onHide?: ((event: CallbackEvent<typeof tagName$t>) => void) | null;
4359
- onShow?: ((event: CallbackEvent<typeof tagName$t>) => void) | null;
4360
- onAfterHide?: ((event: CallbackEvent<typeof tagName$t>) => void) | null;
4361
- onAfterShow?: ((event: CallbackEvent<typeof tagName$t>) => void) | null;
4362
- }
4363
-
4364
- interface Context<T> {
4365
- readonly defaultValue: T;
4366
- }
4367
- declare class AddedContext<T> extends EventTarget {
4368
- constructor(defaultValue: T);
4369
- get value(): T;
4370
- set value(value: T);
4371
- }
4372
-
4373
- /**
4374
- * A callback which is provided by a context requester and is called with the value satisfying the request.
4375
- * This callback can be called multiple times by context providers as the requested value is changed.
4376
- */
4377
- type ContextCallback<T> = (value: T) => void;
4378
- /**
4379
- * An event fired by a context requester to signal it desires a named context.
4380
- *
4381
- * A provider should inspect the `context` property of the event to determine if it has a value that can
4382
- * satisfy the request, calling the `callback` with the requested value if so.
4383
- */
4384
- declare class ContextRequestEvent<T> extends Event {
4385
- readonly context: Context<T>;
4386
- readonly callback: ContextCallback<T>;
4387
- constructor(context: Context<T>, callback: ContextCallback<T>);
4388
- }
4389
- declare global {
4390
- interface HTMLElementEventMap {
4391
- /**
4392
- * A 'context-request' event can be emitted by any element which desires
4393
- * a context value to be injected by an external provider.
4394
- */
4395
- 'context-request': ContextRequestEvent<unknown>;
4396
- }
4636
+ onHide?: ((event: CallbackEvent<typeof tagName$v>) => void) | null;
4637
+ onShow?: ((event: CallbackEvent<typeof tagName$v>) => void) | null;
4638
+ onAfterHide?: ((event: CallbackEvent<typeof tagName$v>) => void) | null;
4639
+ onAfterShow?: ((event: CallbackEvent<typeof tagName$v>) => void) | null;
4397
4640
  }
4398
4641
 
4399
4642
  declare const hasOpenChildModal: unique symbol;
@@ -4404,6 +4647,7 @@ declare const isOpen: unique symbol;
4404
4647
  declare const dialog: unique symbol;
4405
4648
  declare const dismiss: unique symbol;
4406
4649
  declare const focusedElement: unique symbol;
4650
+ declare const rootActivator: unique symbol;
4407
4651
  declare const onEscape: unique symbol;
4408
4652
  declare const nestedModals: unique symbol;
4409
4653
  declare const onBackdropClick: unique symbol;
@@ -4411,15 +4655,11 @@ declare const abortController: unique symbol;
4411
4655
  declare const onChildModalChange: unique symbol;
4412
4656
  declare const childrenRerenderObserver: unique symbol;
4413
4657
  declare const shadowDomRerenderObserver: unique symbol;
4414
- declare class Modal extends PreactOverlayElement implements ModalProps {
4658
+ declare abstract class ModalBase<TTagName extends keyof HTMLElementTagNameMap> extends PreactOverlayElement implements Pick<ModalProps, 'accessibilityLabel' | 'heading' | 'padding' | 'size'> {
4415
4659
  accessibilityLabel: ModalProps['accessibilityLabel'];
4416
4660
  heading: ModalProps['heading'];
4417
4661
  padding: ModalProps['padding'];
4418
4662
  size: ModalProps['size'];
4419
- onhide: CallbackEventListener<typeof tagName$t> | null;
4420
- onshow: CallbackEventListener<typeof tagName$t> | null;
4421
- onafterhide: CallbackEventListener<typeof tagName$t> | null;
4422
- onaftershow: CallbackEventListener<typeof tagName$t> | null;
4423
4663
  /** @private */
4424
4664
  [abortController]: AbortController;
4425
4665
  /** @private */
@@ -4427,7 +4667,9 @@ declare class Modal extends PreactOverlayElement implements ModalProps {
4427
4667
  /** @private */
4428
4668
  [focusedElement]: HTMLElement | null;
4429
4669
  /** @private */
4430
- [nestedModals]: Map<Modal, boolean>;
4670
+ [rootActivator]: HTMLElement | null;
4671
+ /** @private */
4672
+ [nestedModals]: Map<ModalBase<TTagName>, boolean>;
4431
4673
  /** @private */
4432
4674
  [childrenRerenderObserver]: MutationObserver;
4433
4675
  /** @private */
@@ -4455,46 +4697,51 @@ declare class Modal extends PreactOverlayElement implements ModalProps {
4455
4697
  connectedCallback(): void;
4456
4698
  /** @private */
4457
4699
  disconnectedCallback(): void;
4700
+ constructor(renderImpl: RenderImpl, tagName: string);
4701
+ }
4702
+
4703
+ declare class Modal extends ModalBase<typeof tagName$v> implements ModalProps {
4458
4704
  constructor();
4459
4705
  }
4460
4706
  declare global {
4461
4707
  interface HTMLElementTagNameMap {
4462
- [tagName$t]: Modal;
4708
+ [tagName$v]: Modal;
4463
4709
  }
4464
4710
  }
4465
4711
  declare module 'preact' {
4466
4712
  namespace createElement.JSX {
4467
4713
  interface IntrinsicElements {
4468
- [tagName$t]: Omit<ReactProps$t, 'primaryAction' | 'secondaryActions'> & PreactBaseElementPropsWithChildren<Modal>;
4714
+ [tagName$v]: Omit<ReactProps$v, 'primaryAction' | 'secondaryActions'> & PreactBaseElementPropsWithChildren<Modal>;
4469
4715
  }
4470
4716
  }
4471
4717
  }
4472
4718
 
4473
4719
  type RequiredMoneyFieldProps = Required<MoneyFieldProps$1>;
4474
- interface MoneyFieldProps extends Omit<PreactFieldProps, 'value'>, Pick<RequiredMoneyFieldProps, 'max' | 'min'> {
4720
+ interface MoneyFieldProps extends Omit<PreactFieldProps, 'value'>, Pick<RequiredMoneyFieldProps, 'max' | 'min' | 'currencyCode'> {
4475
4721
  value: Required<MoneyFieldProps$1>['value'];
4476
4722
  }
4477
4723
 
4478
- declare const tagName$s = "s-money-field";
4479
- interface ReactProps$s extends Partial<MoneyFieldProps>, FieldReactProps<typeof tagName$s>, Pick<MoneyFieldProps$1, 'id'> {
4724
+ declare const tagName$u = "s-money-field";
4725
+ interface ReactProps$u extends Partial<MoneyFieldProps>, FieldReactProps<typeof tagName$u>, Pick<MoneyFieldProps$1, 'id'> {
4480
4726
  }
4481
4727
 
4482
4728
  declare class MoneyField extends PreactFieldElement<MoneyFieldProps['autocomplete']> implements MoneyFieldProps {
4483
4729
  max: MoneyFieldProps['max'];
4484
4730
  min: MoneyFieldProps['min'];
4731
+ currencyCode: MoneyFieldProps['currencyCode'];
4485
4732
  get value(): string;
4486
4733
  set value(value: string);
4487
4734
  constructor();
4488
4735
  }
4489
4736
  declare global {
4490
4737
  interface HTMLElementTagNameMap {
4491
- [tagName$s]: MoneyField;
4738
+ [tagName$u]: MoneyField;
4492
4739
  }
4493
4740
  }
4494
4741
  declare module 'preact' {
4495
4742
  namespace createElement.JSX {
4496
4743
  interface IntrinsicElements {
4497
- [tagName$s]: ReactProps$s & PreactBaseElementProps<MoneyField>;
4744
+ [tagName$u]: ReactProps$u & PreactBaseElementProps<MoneyField>;
4498
4745
  }
4499
4746
  }
4500
4747
  }
@@ -4503,8 +4750,8 @@ interface NumberFieldProps extends Omit<PreactFieldProps<Required<NumberFieldPro
4503
4750
  value: Required<NumberFieldProps$1>['value'];
4504
4751
  }
4505
4752
 
4506
- declare const tagName$r = "s-number-field";
4507
- interface ReactProps$r extends Partial<NumberFieldProps>, Pick<NumberFieldProps$1, 'id'>, FieldReactProps<typeof tagName$r> {
4753
+ declare const tagName$t = "s-number-field";
4754
+ interface ReactProps$t extends Partial<NumberFieldProps>, Pick<NumberFieldProps$1, 'id'>, FieldReactProps<typeof tagName$t> {
4508
4755
  }
4509
4756
 
4510
4757
  declare class NumberField extends PreactFieldElement<NumberFieldProps['autocomplete']> implements NumberFieldProps {
@@ -4520,13 +4767,13 @@ declare class NumberField extends PreactFieldElement<NumberFieldProps['autocompl
4520
4767
  }
4521
4768
  declare global {
4522
4769
  interface HTMLElementTagNameMap {
4523
- [tagName$r]: NumberField;
4770
+ [tagName$t]: NumberField;
4524
4771
  }
4525
4772
  }
4526
4773
  declare module 'preact' {
4527
4774
  namespace createElement.JSX {
4528
4775
  interface IntrinsicElements {
4529
- [tagName$r]: ReactProps$r & PreactBaseElementProps<NumberField>;
4776
+ [tagName$t]: ReactProps$t & PreactBaseElementProps<NumberField>;
4530
4777
  }
4531
4778
  }
4532
4779
  }
@@ -4534,15 +4781,15 @@ declare module 'preact' {
4534
4781
  interface OptionProps extends Required<Pick<OptionProps$1, 'disabled' | 'value' | 'selected' | 'defaultSelected'>> {
4535
4782
  }
4536
4783
 
4537
- declare const tagName$q = "s-option";
4538
- interface ReactProps$q extends Partial<OptionProps>, Pick<OptionProps$1, 'id' | 'children'> {
4784
+ declare const tagName$s = "s-option";
4785
+ interface ReactProps$s extends Partial<OptionProps>, Pick<OptionProps$1, 'id' | 'children'> {
4539
4786
  /**
4540
4787
  * The content to use as the label.
4541
4788
  */
4542
4789
  children?: ComponentChildren$1;
4543
4790
  }
4544
4791
 
4545
- declare class Option extends PreactCustomElement implements OptionProps {
4792
+ declare class Option extends PolarisCustomElement implements OptionProps {
4546
4793
  selected: OptionProps['selected'];
4547
4794
  defaultSelected: OptionProps['defaultSelected'];
4548
4795
  value: OptionProps['value'];
@@ -4551,13 +4798,13 @@ declare class Option extends PreactCustomElement implements OptionProps {
4551
4798
  }
4552
4799
  declare global {
4553
4800
  interface HTMLElementTagNameMap {
4554
- [tagName$q]: Option;
4801
+ [tagName$s]: Option;
4555
4802
  }
4556
4803
  }
4557
4804
  declare module 'preact' {
4558
4805
  namespace createElement.JSX {
4559
4806
  interface IntrinsicElements {
4560
- [tagName$q]: ReactProps$q & PreactBaseElementPropsWithChildren<Option>;
4807
+ [tagName$s]: ReactProps$s & PreactBaseElementPropsWithChildren<Option>;
4561
4808
  }
4562
4809
  }
4563
4810
  }
@@ -4565,8 +4812,8 @@ declare module 'preact' {
4565
4812
  interface OptionGroupProps extends Required<Pick<OptionGroupProps$1, 'disabled' | 'label'>> {
4566
4813
  }
4567
4814
 
4568
- declare const tagName$p = "s-option-group";
4569
- interface ReactProps$p extends Partial<OptionGroupProps>, Pick<OptionGroupProps$1, 'id' | 'children'> {
4815
+ declare const tagName$r = "s-option-group";
4816
+ interface ReactProps$r extends Partial<OptionGroupProps>, Pick<OptionGroupProps$1, 'id' | 'children'> {
4570
4817
  /**
4571
4818
  * The options a user can select from.
4572
4819
  *
@@ -4575,20 +4822,20 @@ interface ReactProps$p extends Partial<OptionGroupProps>, Pick<OptionGroupProps$
4575
4822
  children?: ComponentChildren$1;
4576
4823
  }
4577
4824
 
4578
- declare class OptionGroup extends PreactCustomElement implements OptionGroupProps {
4825
+ declare class OptionGroup extends PolarisCustomElement implements OptionGroupProps {
4579
4826
  disabled: OptionGroupProps['disabled'];
4580
4827
  label: OptionGroupProps['label'];
4581
4828
  constructor();
4582
4829
  }
4583
4830
  declare global {
4584
4831
  interface HTMLElementTagNameMap {
4585
- [tagName$p]: OptionGroup;
4832
+ [tagName$r]: OptionGroup;
4586
4833
  }
4587
4834
  }
4588
4835
  declare module 'preact' {
4589
4836
  namespace createElement.JSX {
4590
4837
  interface IntrinsicElements {
4591
- [tagName$p]: ReactProps$p & PreactBaseElementPropsWithChildren<OptionGroup>;
4838
+ [tagName$r]: ReactProps$r & PreactBaseElementPropsWithChildren<OptionGroup>;
4592
4839
  }
4593
4840
  }
4594
4841
  }
@@ -4596,8 +4843,8 @@ declare module 'preact' {
4596
4843
  interface OrderedListProps extends OrderedListProps$1 {
4597
4844
  }
4598
4845
 
4599
- declare const tagName$o = "s-ordered-list";
4600
- interface ReactProps$o extends Partial<OrderedListProps>, Pick<OrderedListProps$1, 'id'> {
4846
+ declare const tagName$q = "s-ordered-list";
4847
+ interface ReactProps$q extends Partial<OrderedListProps>, Pick<OrderedListProps$1, 'id'> {
4601
4848
  /**
4602
4849
  * The items of the OrderedList.
4603
4850
  *
@@ -4606,18 +4853,18 @@ interface ReactProps$o extends Partial<OrderedListProps>, Pick<OrderedListProps$
4606
4853
  children?: ComponentChildren$1;
4607
4854
  }
4608
4855
 
4609
- declare class OrderedList extends PreactCustomElement implements OrderedListProps {
4856
+ declare class OrderedList extends PolarisCustomElement implements OrderedListProps {
4610
4857
  constructor();
4611
4858
  }
4612
4859
  declare global {
4613
4860
  interface HTMLElementTagNameMap {
4614
- [tagName$o]: OrderedList;
4861
+ [tagName$q]: OrderedList;
4615
4862
  }
4616
4863
  }
4617
4864
  declare module 'preact' {
4618
4865
  namespace createElement.JSX {
4619
4866
  interface IntrinsicElements {
4620
- [tagName$o]: ReactProps$o & PreactBaseElementPropsWithChildren<OrderedList>;
4867
+ [tagName$q]: ReactProps$q & PreactBaseElementPropsWithChildren<OrderedList>;
4621
4868
  }
4622
4869
  }
4623
4870
  }
@@ -4626,8 +4873,8 @@ interface PageProps extends Required<Pick<PageProps$1, 'inlineSize' | 'heading'>
4626
4873
  inlineSize: Extract<PageProps$1['inlineSize'], 'base' | 'large' | 'small'>;
4627
4874
  }
4628
4875
 
4629
- declare const tagName$n = "s-page";
4630
- interface ReactProps$n extends Partial<PageProps>, Pick<PageProps$1, 'id' | 'children'> {
4876
+ declare const tagName$p = "s-page";
4877
+ interface ReactProps$p extends Partial<PageProps>, Pick<PageProps$1, 'id' | 'children'> {
4631
4878
  /**
4632
4879
  * The content of the Page.
4633
4880
  */
@@ -4659,64 +4906,76 @@ interface ReactProps$n extends Partial<PageProps>, Pick<PageProps$1, 'id' | 'chi
4659
4906
  breadcrumbActions?: ComponentChildren$1;
4660
4907
  }
4661
4908
 
4662
- declare class Page extends PreactCustomElement implements PageProps {
4909
+ declare abstract class PageBase extends PolarisCustomElement implements PageProps {
4663
4910
  inlineSize: PageProps['inlineSize'];
4664
4911
  heading: PageProps['heading'];
4665
- constructor();
4912
+ constructor(renderImpl: RenderImpl);
4913
+ /** @private */
4666
4914
  connectedCallback(): void;
4915
+ /** @private */
4667
4916
  disconnectedCallback(): void;
4668
4917
  }
4918
+
4919
+ declare class Page extends PageBase implements PageProps {
4920
+ constructor();
4921
+ }
4669
4922
  declare global {
4670
4923
  interface HTMLElementTagNameMap {
4671
- [tagName$n]: Page;
4924
+ [tagName$p]: Page;
4672
4925
  }
4673
4926
  }
4674
4927
  declare module 'preact' {
4675
4928
  namespace createElement.JSX {
4676
4929
  interface IntrinsicElements {
4677
- [tagName$n]: Omit<ReactProps$n, 'aside' | 'primaryAction' | 'secondaryActions' | 'breadcrumbActions'> & PreactBaseElementPropsWithChildren<Page>;
4930
+ [tagName$p]: Omit<ReactProps$p, 'aside' | 'primaryAction' | 'secondaryActions' | 'breadcrumbActions'> & PreactBaseElementPropsWithChildren<Page>;
4678
4931
  }
4679
4932
  }
4680
4933
  }
4681
4934
 
4682
4935
  interface ParagraphProps extends Required<Pick<ParagraphProps$1, 'accessibilityVisibility' | 'fontVariantNumeric' | 'tone' | 'dir' | 'color' | 'lineClamp'>> {
4683
4936
  color: Extract<ParagraphProps$1['color'], 'base' | 'subdued'>;
4937
+ tone: Extract<ParagraphProps$1['tone'], 'auto' | 'neutral' | 'info' | 'success' | 'caution' | 'warning' | 'critical'>;
4684
4938
  }
4685
4939
 
4686
- declare const tagName$m = "s-paragraph";
4687
- interface ReactProps$m extends Partial<ParagraphProps>, Pick<ParagraphProps$1, 'id' | 'children'> {
4940
+ declare const tagName$o = "s-paragraph";
4941
+ interface ReactProps$o extends Partial<ParagraphProps>, Pick<ParagraphProps$1, 'id' | 'children'> {
4688
4942
  /**
4689
4943
  * The content of the Paragraph.
4690
4944
  */
4691
4945
  children?: ComponentChildren$1;
4692
4946
  }
4693
4947
 
4694
- declare class Paragraph extends PreactCustomElement implements ParagraphProps {
4948
+ declare abstract class ParagraphBase extends PolarisCustomElement implements Pick<ParagraphProps, 'fontVariantNumeric' | 'lineClamp' | 'color' | 'dir' | 'accessibilityVisibility'> {
4695
4949
  fontVariantNumeric: ParagraphProps['fontVariantNumeric'];
4696
4950
  lineClamp: ParagraphProps['lineClamp'];
4697
- tone: Extract<ParagraphProps['tone'], 'auto' | 'neutral' | 'info' | 'success' | 'caution' | 'warning' | 'critical'>;
4951
+ abstract tone: string;
4698
4952
  color: ParagraphProps['color'];
4699
4953
  dir: ParagraphProps['dir'];
4700
4954
  accessibilityVisibility: ParagraphProps['accessibilityVisibility'];
4955
+ constructor(renderImpl: RenderImpl);
4956
+ }
4957
+
4958
+ declare class Paragraph extends ParagraphBase implements ParagraphProps {
4959
+ tone: ParagraphProps['tone'];
4701
4960
  constructor();
4702
4961
  }
4703
4962
  declare global {
4704
4963
  interface HTMLElementTagNameMap {
4705
- [tagName$m]: Paragraph;
4964
+ [tagName$o]: Paragraph;
4706
4965
  }
4707
4966
  }
4708
4967
  declare module 'preact' {
4709
4968
  namespace createElement.JSX {
4710
4969
  interface IntrinsicElements {
4711
- [tagName$m]: ReactProps$m & PreactBaseElementPropsWithChildren<Paragraph>;
4970
+ [tagName$o]: ReactProps$o & PreactBaseElementPropsWithChildren<Paragraph>;
4712
4971
  }
4713
4972
  }
4714
4973
  }
4715
4974
 
4716
4975
  type PasswordFieldProps = PreactFieldProps<Required<PasswordFieldProps$1>['autocomplete']> & Required<Pick<PasswordFieldProps$1, 'defaultValue' | 'details' | 'disabled' | 'error' | 'labelAccessibilityVisibility' | 'minLength' | 'maxLength' | 'label' | 'name' | 'placeholder' | 'readOnly' | 'required' | 'value'>>;
4717
4976
 
4718
- declare const tagName$l = "s-password-field";
4719
- interface ReactProps$l extends Partial<PasswordFieldProps>, Pick<PasswordFieldProps$1, 'id'>, FieldReactProps<typeof tagName$l> {
4977
+ declare const tagName$n = "s-password-field";
4978
+ interface ReactProps$n extends Partial<PasswordFieldProps>, Pick<PasswordFieldProps$1, 'id'>, FieldReactProps<typeof tagName$n> {
4720
4979
  }
4721
4980
 
4722
4981
  declare class PasswordField extends PreactFieldElement<PasswordFieldProps['autocomplete']> implements PasswordFieldProps {
@@ -4726,13 +4985,13 @@ declare class PasswordField extends PreactFieldElement<PasswordFieldProps['autoc
4726
4985
  }
4727
4986
  declare global {
4728
4987
  interface HTMLElementTagNameMap {
4729
- [tagName$l]: PasswordField;
4988
+ [tagName$n]: PasswordField;
4730
4989
  }
4731
4990
  }
4732
4991
  declare module 'preact' {
4733
4992
  namespace createElement.JSX {
4734
4993
  interface IntrinsicElements {
4735
- [tagName$l]: ReactProps$l & PreactBaseElementProps<PasswordField>;
4994
+ [tagName$n]: ReactProps$n & PreactBaseElementProps<PasswordField>;
4736
4995
  }
4737
4996
  }
4738
4997
  }
@@ -4740,18 +4999,18 @@ declare module 'preact' {
4740
4999
  interface PopoverProps extends Required<Pick<PopoverProps$1, 'blockSize' | 'inlineSize' | 'maxBlockSize' | 'maxInlineSize' | 'minBlockSize' | 'minInlineSize'>> {
4741
5000
  }
4742
5001
 
4743
- declare const tagName$k = "s-popover";
4744
- interface ReactProps$k extends Partial<PopoverProps>, Pick<PopoverProps$1, 'id' | 'children'> {
5002
+ declare const tagName$m = "s-popover";
5003
+ interface ReactProps$m extends Partial<PopoverProps>, Pick<PopoverProps$1, 'id' | 'children'> {
4745
5004
  /**
4746
5005
  * The content of the Popover.
4747
5006
  */
4748
5007
  children?: ComponentChildren$1;
4749
- onHide?: (event: CallbackEvent<typeof tagName$k>) => void | null;
4750
- onShow?: (event: CallbackEvent<typeof tagName$k>) => void | null;
4751
- onAfterHide?: (event: CallbackEvent<typeof tagName$k>) => void | null;
4752
- onAfterShow?: (event: CallbackEvent<typeof tagName$k>) => void | null;
4753
- onToggle?: (event: CallbackToggleEvent<typeof tagName$k>) => void | null;
4754
- onAfterToggle?: (event: CallbackToggleEvent<typeof tagName$k>) => void | null;
5008
+ onHide?: (event: CallbackEvent<typeof tagName$m>) => void | null;
5009
+ onShow?: (event: CallbackEvent<typeof tagName$m>) => void | null;
5010
+ onAfterHide?: (event: CallbackEvent<typeof tagName$m>) => void | null;
5011
+ onAfterShow?: (event: CallbackEvent<typeof tagName$m>) => void | null;
5012
+ onToggle?: (event: CallbackToggleEvent<typeof tagName$m>) => void | null;
5013
+ onAfterToggle?: (event: CallbackToggleEvent<typeof tagName$m>) => void | null;
4755
5014
  }
4756
5015
 
4757
5016
  declare class PreactPopoverElement<TTagName extends keyof HTMLElementTagNameMap> extends PreactOverlayElement implements PopoverProps {
@@ -4764,24 +5023,71 @@ declare class PreactPopoverElement<TTagName extends keyof HTMLElementTagNameMap>
4764
5023
  maxInlineSize: BoxProps['maxInlineSize'];
4765
5024
  }
4766
5025
 
4767
- declare class Popover extends PreactPopoverElement<typeof tagName$k> implements PopoverProps {
5026
+ declare class Popover extends PreactPopoverElement<typeof tagName$m> implements PopoverProps {
5027
+ constructor();
5028
+ }
5029
+ declare global {
5030
+ interface HTMLElementTagNameMap {
5031
+ [tagName$m]: Popover;
5032
+ }
5033
+ }
5034
+ declare module 'preact' {
5035
+ namespace createElement.JSX {
5036
+ interface IntrinsicElements {
5037
+ [tagName$m]: ReactProps$m & PreactBaseElementPropsWithChildren<Popover>;
5038
+ }
5039
+ }
5040
+ }
5041
+
5042
+ type PressButtonBaseProps = Required<Pick<PressButtonProps$1, 'accessibilityLabel' | 'disabled' | 'icon' | 'inlineSize' | 'lang' | 'loading' | 'tone' | 'variant' | 'pressed' | 'defaultPressed'>>;
5043
+ interface PressButtonProps extends PressButtonBaseProps {
5044
+ tone: Extract<PressButtonProps$1['tone'], 'neutral'>;
5045
+ icon: IconProps['type'];
5046
+ variant: Extract<PressButtonProps$1['variant'], 'secondary' | 'tertiary'>;
5047
+ }
5048
+
5049
+ declare const tagName$l = "s-press-button";
5050
+ interface ReactProps$l extends Partial<PressButtonProps>, Pick<PressButtonProps$1, 'children'> {
5051
+ /**
5052
+ * The content of the PressButton.
5053
+ */
5054
+ children?: ComponentChildren$1;
5055
+ onClick?: ((event: CallbackEvent<typeof tagName$l>) => void) | null;
5056
+ onFocus?: ((event: CallbackEvent<typeof tagName$l>) => void) | null;
5057
+ onBlur?: ((event: CallbackEvent<typeof tagName$l>) => void) | null;
5058
+ }
5059
+
5060
+ declare class PressButton extends PolarisCustomElement implements PressButtonProps {
5061
+ disabled: PressButtonProps['disabled'];
5062
+ icon: PressButtonProps['icon'];
5063
+ loading: PressButtonProps['loading'];
5064
+ variant: PressButtonProps['variant'];
5065
+ tone: PressButtonProps['tone'];
5066
+ inlineSize: PressButtonProps['inlineSize'];
5067
+ get pressed(): boolean;
5068
+ set pressed(pressed: PressButtonProps['pressed']);
5069
+ defaultPressed: PressButtonProps['defaultPressed'];
5070
+ onclick: CallbackEventListener<typeof tagName$l> | null;
5071
+ onblur: CallbackEventListener<typeof tagName$l> | null;
5072
+ onfocus: CallbackEventListener<typeof tagName$l> | null;
5073
+ accessibilityLabel: PressButtonProps['accessibilityLabel'];
4768
5074
  constructor();
4769
5075
  }
4770
5076
  declare global {
4771
5077
  interface HTMLElementTagNameMap {
4772
- [tagName$k]: Popover;
5078
+ [tagName$l]: PressButton;
4773
5079
  }
4774
5080
  }
4775
5081
  declare module 'preact' {
4776
5082
  namespace createElement.JSX {
4777
5083
  interface IntrinsicElements {
4778
- [tagName$k]: ReactProps$k & PreactBaseElementPropsWithChildren<Popover>;
5084
+ [tagName$l]: ReactProps$l & PreactBaseElementPropsWithChildren<PressButton>;
4779
5085
  }
4780
5086
  }
4781
5087
  }
4782
5088
 
4783
- declare const tagName$j = "s-query-container";
4784
- interface ReactProps$j extends Partial<QueryContainerProps$1>, Pick<QueryContainerProps$1, 'id' | 'children'> {
5089
+ declare const tagName$k = "s-query-container";
5090
+ interface ReactProps$k extends Partial<QueryContainerProps$1>, Pick<QueryContainerProps$1, 'id' | 'children'> {
4785
5091
  /**
4786
5092
  * The content of the container.
4787
5093
  */
@@ -4791,7 +5097,7 @@ interface ReactProps$j extends Partial<QueryContainerProps$1>, Pick<QueryContain
4791
5097
  interface QueryContainerProps extends Required<Pick<QueryContainerProps$1, 'id' | 'containerName'>> {
4792
5098
  }
4793
5099
 
4794
- declare class QueryContainer extends PreactCustomElement implements QueryContainerProps {
5100
+ declare class QueryContainer extends PolarisCustomElement implements QueryContainerProps {
4795
5101
  containerName: QueryContainerProps['containerName'];
4796
5102
  /** @private */
4797
5103
  static globalStylesApplied: boolean;
@@ -4799,13 +5105,123 @@ declare class QueryContainer extends PreactCustomElement implements QueryContain
4799
5105
  }
4800
5106
  declare global {
4801
5107
  interface HTMLElementTagNameMap {
4802
- [tagName$j]: QueryContainer;
5108
+ [tagName$k]: QueryContainer;
5109
+ }
5110
+ }
5111
+ declare module 'preact' {
5112
+ namespace createElement.JSX {
5113
+ interface IntrinsicElements {
5114
+ [tagName$k]: ReactProps$k & PreactBaseElementPropsWithChildren<QueryContainer>;
5115
+ }
5116
+ }
5117
+ }
5118
+
5119
+ /**
5120
+ * Base properties shared between ScrollBox and InternalScrollBox.
5121
+ */
5122
+
5123
+ /**
5124
+ * Base properties for ScrollBox components.
5125
+ * Extends BoxProps but overrides overflow and accessibilityRole with scroll-specific types.
5126
+ */
5127
+ interface ScrollBoxBaseProps extends Omit<BoxProps, 'overflow' | 'accessibilityRole'> {
5128
+ /**
5129
+ * Sets the overflow behavior of the element.
5130
+ * @default 'auto'
5131
+ */
5132
+ overflow: MaybeTwoValuesShorthandProperty<OverflowKeyword>;
5133
+ /**
5134
+ * Sets the semantic meaning of the component's content.
5135
+ * @default 'generic'
5136
+ */
5137
+ accessibilityRole: ScrollAccessibilityRole;
5138
+ /**
5139
+ * A label used to describe the scroll container for assistive technologies.
5140
+ */
5141
+ accessibilityLabel: string;
5142
+ /**
5143
+ * Controls scroll snap behavior.
5144
+ * @default 'none'
5145
+ */
5146
+ snapType: ScrollSnapType;
5147
+ /**
5148
+ * Offset for scroll snap alignment points.
5149
+ * @default 'base'
5150
+ */
5151
+ scrollPadding: SpacingKeyword;
5152
+ /**
5153
+ * Scroll margin for the element (CSS-like 1-to-4-value shorthand syntax).
5154
+ * @default '0'
5155
+ */
5156
+ scrollMargin: MaybeAllValuesShorthandProperty<SizeUnits>;
5157
+ }
5158
+ /**
5159
+ * Public ScrollBox properties (same as base for now).
5160
+ */
5161
+ type ScrollBoxProps = ScrollBoxBaseProps;
5162
+
5163
+ declare const tagName$j = "s-scroll-box";
5164
+ interface ReactProps$j extends Partial<ScrollBoxProps>, Pick<BoxProps$1, 'id' | 'children'> {
5165
+ /**
5166
+ * The content of the ScrollBox.
5167
+ */
5168
+ children?: ComponentChildren$1;
5169
+ /**
5170
+ * Callback fired when the scroll container is scrolled.
5171
+ */
5172
+ onscroll?: ((event: CallbackEvent<typeof tagName$j>) => void) | null;
5173
+ /**
5174
+ * Callback fired when the scroll container reaches an edge.
5175
+ */
5176
+ onscrolltoedge?: ((event: CallbackEvent<typeof tagName$j>) => void) | null;
5177
+ }
5178
+
5179
+ declare const getScrollContainer: unique symbol;
5180
+ declare abstract class ScrollBoxBase<TTagName extends keyof HTMLElementTagNameMap> extends PolarisCustomElement implements ScrollBoxBaseProps {
5181
+ overflow: ScrollBoxBaseProps['overflow'];
5182
+ snapType: ScrollBoxBaseProps['snapType'];
5183
+ scrollPadding: ScrollBoxBaseProps['scrollPadding'];
5184
+ scrollMargin: ScrollBoxBaseProps['scrollMargin'];
5185
+ accessibilityRole: ScrollBoxBaseProps['accessibilityRole'];
5186
+ accessibilityLabel: ScrollBoxBaseProps['accessibilityLabel'];
5187
+ background: ScrollBoxBaseProps['background'];
5188
+ blockSize: ScrollBoxBaseProps['blockSize'];
5189
+ minBlockSize: ScrollBoxBaseProps['minBlockSize'];
5190
+ maxBlockSize: ScrollBoxBaseProps['maxBlockSize'];
5191
+ inlineSize: ScrollBoxBaseProps['inlineSize'];
5192
+ minInlineSize: ScrollBoxBaseProps['minInlineSize'];
5193
+ maxInlineSize: ScrollBoxBaseProps['maxInlineSize'];
5194
+ padding: ScrollBoxBaseProps['padding'];
5195
+ paddingBlock: ScrollBoxBaseProps['paddingBlock'];
5196
+ paddingBlockStart: ScrollBoxBaseProps['paddingBlockStart'];
5197
+ paddingBlockEnd: ScrollBoxBaseProps['paddingBlockEnd'];
5198
+ paddingInline: ScrollBoxBaseProps['paddingInline'];
5199
+ paddingInlineStart: ScrollBoxBaseProps['paddingInlineStart'];
5200
+ paddingInlineEnd: ScrollBoxBaseProps['paddingInlineEnd'];
5201
+ border: ScrollBoxBaseProps['border'];
5202
+ borderWidth: ScrollBoxBaseProps['borderWidth'];
5203
+ borderStyle: ScrollBoxBaseProps['borderStyle'];
5204
+ borderColor: ScrollBoxBaseProps['borderColor'];
5205
+ borderRadius: ScrollBoxBaseProps['borderRadius'];
5206
+ display: ScrollBoxBaseProps['display'];
5207
+ accessibilityVisibility: ScrollBoxBaseProps['accessibilityVisibility'];
5208
+ [getScrollContainer](): HTMLElement | null | undefined;
5209
+ constructor(renderImpl: RenderImpl);
5210
+ }
5211
+
5212
+ declare class ScrollBox extends ScrollBoxBase<typeof tagName$j> implements ScrollBoxProps {
5213
+ constructor();
5214
+ adoptedCallback(): void;
5215
+ }
5216
+ declare global {
5217
+ interface HTMLElementTagNameMap {
5218
+ [tagName$j]: ScrollBox;
4803
5219
  }
4804
5220
  }
4805
5221
  declare module 'preact' {
4806
5222
  namespace createElement.JSX {
4807
5223
  interface IntrinsicElements {
4808
- [tagName$j]: ReactProps$j & PreactBaseElementPropsWithChildren<QueryContainer>;
5224
+ [tagName$j]: ReactProps$j & PreactBaseElementPropsWithChildren<ScrollBox>;
4809
5225
  }
4810
5226
  }
4811
5227
  }
@@ -4820,9 +5236,13 @@ declare const tagName$i = "s-search-field";
4820
5236
  interface ReactProps$i extends Partial<SearchFieldProps>, Pick<TextFieldProps$1, 'id'>, FieldReactProps<typeof tagName$i> {
4821
5237
  }
4822
5238
 
4823
- declare class SearchField extends PreactFieldElement<SearchFieldProps['autocomplete']> implements SearchFieldProps {
5239
+ declare abstract class SearchFieldBase extends PreactFieldElement<SearchFieldProps['autocomplete']> implements Pick<SearchFieldProps, 'maxLength' | 'minLength'> {
4824
5240
  maxLength: SearchFieldProps['maxLength'];
4825
5241
  minLength: SearchFieldProps['minLength'];
5242
+ constructor(renderImpl: RenderImpl);
5243
+ }
5244
+
5245
+ declare class SearchField extends SearchFieldBase implements SearchFieldProps {
4826
5246
  constructor();
4827
5247
  }
4828
5248
  declare global {
@@ -4853,14 +5273,20 @@ interface ReactProps$h extends Partial<SectionProps>, Pick<SectionProps$1, 'id'
4853
5273
  children?: ComponentChildren$1;
4854
5274
  }
4855
5275
 
4856
- declare class Section extends PreactCustomElement implements SectionProps {
4857
- constructor();
5276
+ declare abstract class SectionBase extends PolarisCustomElement implements SectionProps {
5277
+ constructor(renderImpl: RenderImpl);
4858
5278
  /** @private */
4859
5279
  connectedCallback(): void;
5280
+ /** @private */
5281
+ disconnectedCallback(): void;
4860
5282
  accessibilityLabel: SectionProps['accessibilityLabel'];
4861
5283
  heading: SectionProps['heading'];
4862
5284
  padding: SectionProps['padding'];
4863
5285
  }
5286
+
5287
+ declare class Section extends SectionBase implements SectionProps {
5288
+ constructor();
5289
+ }
4864
5290
  declare global {
4865
5291
  interface HTMLElementTagNameMap {
4866
5292
  [tagName$h]: Section;
@@ -4896,7 +5322,7 @@ interface ReactProps$g extends Partial<SelectProps>, Pick<SelectProps$1, 'id' |
4896
5322
  declare const usedFirstOptionSymbol: unique symbol;
4897
5323
  declare const hasInitialValueSymbol: unique symbol;
4898
5324
 
4899
- declare class Select extends PreactInputElement implements SelectProps {
5325
+ declare abstract class SelectBase extends PreactInputElement implements Pick<SelectProps, 'icon' | 'details' | 'error' | 'label' | 'placeholder' | 'required' | 'labelAccessibilityVisibility'> {
4900
5326
  icon: SelectProps['icon'];
4901
5327
  details: SelectProps['details'];
4902
5328
  error: SelectProps['error'];
@@ -4906,8 +5332,9 @@ declare class Select extends PreactInputElement implements SelectProps {
4906
5332
  labelAccessibilityVisibility: SelectProps['labelAccessibilityVisibility'];
4907
5333
  /** @private */
4908
5334
  connectedCallback(): void;
5335
+ /** @private */
4909
5336
  disconnectedCallback(): void;
4910
- constructor();
5337
+ constructor(renderImpl: RenderImpl);
4911
5338
  /**
4912
5339
  * used to determine if no value or defaultValue was set, in which case the first non-disabled option was used
4913
5340
  *
@@ -4924,6 +5351,10 @@ declare class Select extends PreactInputElement implements SelectProps {
4924
5351
  /** @private */
4925
5352
  formResetCallback(): void;
4926
5353
  }
5354
+
5355
+ declare class Select extends SelectBase implements SelectProps {
5356
+ constructor();
5357
+ }
4927
5358
  declare global {
4928
5359
  interface HTMLElementTagNameMap {
4929
5360
  [tagName$g]: Select;
@@ -4945,7 +5376,7 @@ declare const tagName$f = "s-spinner";
4945
5376
  interface ReactProps$f extends Partial<SpinnerProps>, Pick<SpinnerProps$1, 'id'> {
4946
5377
  }
4947
5378
 
4948
- declare class Spinner extends PreactCustomElement implements SpinnerProps {
5379
+ declare class Spinner extends PolarisCustomElement implements SpinnerProps {
4949
5380
  accessibilityLabel: string;
4950
5381
  size: SpinnerProps['size'];
4951
5382
  constructor();
@@ -5073,8 +5504,12 @@ interface ReactProps$d extends Partial<SwitchProps>, Pick<SwitchProps$1, 'id'> {
5073
5504
  onInput?: ((event: CallbackEvent<typeof tagName$d>) => void) | null;
5074
5505
  }
5075
5506
 
5076
- declare class Switch extends PreactCheckboxElement implements SwitchProps {
5507
+ declare abstract class SwitchBase extends PreactCheckboxElement implements Pick<SwitchProps, 'labelAccessibilityVisibility'> {
5077
5508
  labelAccessibilityVisibility: SwitchProps['labelAccessibilityVisibility'];
5509
+ constructor(renderImpl: RenderImpl);
5510
+ }
5511
+
5512
+ declare class Switch extends SwitchBase implements SwitchProps {
5078
5513
  constructor();
5079
5514
  }
5080
5515
  declare global {
@@ -5115,8 +5550,11 @@ interface TableHeaderProps extends Pick<TableHeaderProps$1, 'listSlot' | 'format
5115
5550
  declare const actualTableVariantSymbol: unique symbol;
5116
5551
  declare const tableHeadersSharedDataSymbol: unique symbol;
5117
5552
  type ActualTableVariant = 'table' | 'list';
5553
+ declare const elementInternals: unique symbol;
5118
5554
 
5119
- declare class Table extends PreactCustomElement implements TableProps {
5555
+ declare class Table extends PolarisCustomElement implements TableProps {
5556
+ /** @private */
5557
+ [elementInternals]: ElementInternals;
5120
5558
  variant: TableProps['variant'];
5121
5559
  loading: TableProps['loading'];
5122
5560
  paginate: TableProps['paginate'];
@@ -5161,7 +5599,9 @@ interface ReactProps$b extends Partial<TableBodyProps>, Pick<TableBodyProps$1, '
5161
5599
  children?: ComponentChildren$1;
5162
5600
  }
5163
5601
 
5164
- declare class TableBody extends PreactCustomElement implements TableBodyProps {
5602
+ declare class TableBody extends PolarisCustomElement implements TableBodyProps {
5603
+ /** @private */
5604
+ [elementInternals]: ElementInternals;
5165
5605
  constructor();
5166
5606
  }
5167
5607
  declare global {
@@ -5190,7 +5630,9 @@ interface ReactProps$a extends Partial<TableCellProps>, Pick<TableCellProps$1, '
5190
5630
 
5191
5631
  declare const headerFormatSymbol: unique symbol;
5192
5632
 
5193
- declare class TableCell extends PreactCustomElement implements TableCellProps {
5633
+ declare class TableCell extends PolarisCustomElement implements TableCellProps {
5634
+ /** @private */
5635
+ [elementInternals]: ElementInternals;
5194
5636
  constructor();
5195
5637
  /** @private */
5196
5638
  get [headerFormatSymbol](): HeaderFormat;
@@ -5218,7 +5660,9 @@ interface ReactProps$9 extends Partial<TableHeaderProps>, Pick<TableHeaderProps$
5218
5660
  children?: ComponentChildren$1;
5219
5661
  }
5220
5662
 
5221
- declare class TableHeader extends PreactCustomElement implements TableHeaderProps {
5663
+ declare class TableHeader extends PolarisCustomElement implements TableHeaderProps {
5664
+ /** @private */
5665
+ [elementInternals]: ElementInternals;
5222
5666
  listSlot: TableHeaderProps['listSlot'];
5223
5667
  format: TableHeaderProps['format'];
5224
5668
  constructor();
@@ -5247,7 +5691,9 @@ interface ReactProps$8 extends Partial<TableHeaderRowProps>, Pick<TableHeaderRow
5247
5691
  children?: ComponentChildren$1;
5248
5692
  }
5249
5693
 
5250
- declare class TableHeaderRow extends PreactCustomElement implements TableHeaderRowProps {
5694
+ declare class TableHeaderRow extends PolarisCustomElement implements TableHeaderRowProps {
5695
+ /** @private */
5696
+ [elementInternals]: ElementInternals;
5251
5697
  constructor();
5252
5698
  /** @private */
5253
5699
  connectedCallback(): void;
@@ -5278,7 +5724,9 @@ interface ReactProps$7 extends Partial<TableRowProps>, Pick<TableRowProps$1, 'id
5278
5724
  children?: ComponentChildren$1;
5279
5725
  }
5280
5726
 
5281
- declare class TableRow extends PreactCustomElement implements TableRowProps {
5727
+ declare class TableRow extends PolarisCustomElement implements TableRowProps {
5728
+ /** @private */
5729
+ [elementInternals]: ElementInternals;
5282
5730
  constructor();
5283
5731
  clickDelegate: string;
5284
5732
  }
@@ -5298,7 +5746,7 @@ declare module 'preact' {
5298
5746
  interface TextProps extends Required<Pick<TextProps$1, 'accessibilityVisibility' | 'dir' | 'color' | 'type' | 'tone' | 'fontVariantNumeric' | 'interestFor'>> {
5299
5747
  color: Extract<TextProps$1['color'], 'base' | 'subdued'>;
5300
5748
  type: Extract<TextProps$1['type'], 'address' | 'redundant' | 'strong' | 'generic'>;
5301
- tone: Extract<TextProps$1['tone'], 'auto' | 'info' | 'success' | 'warning' | 'critical' | 'neutral' | 'caution'>;
5749
+ tone: Extract<TextProps$1['tone'], 'auto' | 'neutral' | 'info' | 'success' | 'warning' | 'caution' | 'critical'>;
5302
5750
  fontVariantNumeric: Extract<TextProps$1['fontVariantNumeric'], 'auto' | 'normal' | 'tabular-nums'>;
5303
5751
  }
5304
5752
 
@@ -5310,14 +5758,19 @@ interface ReactProps$6 extends Partial<TextProps>, Pick<TextProps$1, 'id' | 'chi
5310
5758
  children?: ComponentChildren$1;
5311
5759
  }
5312
5760
 
5313
- declare class Text extends PreactCustomElement implements TextProps {
5761
+ declare abstract class TextBase extends PolarisCustomElement implements Pick<TextProps, 'fontVariantNumeric' | 'color' | 'type' | 'dir' | 'accessibilityVisibility' | 'interestFor'> {
5314
5762
  fontVariantNumeric: TextProps['fontVariantNumeric'];
5315
5763
  color: TextProps['color'];
5316
- tone: TextProps['tone'];
5317
5764
  type: TextProps['type'];
5318
5765
  dir: TextProps['dir'];
5319
5766
  accessibilityVisibility: TextProps['accessibilityVisibility'];
5320
5767
  interestFor: string;
5768
+ abstract tone: string;
5769
+ constructor(renderImpl: RenderImpl);
5770
+ }
5771
+
5772
+ declare class Text extends TextBase implements TextProps {
5773
+ tone: TextProps['tone'];
5321
5774
  constructor();
5322
5775
  }
5323
5776
  declare global {
@@ -5370,12 +5823,16 @@ interface ReactProps$4 extends Partial<Omit<TextFieldProps, 'accessory'>>, Pick<
5370
5823
  accessory?: ComponentChildren$1;
5371
5824
  }
5372
5825
 
5373
- declare class TextField extends PreactFieldElement<TextFieldProps['autocomplete']> implements TextFieldProps {
5826
+ declare abstract class TextFieldBase extends PreactFieldElement<TextFieldProps['autocomplete']> implements Pick<TextFieldProps, 'icon' | 'maxLength' | 'minLength' | 'prefix' | 'suffix'> {
5374
5827
  icon: TextFieldProps['icon'];
5375
5828
  maxLength: TextFieldProps['maxLength'];
5376
5829
  minLength: TextFieldProps['minLength'];
5377
5830
  prefix: TextFieldProps['prefix'];
5378
5831
  suffix: TextFieldProps['suffix'];
5832
+ constructor(renderImpl: RenderImpl);
5833
+ }
5834
+
5835
+ declare class TextField extends TextFieldBase implements TextFieldProps {
5379
5836
  constructor();
5380
5837
  }
5381
5838
  declare global {
@@ -5386,7 +5843,7 @@ declare global {
5386
5843
  declare module 'preact' {
5387
5844
  namespace createElement.JSX {
5388
5845
  interface IntrinsicElements {
5389
- [tagName$4]: Omit<ReactProps$4, 'accessory'> & PreactBaseElementProps<TextField>;
5846
+ [tagName$4]: Omit<ReactProps$4, 'accessory'> & PreactBaseElementPropsWithChildren<TextField>;
5390
5847
  }
5391
5848
  }
5392
5849
  }
@@ -5401,7 +5858,7 @@ interface ReactProps$3 extends Partial<ThumbnailProps>, Pick<ThumbnailProps$1, '
5401
5858
  onError?: ((event: CallbackEvent<typeof tagName$3>) => void) | null;
5402
5859
  }
5403
5860
 
5404
- declare class Thumbnail extends PreactCustomElement implements ThumbnailProps {
5861
+ declare class Thumbnail extends PolarisCustomElement implements ThumbnailProps {
5405
5862
  src: ThumbnailProps['src'];
5406
5863
  alt: ThumbnailProps['alt'];
5407
5864
  size: ThumbnailProps['size'];
@@ -5489,7 +5946,7 @@ interface ReactProps extends Partial<UnorderedListProps>, Pick<UnorderedListProp
5489
5946
  children?: ComponentChildren$1;
5490
5947
  }
5491
5948
 
5492
- declare class UnorderedList extends PreactCustomElement implements UnorderedListProps {
5949
+ declare class UnorderedList extends PolarisCustomElement implements UnorderedListProps {
5493
5950
  constructor();
5494
5951
  }
5495
5952
  declare global {
@@ -5545,7 +6002,9 @@ declare const elements: {
5545
6002
  Paragraph: typeof Paragraph;
5546
6003
  PasswordField: typeof PasswordField;
5547
6004
  Popover: typeof Popover;
6005
+ PressButton: typeof PressButton;
5548
6006
  QueryContainer: typeof QueryContainer;
6007
+ ScrollBox: typeof ScrollBox;
5549
6008
  SearchField: typeof SearchField;
5550
6009
  Section: typeof Section;
5551
6010
  Select: typeof Select;
@@ -5568,536 +6027,564 @@ declare const elements: {
5568
6027
  };
5569
6028
 
5570
6029
  export { elements, reactWrap };
5571
- export type { CallbackEvent, CallbackEventListener };
6030
+ export type { AltKey, CallbackEvent, CallbackEventListener, ReactKey };
6031
+ declare module 'react' {
6032
+ namespace JSX {
6033
+ interface IntrinsicElements {
6034
+ [tagName$W]: ReactProps$W & ReactBaseElementProps<Avatar>;
6035
+ }
6036
+ }
6037
+ }
6038
+ declare global {
6039
+ namespace JSX {
6040
+ interface IntrinsicElements {
6041
+ [tagName$W]: ReactProps$W & ReactBaseElementProps<Avatar>;
6042
+ }
6043
+ }
6044
+ }
6045
+ declare module 'react' {
6046
+ namespace JSX {
6047
+ interface IntrinsicElements {
6048
+ [tagName$V]: ReactProps$V & ReactBaseElementPropsWithChildren<Badge>;
6049
+ }
6050
+ }
6051
+ }
6052
+ declare global {
6053
+ namespace JSX {
6054
+ interface IntrinsicElements {
6055
+ [tagName$V]: ReactProps$V & ReactBaseElementPropsWithChildren<Badge>;
6056
+ }
6057
+ }
6058
+ }
5572
6059
  declare module 'react' {
5573
6060
  namespace JSX {
5574
6061
  interface IntrinsicElements {
5575
- [tagName$U]: ReactProps$U & ReactBaseElementProps<Avatar>;
6062
+ [tagName$U]: Omit<ReactProps$U, 'secondaryActions'> & ReactBaseElementPropsWithChildren<Banner>;
5576
6063
  }
5577
6064
  }
5578
6065
  }
5579
6066
  declare global {
5580
6067
  namespace JSX {
5581
6068
  interface IntrinsicElements {
5582
- [tagName$U]: ReactProps$U & ReactBaseElementProps<Avatar>;
6069
+ [tagName$U]: Omit<ReactProps$U, 'secondaryActions'> & ReactBaseElementPropsWithChildren<Banner>;
5583
6070
  }
5584
6071
  }
5585
6072
  }
5586
6073
  declare module 'react' {
5587
6074
  namespace JSX {
5588
6075
  interface IntrinsicElements {
5589
- [tagName$T]: ReactProps$T & ReactBaseElementPropsWithChildren<Badge>;
6076
+ [tagName$T]: ReactProps$T & ReactBaseElementPropsWithChildren<Box>;
5590
6077
  }
5591
6078
  }
5592
6079
  }
5593
6080
  declare global {
5594
6081
  namespace JSX {
5595
6082
  interface IntrinsicElements {
5596
- [tagName$T]: ReactProps$T & ReactBaseElementPropsWithChildren<Badge>;
6083
+ [tagName$T]: ReactProps$T & ReactBaseElementPropsWithChildren<Box>;
5597
6084
  }
5598
6085
  }
5599
6086
  }
5600
6087
  declare module 'react' {
5601
6088
  namespace JSX {
5602
6089
  interface IntrinsicElements {
5603
- [tagName$S]: Omit<ReactProps$S, 'secondaryActions'> & ReactBaseElementPropsWithChildren<Banner>;
6090
+ [tagName$S]: ReactProps$S & ReactBaseElementPropsWithChildren<Button>;
5604
6091
  }
5605
6092
  }
5606
6093
  }
5607
6094
  declare global {
5608
6095
  namespace JSX {
5609
6096
  interface IntrinsicElements {
5610
- [tagName$S]: Omit<ReactProps$S, 'secondaryActions'> & ReactBaseElementPropsWithChildren<Banner>;
6097
+ [tagName$S]: ReactProps$S & ReactBaseElementPropsWithChildren<Button>;
5611
6098
  }
5612
6099
  }
5613
6100
  }
5614
6101
  declare module 'react' {
5615
6102
  namespace JSX {
5616
6103
  interface IntrinsicElements {
5617
- [tagName$R]: ReactProps$R & ReactBaseElementPropsWithChildren<Box>;
6104
+ [tagName$R]: Omit<ReactProps$R, 'primaryAction' | 'secondaryActions'> & ReactBaseElementPropsWithChildren<ButtonGroup>;
5618
6105
  }
5619
6106
  }
5620
6107
  }
5621
6108
  declare global {
5622
6109
  namespace JSX {
5623
6110
  interface IntrinsicElements {
5624
- [tagName$R]: ReactProps$R & ReactBaseElementPropsWithChildren<Box>;
6111
+ [tagName$R]: Omit<ReactProps$R, 'primaryAction' | 'secondaryActions'> & ReactBaseElementPropsWithChildren<ButtonGroup>;
5625
6112
  }
5626
6113
  }
5627
6114
  }
5628
6115
  declare module 'react' {
5629
6116
  namespace JSX {
5630
6117
  interface IntrinsicElements {
5631
- [tagName$Q]: ReactProps$Q & ReactBaseElementPropsWithChildren<Button>;
6118
+ [tagName$Q]: ReactProps$Q & ReactBaseElementProps<Checkbox>;
5632
6119
  }
5633
6120
  }
5634
6121
  }
5635
6122
  declare global {
5636
6123
  namespace JSX {
5637
6124
  interface IntrinsicElements {
5638
- [tagName$Q]: ReactProps$Q & ReactBaseElementPropsWithChildren<Button>;
6125
+ [tagName$Q]: ReactProps$Q & ReactBaseElementProps<Checkbox>;
5639
6126
  }
5640
6127
  }
5641
6128
  }
5642
6129
  declare module 'react' {
5643
6130
  namespace JSX {
5644
6131
  interface IntrinsicElements {
5645
- [tagName$P]: Omit<ReactProps$P, 'primaryAction' | 'secondaryActions'> & ReactBaseElementPropsWithChildren<ButtonGroup>;
6132
+ [tagName$P]: Omit<ReactProps$P, 'graphic'> & ReactBaseElementPropsWithChildren<Chip>;
5646
6133
  }
5647
6134
  }
5648
6135
  }
5649
6136
  declare global {
5650
6137
  namespace JSX {
5651
6138
  interface IntrinsicElements {
5652
- [tagName$P]: Omit<ReactProps$P, 'primaryAction' | 'secondaryActions'> & ReactBaseElementPropsWithChildren<ButtonGroup>;
6139
+ [tagName$P]: Omit<ReactProps$P, 'graphic'> & ReactBaseElementPropsWithChildren<Chip>;
5653
6140
  }
5654
6141
  }
5655
6142
  }
5656
6143
  declare module 'react' {
5657
6144
  namespace JSX {
5658
6145
  interface IntrinsicElements {
5659
- [tagName$O]: ReactProps$O & ReactBaseElementProps<Checkbox>;
6146
+ [tagName$O]: Omit<ReactProps$O, 'details' | 'secondaryContent'> & ReactBaseElementPropsWithChildren<Choice>;
5660
6147
  }
5661
6148
  }
5662
6149
  }
5663
6150
  declare global {
5664
6151
  namespace JSX {
5665
6152
  interface IntrinsicElements {
5666
- [tagName$O]: ReactProps$O & ReactBaseElementProps<Checkbox>;
6153
+ [tagName$O]: Omit<ReactProps$O, 'details' | 'secondaryContent'> & ReactBaseElementPropsWithChildren<Choice>;
5667
6154
  }
5668
6155
  }
5669
6156
  }
5670
6157
  declare module 'react' {
5671
6158
  namespace JSX {
5672
6159
  interface IntrinsicElements {
5673
- [tagName$N]: Omit<ReactProps$N, 'graphic'> & ReactBaseElementPropsWithChildren<Chip>;
6160
+ [tagName$N]: ReactProps$N & ReactBaseElementPropsWithChildren<ChoiceList>;
5674
6161
  }
5675
6162
  }
5676
6163
  }
5677
6164
  declare global {
5678
6165
  namespace JSX {
5679
6166
  interface IntrinsicElements {
5680
- [tagName$N]: Omit<ReactProps$N, 'graphic'> & ReactBaseElementPropsWithChildren<Chip>;
6167
+ [tagName$N]: ReactProps$N & ReactBaseElementPropsWithChildren<ChoiceList>;
5681
6168
  }
5682
6169
  }
5683
6170
  }
5684
6171
  declare module 'react' {
5685
6172
  namespace JSX {
5686
6173
  interface IntrinsicElements {
5687
- [tagName$M]: Omit<ReactProps$M, 'details'> & ReactBaseElementPropsWithChildren<Choice>;
6174
+ [tagName$M]: ReactProps$M & ReactBaseElementPropsWithChildren<Clickable>;
5688
6175
  }
5689
6176
  }
5690
6177
  }
5691
6178
  declare global {
5692
6179
  namespace JSX {
5693
6180
  interface IntrinsicElements {
5694
- [tagName$M]: Omit<ReactProps$M, 'details'> & ReactBaseElementPropsWithChildren<Choice>;
6181
+ [tagName$M]: ReactProps$M & ReactBaseElementPropsWithChildren<Clickable>;
5695
6182
  }
5696
6183
  }
5697
6184
  }
5698
6185
  declare module 'react' {
5699
6186
  namespace JSX {
5700
6187
  interface IntrinsicElements {
5701
- [tagName$L]: ReactProps$L & ReactBaseElementPropsWithChildren<ChoiceList>;
6188
+ [tagName$L]: Omit<ReactProps$L, 'graphic'> & ReactBaseElementPropsWithChildren<ClickableChip>;
5702
6189
  }
5703
6190
  }
5704
6191
  }
5705
6192
  declare global {
5706
6193
  namespace JSX {
5707
6194
  interface IntrinsicElements {
5708
- [tagName$L]: ReactProps$L & ReactBaseElementPropsWithChildren<ChoiceList>;
6195
+ [tagName$L]: Omit<ReactProps$L, 'graphic'> & ReactBaseElementPropsWithChildren<ClickableChip>;
5709
6196
  }
5710
6197
  }
5711
6198
  }
5712
6199
  declare module 'react' {
5713
6200
  namespace JSX {
5714
6201
  interface IntrinsicElements {
5715
- [tagName$K]: ReactProps$K & ReactBaseElementPropsWithChildren<Clickable>;
6202
+ [tagName$K]: ReactProps$K & ReactBaseElementProps<ColorField>;
5716
6203
  }
5717
6204
  }
5718
6205
  }
5719
6206
  declare global {
5720
6207
  namespace JSX {
5721
6208
  interface IntrinsicElements {
5722
- [tagName$K]: ReactProps$K & ReactBaseElementPropsWithChildren<Clickable>;
6209
+ [tagName$K]: ReactProps$K & ReactBaseElementProps<ColorField>;
5723
6210
  }
5724
6211
  }
5725
6212
  }
5726
6213
  declare module 'react' {
5727
6214
  namespace JSX {
5728
6215
  interface IntrinsicElements {
5729
- [tagName$J]: Omit<ReactProps$J, 'graphic'> & ReactBaseElementPropsWithChildren<ClickableChip>;
6216
+ [tagName$J]: ReactProps$J & ReactBaseElementProps<ColorPicker>;
5730
6217
  }
5731
6218
  }
5732
6219
  }
5733
6220
  declare global {
5734
6221
  namespace JSX {
5735
6222
  interface IntrinsicElements {
5736
- [tagName$J]: Omit<ReactProps$J, 'graphic'> & ReactBaseElementPropsWithChildren<ClickableChip>;
6223
+ [tagName$J]: ReactProps$J & ReactBaseElementProps<ColorPicker>;
5737
6224
  }
5738
6225
  }
5739
6226
  }
5740
6227
  declare module 'react' {
5741
6228
  namespace JSX {
5742
6229
  interface IntrinsicElements {
5743
- [tagName$I]: ReactProps$I & ReactBaseElementProps<ColorField>;
6230
+ [tagName$I]: ReactProps$I & ReactBaseElementProps<DateField>;
5744
6231
  }
5745
6232
  }
5746
6233
  }
5747
6234
  declare global {
5748
6235
  namespace JSX {
5749
6236
  interface IntrinsicElements {
5750
- [tagName$I]: ReactProps$I & ReactBaseElementProps<ColorField>;
6237
+ [tagName$I]: ReactProps$I & ReactBaseElementProps<DateField>;
5751
6238
  }
5752
6239
  }
5753
6240
  }
5754
6241
  declare module 'react' {
5755
6242
  namespace JSX {
5756
6243
  interface IntrinsicElements {
5757
- [tagName$H]: ReactProps$H & ReactBaseElementProps<ColorPicker>;
6244
+ [tagName$H]: ReactProps$H & ReactBaseElementProps<DatePicker>;
5758
6245
  }
5759
6246
  }
5760
6247
  }
5761
6248
  declare global {
5762
6249
  namespace JSX {
5763
6250
  interface IntrinsicElements {
5764
- [tagName$H]: ReactProps$H & ReactBaseElementProps<ColorPicker>;
6251
+ [tagName$H]: ReactProps$H & ReactBaseElementProps<DatePicker>;
5765
6252
  }
5766
6253
  }
5767
6254
  }
5768
6255
  declare module 'react' {
5769
6256
  namespace JSX {
5770
6257
  interface IntrinsicElements {
5771
- [tagName$G]: ReactProps$G & ReactBaseElementProps<DateField>;
6258
+ [tagName$G]: ReactProps$G & ReactBaseElementProps<Divider>;
5772
6259
  }
5773
6260
  }
5774
6261
  }
5775
6262
  declare global {
5776
6263
  namespace JSX {
5777
6264
  interface IntrinsicElements {
5778
- [tagName$G]: ReactProps$G & ReactBaseElementProps<DateField>;
6265
+ [tagName$G]: ReactProps$G & ReactBaseElementProps<Divider>;
5779
6266
  }
5780
6267
  }
5781
6268
  }
5782
6269
  declare module 'react' {
5783
6270
  namespace JSX {
5784
6271
  interface IntrinsicElements {
5785
- [tagName$F]: ReactProps$F & ReactBaseElementProps<DatePicker>;
6272
+ [tagName$F]: ReactProps$F & ReactBaseElementPropsWithChildren<DropZone>;
5786
6273
  }
5787
6274
  }
5788
6275
  }
5789
6276
  declare global {
5790
6277
  namespace JSX {
5791
6278
  interface IntrinsicElements {
5792
- [tagName$F]: ReactProps$F & ReactBaseElementProps<DatePicker>;
6279
+ [tagName$F]: ReactProps$F & ReactBaseElementPropsWithChildren<DropZone>;
5793
6280
  }
5794
6281
  }
5795
6282
  }
5796
6283
  declare module 'react' {
5797
6284
  namespace JSX {
5798
6285
  interface IntrinsicElements {
5799
- [tagName$E]: ReactProps$E & ReactBaseElementProps<Divider>;
6286
+ [tagName$E]: ReactProps$E & ReactBaseElementProps<EmailField>;
5800
6287
  }
5801
6288
  }
5802
6289
  }
5803
6290
  declare global {
5804
6291
  namespace JSX {
5805
6292
  interface IntrinsicElements {
5806
- [tagName$E]: ReactProps$E & ReactBaseElementProps<Divider>;
6293
+ [tagName$E]: ReactProps$E & ReactBaseElementProps<EmailField>;
5807
6294
  }
5808
6295
  }
5809
6296
  }
5810
6297
  declare module 'react' {
5811
6298
  namespace JSX {
5812
6299
  interface IntrinsicElements {
5813
- [tagName$D]: ReactProps$D & ReactBaseElementProps<DropZone>;
6300
+ [tagName$D]: ReactProps$D & ReactBaseElementPropsWithChildren<Grid>;
5814
6301
  }
5815
6302
  }
5816
6303
  }
5817
6304
  declare global {
5818
6305
  namespace JSX {
5819
6306
  interface IntrinsicElements {
5820
- [tagName$D]: ReactProps$D & ReactBaseElementProps<DropZone>;
6307
+ [tagName$D]: ReactProps$D & ReactBaseElementPropsWithChildren<Grid>;
5821
6308
  }
5822
6309
  }
5823
6310
  }
5824
6311
  declare module 'react' {
5825
6312
  namespace JSX {
5826
6313
  interface IntrinsicElements {
5827
- [tagName$C]: ReactProps$C & ReactBaseElementProps<EmailField>;
6314
+ [tagName$C]: ReactProps$C & ReactBaseElementPropsWithChildren<GridItem>;
5828
6315
  }
5829
6316
  }
5830
6317
  }
5831
6318
  declare global {
5832
6319
  namespace JSX {
5833
6320
  interface IntrinsicElements {
5834
- [tagName$C]: ReactProps$C & ReactBaseElementProps<EmailField>;
6321
+ [tagName$C]: ReactProps$C & ReactBaseElementPropsWithChildren<GridItem>;
5835
6322
  }
5836
6323
  }
5837
6324
  }
5838
6325
  declare module 'react' {
5839
6326
  namespace JSX {
5840
6327
  interface IntrinsicElements {
5841
- [tagName$B]: ReactProps$B & ReactBaseElementPropsWithChildren<Grid>;
6328
+ [tagName$B]: ReactProps$B & ReactBaseElementPropsWithChildren<Heading>;
5842
6329
  }
5843
6330
  }
5844
6331
  }
5845
6332
  declare global {
5846
6333
  namespace JSX {
5847
6334
  interface IntrinsicElements {
5848
- [tagName$B]: ReactProps$B & ReactBaseElementPropsWithChildren<Grid>;
6335
+ [tagName$B]: ReactProps$B & ReactBaseElementPropsWithChildren<Heading>;
5849
6336
  }
5850
6337
  }
5851
6338
  }
5852
6339
  declare module 'react' {
5853
6340
  namespace JSX {
5854
6341
  interface IntrinsicElements {
5855
- [tagName$A]: ReactProps$A & ReactBaseElementPropsWithChildren<GridItem>;
6342
+ [tagName$A]: ReactProps$A & ReactBaseElementProps<Icon>;
5856
6343
  }
5857
6344
  }
5858
6345
  }
5859
6346
  declare global {
5860
6347
  namespace JSX {
5861
6348
  interface IntrinsicElements {
5862
- [tagName$A]: ReactProps$A & ReactBaseElementPropsWithChildren<GridItem>;
6349
+ [tagName$A]: ReactProps$A & ReactBaseElementProps<Icon>;
5863
6350
  }
5864
6351
  }
5865
6352
  }
5866
6353
  declare module 'react' {
5867
6354
  namespace JSX {
5868
6355
  interface IntrinsicElements {
5869
- [tagName$z]: ReactProps$z & ReactBaseElementPropsWithChildren<Heading>;
6356
+ [tagName$z]: ReactProps$z & ReactBaseElementProps<Image>;
5870
6357
  }
5871
6358
  }
5872
6359
  }
5873
6360
  declare global {
5874
6361
  namespace JSX {
5875
6362
  interface IntrinsicElements {
5876
- [tagName$z]: ReactProps$z & ReactBaseElementPropsWithChildren<Heading>;
6363
+ [tagName$z]: ReactProps$z & ReactBaseElementProps<Image>;
5877
6364
  }
5878
6365
  }
5879
6366
  }
5880
6367
  declare module 'react' {
5881
6368
  namespace JSX {
5882
6369
  interface IntrinsicElements {
5883
- [tagName$y]: ReactProps$y & ReactBaseElementProps<Icon>;
6370
+ [tagName$y]: ReactProps$y & ReactBaseElementPropsWithChildren<Link>;
5884
6371
  }
5885
6372
  }
5886
6373
  }
5887
6374
  declare global {
5888
6375
  namespace JSX {
5889
6376
  interface IntrinsicElements {
5890
- [tagName$y]: ReactProps$y & ReactBaseElementProps<Icon>;
6377
+ [tagName$y]: ReactProps$y & ReactBaseElementPropsWithChildren<Link>;
5891
6378
  }
5892
6379
  }
5893
6380
  }
5894
6381
  declare module 'react' {
5895
6382
  namespace JSX {
5896
6383
  interface IntrinsicElements {
5897
- [tagName$x]: ReactProps$x & ReactBaseElementProps<Image>;
6384
+ [tagName$x]: ReactProps$x & ReactBaseElementPropsWithChildren<ListItem>;
5898
6385
  }
5899
6386
  }
5900
6387
  }
5901
6388
  declare global {
5902
6389
  namespace JSX {
5903
6390
  interface IntrinsicElements {
5904
- [tagName$x]: ReactProps$x & ReactBaseElementProps<Image>;
6391
+ [tagName$x]: ReactProps$x & ReactBaseElementPropsWithChildren<ListItem>;
5905
6392
  }
5906
6393
  }
5907
6394
  }
5908
6395
  declare module 'react' {
5909
6396
  namespace JSX {
5910
6397
  interface IntrinsicElements {
5911
- [tagName$w]: ReactProps$w & ReactBaseElementPropsWithChildren<Link>;
6398
+ [tagName$w]: ReactProps$w & ReactBaseElementPropsWithChildren<Menu>;
5912
6399
  }
5913
6400
  }
5914
6401
  }
5915
6402
  declare global {
5916
6403
  namespace JSX {
5917
6404
  interface IntrinsicElements {
5918
- [tagName$w]: ReactProps$w & ReactBaseElementPropsWithChildren<Link>;
6405
+ [tagName$w]: ReactProps$w & ReactBaseElementPropsWithChildren<Menu>;
5919
6406
  }
5920
6407
  }
5921
6408
  }
5922
6409
  declare module 'react' {
5923
6410
  namespace JSX {
5924
6411
  interface IntrinsicElements {
5925
- [tagName$v]: ReactProps$v & ReactBaseElementPropsWithChildren<ListItem>;
6412
+ [tagName$v]: Omit<ReactProps$v, 'primaryAction' | 'secondaryActions'> & ReactBaseElementPropsWithChildren<Modal>;
5926
6413
  }
5927
6414
  }
5928
6415
  }
5929
6416
  declare global {
5930
6417
  namespace JSX {
5931
6418
  interface IntrinsicElements {
5932
- [tagName$v]: ReactProps$v & ReactBaseElementPropsWithChildren<ListItem>;
6419
+ [tagName$v]: Omit<ReactProps$v, 'primaryAction' | 'secondaryActions'> & ReactBaseElementPropsWithChildren<Modal>;
5933
6420
  }
5934
6421
  }
5935
6422
  }
5936
6423
  declare module 'react' {
5937
6424
  namespace JSX {
5938
6425
  interface IntrinsicElements {
5939
- [tagName$u]: ReactProps$u & ReactBaseElementPropsWithChildren<Menu>;
6426
+ [tagName$u]: ReactProps$u & ReactBaseElementProps<MoneyField>;
5940
6427
  }
5941
6428
  }
5942
6429
  }
5943
6430
  declare global {
5944
6431
  namespace JSX {
5945
6432
  interface IntrinsicElements {
5946
- [tagName$u]: ReactProps$u & ReactBaseElementPropsWithChildren<Menu>;
6433
+ [tagName$u]: ReactProps$u & ReactBaseElementProps<MoneyField>;
5947
6434
  }
5948
6435
  }
5949
6436
  }
5950
6437
  declare module 'react' {
5951
6438
  namespace JSX {
5952
6439
  interface IntrinsicElements {
5953
- [tagName$t]: Omit<ReactProps$t, 'primaryAction' | 'secondaryActions'> & ReactBaseElementPropsWithChildren<Modal>;
6440
+ [tagName$t]: ReactProps$t & ReactBaseElementProps<NumberField>;
5954
6441
  }
5955
6442
  }
5956
6443
  }
5957
6444
  declare global {
5958
6445
  namespace JSX {
5959
6446
  interface IntrinsicElements {
5960
- [tagName$t]: Omit<ReactProps$t, 'primaryAction' | 'secondaryActions'> & ReactBaseElementPropsWithChildren<Modal>;
6447
+ [tagName$t]: ReactProps$t & ReactBaseElementProps<NumberField>;
5961
6448
  }
5962
6449
  }
5963
6450
  }
5964
6451
  declare module 'react' {
5965
6452
  namespace JSX {
5966
6453
  interface IntrinsicElements {
5967
- [tagName$s]: ReactProps$s & ReactBaseElementProps<MoneyField>;
6454
+ [tagName$s]: ReactProps$s & ReactBaseElementPropsWithChildren<Option>;
5968
6455
  }
5969
6456
  }
5970
6457
  }
5971
6458
  declare global {
5972
6459
  namespace JSX {
5973
6460
  interface IntrinsicElements {
5974
- [tagName$s]: ReactProps$s & ReactBaseElementProps<MoneyField>;
6461
+ [tagName$s]: ReactProps$s & ReactBaseElementPropsWithChildren<Option>;
5975
6462
  }
5976
6463
  }
5977
6464
  }
5978
6465
  declare module 'react' {
5979
6466
  namespace JSX {
5980
6467
  interface IntrinsicElements {
5981
- [tagName$r]: ReactProps$r & ReactBaseElementProps<NumberField>;
6468
+ [tagName$r]: ReactProps$r & ReactBaseElementPropsWithChildren<OptionGroup>;
5982
6469
  }
5983
6470
  }
5984
6471
  }
5985
6472
  declare global {
5986
6473
  namespace JSX {
5987
6474
  interface IntrinsicElements {
5988
- [tagName$r]: ReactProps$r & ReactBaseElementProps<NumberField>;
6475
+ [tagName$r]: ReactProps$r & ReactBaseElementPropsWithChildren<OptionGroup>;
5989
6476
  }
5990
6477
  }
5991
6478
  }
5992
6479
  declare module 'react' {
5993
6480
  namespace JSX {
5994
6481
  interface IntrinsicElements {
5995
- [tagName$q]: ReactProps$q & ReactBaseElementPropsWithChildren<Option>;
6482
+ [tagName$q]: ReactProps$q & ReactBaseElementPropsWithChildren<OrderedList>;
5996
6483
  }
5997
6484
  }
5998
6485
  }
5999
6486
  declare global {
6000
6487
  namespace JSX {
6001
6488
  interface IntrinsicElements {
6002
- [tagName$q]: ReactProps$q & ReactBaseElementPropsWithChildren<Option>;
6489
+ [tagName$q]: ReactProps$q & ReactBaseElementPropsWithChildren<OrderedList>;
6003
6490
  }
6004
6491
  }
6005
6492
  }
6006
6493
  declare module 'react' {
6007
6494
  namespace JSX {
6008
6495
  interface IntrinsicElements {
6009
- [tagName$p]: ReactProps$p & ReactBaseElementPropsWithChildren<OptionGroup>;
6496
+ [tagName$p]: Omit<ReactProps$p, 'aside' | 'primaryAction' | 'secondaryActions' | 'breadcrumbActions'> & ReactBaseElementPropsWithChildren<Page>;
6010
6497
  }
6011
6498
  }
6012
6499
  }
6013
6500
  declare global {
6014
6501
  namespace JSX {
6015
6502
  interface IntrinsicElements {
6016
- [tagName$p]: ReactProps$p & ReactBaseElementPropsWithChildren<OptionGroup>;
6503
+ [tagName$p]: Omit<ReactProps$p, 'aside' | 'primaryAction' | 'secondaryActions' | 'breadcrumbActions'> & ReactBaseElementPropsWithChildren<Page>;
6017
6504
  }
6018
6505
  }
6019
6506
  }
6020
6507
  declare module 'react' {
6021
6508
  namespace JSX {
6022
6509
  interface IntrinsicElements {
6023
- [tagName$o]: ReactProps$o & ReactBaseElementPropsWithChildren<OrderedList>;
6510
+ [tagName$o]: ReactProps$o & ReactBaseElementPropsWithChildren<Paragraph>;
6024
6511
  }
6025
6512
  }
6026
6513
  }
6027
6514
  declare global {
6028
6515
  namespace JSX {
6029
6516
  interface IntrinsicElements {
6030
- [tagName$o]: ReactProps$o & ReactBaseElementPropsWithChildren<OrderedList>;
6517
+ [tagName$o]: ReactProps$o & ReactBaseElementPropsWithChildren<Paragraph>;
6031
6518
  }
6032
6519
  }
6033
6520
  }
6034
6521
  declare module 'react' {
6035
6522
  namespace JSX {
6036
6523
  interface IntrinsicElements {
6037
- [tagName$n]: Omit<ReactProps$n, 'aside' | 'primaryAction' | 'secondaryActions' | 'breadcrumbActions'> & ReactBaseElementPropsWithChildren<Page>;
6524
+ [tagName$n]: ReactProps$n & ReactBaseElementProps<PasswordField>;
6038
6525
  }
6039
6526
  }
6040
6527
  }
6041
6528
  declare global {
6042
6529
  namespace JSX {
6043
6530
  interface IntrinsicElements {
6044
- [tagName$n]: Omit<ReactProps$n, 'aside' | 'primaryAction' | 'secondaryActions' | 'breadcrumbActions'> & ReactBaseElementPropsWithChildren<Page>;
6531
+ [tagName$n]: ReactProps$n & ReactBaseElementProps<PasswordField>;
6045
6532
  }
6046
6533
  }
6047
6534
  }
6048
6535
  declare module 'react' {
6049
6536
  namespace JSX {
6050
6537
  interface IntrinsicElements {
6051
- [tagName$m]: ReactProps$m & ReactBaseElementPropsWithChildren<Paragraph>;
6538
+ [tagName$m]: ReactProps$m & ReactBaseElementPropsWithChildren<Popover>;
6052
6539
  }
6053
6540
  }
6054
6541
  }
6055
6542
  declare global {
6056
6543
  namespace JSX {
6057
6544
  interface IntrinsicElements {
6058
- [tagName$m]: ReactProps$m & ReactBaseElementPropsWithChildren<Paragraph>;
6545
+ [tagName$m]: ReactProps$m & ReactBaseElementPropsWithChildren<Popover>;
6059
6546
  }
6060
6547
  }
6061
6548
  }
6062
6549
  declare module 'react' {
6063
6550
  namespace JSX {
6064
6551
  interface IntrinsicElements {
6065
- [tagName$l]: ReactProps$l & ReactBaseElementProps<PasswordField>;
6552
+ [tagName$l]: ReactProps$l & ReactBaseElementPropsWithChildren<PressButton>;
6066
6553
  }
6067
6554
  }
6068
6555
  }
6069
6556
  declare global {
6070
6557
  namespace JSX {
6071
6558
  interface IntrinsicElements {
6072
- [tagName$l]: ReactProps$l & ReactBaseElementProps<PasswordField>;
6559
+ [tagName$l]: ReactProps$l & ReactBaseElementPropsWithChildren<PressButton>;
6073
6560
  }
6074
6561
  }
6075
6562
  }
6076
6563
  declare module 'react' {
6077
6564
  namespace JSX {
6078
6565
  interface IntrinsicElements {
6079
- [tagName$k]: ReactProps$k & ReactBaseElementPropsWithChildren<Popover>;
6566
+ [tagName$k]: ReactProps$k & ReactBaseElementPropsWithChildren<QueryContainer>;
6080
6567
  }
6081
6568
  }
6082
6569
  }
6083
6570
  declare global {
6084
6571
  namespace JSX {
6085
6572
  interface IntrinsicElements {
6086
- [tagName$k]: ReactProps$k & ReactBaseElementPropsWithChildren<Popover>;
6573
+ [tagName$k]: ReactProps$k & ReactBaseElementPropsWithChildren<QueryContainer>;
6087
6574
  }
6088
6575
  }
6089
6576
  }
6090
6577
  declare module 'react' {
6091
6578
  namespace JSX {
6092
6579
  interface IntrinsicElements {
6093
- [tagName$j]: ReactProps$j & ReactBaseElementPropsWithChildren<QueryContainer>;
6580
+ [tagName$j]: ReactProps$j & ReactBaseElementPropsWithChildren<ScrollBox>;
6094
6581
  }
6095
6582
  }
6096
6583
  }
6097
6584
  declare global {
6098
6585
  namespace JSX {
6099
6586
  interface IntrinsicElements {
6100
- [tagName$j]: ReactProps$j & ReactBaseElementPropsWithChildren<QueryContainer>;
6587
+ [tagName$j]: ReactProps$j & ReactBaseElementPropsWithChildren<ScrollBox>;
6101
6588
  }
6102
6589
  }
6103
6590
  }
@@ -6300,14 +6787,14 @@ declare global {
6300
6787
  declare module 'react' {
6301
6788
  namespace JSX {
6302
6789
  interface IntrinsicElements {
6303
- [tagName$4]: Omit<ReactProps$4, 'accessory'> & ReactBaseElementProps<TextField>;
6790
+ [tagName$4]: Omit<ReactProps$4, 'accessory'> & ReactBaseElementPropsWithChildren<TextField>;
6304
6791
  }
6305
6792
  }
6306
6793
  }
6307
6794
  declare global {
6308
6795
  namespace JSX {
6309
6796
  interface IntrinsicElements {
6310
- [tagName$4]: Omit<ReactProps$4, 'accessory'> & ReactBaseElementProps<TextField>;
6797
+ [tagName$4]: Omit<ReactProps$4, 'accessory'> & ReactBaseElementPropsWithChildren<TextField>;
6311
6798
  }
6312
6799
  }
6313
6800
  }