@allxsmith/bestax-bulma 5.37.0 → 5.38.1

package/dist/esm/helpers/Theme.js.map

@@ -1 +1 @@
-{"version":3,"file":"Theme.js","sources":["../../../src/helpers/Theme.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useMemo,\n  useState,\n  ReactNode,\n  CSSProperties,\n} from 'react';\nimport classNames from './classNames';\nimport { useBulmaClasses, BulmaClassesProps } from './useBulmaClasses';\nimport { validGaps, validRadii, type BulmaGapStep } from './bulmaClassHelpers';\nimport { isDev, warnOnce } from './devWarnings';\nimport { useClassPrefix } from './Config';\n\n// --- Bulma v1 CSS variables Theme sets (originally generated from\n// CSSVAR_KEYS), in two lists by where Bulma declares them ---\n\n/**\n * Variables a value set on an ancestor reaches. Bulma declares them on\n * `:root` (or a theme scope), or on no component in its plain state, so the\n * value Theme writes on its wrapper or at `:root` is the one the components\n * under it use.\n */\nconst bulmaGlobalVars = [\n  // scheme\n  '--bulma-scheme-h',\n  '--bulma-scheme-s',\n  '--bulma-scheme-main',\n  '--bulma-scheme-main-bis',\n  '--bulma-scheme-main-ter',\n  '--bulma-scheme-invert',\n  '--bulma-scheme-invert-bis',\n  '--bulma-scheme-invert-ter',\n  '--bulma-light-l',\n  '--bulma-light-invert-l',\n  '--bulma-dark-l',\n  '--bulma-dark-invert-l',\n  '--bulma-soft-l',\n  '--bulma-bold-l',\n  '--bulma-soft-invert-l',\n  '--bulma-bold-invert-l',\n  '--bulma-hover-background-l-delta',\n  '--bulma-active-background-l-delta',\n  '--bulma-hover-border-l-delta',\n  '--bulma-active-border-l-delta',\n  '--bulma-hover-color-l-delta',\n  '--bulma-active-color-l-delta',\n  '--bulma-hover-shadow-a-delta',\n  '--bulma-active-shadow-a-delta',\n  // colors\n  '--bulma-primary-h',\n  '--bulma-primary-s',\n  '--bulma-primary-l',\n  '--bulma-link-h',\n  '--bulma-link-s',\n  '--bulma-link-l',\n  '--bulma-info-h',\n  '--bulma-info-s',\n  '--bulma-info-l',\n  '--bulma-success-h',\n  '--bulma-success-s',\n  '--bulma-success-l',\n  '--bulma-warning-h',\n  '--bulma-warning-s',\n  '--bulma-warning-l',\n  '--bulma-danger-h',\n  '--bulma-danger-s',\n  '--bulma-danger-l',\n  // shadow (the upstream token .box/.card/.dropdown/.panel derive their own\n  // shadow variables from; overriding it from an ancestor is the route that\n  // cascades, since those selectors re-declare their derived var on\n  // themselves)\n  '--bulma-shadow-h',\n  '--bulma-shadow-s',\n  '--bulma-shadow-l',\n  '--bulma-shadow',\n  // typography\n  '--bulma-family-primary',\n  '--bulma-family-secondary',\n  '--bulma-family-code',\n  '--bulma-size-small',\n  '--bulma-size-normal',\n  '--bulma-size-medium',\n  '--bulma-size-large',\n  '--bulma-weight-light',\n  '--bulma-weight-normal',\n  '--bulma-weight-medium',\n  '--bulma-weight-semibold',\n  '--bulma-weight-bold',\n  '--bulma-weight-extrabold',\n  // other\n  '--bulma-block-spacing',\n  '--bulma-duration',\n  '--bulma-easing',\n  '--bulma-radius-small',\n  '--bulma-radius',\n  '--bulma-radius-medium',\n  '--bulma-radius-large',\n  '--bulma-radius-rounded',\n  '--bulma-speed',\n  '--bulma-arrow-color',\n  '--bulma-loading-color',\n  '--bulma-burger-h',\n  '--bulma-burger-s',\n  '--bulma-burger-l',\n  '--bulma-burger-border-radius',\n  '--bulma-burger-gap',\n  '--bulma-burger-item-height',\n  '--bulma-burger-item-width',\n  // generic\n  '--bulma-body-background-color',\n  '--bulma-body-size',\n  '--bulma-body-min-width',\n  '--bulma-body-rendering',\n  '--bulma-body-family',\n  '--bulma-body-overflow-x',\n  '--bulma-body-overflow-y',\n  '--bulma-body-color',\n  '--bulma-body-font-size',\n  '--bulma-body-weight',\n  '--bulma-body-line-height',\n  '--bulma-code-family',\n  '--bulma-code-padding',\n  '--bulma-code-weight',\n  '--bulma-code-size',\n  '--bulma-small-font-size',\n  '--bulma-hr-background-color',\n  '--bulma-hr-height',\n  '--bulma-hr-margin',\n  '--bulma-strong-color',\n  '--bulma-strong-weight',\n  '--bulma-pre-font-size',\n  '--bulma-pre-padding',\n  '--bulma-pre-code-font-size',\n  // skeleton\n  '--bulma-skeleton-background',\n  '--bulma-skeleton-radius',\n  '--bulma-skeleton-block-min-height',\n  '--bulma-skeleton-lines-gap',\n  '--bulma-skeleton-line-height',\n  // control\n  '--bulma-control-radius',\n  '--bulma-control-radius-small',\n  '--bulma-control-border-width',\n  '--bulma-control-height',\n  '--bulma-control-line-height',\n  '--bulma-control-padding-vertical',\n  '--bulma-control-padding-horizontal',\n  '--bulma-control-size',\n  '--bulma-control-focus-shadow-l',\n  // columns\n  '--bulma-column-gap',\n  // grid\n  '--bulma-grid-cell-column-start',\n] as const;\n\n/**\n * Variables Bulma declares on the component's own element, such as\n * `--bulma-card-radius` on `.card`. An element that declares a variable uses\n * its own value whatever its ancestors set, so a value Theme writes for one\n * of these, on its wrapper or at `:root`, never reaches the component.\n *\n * They stay in `BulmaVars`, and so stay valid `bulmaVars` keys and variable\n * props, because taking a key out would be a breaking change. Setting one\n * warns in development instead; see `warnComponentVars`.\n *\n * `scripts/css-var-scopes.test.mjs` holds this split to Bulma's compiled\n * stylesheet in both directions, so a Bulma upgrade that moves a variable\n * fails there.\n */\nconst bulmaComponentVars = [\n  // breadcrumb\n  '--bulma-breadcrumb-item-color',\n  '--bulma-breadcrumb-item-hover-color',\n  '--bulma-breadcrumb-item-active-color',\n  '--bulma-breadcrumb-item-padding-vertical',\n  '--bulma-breadcrumb-item-padding-horizontal',\n  '--bulma-breadcrumb-item-separator-color',\n  // card\n  '--bulma-card-color',\n  '--bulma-card-background-color',\n  '--bulma-card-shadow',\n  '--bulma-card-radius',\n  '--bulma-card-header-background-color',\n  '--bulma-card-header-color',\n  '--bulma-card-header-padding',\n  '--bulma-card-header-shadow',\n  '--bulma-card-header-weight',\n  '--bulma-card-content-background-color',\n  '--bulma-card-content-padding',\n  '--bulma-card-footer-background-color',\n  '--bulma-card-footer-border-top',\n  '--bulma-card-footer-padding',\n  '--bulma-card-media-margin',\n  // dropdown\n  '--bulma-dropdown-menu-min-width',\n  '--bulma-dropdown-content-background-color',\n  '--bulma-dropdown-content-offset',\n  '--bulma-dropdown-content-padding-bottom',\n  '--bulma-dropdown-content-padding-top',\n  '--bulma-dropdown-content-radius',\n  '--bulma-dropdown-content-shadow',\n  '--bulma-dropdown-content-z',\n  '--bulma-dropdown-item-h',\n  '--bulma-dropdown-item-s',\n  '--bulma-dropdown-item-l',\n  '--bulma-dropdown-item-background-l',\n  '--bulma-dropdown-item-background-l-delta',\n  '--bulma-dropdown-item-hover-background-l-delta',\n  '--bulma-dropdown-item-active-background-l-delta',\n  '--bulma-dropdown-item-color-l',\n  '--bulma-dropdown-item-selected-h',\n  '--bulma-dropdown-item-selected-s',\n  '--bulma-dropdown-item-selected-l',\n  '--bulma-dropdown-item-selected-background-l',\n  '--bulma-dropdown-item-selected-color-l',\n  '--bulma-dropdown-divider-background-color',\n  // menu\n  '--bulma-menu-item-h',\n  '--bulma-menu-item-s',\n  '--bulma-menu-item-l',\n  '--bulma-menu-item-background-l',\n  '--bulma-menu-item-background-l-delta',\n  '--bulma-menu-item-hover-background-l-delta',\n  '--bulma-menu-item-active-background-l-delta',\n  '--bulma-menu-item-color-l',\n  '--bulma-menu-item-radius',\n  '--bulma-menu-item-selected-h',\n  '--bulma-menu-item-selected-s',\n  '--bulma-menu-item-selected-l',\n  '--bulma-menu-item-selected-background-l',\n  '--bulma-menu-item-selected-color-l',\n  '--bulma-menu-list-border-left',\n  '--bulma-menu-list-line-height',\n  '--bulma-menu-list-link-padding',\n  '--bulma-menu-nested-list-margin',\n  '--bulma-menu-nested-list-padding-left',\n  '--bulma-menu-label-color',\n  '--bulma-menu-label-font-size',\n  '--bulma-menu-label-letter-spacing',\n  '--bulma-menu-label-spacing',\n  // message\n  '--bulma-message-h',\n  '--bulma-message-s',\n  '--bulma-message-background-l',\n  '--bulma-message-border-l',\n  '--bulma-message-border-l-delta',\n  '--bulma-message-border-style',\n  '--bulma-message-border-width',\n  '--bulma-message-color-l',\n  '--bulma-message-radius',\n  '--bulma-message-header-weight',\n  '--bulma-message-header-padding',\n  '--bulma-message-header-radius',\n  '--bulma-message-header-body-border-width',\n  '--bulma-message-header-background-l',\n  '--bulma-message-header-color-l',\n  '--bulma-message-body-border-width',\n  '--bulma-message-body-color',\n  '--bulma-message-body-padding',\n  '--bulma-message-body-radius',\n  '--bulma-message-body-pre-code-background-color',\n  // modal\n  '--bulma-modal-z',\n  '--bulma-modal-background-background-color',\n  '--bulma-modal-content-width',\n  '--bulma-modal-content-margin-mobile',\n  '--bulma-modal-content-spacing-mobile',\n  '--bulma-modal-content-spacing-tablet',\n  '--bulma-modal-close-dimensions',\n  '--bulma-modal-close-right',\n  '--bulma-modal-close-top',\n  '--bulma-modal-card-spacing',\n  '--bulma-modal-card-head-background-color',\n  '--bulma-modal-card-head-padding',\n  '--bulma-modal-card-head-radius',\n  '--bulma-modal-card-title-color',\n  '--bulma-modal-card-title-line-height',\n  '--bulma-modal-card-title-size',\n  '--bulma-modal-card-foot-background-color',\n  '--bulma-modal-card-foot-radius',\n  '--bulma-modal-card-body-background-color',\n  '--bulma-modal-card-body-padding',\n  // navbar\n  '--bulma-navbar-h',\n  '--bulma-navbar-s',\n  '--bulma-navbar-l',\n  '--bulma-navbar-background-color',\n  '--bulma-navbar-box-shadow-size',\n  '--bulma-navbar-box-shadow-color',\n  '--bulma-navbar-padding-vertical',\n  '--bulma-navbar-padding-horizontal',\n  '--bulma-navbar-z',\n  '--bulma-navbar-fixed-z',\n  '--bulma-navbar-item-background-a',\n  '--bulma-navbar-item-background-l',\n  '--bulma-navbar-item-background-l-delta',\n  '--bulma-navbar-item-hover-background-l-delta',\n  '--bulma-navbar-item-active-background-l-delta',\n  '--bulma-navbar-item-color-l',\n  '--bulma-navbar-item-selected-h',\n  '--bulma-navbar-item-selected-s',\n  '--bulma-navbar-item-selected-l',\n  '--bulma-navbar-item-selected-background-l',\n  '--bulma-navbar-item-selected-color-l',\n  '--bulma-navbar-item-img-max-height',\n  '--bulma-navbar-burger-color',\n  '--bulma-navbar-tab-hover-background-color',\n  '--bulma-navbar-tab-hover-border-bottom-color',\n  '--bulma-navbar-tab-active-color',\n  '--bulma-navbar-tab-active-background-color',\n  '--bulma-navbar-tab-active-border-bottom-color',\n  '--bulma-navbar-tab-active-border-bottom-style',\n  '--bulma-navbar-tab-active-border-bottom-width',\n  '--bulma-navbar-dropdown-background-color',\n  '--bulma-navbar-dropdown-border-l',\n  '--bulma-navbar-dropdown-border-color',\n  '--bulma-navbar-dropdown-border-style',\n  '--bulma-navbar-dropdown-border-width',\n  '--bulma-navbar-dropdown-offset',\n  '--bulma-navbar-dropdown-arrow',\n  '--bulma-navbar-dropdown-radius',\n  '--bulma-navbar-dropdown-z',\n  '--bulma-navbar-dropdown-boxed-radius',\n  '--bulma-navbar-dropdown-boxed-shadow',\n  '--bulma-navbar-dropdown-item-h',\n  '--bulma-navbar-dropdown-item-s',\n  '--bulma-navbar-dropdown-item-l',\n  '--bulma-navbar-dropdown-item-background-l',\n  '--bulma-navbar-dropdown-item-color-l',\n  '--bulma-navbar-divider-background-l',\n  '--bulma-navbar-divider-height',\n  '--bulma-navbar-bottom-box-shadow-size',\n  // pagination\n  '--bulma-pagination-margin',\n  '--bulma-pagination-min-width',\n  '--bulma-pagination-item-h',\n  '--bulma-pagination-item-s',\n  '--bulma-pagination-item-l',\n  '--bulma-pagination-item-background-l-delta',\n  '--bulma-pagination-item-hover-background-l-delta',\n  '--bulma-pagination-item-active-background-l-delta',\n  '--bulma-pagination-item-border-style',\n  '--bulma-pagination-item-border-width',\n  '--bulma-pagination-item-border-l',\n  '--bulma-pagination-item-border-l-delta',\n  '--bulma-pagination-item-hover-border-l-delta',\n  '--bulma-pagination-item-active-border-l-delta',\n  '--bulma-pagination-item-focus-border-l-delta',\n  '--bulma-pagination-item-color-l',\n  '--bulma-pagination-item-font-size',\n  '--bulma-pagination-item-margin',\n  '--bulma-pagination-item-padding-left',\n  '--bulma-pagination-item-padding-right',\n  '--bulma-pagination-item-outer-shadow-h',\n  '--bulma-pagination-item-outer-shadow-s',\n  '--bulma-pagination-item-outer-shadow-l',\n  '--bulma-pagination-item-outer-shadow-a',\n  '--bulma-pagination-nav-padding-left',\n  '--bulma-pagination-nav-padding-right',\n  '--bulma-pagination-disabled-color',\n  '--bulma-pagination-disabled-background-color',\n  '--bulma-pagination-disabled-border-color',\n  '--bulma-pagination-current-color',\n  '--bulma-pagination-current-background-color',\n  '--bulma-pagination-current-border-color',\n  '--bulma-pagination-ellipsis-color',\n  '--bulma-pagination-shadow-inset',\n  '--bulma-pagination-selected-item-h',\n  '--bulma-pagination-selected-item-s',\n  '--bulma-pagination-selected-item-l',\n  '--bulma-pagination-selected-item-background-l',\n  '--bulma-pagination-selected-item-border-l',\n  '--bulma-pagination-selected-item-color-l',\n  // panel\n  '--bulma-panel-margin',\n  '--bulma-panel-item-border',\n  '--bulma-panel-radius',\n  '--bulma-panel-shadow',\n  '--bulma-panel-heading-line-height',\n  '--bulma-panel-heading-padding',\n  '--bulma-panel-heading-radius',\n  '--bulma-panel-heading-size',\n  '--bulma-panel-heading-weight',\n  '--bulma-panel-tabs-font-size',\n  '--bulma-panel-tab-border-bottom-color',\n  '--bulma-panel-tab-border-bottom-style',\n  '--bulma-panel-tab-border-bottom-width',\n  '--bulma-panel-tab-active-color',\n  '--bulma-panel-list-item-color',\n  '--bulma-panel-list-item-hover-color',\n  '--bulma-panel-block-color',\n  '--bulma-panel-block-hover-background-color',\n  '--bulma-panel-block-active-border-left-color',\n  '--bulma-panel-block-active-color',\n  '--bulma-panel-block-active-icon-color',\n  '--bulma-panel-icon-color',\n  // tabs\n  '--bulma-tabs-border-bottom-color',\n  '--bulma-tabs-border-bottom-style',\n  '--bulma-tabs-border-bottom-width',\n  '--bulma-tabs-link-color',\n  '--bulma-tabs-link-hover-border-bottom-color',\n  '--bulma-tabs-link-hover-color',\n  '--bulma-tabs-link-active-border-bottom-color',\n  '--bulma-tabs-link-active-color',\n  '--bulma-tabs-link-padding',\n  '--bulma-tabs-boxed-link-radius',\n  '--bulma-tabs-boxed-link-hover-background-color',\n  '--bulma-tabs-boxed-link-hover-border-bottom-color',\n  '--bulma-tabs-boxed-link-active-background-color',\n  '--bulma-tabs-boxed-link-active-border-color',\n  '--bulma-tabs-boxed-link-active-border-bottom-color',\n  '--bulma-tabs-toggle-link-border-color',\n  '--bulma-tabs-toggle-link-border-style',\n  '--bulma-tabs-toggle-link-border-width',\n  '--bulma-tabs-toggle-link-hover-background-color',\n  '--bulma-tabs-toggle-link-hover-border-color',\n  '--bulma-tabs-toggle-link-radius',\n  '--bulma-tabs-toggle-link-active-background-color',\n  '--bulma-tabs-toggle-link-active-border-color',\n  '--bulma-tabs-toggle-link-active-color',\n  // box\n  '--bulma-box-background-color',\n  '--bulma-box-color',\n  '--bulma-box-radius',\n  '--bulma-box-shadow',\n  '--bulma-box-padding',\n  '--bulma-box-link-hover-shadow',\n  '--bulma-box-link-active-shadow',\n  // content\n  '--bulma-content-heading-color',\n  '--bulma-content-heading-weight',\n  '--bulma-content-heading-line-height',\n  '--bulma-content-block-margin-bottom',\n  '--bulma-content-blockquote-background-color',\n  '--bulma-content-blockquote-border-left',\n  '--bulma-content-blockquote-padding',\n  '--bulma-content-pre-padding',\n  '--bulma-content-table-cell-border',\n  '--bulma-content-table-cell-border-width',\n  '--bulma-content-table-cell-padding',\n  '--bulma-content-table-cell-heading-color',\n  '--bulma-content-table-head-cell-border-width',\n  '--bulma-content-table-head-cell-color',\n  '--bulma-content-table-body-last-row-cell-border-bottom-width',\n  '--bulma-content-table-foot-cell-border-width',\n  '--bulma-content-table-foot-cell-color',\n  // delete\n  '--bulma-delete-dimensions',\n  '--bulma-delete-background-l',\n  '--bulma-delete-background-alpha',\n  '--bulma-delete-color',\n  // icon\n  '--bulma-icon-dimensions',\n  '--bulma-icon-dimensions-small',\n  '--bulma-icon-dimensions-medium',\n  '--bulma-icon-dimensions-large',\n  '--bulma-icon-text-spacing',\n  // notification\n  '--bulma-notification-h',\n  '--bulma-notification-s',\n  '--bulma-notification-background-l',\n  '--bulma-notification-color-l',\n  '--bulma-notification-code-background-color',\n  '--bulma-notification-radius',\n  '--bulma-notification-padding',\n  // progress\n  '--bulma-progress-border-radius',\n  '--bulma-progress-bar-background-color',\n  '--bulma-progress-value-background-color',\n  '--bulma-progress-indeterminate-duration',\n  // table\n  '--bulma-table-color',\n  '--bulma-table-background-color',\n  '--bulma-table-cell-border-color',\n  '--bulma-table-cell-border-style',\n  '--bulma-table-cell-border-width',\n  '--bulma-table-cell-padding',\n  '--bulma-table-cell-heading-color',\n  '--bulma-table-cell-text-align',\n  '--bulma-table-head-cell-border-width',\n  '--bulma-table-head-cell-color',\n  '--bulma-table-foot-cell-border-width',\n  '--bulma-table-foot-cell-color',\n  '--bulma-table-head-background-color',\n  '--bulma-table-body-background-color',\n  '--bulma-table-foot-background-color',\n  '--bulma-table-row-hover-background-color',\n  '--bulma-table-row-active-background-color',\n  '--bulma-table-row-active-color',\n  '--bulma-table-striped-row-even-background-color',\n  '--bulma-table-striped-row-even-hover-background-color',\n  // tag\n  '--bulma-tag-h',\n  '--bulma-tag-s',\n  '--bulma-tag-background-l',\n  '--bulma-tag-background-l-delta',\n  '--bulma-tag-hover-background-l-delta',\n  '--bulma-tag-active-background-l-delta',\n  '--bulma-tag-color-l',\n  '--bulma-tag-radius',\n  '--bulma-tag-delete-margin',\n  // title\n  '--bulma-title-color',\n  '--bulma-title-family',\n  '--bulma-title-size',\n  '--bulma-title-weight',\n  '--bulma-title-line-height',\n  '--bulma-title-strong-color',\n  '--bulma-title-strong-weight',\n  '--bulma-title-sub-size',\n  '--bulma-title-sup-size',\n  '--bulma-subtitle-color',\n  '--bulma-subtitle-family',\n  '--bulma-subtitle-size',\n  '--bulma-subtitle-weight',\n  '--bulma-subtitle-line-height',\n  '--bulma-subtitle-strong-color',\n  '--bulma-subtitle-strong-weight',\n  // file\n  '--bulma-file-radius',\n  '--bulma-file-name-border-color',\n  '--bulma-file-name-border-style',\n  '--bulma-file-name-border-width',\n  '--bulma-file-name-max-width',\n  '--bulma-file-h',\n  '--bulma-file-s',\n  '--bulma-file-background-l',\n  '--bulma-file-background-l-delta',\n  '--bulma-file-hover-background-l-delta',\n  '--bulma-file-active-background-l-delta',\n  '--bulma-file-border-l',\n  '--bulma-file-border-l-delta',\n  '--bulma-file-hover-border-l-delta',\n  '--bulma-file-active-border-l-delta',\n  '--bulma-file-cta-color-l',\n  '--bulma-file-name-color-l',\n  '--bulma-file-color-l-delta',\n  '--bulma-file-hover-color-l-delta',\n  '--bulma-file-active-color-l-delta',\n  // input\n  '--bulma-input-h',\n  '--bulma-input-s',\n  '--bulma-input-l',\n  '--bulma-input-border-style',\n  '--bulma-input-border-l',\n  '--bulma-input-border-l-delta',\n  '--bulma-input-hover-border-l-delta',\n  '--bulma-input-active-border-l-delta',\n  '--bulma-input-focus-h',\n  '--bulma-input-focus-s',\n  '--bulma-input-focus-l',\n  '--bulma-input-focus-shadow-size',\n  '--bulma-input-focus-shadow-alpha',\n  '--bulma-input-color-l',\n  '--bulma-input-background-l',\n  '--bulma-input-background-l-delta',\n  '--bulma-input-height',\n  '--bulma-input-shadow',\n  '--bulma-input-placeholder-color',\n  '--bulma-input-disabled-color',\n  '--bulma-input-disabled-background-color',\n  '--bulma-input-disabled-border-color',\n  '--bulma-input-disabled-placeholder-color',\n  '--bulma-input-arrow',\n  '--bulma-input-icon-color',\n  '--bulma-input-icon-hover-color',\n  '--bulma-input-icon-focus-color',\n  '--bulma-input-radius',\n  // grid\n  '--bulma-grid-gap',\n  '--bulma-grid-column-count',\n  '--bulma-grid-column-min',\n  '--bulma-grid-cell-column-span',\n  // footer\n  '--bulma-footer-background-color',\n  '--bulma-footer-color',\n  '--bulma-footer-padding',\n  // hero\n  '--bulma-hero-body-padding',\n  '--bulma-hero-body-padding-tablet',\n  '--bulma-hero-body-padding-small',\n  '--bulma-hero-body-padding-medium',\n  '--bulma-hero-body-padding-large',\n  // media\n  '--bulma-media-border-color',\n  '--bulma-media-border-size',\n  '--bulma-media-spacing',\n  '--bulma-media-spacing-large',\n  '--bulma-media-content-spacing',\n  '--bulma-media-level-1-spacing',\n  '--bulma-media-level-1-content-spacing',\n  '--bulma-media-level-2-spacing',\n  // section\n  '--bulma-section-padding',\n  '--bulma-section-padding-desktop',\n  '--bulma-section-padding-medium',\n  '--bulma-section-padding-large',\n] as const;\n\n/** Every Bulma CSS variable Theme accepts: the two lists above. */\nconst bulmaCssVars = [...bulmaGlobalVars, ...bulmaComponentVars] as const;\n\n/** A single Bulma CSS variable key from the `bulmaCssVars` tuple. */\ntype BulmaVarKey = (typeof bulmaCssVars)[number];\n/** A partial record mapping Bulma CSS variable keys to string values. */\ntype BulmaVars = Partial<Record<BulmaVarKey, string>>;\n\n/**\n * Convert a Bulma CSS variable name to a camelCase prop name.\n * @param {string} varName - CSS variable name (e.g., '--bulma-primary-h').\n * @returns {string} The camelCase prop name (e.g., 'primaryH').\n */\nfunction cssVarToProp(varName: string): string {\n  return varName\n    .replace(/^--bulma-/, '')\n    .split('-')\n    .map((part, i) =>\n      i === 0 ? part : part.charAt(0).toUpperCase() + part.slice(1)\n    )\n    .join('');\n}\n\n/**\n * Prop names `cssVarToProp` would mint that are already helper props:\n * `--bulma-shadow` becomes `shadow`, `--bulma-radius` becomes `radius` and\n * `--bulma-column-gap` becomes `columnGap`. They stay out of\n * `bulmaVarPropMap`, so on Theme each is the helper prop it is on every other\n * component, and every one of those variables is still reachable through\n * `bulmaVars`.\n *\n * `radius` was missed here once and set `--bulma-radius` while typed as the\n * helper (#694). It still writes that variable, so what it did then keeps\n * working; see `themeRadiusVar`. `columnGap` joined when the gap helpers\n * became shared helper props, and keeps its old variable route the same way;\n * see `themeColumnGapVar`.\n */\nconst helperPropNames: readonly string[] = ['shadow', 'radius', 'columnGap'];\n\n/**\n * Mapping of camelCase prop names to their Bulma CSS variable counterparts,\n * minus the `helperPropNames` above.\n */\nconst bulmaVarPropMap = Object.fromEntries(\n  bulmaCssVars\n    .map(cssVar => [cssVarToProp(cssVar), cssVar])\n    .filter(([prop]) => !helperPropNames.includes(prop))\n) as Record<string, string>;\n\n/**\n * What each helper value of `radius` writes to `--bulma-radius` on a Theme,\n * alongside its class.\n *\n * Before #694, `radius=\"radiusless\"` wrote `--bulma-radius: radiusless`. That\n * is not a length, and a declaration reading an invalid variable falls back\n * to its property's initial value, which for a border radius is 0. So\n * everything inside the Theme that takes its radius from that variable lost\n * it, and under `isRoot` so did everything on the page that does. Writing a\n * real 0 keeps what\n * people see and makes it valid CSS. Keyed by the helper values, so adding\n * one means saying what it writes.\n *\n * The sizes write nothing and only add their class. Their classes read the\n * radius variables, so `normal` would point `--bulma-radius` at itself, which\n * is invalid and computes to 0, and `rounded` would turn every control inside\n * the Theme into a pill.\n */\nconst radiusHelperVars: Record<\n  (typeof validRadii)[number],\n  string | undefined\n> = {\n  radiusless: '0',\n  small: undefined,\n  normal: undefined,\n  large: undefined,\n  rounded: undefined,\n};\n\n/**\n * What `radius` writes to `--bulma-radius` on a Theme, or `undefined` when it\n * writes nothing.\n *\n * A helper value writes its `radiusHelperVars` entry. Any other non-empty\n * string is written as given: before #694 every `radius` on Theme set the\n * variable whatever its type said, and a JavaScript caller passing a length\n * got the radius it asked for. That keeps working so nothing breaks, but the\n * type rejects it, so it warns in development and points at `bulmaVars`.\n *\n * Only a string writes anything, because only a string ever set the variable\n * to something usable: an empty value or zero was dropped, and a boolean or\n * any other bare number is not a length. The helper ignores those too, the\n * way it does on every other component.\n */\nconst themeRadiusVar = (radius: unknown): string | undefined => {\n  if (typeof radius !== 'string' || radius === '') {\n    return undefined;\n  }\n  if ((validRadii as readonly string[]).includes(radius)) {\n    return radiusHelperVars[radius as keyof typeof radiusHelperVars];\n  }\n  warnOnce(\n    'Theme:radius-variable',\n    `[bestax-bulma] <Theme radius=\"${radius}\">: setting --bulma-radius ` +\n      'through the radius prop is deprecated and will stop working in a ' +\n      'future major version. On Theme, as on every other component, radius ' +\n      `is the border radius helper (\"${validRadii.join('\", \"')}\"). Set the variable with ` +\n      `bulmaVars={{ '--bulma-radius': '${radius}' }} instead.`\n  );\n  return radius;\n};\n\n/**\n * What `columnGap` writes to `--bulma-column-gap` on a Theme, or `undefined`\n * when it writes nothing.\n *\n * Until the gap helpers were shared helper props, `columnGap` on Theme was\n * the camelCase prop Theme mints for `--bulma-column-gap`. It was never in\n * `ThemeProps`, so only untyped code reached it, but that code got the\n * columns gutter it asked for. It is the column gap helper now, as on every\n * other component, so a gap step goes to the helper and writes nothing here.\n * Any other non-empty string is still written as given, so a length such as\n * `'1rem'` keeps working, with a development warning pointing at `bulmaVars`.\n *\n * Only a string writes anything, for the reason `themeRadiusVar` gives: a\n * number or a boolean was never a usable length.\n */\nconst themeColumnGapVar = (columnGap: unknown): string | undefined => {\n  if (typeof columnGap !== 'string' || columnGap === '') {\n    return undefined;\n  }\n  if ((validGaps as readonly string[]).includes(columnGap)) {\n    return undefined;\n  }\n  warnOnce(\n    'Theme:column-gap-variable',\n    `[bestax-bulma] <Theme columnGap=\"${columnGap}\">: setting ` +\n      '--bulma-column-gap through the columnGap prop is deprecated and will ' +\n      'stop working in a future major version. On Theme, as on every other ' +\n      'component, columnGap is the column gap helper ' +\n      `(\"${validGaps.join('\", \"')}\"). Set the variable with ` +\n      `bulmaVars={{ '--bulma-column-gap': '${columnGap}' }} instead.`\n  );\n  return columnGap;\n};\n\n/**\n * `bulmaComponentVars` as a lookup, built by `warnComponentVars` the first\n * time it is needed.\n */\nlet componentVarKeys: ReadonlySet<string> | undefined;\n\n/**\n * Warn in development when a Theme is given variables Bulma declares on the\n * component itself (`bulmaComponentVars`), whether through `bulmaVars` or a\n * variable prop such as `cardRadius`. Theme writes them where they can never\n * win, so nothing changes on the page, and saying so is the only way to find\n * out short of reading Bulma's stylesheet.\n *\n * Keyed by the set of variables, so a Theme that keeps passing the same ones\n * warns once, and a different set warns again. An empty value writes nothing,\n * so it is not reported.\n *\n * All of this is development-only, so it returns before doing anything in\n * production, and it builds its lookup on the first development call rather\n * than when the module loads.\n */\nconst warnComponentVars = (vars: BulmaVars): void => {\n  if (!isDev()) {\n    return;\n  }\n  const keys = (componentVarKeys ??= new Set<string>(bulmaComponentVars));\n  const inert = Object.entries(vars)\n    .filter(([key, value]) => value && keys.has(key))\n    .map(([key]) => key)\n    .sort();\n  if (inert.length === 0) {\n    return;\n  }\n  const one = inert.length === 1;\n  warnOnce(\n    `Theme:component-vars:${inert.join(',')}`,\n    `[bestax-bulma] <Theme>: Bulma declares ${inert.join(', ')} on the ` +\n      `component itself, so a value set on Theme never reaches ` +\n      `${one ? 'it' : 'them'}. Set ${one ? 'it' : 'them'} on that ` +\n      'component instead, with className or style, or through Sass.'\n  );\n};\n\n/** The one `<style>` element every `isRoot` Theme writes into. */\nconst ROOT_STYLE_ID = 'bestax-bulma-theme-vars';\n\n/**\n * The `:root` rules of every mounted `isRoot` Theme that has any, keyed by the\n * Theme's render order.\n *\n * Root Themes share one `<style>` element, so each keeps its rules here and\n * the element is rebuilt from all of them whenever one mounts, changes or\n * unmounts. Before this each Theme overwrote the element with only its own\n * rules, and the first to unmount removed it for all of them (#736).\n *\n * The key is a number each Theme takes when it first renders. React renders a\n * parent before its children and an earlier sibling before a later one, so an\n * inner or later-mounted root Theme sorts later, comes later in the\n * stylesheet, and wins a variable two of them set, as an inner scoped Theme\n * does. Effects would give the wrong answer for nesting: React runs a child's\n * effects before its parent's. Only the relative order matters, so a number\n * skipped by StrictMode calling the initializer twice, or by a render React\n * throws away, is harmless. The key never changes, so an update keeps its\n * place and re-rendering one Theme never changes which one wins.\n */\nconst rootThemeRules = new Map<number, string>();\nlet nextRootOrder = 0;\n\n/**\n * Write every registered root Theme's rules into the shared element, creating\n * it when needed and removing it once no Theme has any rules left.\n */\nconst renderRootThemeRules = (): void => {\n  let element = document.getElementById(ROOT_STYLE_ID);\n  if (rootThemeRules.size === 0) {\n    element?.remove();\n    return;\n  }\n  if (!element) {\n    element = document.createElement('style');\n    element.id = ROOT_STYLE_ID;\n    document.head.appendChild(element);\n  }\n  element.textContent = [...rootThemeRules]\n    .sort(([a], [b]) => a - b)\n    .map(([, rules]) => rules)\n    .join('\\n');\n};\n\n/**\n * Record one Theme's `:root` rules, where an empty string means it has none,\n * and rebuild the shared element if that changed anything. A Theme with no\n * rules never touches the element, which is what it did before the registry\n * too.\n */\nconst setRootThemeRules = (order: number, rules: string): void => {\n  if ((rootThemeRules.get(order) ?? '') === rules) {\n    return;\n  }\n  if (rules) {\n    rootThemeRules.set(order, rules);\n  } else {\n    rootThemeRules.delete(order);\n  }\n  renderRootThemeRules();\n};\n\n/**\n * Props for the Theme component.\n */\nexport interface ThemeProps extends Omit<\n  BulmaClassesProps,\n  'color' | 'backgroundColor'\n> {\n  /** The content the theme applies to. */\n  children: ReactNode;\n  /**\n   * Additional CSS classes for the wrapper div. A root Theme (`isRoot`) has no\n   * wrapper, so there this does nothing, and says so in development.\n   */\n  className?: string;\n  /**\n   * Inject the variables globally at `:root` instead of scoping them to a\n   * wrapper div. Default: false.\n   *\n   * A root Theme renders its children with no wrapper, so `className` and the\n   * helper props, such as `m` or `shadow`, have no element to land on. They\n   * do nothing, and say so in development. `radius` and `columnGap` describe\n   * what each does at the root.\n   *\n   * Several root Themes can be mounted at once, and each contributes its own\n   * variables. Where two set the same one, the inner or later-mounted Theme\n   * wins, as with nested scoped Themes, and unmounting a Theme removes only\n   * what it contributed. The variables are written from an effect, so a\n   * server render does not include them.\n   */\n  isRoot?: boolean;\n  /**\n   * Set Bulma's light/dark scheme by writing its theme attribute on the\n   * document root (`<html>`). This is always global, even on a scoped Theme.\n   * `'system'` removes the attribute so Bulma follows the OS\n   * `prefers-color-scheme`. Omit to leave the current setting untouched.\n   *\n   * The attribute is `data-theme`. A stylesheet built with a class prefix\n   * reads Bulma's prefixed form instead (`data-bestax-theme` for the\n   * `bestax-prefixed` builds), so under a `ConfigProvider` `classPrefix`\n   * Theme writes both, and `'system'` or unmounting clears or restores both.\n   * If the prefix cannot form an attribute name, `'light'` and `'dark'`\n   * write only `data-theme` and warn in development.\n   */\n  colorMode?: 'light' | 'dark' | 'system';\n  /**\n   * Bulma CSS variables to set, by name, such as\n   * `{ '--bulma-primary-h': '210' }`. Only Bulma's own variables, the keys\n   * the `BulmaVars` type allows, are applied, and an empty value is skipped.\n   * Where a variable prop, such as `primaryH`, sets the same variable, the\n   * prop wins.\n   *\n   * Theme writes them on its wrapper, or at `:root` under `isRoot`, so only a\n   * variable that inherits from there changes anything. Bulma declares many\n   * component variables, such as `--bulma-card-radius` or\n   * `--bulma-delete-dimensions`, on the component's own element, and that\n   * declaration beats any value set further up. Those keys are accepted but\n   * do nothing here, and warn in development. Set them on the component\n   * itself, with `className` or `style`, or through Sass. Each component's\n   * API page says where Bulma declares its variables.\n   *\n   * Some global variables Bulma also declares again on one component, which\n   * keeps its own value while everything else takes the Theme's. Those do not\n   * warn, because the value still reaches the rest of the page.\n   */\n  bulmaVars?: BulmaVars;\n  /**\n   * Border radius helper, as on every other component: `radiusless` adds\n   * `is-radiusless` to the wrapper div. On a Theme it also sets\n   * `--bulma-radius` to 0, so what is inside the Theme loses its radius too.\n   * Under `isRoot` there is no wrapper for the class, and the variable is\n   * written at `:root`, which squares everything on the page that takes its\n   * radius from it.\n   *\n   * The sizes (`small`, `normal`, `large`, `rounded`) add their\n   * `has-radius-<value>` class to the wrapper div and set no variable, so\n   * they round the wrapper and leave what is inside it alone. Under `isRoot`\n   * there is no wrapper, so they do nothing, and say so in development.\n   *\n   * To change the radius of what is inside, set the variable through `bulmaVars`\n   * (`bulmaVars={{ '--bulma-radius': '6px' }}`). This prop used to write the\n   * variable for every value, so any other non-empty string still does, but\n   * that route is deprecated and logs a warning in development. A number or\n   * a boolean never produced a usable radius that way, and is now ignored as\n   * it is on every other component.\n   */\n  radius?: (typeof validRadii)[number];\n  /**\n   * Column gap helper, as on every other component: a gap step adds\n   * `is-column-gap-<step>` to the wrapper div, which spaces the wrapper's own\n   * children when it is a flex or grid container. Under `isRoot` there is no\n   * wrapper, so it does nothing, and says so in development.\n   *\n   * It does not set `--bulma-column-gap`, the variable `Columns` reads for\n   * its gutters; set that through `bulmaVars`\n   * (`bulmaVars={{ '--bulma-column-gap': '1rem' }}`). Before `columnGap` was\n   * a helper prop, untyped JavaScript could pass it to Theme as that\n   * variable. A string that is not a gap step (`'1rem'`) still sets it, but\n   * that route is deprecated and logs a warning in development. A gap step\n   * does not: `columnGap=\"0\"` used to zero the gutters inside the Theme, and\n   * now adds `is-column-gap-0` to the wrapper instead.\n   */\n  columnGap?: BulmaGapStep;\n  // Bulma scheme variables\n  /** Base hue for the color scheme, 0 to 360. Sets `--bulma-scheme-h`. */\n  schemeH?: string;\n  /** Base saturation for the color scheme, as a percentage. Sets `--bulma-scheme-s`. */\n  schemeS?: string;\n  /** Lightness for light backgrounds. Sets `--bulma-light-l`. */\n  lightL?: string;\n  /** Inverted lightness for light backgrounds. Sets `--bulma-light-invert-l`. */\n  lightInvertL?: string;\n  /** Lightness for dark backgrounds. Sets `--bulma-dark-l`. */\n  darkL?: string;\n  /** Inverted lightness for dark backgrounds. Sets `--bulma-dark-invert-l`. */\n  darkInvertL?: string;\n  /** Lightness for soft colors. Sets `--bulma-soft-l`. */\n  softL?: string;\n  /** Lightness for bold colors. Sets `--bulma-bold-l`. */\n  boldL?: string;\n  /** Inverted lightness for soft colors. Sets `--bulma-soft-invert-l`. */\n  softInvertL?: string;\n  /** Inverted lightness for bold colors. Sets `--bulma-bold-invert-l`. */\n  boldInvertL?: string;\n  /** Lightness change of a background on hover. Sets `--bulma-hover-background-l-delta`. */\n  hoverBackgroundLDelta?: string;\n  /** Lightness change of a background when active. Sets `--bulma-active-background-l-delta`. */\n  activeBackgroundLDelta?: string;\n  /** Lightness change of a border on hover. Sets `--bulma-hover-border-l-delta`. */\n  hoverBorderLDelta?: string;\n  /** Lightness change of a border when active. Sets `--bulma-active-border-l-delta`. */\n  activeBorderLDelta?: string;\n  /** Lightness change of text color on hover. Sets `--bulma-hover-color-l-delta`. */\n  hoverColorLDelta?: string;\n  /** Lightness change of text color when active. Sets `--bulma-active-color-l-delta`. */\n  activeColorLDelta?: string;\n  /** Alpha change of a shadow on hover. Sets `--bulma-hover-shadow-a-delta`. */\n  hoverShadowADelta?: string;\n  /** Alpha change of a shadow when active. Sets `--bulma-active-shadow-a-delta`. */\n  activeShadowADelta?: string;\n  // Bulma color variables\n  /** Primary color hue, 0 to 360. Sets `--bulma-primary-h`. */\n  primaryH?: string;\n  /** Primary color saturation, as a percentage. Sets `--bulma-primary-s`. */\n  primaryS?: string;\n  /** Primary color lightness, as a percentage. Sets `--bulma-primary-l`. */\n  primaryL?: string;\n  /** Link color hue, 0 to 360. Sets `--bulma-link-h`. */\n  linkH?: string;\n  /** Link color saturation, as a percentage. Sets `--bulma-link-s`. */\n  linkS?: string;\n  /** Link color lightness, as a percentage. Sets `--bulma-link-l`. */\n  linkL?: string;\n  /** Info color hue, 0 to 360. Sets `--bulma-info-h`. */\n  infoH?: string;\n  /** Info color saturation, as a percentage. Sets `--bulma-info-s`. */\n  infoS?: string;\n  /** Info color lightness, as a percentage. Sets `--bulma-info-l`. */\n  infoL?: string;\n  /** Success color hue, 0 to 360. Sets `--bulma-success-h`. */\n  successH?: string;\n  /** Success color saturation, as a percentage. Sets `--bulma-success-s`. */\n  successS?: string;\n  /** Success color lightness, as a percentage. Sets `--bulma-success-l`. */\n  successL?: string;\n  /** Warning color hue, 0 to 360. Sets `--bulma-warning-h`. */\n  warningH?: string;\n  /** Warning color saturation, as a percentage. Sets `--bulma-warning-s`. */\n  warningS?: string;\n  /** Warning color lightness, as a percentage. Sets `--bulma-warning-l`. */\n  warningL?: string;\n  /** Danger color hue, 0 to 360. Sets `--bulma-danger-h`. */\n  dangerH?: string;\n  /** Danger color saturation, as a percentage. Sets `--bulma-danger-s`. */\n  dangerS?: string;\n  /** Danger color lightness, as a percentage. Sets `--bulma-danger-l`. */\n  dangerL?: string;\n  // Add other commonly used ones as needed\n}\n\n/**\n * Theme component that injects Bulma CSS variables either globally or locally.\n *\n * When `isRoot` is true, variables are injected at `:root`. Otherwise, a wrapping\n * `<div>` scopes the variables to its children.\n *\n * @function\n * @param {ThemeProps} props - Props for the Theme component.\n * @returns {JSX.Element} The theme wrapper or fragment.\n *\n * @example\n * // Local theme scope\n * <Theme primaryH=\"171\" primaryS=\"100%\" primaryL=\"41%\">\n *   <Button color=\"primary\">Themed</Button>\n * </Theme>\n */\nexport const Theme: React.FC<ThemeProps> = ({\n  bulmaVars = {},\n  children,\n  className,\n  isRoot = false,\n  colorMode,\n  radius,\n  columnGap,\n  ...restProps\n}) => {\n  const radiusVar = themeRadiusVar(radius);\n  const columnGapVar = themeColumnGapVar(columnGap);\n  const radiusHelper = (validRadii as readonly unknown[]).includes(radius)\n    ? radius\n    : undefined;\n\n  // A radius size only adds its class, and a root Theme renders no wrapper to\n  // carry one, so on `isRoot` it does nothing at all. Say so, as the other\n  // radius routes that do not do what they look like do.\n  if (isRoot && radiusHelper && radiusHelperVars[radiusHelper] === undefined) {\n    warnOnce(\n      'Theme:root-radius-size',\n      `[bestax-bulma] <Theme isRoot radius=\"${radiusHelper}\">: a root Theme ` +\n        `has no wrapper element for has-radius-${radiusHelper}, and the ` +\n        'radius sizes set no variable, so this does nothing. To round one ' +\n        `element, put radius=\"${radiusHelper}\" on it. To change the radius ` +\n        \"across the page, set bulmaVars={{ '--bulma-radius': '…' }} instead.\"\n    );\n  }\n\n  // The same for a gap step in `columnGap`, which reads like the columns\n  // gutter it once set and, at the root, has no element for its class.\n  const columnGapStep =\n    typeof columnGap === 'number' ? String(columnGap) : columnGap;\n  if (\n    isRoot &&\n    columnGapStep !== undefined &&\n    (validGaps as readonly unknown[]).includes(columnGapStep)\n  ) {\n    warnOnce(\n      'Theme:root-column-gap',\n      `[bestax-bulma] <Theme isRoot columnGap=\"${columnGapStep}\">: a root ` +\n        `Theme has no wrapper element for is-column-gap-${columnGapStep}, ` +\n        'and a gap step sets no variable, so this does nothing. To change ' +\n        'the columns gutter across the page, set ' +\n        \"bulmaVars={{ '--bulma-column-gap': '…' }} instead.\"\n    );\n  }\n\n  // Extract Bulma variable props from restProps\n  const { bulmaVarProps, otherProps } = useMemo(() => {\n    const varProps: Record<string, string | undefined> = {};\n    const otherPropsObj: Record<string, unknown> = {};\n\n    for (const [key, value] of Object.entries(restProps)) {\n      if (Object.prototype.hasOwnProperty.call(bulmaVarPropMap, key)) {\n        varProps[key] = value as string;\n      } else {\n        otherPropsObj[key] = value;\n      }\n    }\n\n    return { bulmaVarProps: varProps, otherProps: otherPropsObj };\n  }, [restProps]);\n\n  // Everything left in `otherProps` lands on the wrapper div, as a helper\n  // class or an attribute, and so does `className`. A root Theme renders no\n  // wrapper, so under `isRoot` all of it is dropped. `radius` and `columnGap`\n  // are not in `otherProps`; the checks above cover them.\n  if (isRoot) {\n    const dropped = Object.entries(otherProps)\n      .filter(\n        ([, value]) => value !== undefined && value !== null && value !== false\n      )\n      .map(([key]) => key);\n    if (className) {\n      dropped.unshift('className');\n    }\n    if (dropped.length > 0) {\n      warnOnce(\n        'Theme:root-dropped-props',\n        `[bestax-bulma] <Theme isRoot>: a root Theme renders no wrapper ` +\n          `element, so ${dropped.join(', ')} ` +\n          `${dropped.length === 1 ? 'has' : 'have'} nothing to apply to. ` +\n          'Put helper props and classes on an element inside the Theme ' +\n          'instead.'\n      );\n    }\n  }\n\n  // Use Bulma classes for styling (only when not isRoot). Only a helper value\n  // of `radius` reaches the helper; a legacy string went to the variable.\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    ...otherProps,\n    radius: radiusHelper,\n    columnGap,\n  });\n\n  // Merge bulmaVars and individual props, with props taking precedence\n  const mergedVars: BulmaVars = useMemo(() => {\n    const vars: BulmaVars = { ...bulmaVars };\n    for (const [propName, cssVar] of Object.entries(bulmaVarPropMap)) {\n      if (bulmaVarProps[propName] !== undefined) {\n        vars[cssVar as BulmaVarKey] = bulmaVarProps[propName] as string;\n      }\n    }\n    if (radiusVar !== undefined) {\n      vars['--bulma-radius'] = radiusVar;\n    }\n    if (columnGapVar !== undefined) {\n      vars['--bulma-column-gap'] = columnGapVar;\n    }\n    return vars;\n  }, [bulmaVars, bulmaVarProps, radiusVar, columnGapVar]);\n\n  // From an effect rather than the render body, so rendering does none of\n  // this work, and a server render none at all. In production it returns\n  // at its development check before looking at the variables.\n  useEffect(() => {\n    warnComponentVars(mergedVars);\n  }, [mergedVars]);\n\n  // This Theme's place among root Themes; see `rootThemeRules`.\n  const [rootOrder] = useState(() => nextRootOrder++);\n\n  // The `:root` rules this Theme contributes, or '' when it contributes none.\n  const rootRules = useMemo(() => {\n    if (!isRoot) {\n      return '';\n    }\n    const cssRules = Object.entries(mergedVars)\n      .filter(\n        ([key, value]) => bulmaCssVars.includes(key as BulmaVarKey) && value\n      )\n      .map(([key, value]) => `${key}: ${value};`)\n      .join(' ');\n    return cssRules ? `:root { ${cssRules} }` : '';\n  }, [mergedVars, isRoot]);\n\n  // Inject CSS variables globally at :root level, alongside any other root\n  // Themes. Clearing `isRoot` or every variable passes '', which withdraws\n  // this Theme's rules.\n  useEffect(() => {\n    setRootThemeRules(rootOrder, rootRules);\n  }, [rootOrder, rootRules]);\n\n  // Withdraw them on unmount. Kept apart from the effect above so a change\n  // rewrites the shared element in place rather than removing and recreating\n  // it between the cleanup and the next run.\n  useEffect(() => () => setRootThemeRules(rootOrder, ''), [rootOrder]);\n\n  // Bulma names its scheme attribute after the class prefix a stylesheet was\n  // built with (`data-<prefix>theme`), so the prefixed builds read\n  // `data-bestax-theme` and never `data-theme`.\n  const classPrefix = useClassPrefix();\n\n  // Toggle Bulma's light/dark scheme by writing the theme attribute on the\n  // document root (<html>). This is always global, even on a scoped Theme.\n  // Under a class prefix the prefixed attribute is written as well as\n  // `data-theme`, so whichever build is loaded sees it; with no prefix only\n  // `data-theme` is. `'system'` removes them so Bulma follows the OS\n  // preference.\n  useEffect(() => {\n    if (colorMode === undefined) {\n      return;\n    }\n\n    const root = document.documentElement;\n    const names = classPrefix\n      ? ['data-theme', `data-${classPrefix}theme`]\n      : ['data-theme'];\n    const previous = names.map(name => root.getAttribute(name));\n\n    for (const name of names) {\n      if (colorMode === 'system') {\n        root.removeAttribute(name);\n        continue;\n      }\n      try {\n        root.setAttribute(name, colorMode);\n      } catch {\n        // A class prefix can hold characters an attribute name cannot.\n        // `data-theme` is still written, as it was before the prefixed\n        // attribute existed, but a sheet built with that prefix keeps its\n        // scheme, so say so.\n        warnOnce(\n          'Theme:color-mode-prefix',\n          `[bestax-bulma] <Theme colorMode=\"${colorMode}\">: the class ` +\n            `prefix \"${classPrefix}\" makes ${name} an invalid attribute ` +\n            'name, so only data-theme is written, and a stylesheet built ' +\n            'with that prefix keeps its scheme.'\n        );\n      }\n    }\n\n    // Restore the previous values when colorMode changes or the component unmounts.\n    return () => {\n      names.forEach((name, i) => {\n        const value = previous[i];\n        if (value === null) {\n          root.removeAttribute(name);\n        } else {\n          root.setAttribute(name, value);\n        }\n      });\n    };\n  }, [colorMode, classPrefix]);\n\n  // For local injection (when isRoot is false), prepare style object for CSS vars\n  const style: CSSProperties = useMemo(() => {\n    if (isRoot) {\n      return {};\n    }\n\n    const styleObj: CSSProperties = {};\n    for (const [key, value] of Object.entries(mergedVars)) {\n      if (bulmaCssVars.includes(key as BulmaVarKey) && value) {\n        (styleObj as Record<string, string>)[key] = value;\n      }\n    }\n    return styleObj;\n  }, [mergedVars, isRoot]);\n\n  // Generate combined class names for the wrapper div\n  const combinedClassName = useMemo(() => {\n    if (isRoot) {\n      return '';\n    }\n    return classNames(className, bulmaHelperClasses);\n  }, [className, bulmaHelperClasses, isRoot]);\n\n  return isRoot ? (\n    <>{children}</>\n  ) : (\n    <div className={combinedClassName || undefined} style={style} {...rest}>\n      {children}\n    </div>\n  );\n};\n"],"names":["_jsx","_Fragment"],"mappings":"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"}
+{"version":3,"file":"Theme.js","sources":["../../../src/helpers/Theme.tsx"],"sourcesContent":["import React, {\n  useEffect,\n  useMemo,\n  useState,\n  ReactNode,\n  CSSProperties,\n} from 'react';\nimport classNames from './classNames';\nimport { useBulmaClasses, BulmaClassesProps } from './useBulmaClasses';\nimport { validGaps, validRadii, type BulmaGapStep } from './bulmaClassHelpers';\nimport { isDev, warnOnce } from './devWarnings';\nimport { useClassPrefix } from './Config';\n\n// --- Bulma v1 CSS variables Theme sets (originally generated from\n// CSSVAR_KEYS), in two lists by where Bulma declares them ---\n\n/**\n * Variables a value set on an ancestor reaches. Bulma declares them on\n * `:root` (or a theme scope), or on no component in its plain state, so the\n * value Theme writes on its wrapper or at `:root` is the one the components\n * under it use.\n */\nconst bulmaGlobalVars = [\n  // scheme\n  '--bulma-scheme-h',\n  '--bulma-scheme-s',\n  '--bulma-scheme-main',\n  '--bulma-scheme-main-bis',\n  '--bulma-scheme-main-ter',\n  '--bulma-scheme-invert',\n  '--bulma-scheme-invert-bis',\n  '--bulma-scheme-invert-ter',\n  '--bulma-light-l',\n  '--bulma-light-invert-l',\n  '--bulma-dark-l',\n  '--bulma-dark-invert-l',\n  '--bulma-soft-l',\n  '--bulma-bold-l',\n  '--bulma-soft-invert-l',\n  '--bulma-bold-invert-l',\n  '--bulma-hover-background-l-delta',\n  '--bulma-active-background-l-delta',\n  '--bulma-hover-border-l-delta',\n  '--bulma-active-border-l-delta',\n  '--bulma-hover-color-l-delta',\n  '--bulma-active-color-l-delta',\n  '--bulma-hover-shadow-a-delta',\n  '--bulma-active-shadow-a-delta',\n  // colors\n  '--bulma-primary-h',\n  '--bulma-primary-s',\n  '--bulma-primary-l',\n  '--bulma-link-h',\n  '--bulma-link-s',\n  '--bulma-link-l',\n  '--bulma-info-h',\n  '--bulma-info-s',\n  '--bulma-info-l',\n  '--bulma-success-h',\n  '--bulma-success-s',\n  '--bulma-success-l',\n  '--bulma-warning-h',\n  '--bulma-warning-s',\n  '--bulma-warning-l',\n  '--bulma-danger-h',\n  '--bulma-danger-s',\n  '--bulma-danger-l',\n  // shadow (the upstream token .box/.card/.dropdown/.panel derive their own\n  // shadow variables from; overriding it from an ancestor is the route that\n  // cascades, since those selectors re-declare their derived var on\n  // themselves)\n  '--bulma-shadow-h',\n  '--bulma-shadow-s',\n  '--bulma-shadow-l',\n  '--bulma-shadow',\n  // typography\n  '--bulma-family-primary',\n  '--bulma-family-secondary',\n  '--bulma-family-code',\n  '--bulma-size-small',\n  '--bulma-size-normal',\n  '--bulma-size-medium',\n  '--bulma-size-large',\n  '--bulma-weight-light',\n  '--bulma-weight-normal',\n  '--bulma-weight-medium',\n  '--bulma-weight-semibold',\n  '--bulma-weight-bold',\n  '--bulma-weight-extrabold',\n  // other\n  '--bulma-block-spacing',\n  '--bulma-duration',\n  '--bulma-easing',\n  '--bulma-radius-small',\n  '--bulma-radius',\n  '--bulma-radius-medium',\n  '--bulma-radius-large',\n  '--bulma-radius-rounded',\n  '--bulma-speed',\n  '--bulma-arrow-color',\n  '--bulma-loading-color',\n  '--bulma-burger-h',\n  '--bulma-burger-s',\n  '--bulma-burger-l',\n  '--bulma-burger-border-radius',\n  '--bulma-burger-gap',\n  '--bulma-burger-item-height',\n  '--bulma-burger-item-width',\n  // generic\n  '--bulma-body-background-color',\n  '--bulma-body-size',\n  '--bulma-body-min-width',\n  '--bulma-body-rendering',\n  '--bulma-body-family',\n  '--bulma-body-overflow-x',\n  '--bulma-body-overflow-y',\n  '--bulma-body-color',\n  '--bulma-body-font-size',\n  '--bulma-body-weight',\n  '--bulma-body-line-height',\n  '--bulma-code-family',\n  '--bulma-code-padding',\n  '--bulma-code-weight',\n  '--bulma-code-size',\n  '--bulma-small-font-size',\n  '--bulma-hr-background-color',\n  '--bulma-hr-height',\n  '--bulma-hr-margin',\n  '--bulma-strong-color',\n  '--bulma-strong-weight',\n  '--bulma-pre-font-size',\n  '--bulma-pre-padding',\n  '--bulma-pre-code-font-size',\n  // skeleton\n  '--bulma-skeleton-background',\n  '--bulma-skeleton-radius',\n  '--bulma-skeleton-block-min-height',\n  '--bulma-skeleton-lines-gap',\n  '--bulma-skeleton-line-height',\n  // control\n  '--bulma-control-radius',\n  '--bulma-control-radius-small',\n  '--bulma-control-border-width',\n  '--bulma-control-height',\n  '--bulma-control-line-height',\n  '--bulma-control-padding-vertical',\n  '--bulma-control-padding-horizontal',\n  '--bulma-control-size',\n  '--bulma-control-focus-shadow-l',\n  // columns\n  '--bulma-column-gap',\n  // grid\n  '--bulma-grid-cell-column-start',\n] as const;\n\n/**\n * Variables Bulma declares on the component's own element, such as\n * `--bulma-card-radius` on `.card`. An element that declares a variable uses\n * its own value whatever its ancestors set, so a value Theme writes for one\n * of these, on its wrapper or at `:root`, never reaches the component.\n *\n * They stay in `BulmaVars`, and so stay valid `bulmaVars` keys and variable\n * props, because taking a key out would be a breaking change. Setting one\n * warns in development instead; see `warnComponentVars`.\n *\n * `scripts/css-var-scopes.test.mjs` holds this split to Bulma's compiled\n * stylesheet in both directions, so a Bulma upgrade that moves a variable\n * fails there.\n */\nconst bulmaComponentVars = [\n  // breadcrumb\n  '--bulma-breadcrumb-item-color',\n  '--bulma-breadcrumb-item-hover-color',\n  '--bulma-breadcrumb-item-active-color',\n  '--bulma-breadcrumb-item-padding-vertical',\n  '--bulma-breadcrumb-item-padding-horizontal',\n  '--bulma-breadcrumb-item-separator-color',\n  // card\n  '--bulma-card-color',\n  '--bulma-card-background-color',\n  '--bulma-card-shadow',\n  '--bulma-card-radius',\n  '--bulma-card-header-background-color',\n  '--bulma-card-header-color',\n  '--bulma-card-header-padding',\n  '--bulma-card-header-shadow',\n  '--bulma-card-header-weight',\n  '--bulma-card-content-background-color',\n  '--bulma-card-content-padding',\n  '--bulma-card-footer-background-color',\n  '--bulma-card-footer-border-top',\n  '--bulma-card-footer-padding',\n  '--bulma-card-media-margin',\n  // dropdown\n  '--bulma-dropdown-menu-min-width',\n  '--bulma-dropdown-content-background-color',\n  '--bulma-dropdown-content-offset',\n  '--bulma-dropdown-content-padding-bottom',\n  '--bulma-dropdown-content-padding-top',\n  '--bulma-dropdown-content-radius',\n  '--bulma-dropdown-content-shadow',\n  '--bulma-dropdown-content-z',\n  '--bulma-dropdown-item-h',\n  '--bulma-dropdown-item-s',\n  '--bulma-dropdown-item-l',\n  '--bulma-dropdown-item-background-l',\n  '--bulma-dropdown-item-background-l-delta',\n  '--bulma-dropdown-item-hover-background-l-delta',\n  '--bulma-dropdown-item-active-background-l-delta',\n  '--bulma-dropdown-item-color-l',\n  '--bulma-dropdown-item-selected-h',\n  '--bulma-dropdown-item-selected-s',\n  '--bulma-dropdown-item-selected-l',\n  '--bulma-dropdown-item-selected-background-l',\n  '--bulma-dropdown-item-selected-color-l',\n  '--bulma-dropdown-divider-background-color',\n  // menu\n  '--bulma-menu-item-h',\n  '--bulma-menu-item-s',\n  '--bulma-menu-item-l',\n  '--bulma-menu-item-background-l',\n  '--bulma-menu-item-background-l-delta',\n  '--bulma-menu-item-hover-background-l-delta',\n  '--bulma-menu-item-active-background-l-delta',\n  '--bulma-menu-item-color-l',\n  '--bulma-menu-item-radius',\n  '--bulma-menu-item-selected-h',\n  '--bulma-menu-item-selected-s',\n  '--bulma-menu-item-selected-l',\n  '--bulma-menu-item-selected-background-l',\n  '--bulma-menu-item-selected-color-l',\n  '--bulma-menu-list-border-left',\n  '--bulma-menu-list-line-height',\n  '--bulma-menu-list-link-padding',\n  '--bulma-menu-nested-list-margin',\n  '--bulma-menu-nested-list-padding-left',\n  '--bulma-menu-label-color',\n  '--bulma-menu-label-font-size',\n  '--bulma-menu-label-letter-spacing',\n  '--bulma-menu-label-spacing',\n  // message\n  '--bulma-message-h',\n  '--bulma-message-s',\n  '--bulma-message-background-l',\n  '--bulma-message-border-l',\n  '--bulma-message-border-l-delta',\n  '--bulma-message-border-style',\n  '--bulma-message-border-width',\n  '--bulma-message-color-l',\n  '--bulma-message-radius',\n  '--bulma-message-header-weight',\n  '--bulma-message-header-padding',\n  '--bulma-message-header-radius',\n  '--bulma-message-header-body-border-width',\n  '--bulma-message-header-background-l',\n  '--bulma-message-header-color-l',\n  '--bulma-message-body-border-width',\n  '--bulma-message-body-color',\n  '--bulma-message-body-padding',\n  '--bulma-message-body-radius',\n  '--bulma-message-body-pre-code-background-color',\n  // modal\n  '--bulma-modal-z',\n  '--bulma-modal-background-background-color',\n  '--bulma-modal-content-width',\n  '--bulma-modal-content-margin-mobile',\n  '--bulma-modal-content-spacing-mobile',\n  '--bulma-modal-content-spacing-tablet',\n  '--bulma-modal-close-dimensions',\n  '--bulma-modal-close-right',\n  '--bulma-modal-close-top',\n  '--bulma-modal-card-spacing',\n  '--bulma-modal-card-head-background-color',\n  '--bulma-modal-card-head-padding',\n  '--bulma-modal-card-head-radius',\n  '--bulma-modal-card-title-color',\n  '--bulma-modal-card-title-line-height',\n  '--bulma-modal-card-title-size',\n  '--bulma-modal-card-foot-background-color',\n  '--bulma-modal-card-foot-radius',\n  '--bulma-modal-card-body-background-color',\n  '--bulma-modal-card-body-padding',\n  // navbar\n  '--bulma-navbar-h',\n  '--bulma-navbar-s',\n  '--bulma-navbar-l',\n  '--bulma-navbar-background-color',\n  '--bulma-navbar-box-shadow-size',\n  '--bulma-navbar-box-shadow-color',\n  '--bulma-navbar-padding-vertical',\n  '--bulma-navbar-padding-horizontal',\n  '--bulma-navbar-z',\n  '--bulma-navbar-fixed-z',\n  '--bulma-navbar-item-background-a',\n  '--bulma-navbar-item-background-l',\n  '--bulma-navbar-item-background-l-delta',\n  '--bulma-navbar-item-hover-background-l-delta',\n  '--bulma-navbar-item-active-background-l-delta',\n  '--bulma-navbar-item-color-l',\n  '--bulma-navbar-item-selected-h',\n  '--bulma-navbar-item-selected-s',\n  '--bulma-navbar-item-selected-l',\n  '--bulma-navbar-item-selected-background-l',\n  '--bulma-navbar-item-selected-color-l',\n  '--bulma-navbar-item-img-max-height',\n  '--bulma-navbar-burger-color',\n  '--bulma-navbar-tab-hover-background-color',\n  '--bulma-navbar-tab-hover-border-bottom-color',\n  '--bulma-navbar-tab-active-color',\n  '--bulma-navbar-tab-active-background-color',\n  '--bulma-navbar-tab-active-border-bottom-color',\n  '--bulma-navbar-tab-active-border-bottom-style',\n  '--bulma-navbar-tab-active-border-bottom-width',\n  '--bulma-navbar-dropdown-background-color',\n  '--bulma-navbar-dropdown-border-l',\n  '--bulma-navbar-dropdown-border-color',\n  '--bulma-navbar-dropdown-border-style',\n  '--bulma-navbar-dropdown-border-width',\n  '--bulma-navbar-dropdown-offset',\n  '--bulma-navbar-dropdown-arrow',\n  '--bulma-navbar-dropdown-radius',\n  '--bulma-navbar-dropdown-z',\n  '--bulma-navbar-dropdown-boxed-radius',\n  '--bulma-navbar-dropdown-boxed-shadow',\n  '--bulma-navbar-dropdown-item-h',\n  '--bulma-navbar-dropdown-item-s',\n  '--bulma-navbar-dropdown-item-l',\n  '--bulma-navbar-dropdown-item-background-l',\n  '--bulma-navbar-dropdown-item-color-l',\n  '--bulma-navbar-divider-background-l',\n  '--bulma-navbar-divider-height',\n  '--bulma-navbar-bottom-box-shadow-size',\n  // pagination\n  '--bulma-pagination-margin',\n  '--bulma-pagination-min-width',\n  '--bulma-pagination-item-h',\n  '--bulma-pagination-item-s',\n  '--bulma-pagination-item-l',\n  '--bulma-pagination-item-background-l-delta',\n  '--bulma-pagination-item-hover-background-l-delta',\n  '--bulma-pagination-item-active-background-l-delta',\n  '--bulma-pagination-item-border-style',\n  '--bulma-pagination-item-border-width',\n  '--bulma-pagination-item-border-l',\n  '--bulma-pagination-item-border-l-delta',\n  '--bulma-pagination-item-hover-border-l-delta',\n  '--bulma-pagination-item-active-border-l-delta',\n  '--bulma-pagination-item-focus-border-l-delta',\n  '--bulma-pagination-item-color-l',\n  '--bulma-pagination-item-font-size',\n  '--bulma-pagination-item-margin',\n  '--bulma-pagination-item-padding-left',\n  '--bulma-pagination-item-padding-right',\n  '--bulma-pagination-item-outer-shadow-h',\n  '--bulma-pagination-item-outer-shadow-s',\n  '--bulma-pagination-item-outer-shadow-l',\n  '--bulma-pagination-item-outer-shadow-a',\n  '--bulma-pagination-nav-padding-left',\n  '--bulma-pagination-nav-padding-right',\n  '--bulma-pagination-disabled-color',\n  '--bulma-pagination-disabled-background-color',\n  '--bulma-pagination-disabled-border-color',\n  '--bulma-pagination-current-color',\n  '--bulma-pagination-current-background-color',\n  '--bulma-pagination-current-border-color',\n  '--bulma-pagination-ellipsis-color',\n  '--bulma-pagination-shadow-inset',\n  '--bulma-pagination-selected-item-h',\n  '--bulma-pagination-selected-item-s',\n  '--bulma-pagination-selected-item-l',\n  '--bulma-pagination-selected-item-background-l',\n  '--bulma-pagination-selected-item-border-l',\n  '--bulma-pagination-selected-item-color-l',\n  // panel\n  '--bulma-panel-margin',\n  '--bulma-panel-item-border',\n  '--bulma-panel-radius',\n  '--bulma-panel-shadow',\n  '--bulma-panel-heading-line-height',\n  '--bulma-panel-heading-padding',\n  '--bulma-panel-heading-radius',\n  '--bulma-panel-heading-size',\n  '--bulma-panel-heading-weight',\n  '--bulma-panel-tabs-font-size',\n  '--bulma-panel-tab-border-bottom-color',\n  '--bulma-panel-tab-border-bottom-style',\n  '--bulma-panel-tab-border-bottom-width',\n  '--bulma-panel-tab-active-color',\n  '--bulma-panel-list-item-color',\n  '--bulma-panel-list-item-hover-color',\n  '--bulma-panel-block-color',\n  '--bulma-panel-block-hover-background-color',\n  '--bulma-panel-block-active-border-left-color',\n  '--bulma-panel-block-active-color',\n  '--bulma-panel-block-active-icon-color',\n  '--bulma-panel-icon-color',\n  // tabs\n  '--bulma-tabs-border-bottom-color',\n  '--bulma-tabs-border-bottom-style',\n  '--bulma-tabs-border-bottom-width',\n  '--bulma-tabs-link-color',\n  '--bulma-tabs-link-hover-border-bottom-color',\n  '--bulma-tabs-link-hover-color',\n  '--bulma-tabs-link-active-border-bottom-color',\n  '--bulma-tabs-link-active-color',\n  '--bulma-tabs-link-padding',\n  '--bulma-tabs-boxed-link-radius',\n  '--bulma-tabs-boxed-link-hover-background-color',\n  '--bulma-tabs-boxed-link-hover-border-bottom-color',\n  '--bulma-tabs-boxed-link-active-background-color',\n  '--bulma-tabs-boxed-link-active-border-color',\n  '--bulma-tabs-boxed-link-active-border-bottom-color',\n  '--bulma-tabs-toggle-link-border-color',\n  '--bulma-tabs-toggle-link-border-style',\n  '--bulma-tabs-toggle-link-border-width',\n  '--bulma-tabs-toggle-link-hover-background-color',\n  '--bulma-tabs-toggle-link-hover-border-color',\n  '--bulma-tabs-toggle-link-radius',\n  '--bulma-tabs-toggle-link-active-background-color',\n  '--bulma-tabs-toggle-link-active-border-color',\n  '--bulma-tabs-toggle-link-active-color',\n  // box\n  '--bulma-box-background-color',\n  '--bulma-box-color',\n  '--bulma-box-radius',\n  '--bulma-box-shadow',\n  '--bulma-box-padding',\n  '--bulma-box-link-hover-shadow',\n  '--bulma-box-link-active-shadow',\n  // content\n  '--bulma-content-heading-color',\n  '--bulma-content-heading-weight',\n  '--bulma-content-heading-line-height',\n  '--bulma-content-block-margin-bottom',\n  '--bulma-content-blockquote-background-color',\n  '--bulma-content-blockquote-border-left',\n  '--bulma-content-blockquote-padding',\n  '--bulma-content-pre-padding',\n  '--bulma-content-table-cell-border',\n  '--bulma-content-table-cell-border-width',\n  '--bulma-content-table-cell-padding',\n  '--bulma-content-table-cell-heading-color',\n  '--bulma-content-table-head-cell-border-width',\n  '--bulma-content-table-head-cell-color',\n  '--bulma-content-table-body-last-row-cell-border-bottom-width',\n  '--bulma-content-table-foot-cell-border-width',\n  '--bulma-content-table-foot-cell-color',\n  // delete\n  '--bulma-delete-dimensions',\n  '--bulma-delete-background-l',\n  '--bulma-delete-background-alpha',\n  '--bulma-delete-color',\n  // icon\n  '--bulma-icon-dimensions',\n  '--bulma-icon-dimensions-small',\n  '--bulma-icon-dimensions-medium',\n  '--bulma-icon-dimensions-large',\n  '--bulma-icon-text-spacing',\n  // notification\n  '--bulma-notification-h',\n  '--bulma-notification-s',\n  '--bulma-notification-background-l',\n  '--bulma-notification-color-l',\n  '--bulma-notification-code-background-color',\n  '--bulma-notification-radius',\n  '--bulma-notification-padding',\n  // progress\n  '--bulma-progress-border-radius',\n  '--bulma-progress-bar-background-color',\n  '--bulma-progress-value-background-color',\n  '--bulma-progress-indeterminate-duration',\n  // table\n  '--bulma-table-color',\n  '--bulma-table-background-color',\n  '--bulma-table-cell-border-color',\n  '--bulma-table-cell-border-style',\n  '--bulma-table-cell-border-width',\n  '--bulma-table-cell-padding',\n  '--bulma-table-cell-heading-color',\n  '--bulma-table-cell-text-align',\n  '--bulma-table-head-cell-border-width',\n  '--bulma-table-head-cell-color',\n  '--bulma-table-foot-cell-border-width',\n  '--bulma-table-foot-cell-color',\n  '--bulma-table-head-background-color',\n  '--bulma-table-body-background-color',\n  '--bulma-table-foot-background-color',\n  '--bulma-table-row-hover-background-color',\n  '--bulma-table-row-active-background-color',\n  '--bulma-table-row-active-color',\n  '--bulma-table-striped-row-even-background-color',\n  '--bulma-table-striped-row-even-hover-background-color',\n  // tag\n  '--bulma-tag-h',\n  '--bulma-tag-s',\n  '--bulma-tag-background-l',\n  '--bulma-tag-background-l-delta',\n  '--bulma-tag-hover-background-l-delta',\n  '--bulma-tag-active-background-l-delta',\n  '--bulma-tag-color-l',\n  '--bulma-tag-radius',\n  '--bulma-tag-delete-margin',\n  // title\n  '--bulma-title-color',\n  '--bulma-title-family',\n  '--bulma-title-size',\n  '--bulma-title-weight',\n  '--bulma-title-line-height',\n  '--bulma-title-strong-color',\n  '--bulma-title-strong-weight',\n  '--bulma-title-sub-size',\n  '--bulma-title-sup-size',\n  '--bulma-subtitle-color',\n  '--bulma-subtitle-family',\n  '--bulma-subtitle-size',\n  '--bulma-subtitle-weight',\n  '--bulma-subtitle-line-height',\n  '--bulma-subtitle-strong-color',\n  '--bulma-subtitle-strong-weight',\n  // file\n  '--bulma-file-radius',\n  '--bulma-file-name-border-color',\n  '--bulma-file-name-border-style',\n  '--bulma-file-name-border-width',\n  '--bulma-file-name-max-width',\n  '--bulma-file-h',\n  '--bulma-file-s',\n  '--bulma-file-background-l',\n  '--bulma-file-background-l-delta',\n  '--bulma-file-hover-background-l-delta',\n  '--bulma-file-active-background-l-delta',\n  '--bulma-file-border-l',\n  '--bulma-file-border-l-delta',\n  '--bulma-file-hover-border-l-delta',\n  '--bulma-file-active-border-l-delta',\n  '--bulma-file-cta-color-l',\n  '--bulma-file-name-color-l',\n  '--bulma-file-color-l-delta',\n  '--bulma-file-hover-color-l-delta',\n  '--bulma-file-active-color-l-delta',\n  // input\n  '--bulma-input-h',\n  '--bulma-input-s',\n  '--bulma-input-l',\n  '--bulma-input-border-style',\n  '--bulma-input-border-l',\n  '--bulma-input-border-l-delta',\n  '--bulma-input-hover-border-l-delta',\n  '--bulma-input-active-border-l-delta',\n  '--bulma-input-focus-h',\n  '--bulma-input-focus-s',\n  '--bulma-input-focus-l',\n  '--bulma-input-focus-shadow-size',\n  '--bulma-input-focus-shadow-alpha',\n  '--bulma-input-color-l',\n  '--bulma-input-background-l',\n  '--bulma-input-background-l-delta',\n  '--bulma-input-height',\n  '--bulma-input-shadow',\n  '--bulma-input-placeholder-color',\n  '--bulma-input-disabled-color',\n  '--bulma-input-disabled-background-color',\n  '--bulma-input-disabled-border-color',\n  '--bulma-input-disabled-placeholder-color',\n  '--bulma-input-arrow',\n  '--bulma-input-icon-color',\n  '--bulma-input-icon-hover-color',\n  '--bulma-input-icon-focus-color',\n  '--bulma-input-radius',\n  // grid\n  '--bulma-grid-gap',\n  '--bulma-grid-column-count',\n  '--bulma-grid-column-min',\n  '--bulma-grid-cell-column-span',\n  // footer\n  '--bulma-footer-background-color',\n  '--bulma-footer-color',\n  '--bulma-footer-padding',\n  // hero\n  '--bulma-hero-body-padding',\n  '--bulma-hero-body-padding-tablet',\n  '--bulma-hero-body-padding-small',\n  '--bulma-hero-body-padding-medium',\n  '--bulma-hero-body-padding-large',\n  // media\n  '--bulma-media-border-color',\n  '--bulma-media-border-size',\n  '--bulma-media-spacing',\n  '--bulma-media-spacing-large',\n  '--bulma-media-content-spacing',\n  '--bulma-media-level-1-spacing',\n  '--bulma-media-level-1-content-spacing',\n  '--bulma-media-level-2-spacing',\n  // section\n  '--bulma-section-padding',\n  '--bulma-section-padding-desktop',\n  '--bulma-section-padding-medium',\n  '--bulma-section-padding-large',\n] as const;\n\n/** Every Bulma CSS variable Theme accepts: the two lists above. */\nconst bulmaCssVars = [...bulmaGlobalVars, ...bulmaComponentVars] as const;\n\n/** A single Bulma CSS variable key from the `bulmaCssVars` tuple. */\ntype BulmaVarKey = (typeof bulmaCssVars)[number];\n/** A partial record mapping Bulma CSS variable keys to string values. */\ntype BulmaVars = Partial<Record<BulmaVarKey, string>>;\n\n/**\n * Convert a Bulma CSS variable name to a camelCase prop name.\n * @param {string} varName - CSS variable name (e.g., '--bulma-primary-h').\n * @returns {string} The camelCase prop name (e.g., 'primaryH').\n */\nfunction cssVarToProp(varName: string): string {\n  return varName\n    .replace(/^--bulma-/, '')\n    .split('-')\n    .map((part, i) =>\n      i === 0 ? part : part.charAt(0).toUpperCase() + part.slice(1)\n    )\n    .join('');\n}\n\n/**\n * Prop names `cssVarToProp` would mint that are already helper props:\n * `--bulma-shadow` becomes `shadow`, `--bulma-radius` becomes `radius` and\n * `--bulma-column-gap` becomes `columnGap`. They stay out of\n * `bulmaVarPropMap`, so on Theme each is the helper prop it is on every other\n * component, and every one of those variables is still reachable through\n * `bulmaVars`.\n *\n * `radius` was missed here once and set `--bulma-radius` while typed as the\n * helper (#694). It still writes that variable, so what it did then keeps\n * working; see `themeRadiusVar`. `columnGap` joined when the gap helpers\n * became shared helper props, and keeps its old variable route the same way;\n * see `themeColumnGapVar`.\n */\nconst helperPropNames: readonly string[] = ['shadow', 'radius', 'columnGap'];\n\n/**\n * Mapping of camelCase prop names to their Bulma CSS variable counterparts,\n * minus the `helperPropNames` above.\n */\nconst bulmaVarPropMap = Object.fromEntries(\n  bulmaCssVars\n    .map(cssVar => [cssVarToProp(cssVar), cssVar])\n    .filter(([prop]) => !helperPropNames.includes(prop))\n) as Record<string, string>;\n\n/**\n * What each helper value of `radius` writes to `--bulma-radius` on a Theme,\n * alongside its class.\n *\n * Before #694, `radius=\"radiusless\"` wrote `--bulma-radius: radiusless`. That\n * is not a length, and a declaration reading an invalid variable falls back\n * to its property's initial value, which for a border radius is 0. So\n * everything inside the Theme that takes its radius from that variable lost\n * it, and under `isRoot` so did everything on the page that does. Writing a\n * real 0 keeps what\n * people see and makes it valid CSS. Keyed by the helper values, so adding\n * one means saying what it writes.\n *\n * The sizes write nothing and only add their class. Their classes read the\n * radius variables, so `normal` would point `--bulma-radius` at itself, which\n * is invalid and computes to 0, and `rounded` would turn every control inside\n * the Theme into a pill.\n */\nconst radiusHelperVars: Record<\n  (typeof validRadii)[number],\n  string | undefined\n> = {\n  radiusless: '0',\n  small: undefined,\n  normal: undefined,\n  large: undefined,\n  rounded: undefined,\n};\n\n/**\n * What `radius` writes to `--bulma-radius` on a Theme, or `undefined` when it\n * writes nothing.\n *\n * A helper value writes its `radiusHelperVars` entry. Any other non-empty\n * string is written as given: before #694 every `radius` on Theme set the\n * variable whatever its type said, and a JavaScript caller passing a length\n * got the radius it asked for. That keeps working so nothing breaks, but the\n * type rejects it, so it warns in development and points at `bulmaVars`.\n *\n * Only a string writes anything, because only a string ever set the variable\n * to something usable: an empty value or zero was dropped, and a boolean or\n * any other bare number is not a length. The helper ignores those too, the\n * way it does on every other component.\n */\nconst themeRadiusVar = (radius: unknown): string | undefined => {\n  if (typeof radius !== 'string' || radius === '') {\n    return undefined;\n  }\n  if ((validRadii as readonly string[]).includes(radius)) {\n    return radiusHelperVars[radius as keyof typeof radiusHelperVars];\n  }\n  warnOnce(\n    'Theme:radius-variable',\n    `[bestax-bulma] <Theme radius=\"${radius}\">: setting --bulma-radius ` +\n      'through the radius prop is deprecated and will stop working in a ' +\n      'future major version. On Theme, as on every other component, radius ' +\n      `is the border radius helper (\"${validRadii.join('\", \"')}\"). Set the variable with ` +\n      `bulmaVars={{ '--bulma-radius': '${radius}' }} instead.`\n  );\n  return radius;\n};\n\n/**\n * What `columnGap` writes to `--bulma-column-gap` on a Theme, or `undefined`\n * when it writes nothing.\n *\n * Until the gap helpers were shared helper props, `columnGap` on Theme was\n * the camelCase prop Theme mints for `--bulma-column-gap`. It was never in\n * `ThemeProps`, so only untyped code reached it, but that code got the\n * columns gutter it asked for. It is the column gap helper now, as on every\n * other component, so a gap step goes to the helper and writes nothing here.\n * Any other non-empty string is still written as given, so a length such as\n * `'1rem'` keeps working, with a development warning pointing at `bulmaVars`.\n *\n * Only a string writes anything, for the reason `themeRadiusVar` gives: a\n * number or a boolean was never a usable length.\n */\nconst themeColumnGapVar = (columnGap: unknown): string | undefined => {\n  if (typeof columnGap !== 'string' || columnGap === '') {\n    return undefined;\n  }\n  if ((validGaps as readonly string[]).includes(columnGap)) {\n    return undefined;\n  }\n  warnOnce(\n    'Theme:column-gap-variable',\n    `[bestax-bulma] <Theme columnGap=\"${columnGap}\">: setting ` +\n      '--bulma-column-gap through the columnGap prop is deprecated and will ' +\n      'stop working in a future major version. On Theme, as on every other ' +\n      'component, columnGap is the column gap helper ' +\n      `(\"${validGaps.join('\", \"')}\"). Set the variable with ` +\n      `bulmaVars={{ '--bulma-column-gap': '${columnGap}' }} instead.`\n  );\n  return columnGap;\n};\n\n/**\n * `bulmaComponentVars` as a lookup, built by `warnComponentVars` the first\n * time it is needed.\n */\nlet componentVarKeys: ReadonlySet<string> | undefined;\n\n/**\n * Warn in development when a Theme is given variables Bulma declares on the\n * component itself (`bulmaComponentVars`), whether through `bulmaVars` or a\n * variable prop such as `cardRadius`. Theme writes them where they can never\n * win, so nothing changes on the page, and saying so is the only way to find\n * out short of reading Bulma's stylesheet.\n *\n * Keyed by the set of variables, so a Theme that keeps passing the same ones\n * warns once, and a different set warns again. An empty value writes nothing,\n * so it is not reported.\n *\n * All of this is development-only, so it returns before doing anything in\n * production, and it builds its lookup on the first development call rather\n * than when the module loads.\n */\nconst warnComponentVars = (vars: BulmaVars): void => {\n  if (!isDev()) {\n    return;\n  }\n  const keys = (componentVarKeys ??= new Set<string>(bulmaComponentVars));\n  const inert = Object.entries(vars)\n    .filter(([key, value]) => value && keys.has(key))\n    .map(([key]) => key)\n    .sort();\n  if (inert.length === 0) {\n    return;\n  }\n  const one = inert.length === 1;\n  warnOnce(\n    `Theme:component-vars:${inert.join(',')}`,\n    `[bestax-bulma] <Theme>: Bulma declares ${inert.join(', ')} on the ` +\n      `component itself, so a value set on Theme never reaches ` +\n      `${one ? 'it' : 'them'}. Set ${one ? 'it' : 'them'} on that ` +\n      'component instead, with className or style, or through Sass.'\n  );\n};\n\n/** The one `<style>` element every `isRoot` Theme writes into. */\nconst ROOT_STYLE_ID = 'bestax-bulma-theme-vars';\n\n/**\n * The `:root` rules of every mounted `isRoot` Theme that has any, keyed by the\n * Theme's render order.\n *\n * Root Themes share one `<style>` element, so each keeps its rules here and\n * the element is rebuilt from all of them whenever one mounts, changes or\n * unmounts. Before this each Theme overwrote the element with only its own\n * rules, and the first to unmount removed it for all of them (#736).\n *\n * The key is a number each Theme takes when it first renders. React renders a\n * parent before its children and an earlier sibling before a later one, so an\n * inner or later-mounted root Theme sorts later, comes later in the\n * stylesheet, and wins a variable two of them set, as an inner scoped Theme\n * does. Effects would give the wrong answer for nesting: React runs a child's\n * effects before its parent's. Only the relative order matters, so a number\n * skipped by StrictMode calling the initializer twice, or by a render React\n * throws away, is harmless. The key never changes, so an update keeps its\n * place and re-rendering one Theme never changes which one wins.\n */\nconst rootThemeRules = new Map<number, string>();\nlet nextRootOrder = 0;\n\n/**\n * Write every registered root Theme's rules into the shared element, creating\n * it when needed and removing it once no Theme has any rules left.\n */\nconst renderRootThemeRules = (): void => {\n  let element = document.getElementById(ROOT_STYLE_ID);\n  if (rootThemeRules.size === 0) {\n    element?.remove();\n    return;\n  }\n  if (!element) {\n    element = document.createElement('style');\n    element.id = ROOT_STYLE_ID;\n    document.head.appendChild(element);\n  }\n  element.textContent = [...rootThemeRules]\n    .sort(([a], [b]) => a - b)\n    .map(([, rules]) => rules)\n    .join('\\n');\n};\n\n/**\n * Record one Theme's `:root` rules, where an empty string means it has none,\n * and rebuild the shared element if that changed anything. A Theme with no\n * rules never touches the element, which is what it did before the registry\n * too.\n */\nconst setRootThemeRules = (order: number, rules: string): void => {\n  if ((rootThemeRules.get(order) ?? '') === rules) {\n    return;\n  }\n  if (rules) {\n    rootThemeRules.set(order, rules);\n  } else {\n    rootThemeRules.delete(order);\n  }\n  renderRootThemeRules();\n};\n\n/**\n * Props for the Theme component.\n */\nexport interface ThemeProps extends Omit<\n  BulmaClassesProps,\n  'color' | 'backgroundColor'\n> {\n  /** The content the theme applies to. */\n  children: ReactNode;\n  /**\n   * Additional CSS classes for the wrapper div. A root Theme (`isRoot`) has no\n   * wrapper, so there this does nothing, and says so in development.\n   */\n  className?: string;\n  /**\n   * Inject the variables globally at `:root` instead of scoping them to a\n   * wrapper div. Default: false.\n   *\n   * A root Theme renders its children with no wrapper, so `className` and the\n   * helper props, such as `m` or `shadow`, have no element to land on. They\n   * do nothing, and say so in development. `radius` and `columnGap` describe\n   * what each does at the root.\n   *\n   * Several root Themes can be mounted at once, and each contributes its own\n   * variables. Where two set the same one, the inner or later-mounted Theme\n   * wins, as with nested scoped Themes, and unmounting a Theme removes only\n   * what it contributed. The variables are written from an effect, so a\n   * server render does not include them.\n   */\n  isRoot?: boolean;\n  /**\n   * Set Bulma's light/dark scheme by writing its theme attribute on the\n   * document root (`<html>`). This is always global, even on a scoped Theme.\n   * `'system'` removes the attribute so Bulma follows the OS\n   * `prefers-color-scheme`. Omit to leave the current setting untouched.\n   *\n   * The attribute is `data-theme`. A stylesheet built with a class prefix\n   * reads Bulma's prefixed form instead (`data-bestax-theme` for the\n   * `bestax-prefixed` builds), so under a `ConfigProvider` `classPrefix`\n   * Theme writes both, and `'system'` or unmounting clears or restores both.\n   * If the prefix cannot form an attribute name, `'light'` and `'dark'`\n   * write only `data-theme` and warn in development.\n   *\n   * The attribute is written from an effect, so a page rendered in the\n   * browser paints its first frame with whatever `<html>` already has, the\n   * visitor's OS scheme when that is nothing. Put a scheme that never changes\n   * on `<html>` in `index.html` instead, and write a saved choice from an\n   * inline `<head>` script, starting `colorMode` from what it wrote.\n   */\n  colorMode?: 'light' | 'dark' | 'system';\n  /**\n   * Bulma CSS variables to set, by name, such as\n   * `{ '--bulma-primary-h': '210' }`. Only Bulma's own variables, the keys\n   * the `BulmaVars` type allows, are applied, and an empty value is skipped.\n   * Where a variable prop, such as `primaryH`, sets the same variable, the\n   * prop wins.\n   *\n   * Theme writes them on its wrapper, or at `:root` under `isRoot`, so only a\n   * variable that inherits from there changes anything. Bulma declares many\n   * component variables, such as `--bulma-card-radius` or\n   * `--bulma-delete-dimensions`, on the component's own element, and that\n   * declaration beats any value set further up. Those keys are accepted but\n   * do nothing here, and warn in development. Set them on the component\n   * itself, with `className` or `style`, or through Sass. Each component's\n   * API page says where Bulma declares its variables.\n   *\n   * Some global variables Bulma also declares again on one component, which\n   * keeps its own value while everything else takes the Theme's. Those do not\n   * warn, because the value still reaches the rest of the page.\n   */\n  bulmaVars?: BulmaVars;\n  /**\n   * Border radius helper, as on every other component: `radiusless` adds\n   * `is-radiusless` to the wrapper div. On a Theme it also sets\n   * `--bulma-radius` to 0, so what is inside the Theme loses its radius too.\n   * Under `isRoot` there is no wrapper for the class, and the variable is\n   * written at `:root`, which squares everything on the page that takes its\n   * radius from it.\n   *\n   * The sizes (`small`, `normal`, `large`, `rounded`) add their\n   * `has-radius-<value>` class to the wrapper div and set no variable, so\n   * they round the wrapper and leave what is inside it alone. Under `isRoot`\n   * there is no wrapper, so they do nothing, and say so in development.\n   *\n   * To change the radius of what is inside, set the variable through `bulmaVars`\n   * (`bulmaVars={{ '--bulma-radius': '6px' }}`). This prop used to write the\n   * variable for every value, so any other non-empty string still does, but\n   * that route is deprecated and logs a warning in development. A number or\n   * a boolean never produced a usable radius that way, and is now ignored as\n   * it is on every other component.\n   */\n  radius?: (typeof validRadii)[number];\n  /**\n   * Column gap helper, as on every other component: a gap step adds\n   * `is-column-gap-<step>` to the wrapper div, which spaces the wrapper's own\n   * children when it is a flex or grid container. Under `isRoot` there is no\n   * wrapper, so it does nothing, and says so in development.\n   *\n   * It does not set `--bulma-column-gap`, the variable `Columns` reads for\n   * its gutters; set that through `bulmaVars`\n   * (`bulmaVars={{ '--bulma-column-gap': '1rem' }}`). Before `columnGap` was\n   * a helper prop, untyped JavaScript could pass it to Theme as that\n   * variable. A string that is not a gap step (`'1rem'`) still sets it, but\n   * that route is deprecated and logs a warning in development. A gap step\n   * does not: `columnGap=\"0\"` used to zero the gutters inside the Theme, and\n   * now adds `is-column-gap-0` to the wrapper instead.\n   */\n  columnGap?: BulmaGapStep;\n  // Bulma scheme variables\n  /** Base hue for the color scheme, 0 to 360. Sets `--bulma-scheme-h`. */\n  schemeH?: string;\n  /** Base saturation for the color scheme, as a percentage. Sets `--bulma-scheme-s`. */\n  schemeS?: string;\n  /** Lightness for light backgrounds. Sets `--bulma-light-l`. */\n  lightL?: string;\n  /** Inverted lightness for light backgrounds. Sets `--bulma-light-invert-l`. */\n  lightInvertL?: string;\n  /** Lightness for dark backgrounds. Sets `--bulma-dark-l`. */\n  darkL?: string;\n  /** Inverted lightness for dark backgrounds. Sets `--bulma-dark-invert-l`. */\n  darkInvertL?: string;\n  /** Lightness for soft colors. Sets `--bulma-soft-l`. */\n  softL?: string;\n  /** Lightness for bold colors. Sets `--bulma-bold-l`. */\n  boldL?: string;\n  /** Inverted lightness for soft colors. Sets `--bulma-soft-invert-l`. */\n  softInvertL?: string;\n  /** Inverted lightness for bold colors. Sets `--bulma-bold-invert-l`. */\n  boldInvertL?: string;\n  /** Lightness change of a background on hover. Sets `--bulma-hover-background-l-delta`. */\n  hoverBackgroundLDelta?: string;\n  /** Lightness change of a background when active. Sets `--bulma-active-background-l-delta`. */\n  activeBackgroundLDelta?: string;\n  /** Lightness change of a border on hover. Sets `--bulma-hover-border-l-delta`. */\n  hoverBorderLDelta?: string;\n  /** Lightness change of a border when active. Sets `--bulma-active-border-l-delta`. */\n  activeBorderLDelta?: string;\n  /** Lightness change of text color on hover. Sets `--bulma-hover-color-l-delta`. */\n  hoverColorLDelta?: string;\n  /** Lightness change of text color when active. Sets `--bulma-active-color-l-delta`. */\n  activeColorLDelta?: string;\n  /** Alpha change of a shadow on hover. Sets `--bulma-hover-shadow-a-delta`. */\n  hoverShadowADelta?: string;\n  /** Alpha change of a shadow when active. Sets `--bulma-active-shadow-a-delta`. */\n  activeShadowADelta?: string;\n  // Bulma color variables\n  /** Primary color hue, 0 to 360. Sets `--bulma-primary-h`. */\n  primaryH?: string;\n  /** Primary color saturation, as a percentage. Sets `--bulma-primary-s`. */\n  primaryS?: string;\n  /** Primary color lightness, as a percentage. Sets `--bulma-primary-l`. */\n  primaryL?: string;\n  /** Link color hue, 0 to 360. Sets `--bulma-link-h`. */\n  linkH?: string;\n  /** Link color saturation, as a percentage. Sets `--bulma-link-s`. */\n  linkS?: string;\n  /** Link color lightness, as a percentage. Sets `--bulma-link-l`. */\n  linkL?: string;\n  /** Info color hue, 0 to 360. Sets `--bulma-info-h`. */\n  infoH?: string;\n  /** Info color saturation, as a percentage. Sets `--bulma-info-s`. */\n  infoS?: string;\n  /** Info color lightness, as a percentage. Sets `--bulma-info-l`. */\n  infoL?: string;\n  /** Success color hue, 0 to 360. Sets `--bulma-success-h`. */\n  successH?: string;\n  /** Success color saturation, as a percentage. Sets `--bulma-success-s`. */\n  successS?: string;\n  /** Success color lightness, as a percentage. Sets `--bulma-success-l`. */\n  successL?: string;\n  /** Warning color hue, 0 to 360. Sets `--bulma-warning-h`. */\n  warningH?: string;\n  /** Warning color saturation, as a percentage. Sets `--bulma-warning-s`. */\n  warningS?: string;\n  /** Warning color lightness, as a percentage. Sets `--bulma-warning-l`. */\n  warningL?: string;\n  /** Danger color hue, 0 to 360. Sets `--bulma-danger-h`. */\n  dangerH?: string;\n  /** Danger color saturation, as a percentage. Sets `--bulma-danger-s`. */\n  dangerS?: string;\n  /** Danger color lightness, as a percentage. Sets `--bulma-danger-l`. */\n  dangerL?: string;\n  // Add other commonly used ones as needed\n}\n\n/**\n * Theme component that injects Bulma CSS variables either globally or locally.\n *\n * When `isRoot` is true, variables are injected at `:root`. Otherwise, a wrapping\n * `<div>` scopes the variables to its children.\n *\n * @function\n * @param {ThemeProps} props - Props for the Theme component.\n * @returns {JSX.Element} The theme wrapper or fragment.\n *\n * @example\n * // Local theme scope\n * <Theme primaryH=\"171\" primaryS=\"100%\" primaryL=\"41%\">\n *   <Button color=\"primary\">Themed</Button>\n * </Theme>\n */\nexport const Theme: React.FC<ThemeProps> = ({\n  bulmaVars = {},\n  children,\n  className,\n  isRoot = false,\n  colorMode,\n  radius,\n  columnGap,\n  ...restProps\n}) => {\n  const radiusVar = themeRadiusVar(radius);\n  const columnGapVar = themeColumnGapVar(columnGap);\n  const radiusHelper = (validRadii as readonly unknown[]).includes(radius)\n    ? radius\n    : undefined;\n\n  // A radius size only adds its class, and a root Theme renders no wrapper to\n  // carry one, so on `isRoot` it does nothing at all. Say so, as the other\n  // radius routes that do not do what they look like do.\n  if (isRoot && radiusHelper && radiusHelperVars[radiusHelper] === undefined) {\n    warnOnce(\n      'Theme:root-radius-size',\n      `[bestax-bulma] <Theme isRoot radius=\"${radiusHelper}\">: a root Theme ` +\n        `has no wrapper element for has-radius-${radiusHelper}, and the ` +\n        'radius sizes set no variable, so this does nothing. To round one ' +\n        `element, put radius=\"${radiusHelper}\" on it. To change the radius ` +\n        \"across the page, set bulmaVars={{ '--bulma-radius': '…' }} instead.\"\n    );\n  }\n\n  // The same for a gap step in `columnGap`, which reads like the columns\n  // gutter it once set and, at the root, has no element for its class.\n  const columnGapStep =\n    typeof columnGap === 'number' ? String(columnGap) : columnGap;\n  if (\n    isRoot &&\n    columnGapStep !== undefined &&\n    (validGaps as readonly unknown[]).includes(columnGapStep)\n  ) {\n    warnOnce(\n      'Theme:root-column-gap',\n      `[bestax-bulma] <Theme isRoot columnGap=\"${columnGapStep}\">: a root ` +\n        `Theme has no wrapper element for is-column-gap-${columnGapStep}, ` +\n        'and a gap step sets no variable, so this does nothing. To change ' +\n        'the columns gutter across the page, set ' +\n        \"bulmaVars={{ '--bulma-column-gap': '…' }} instead.\"\n    );\n  }\n\n  // Extract Bulma variable props from restProps\n  const { bulmaVarProps, otherProps } = useMemo(() => {\n    const varProps: Record<string, string | undefined> = {};\n    const otherPropsObj: Record<string, unknown> = {};\n\n    for (const [key, value] of Object.entries(restProps)) {\n      if (Object.prototype.hasOwnProperty.call(bulmaVarPropMap, key)) {\n        varProps[key] = value as string;\n      } else {\n        otherPropsObj[key] = value;\n      }\n    }\n\n    return { bulmaVarProps: varProps, otherProps: otherPropsObj };\n  }, [restProps]);\n\n  // Everything left in `otherProps` lands on the wrapper div, as a helper\n  // class or an attribute, and so does `className`. A root Theme renders no\n  // wrapper, so under `isRoot` all of it is dropped. `radius` and `columnGap`\n  // are not in `otherProps`; the checks above cover them.\n  if (isRoot) {\n    const dropped = Object.entries(otherProps)\n      .filter(\n        ([, value]) => value !== undefined && value !== null && value !== false\n      )\n      .map(([key]) => key);\n    if (className) {\n      dropped.unshift('className');\n    }\n    if (dropped.length > 0) {\n      warnOnce(\n        'Theme:root-dropped-props',\n        `[bestax-bulma] <Theme isRoot>: a root Theme renders no wrapper ` +\n          `element, so ${dropped.join(', ')} ` +\n          `${dropped.length === 1 ? 'has' : 'have'} nothing to apply to. ` +\n          'Put helper props and classes on an element inside the Theme ' +\n          'instead.'\n      );\n    }\n  }\n\n  // Use Bulma classes for styling (only when not isRoot). Only a helper value\n  // of `radius` reaches the helper; a legacy string went to the variable.\n  const { bulmaHelperClasses, rest } = useBulmaClasses({\n    ...otherProps,\n    radius: radiusHelper,\n    columnGap,\n  });\n\n  // Merge bulmaVars and individual props, with props taking precedence\n  const mergedVars: BulmaVars = useMemo(() => {\n    const vars: BulmaVars = { ...bulmaVars };\n    for (const [propName, cssVar] of Object.entries(bulmaVarPropMap)) {\n      if (bulmaVarProps[propName] !== undefined) {\n        vars[cssVar as BulmaVarKey] = bulmaVarProps[propName] as string;\n      }\n    }\n    if (radiusVar !== undefined) {\n      vars['--bulma-radius'] = radiusVar;\n    }\n    if (columnGapVar !== undefined) {\n      vars['--bulma-column-gap'] = columnGapVar;\n    }\n    return vars;\n  }, [bulmaVars, bulmaVarProps, radiusVar, columnGapVar]);\n\n  // From an effect rather than the render body, so rendering does none of\n  // this work, and a server render none at all. In production it returns\n  // at its development check before looking at the variables.\n  useEffect(() => {\n    warnComponentVars(mergedVars);\n  }, [mergedVars]);\n\n  // This Theme's place among root Themes; see `rootThemeRules`.\n  const [rootOrder] = useState(() => nextRootOrder++);\n\n  // The `:root` rules this Theme contributes, or '' when it contributes none.\n  const rootRules = useMemo(() => {\n    if (!isRoot) {\n      return '';\n    }\n    const cssRules = Object.entries(mergedVars)\n      .filter(\n        ([key, value]) => bulmaCssVars.includes(key as BulmaVarKey) && value\n      )\n      .map(([key, value]) => `${key}: ${value};`)\n      .join(' ');\n    return cssRules ? `:root { ${cssRules} }` : '';\n  }, [mergedVars, isRoot]);\n\n  // Inject CSS variables globally at :root level, alongside any other root\n  // Themes. Clearing `isRoot` or every variable passes '', which withdraws\n  // this Theme's rules.\n  useEffect(() => {\n    setRootThemeRules(rootOrder, rootRules);\n  }, [rootOrder, rootRules]);\n\n  // Withdraw them on unmount. Kept apart from the effect above so a change\n  // rewrites the shared element in place rather than removing and recreating\n  // it between the cleanup and the next run.\n  useEffect(() => () => setRootThemeRules(rootOrder, ''), [rootOrder]);\n\n  // Bulma names its scheme attribute after the class prefix a stylesheet was\n  // built with (`data-<prefix>theme`), so the prefixed builds read\n  // `data-bestax-theme` and never `data-theme`.\n  const classPrefix = useClassPrefix();\n\n  // Toggle Bulma's light/dark scheme by writing the theme attribute on the\n  // document root (<html>). This is always global, even on a scoped Theme.\n  // Under a class prefix the prefixed attribute is written as well as\n  // `data-theme`, so whichever build is loaded sees it; with no prefix only\n  // `data-theme` is. `'system'` removes them so Bulma follows the OS\n  // preference.\n  useEffect(() => {\n    if (colorMode === undefined) {\n      return;\n    }\n\n    const root = document.documentElement;\n    const names = classPrefix\n      ? ['data-theme', `data-${classPrefix}theme`]\n      : ['data-theme'];\n    const previous = names.map(name => root.getAttribute(name));\n\n    for (const name of names) {\n      if (colorMode === 'system') {\n        root.removeAttribute(name);\n        continue;\n      }\n      try {\n        root.setAttribute(name, colorMode);\n      } catch {\n        // A class prefix can hold characters an attribute name cannot.\n        // `data-theme` is still written, as it was before the prefixed\n        // attribute existed, but a sheet built with that prefix keeps its\n        // scheme, so say so.\n        warnOnce(\n          'Theme:color-mode-prefix',\n          `[bestax-bulma] <Theme colorMode=\"${colorMode}\">: the class ` +\n            `prefix \"${classPrefix}\" makes ${name} an invalid attribute ` +\n            'name, so only data-theme is written, and a stylesheet built ' +\n            'with that prefix keeps its scheme.'\n        );\n      }\n    }\n\n    // Restore the previous values when colorMode changes or the component unmounts.\n    return () => {\n      names.forEach((name, i) => {\n        const value = previous[i];\n        if (value === null) {\n          root.removeAttribute(name);\n        } else {\n          root.setAttribute(name, value);\n        }\n      });\n    };\n  }, [colorMode, classPrefix]);\n\n  // For local injection (when isRoot is false), prepare style object for CSS vars\n  const style: CSSProperties = useMemo(() => {\n    if (isRoot) {\n      return {};\n    }\n\n    const styleObj: CSSProperties = {};\n    for (const [key, value] of Object.entries(mergedVars)) {\n      if (bulmaCssVars.includes(key as BulmaVarKey) && value) {\n        (styleObj as Record<string, string>)[key] = value;\n      }\n    }\n    return styleObj;\n  }, [mergedVars, isRoot]);\n\n  // Generate combined class names for the wrapper div\n  const combinedClassName = useMemo(() => {\n    if (isRoot) {\n      return '';\n    }\n    return classNames(className, bulmaHelperClasses);\n  }, [className, bulmaHelperClasses, isRoot]);\n\n  return isRoot ? (\n    <>{children}</>\n  ) : (\n    <div className={combinedClassName || undefined} style={style} {...rest}>\n      {children}\n    </div>\n  );\n};\n"],"names":["_jsx","_Fragment"],"mappings":"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"}

package/dist/esm/helpers/useAnchoredPosition.js

@@ -1,5 +1,5 @@
 /* @allxsmith/bestax-bulma — AI agents: see AGENTS.md in the package root, or https://bestax.io/llms.txt */
-import { useState } from 'react';
+import { useState, useRef } from 'react';
 import { useClientLayoutEffect } from './useClientLayoutEffect.js';
 
 // INTERNAL: deliberately not exported from src/index.ts.
@@ -23,13 +23,17 @@ function resolveAuto(view, rect, panelWidth, panelHeight, gap) {
         return fitsRight ? 'bottom-left' : 'bottom-right';
     return fitsRight ? 'top-left' : 'top-right';
 }
-const samePosition = (a, b) => a.position === b.position && a.top === b.top && a.left === b.left;
+const samePosition = (a, b) => a.position === b.position &&
+    a.top === b.top &&
+    a.left === b.left &&
+    a.minWidth === b.minWidth;
 /**
  * Places a floating panel against its anchor: resolves `auto` to a corner
  * and, for a panel fixed to the viewport, works out its coordinates. It
  * measures again on resize and on any scroll of the anchor's window (an
  * iframe's, when the anchor renders into one), so a fixed panel follows its
- * anchor. A measurement that changes nothing doesn't render again.
+ * anchor, and with `followContent` after each render too. A measurement that
+ * changes nothing doesn't render again.
  *
  * Measuring happens in a layout effect, so the panel is placed before it
  * paints. It needs both elements on the page while `active` is on, and
@@ -41,10 +45,13 @@ const samePosition = (a, b) => a.position === b.position && a.top === b.top && a
  * @param options - Whether to measure, the corner asked for, and how the panel is placed.
  * @returns The corner the panel opens from, with coordinates when it is fixed.
  */
-function useAnchoredPosition(anchorRef, panelRef, { active, position, fixed, offset = 4, styledGap }) {
+function useAnchoredPosition(anchorRef, panelRef, { active, position, fixed, offset = 4, styledGap, matchWidth = false, followContent = false, }) {
     const [resolved, setResolved] = useState({
         position: position === 'auto' ? 'bottom-left' : position,
     });
+    // The measurement while the panel is active, for `followContent` to run
+    // again after a render.
+    const updateRef = useRef(null);
     useClientLayoutEffect(() => {
         if (!active)
             return undefined;
@@ -56,7 +63,12 @@ function useAnchoredPosition(anchorRef, panelRef, { active, position, fixed, off
             if (!anchor || !panel)
                 return;
             const rect = anchor.getBoundingClientRect();
-            const { width, height } = panel.getBoundingClientRect();
+            const measured = panel.getBoundingClientRect();
+            // The width the panel has once it's at least as wide as the anchor.
+            const width = matchWidth
+                ? Math.max(measured.width, rect.width)
+                : measured.width;
+            const { height } = measured;
             const corner = position === 'auto'
                 ? resolveAuto(view, rect, width, height, offset + (styledGap?.(panel) ?? 0))
                 : position;
@@ -67,18 +79,35 @@ function useAnchoredPosition(anchorRef, panelRef, { active, position, fixed, off
                         ? rect.bottom + offset
                         : rect.top - height - offset,
                     left: corner.endsWith('left') ? rect.left : rect.right - width,
+                    ...(matchWidth ? { minWidth: rect.width } : {}),
                 }
                 : { position: corner };
             setResolved(prev => (samePosition(prev, next) ? prev : next));
         };
+        updateRef.current = update;
         update();
         view.addEventListener('resize', update, { passive: true });
         view.addEventListener('scroll', update, { passive: true, capture: true });
         return () => {
+            updateRef.current = null;
             view.removeEventListener('resize', update);
             view.removeEventListener('scroll', update, { capture: true });
         };
-    }, [active, anchorRef, panelRef, position, fixed, offset, styledGap]);
+    }, [
+        active,
+        anchorRef,
+        panelRef,
+        position,
+        fixed,
+        offset,
+        styledGap,
+        matchWidth,
+    ]);
+    // After every render, on purpose: the panel's content is what changed.
+    useClientLayoutEffect(() => {
+        if (followContent)
+            updateRef.current?.();
+    });
     return resolved;
 }
 

package/dist/esm/helpers/useAnchoredPosition.js.map

@@ -1 +1 @@
-{"version":3,"file":"useAnchoredPosition.js","sources":["../../../src/helpers/useAnchoredPosition.ts"],"sourcesContent":["// INTERNAL: deliberately not exported from src/index.ts.\nimport { useState } from 'react';\nimport type { RefObject } from 'react';\nimport type { PickerPosition } from '../form/_pickerInternals/pickerTypes';\nimport { useClientLayoutEffect } from './useClientLayoutEffect';\n\n/** A corner of the anchor the panel opens from, once `auto` is resolved. */\nexport type AnchoredCorner = Exclude<PickerPosition, 'auto'>;\n\n/**\n * Where the panel goes: the corner it opens from and, when it is fixed to\n * the viewport, its coordinates there.\n */\nexport interface AnchoredPosition {\n  position: AnchoredCorner;\n  top?: number;\n  left?: number;\n}\n\n/**\n * Options for `useAnchoredPosition`.\n */\nexport interface UseAnchoredPositionOptions {\n  /** Whether the panel is on the page. Nothing is measured while it is not. */\n  active: boolean;\n  /** The corner asked for, or `auto` to pick one that keeps the panel in the viewport. */\n  position: PickerPosition;\n  /**\n   * Whether the panel is fixed to the viewport (it was portaled away from the\n   * anchor), which needs coordinates. Otherwise the panel's CSS places it\n   * against the anchor from the corner alone.\n   */\n  fixed: boolean;\n  /**\n   * The gap between the anchor and the panel, in pixels, that the hook puts\n   * there itself: added to the fixed coordinates and to the room `auto` asks\n   * for below the anchor. Popover and the pickers' popover pass `0` and take\n   * their gap from a margin in their stylesheet, read through `styledGap`, so\n   * a theme's offset moves the panel and `auto` alike. A new panel should do\n   * the same rather than rely on this default, which no stylesheet sees.\n   * @defaultValue 4\n   */\n  offset?: number;\n  /**\n   * Reads the gap the panel's own stylesheet puts between it and the anchor,\n   * in pixels, each time the panel is measured. `auto` leaves room for it as\n   * well; the coordinates don't include it, because the stylesheet applies it.\n   */\n  styledGap?: (panel: HTMLElement) => number;\n}\n\n/**\n * A `styledGap` for a panel whose stylesheet puts the gap in a margin on the\n * side facing the anchor, negative on a portaled panel above it, so the\n * larger magnitude is the gap. In pixels.\n */\nexport function marginGap(panel: HTMLElement): number {\n  const { marginTop, marginBottom } = getComputedStyle(panel);\n  return Math.max(\n    Math.abs(parseFloat(marginTop)) || 0,\n    Math.abs(parseFloat(marginBottom)) || 0\n  );\n}\n\n/**\n * The corner that keeps a panel of this size in the viewport, preferring\n * below the anchor and lined up with its left edge.\n */\nfunction resolveAuto(\n  view: Window,\n  rect: DOMRect,\n  panelWidth: number,\n  panelHeight: number,\n  gap: number\n): AnchoredCorner {\n  const fitsBelow = rect.bottom + panelHeight + gap <= view.innerHeight;\n  const fitsRight = rect.left + panelWidth <= view.innerWidth;\n  if (fitsBelow) return fitsRight ? 'bottom-left' : 'bottom-right';\n  return fitsRight ? 'top-left' : 'top-right';\n}\n\nconst samePosition = (a: AnchoredPosition, b: AnchoredPosition): boolean =>\n  a.position === b.position && a.top === b.top && a.left === b.left;\n\n/**\n * Places a floating panel against its anchor: resolves `auto` to a corner\n * and, for a panel fixed to the viewport, works out its coordinates. It\n * measures again on resize and on any scroll of the anchor's window (an\n * iframe's, when the anchor renders into one), so a fixed panel follows its\n * anchor. A measurement that changes nothing doesn't render again.\n *\n * Measuring happens in a layout effect, so the panel is placed before it\n * paints. It needs both elements on the page while `active` is on, and\n * keeps the last placement when either is missing.\n *\n * @function useAnchoredPosition\n * @param anchorRef - The element the panel opens from.\n * @param panelRef - The floating panel.\n * @param options - Whether to measure, the corner asked for, and how the panel is placed.\n * @returns The corner the panel opens from, with coordinates when it is fixed.\n */\nexport function useAnchoredPosition(\n  anchorRef: RefObject<HTMLElement | null>,\n  panelRef: RefObject<HTMLElement | null>,\n  { active, position, fixed, offset = 4, styledGap }: UseAnchoredPositionOptions\n): AnchoredPosition {\n  const [resolved, setResolved] = useState<AnchoredPosition>({\n    position: position === 'auto' ? 'bottom-left' : position,\n  });\n\n  useClientLayoutEffect(() => {\n    if (!active) return undefined;\n    const view =\n      (anchorRef.current ?? panelRef.current)?.ownerDocument.defaultView ??\n      window;\n    const update = () => {\n      const anchor = anchorRef.current;\n      const panel = panelRef.current;\n      if (!anchor || !panel) return;\n      const rect = anchor.getBoundingClientRect();\n      const { width, height } = panel.getBoundingClientRect();\n      const corner =\n        position === 'auto'\n          ? resolveAuto(\n              view,\n              rect,\n              width,\n              height,\n              offset + (styledGap?.(panel) ?? 0)\n            )\n          : position;\n      const next: AnchoredPosition = fixed\n        ? {\n            position: corner,\n            top: corner.startsWith('bottom')\n              ? rect.bottom + offset\n              : rect.top - height - offset,\n            left: corner.endsWith('left') ? rect.left : rect.right - width,\n          }\n        : { position: corner };\n      setResolved(prev => (samePosition(prev, next) ? prev : next));\n    };\n    update();\n    view.addEventListener('resize', update, { passive: true });\n    view.addEventListener('scroll', update, { passive: true, capture: true });\n    return () => {\n      view.removeEventListener('resize', update);\n      view.removeEventListener('scroll', update, { capture: true });\n    };\n  }, [active, anchorRef, panelRef, position, fixed, offset, styledGap]);\n\n  return resolved;\n}\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useAnchoredPosition.js","sources":["../../../src/helpers/useAnchoredPosition.ts"],"sourcesContent":["// INTERNAL: deliberately not exported from src/index.ts.\nimport { useRef, useState } from 'react';\nimport type { RefObject } from 'react';\nimport type { PickerPosition } from '../form/_pickerInternals/pickerTypes';\nimport { useClientLayoutEffect } from './useClientLayoutEffect';\n\n/** A corner of the anchor the panel opens from, once `auto` is resolved. */\nexport type AnchoredCorner = Exclude<PickerPosition, 'auto'>;\n\n/**\n * Where the panel goes: the corner it opens from and, when it is fixed to\n * the viewport, its coordinates there.\n */\nexport interface AnchoredPosition {\n  position: AnchoredCorner;\n  top?: number;\n  left?: number;\n  /**\n   * With `matchWidth`, the anchor's width, which a fixed panel takes as its\n   * `min-width`.\n   */\n  minWidth?: number;\n}\n\n/**\n * Options for `useAnchoredPosition`.\n */\nexport interface UseAnchoredPositionOptions {\n  /** Whether the panel is on the page. Nothing is measured while it is not. */\n  active: boolean;\n  /** The corner asked for, or `auto` to pick one that keeps the panel in the viewport. */\n  position: PickerPosition;\n  /**\n   * Whether the panel is fixed to the viewport (it was portaled away from the\n   * anchor), which needs coordinates. Otherwise the panel's CSS places it\n   * against the anchor from the corner alone.\n   */\n  fixed: boolean;\n  /**\n   * The gap between the anchor and the panel, in pixels, that the hook puts\n   * there itself: added to the fixed coordinates and to the room `auto` asks\n   * for below the anchor. Popover and the pickers' popover pass `0` and take\n   * their gap from a margin in their stylesheet, read through `styledGap`, so\n   * a theme's offset moves the panel and `auto` alike. A new panel should do\n   * the same rather than rely on this default, which no stylesheet sees.\n   * @defaultValue 4\n   */\n  offset?: number;\n  /**\n   * Reads the gap the panel's own stylesheet puts between it and the anchor,\n   * in pixels, each time the panel is measured. `auto` leaves room for it as\n   * well; the coordinates don't include it, because the stylesheet applies it.\n   */\n  styledGap?: (panel: HTMLElement) => number;\n  /**\n   * Whether the panel is at least as wide as the anchor, as a list under its\n   * field is. A panel in place gets that from its stylesheet. A fixed one\n   * can't, so its placement carries the anchor's width as `minWidth` for the\n   * panel to set, and its coordinates and `auto` already allow for it.\n   * @defaultValue false\n   */\n  matchWidth?: boolean;\n  /**\n   * Measures again after each render of the component holding the hook, for\n   * a panel whose content changes while it's open, as a filtered list's\n   * does. A fixed panel above its anchor is placed from its height, and\n   * `auto` reads the height too, so a measurement taken when it opened goes\n   * stale as the content changes.\n   * @defaultValue false\n   */\n  followContent?: boolean;\n}\n\n/**\n * A `styledGap` for a panel whose stylesheet puts the gap in a margin on the\n * side facing the anchor, negative on a portaled panel above it, so the\n * larger magnitude is the gap. In pixels.\n */\nexport function marginGap(panel: HTMLElement): number {\n  const { marginTop, marginBottom } = getComputedStyle(panel);\n  return Math.max(\n    Math.abs(parseFloat(marginTop)) || 0,\n    Math.abs(parseFloat(marginBottom)) || 0\n  );\n}\n\n/**\n * The corner that keeps a panel of this size in the viewport, preferring\n * below the anchor and lined up with its left edge.\n */\nfunction resolveAuto(\n  view: Window,\n  rect: DOMRect,\n  panelWidth: number,\n  panelHeight: number,\n  gap: number\n): AnchoredCorner {\n  const fitsBelow = rect.bottom + panelHeight + gap <= view.innerHeight;\n  const fitsRight = rect.left + panelWidth <= view.innerWidth;\n  if (fitsBelow) return fitsRight ? 'bottom-left' : 'bottom-right';\n  return fitsRight ? 'top-left' : 'top-right';\n}\n\nconst samePosition = (a: AnchoredPosition, b: AnchoredPosition): boolean =>\n  a.position === b.position &&\n  a.top === b.top &&\n  a.left === b.left &&\n  a.minWidth === b.minWidth;\n\n/**\n * Places a floating panel against its anchor: resolves `auto` to a corner\n * and, for a panel fixed to the viewport, works out its coordinates. It\n * measures again on resize and on any scroll of the anchor's window (an\n * iframe's, when the anchor renders into one), so a fixed panel follows its\n * anchor, and with `followContent` after each render too. A measurement that\n * changes nothing doesn't render again.\n *\n * Measuring happens in a layout effect, so the panel is placed before it\n * paints. It needs both elements on the page while `active` is on, and\n * keeps the last placement when either is missing.\n *\n * @function useAnchoredPosition\n * @param anchorRef - The element the panel opens from.\n * @param panelRef - The floating panel.\n * @param options - Whether to measure, the corner asked for, and how the panel is placed.\n * @returns The corner the panel opens from, with coordinates when it is fixed.\n */\nexport function useAnchoredPosition(\n  anchorRef: RefObject<HTMLElement | null>,\n  panelRef: RefObject<HTMLElement | null>,\n  {\n    active,\n    position,\n    fixed,\n    offset = 4,\n    styledGap,\n    matchWidth = false,\n    followContent = false,\n  }: UseAnchoredPositionOptions\n): AnchoredPosition {\n  const [resolved, setResolved] = useState<AnchoredPosition>({\n    position: position === 'auto' ? 'bottom-left' : position,\n  });\n  // The measurement while the panel is active, for `followContent` to run\n  // again after a render.\n  const updateRef = useRef<(() => void) | null>(null);\n\n  useClientLayoutEffect(() => {\n    if (!active) return undefined;\n    const view =\n      (anchorRef.current ?? panelRef.current)?.ownerDocument.defaultView ??\n      window;\n    const update = () => {\n      const anchor = anchorRef.current;\n      const panel = panelRef.current;\n      if (!anchor || !panel) return;\n      const rect = anchor.getBoundingClientRect();\n      const measured = panel.getBoundingClientRect();\n      // The width the panel has once it's at least as wide as the anchor.\n      const width = matchWidth\n        ? Math.max(measured.width, rect.width)\n        : measured.width;\n      const { height } = measured;\n      const corner =\n        position === 'auto'\n          ? resolveAuto(\n              view,\n              rect,\n              width,\n              height,\n              offset + (styledGap?.(panel) ?? 0)\n            )\n          : position;\n      const next: AnchoredPosition = fixed\n        ? {\n            position: corner,\n            top: corner.startsWith('bottom')\n              ? rect.bottom + offset\n              : rect.top - height - offset,\n            left: corner.endsWith('left') ? rect.left : rect.right - width,\n            ...(matchWidth ? { minWidth: rect.width } : {}),\n          }\n        : { position: corner };\n      setResolved(prev => (samePosition(prev, next) ? prev : next));\n    };\n    updateRef.current = update;\n    update();\n    view.addEventListener('resize', update, { passive: true });\n    view.addEventListener('scroll', update, { passive: true, capture: true });\n    return () => {\n      updateRef.current = null;\n      view.removeEventListener('resize', update);\n      view.removeEventListener('scroll', update, { capture: true });\n    };\n  }, [\n    active,\n    anchorRef,\n    panelRef,\n    position,\n    fixed,\n    offset,\n    styledGap,\n    matchWidth,\n  ]);\n\n  // After every render, on purpose: the panel's content is what changed.\n  useClientLayoutEffect(() => {\n    if (followContent) updateRef.current?.();\n  });\n\n  return resolved;\n}\n"],"names":[],"mappings":"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"}