@allxsmith/bestax-bulma 5.45.1 → 5.46.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (34) hide show
  1. package/dist/esm/form/Checkbox.js.map +1 -1
  2. package/dist/esm/form/File.js.map +1 -1
  3. package/dist/esm/form/Numberinput.js.map +1 -1
  4. package/dist/esm/form/PinInput.js.map +1 -1
  5. package/dist/esm/form/Radio.js.map +1 -1
  6. package/dist/esm/form/SelectBase.js.map +1 -1
  7. package/dist/esm/form/Slider.js.map +1 -1
  8. package/dist/esm/form/Switch.js.map +1 -1
  9. package/dist/esm/helpers/Theme.js +191 -49
  10. package/dist/esm/helpers/Theme.js.map +1 -1
  11. package/dist/esm/helpers/useVisibilityClasses.js.map +1 -1
  12. package/dist/index.cjs +190 -49
  13. package/dist/index.cjs.map +1 -1
  14. package/dist/types/form/Checkbox.d.ts +3 -0
  15. package/dist/types/form/File.d.ts +3 -0
  16. package/dist/types/form/Numberinput.d.ts +2 -0
  17. package/dist/types/form/PinInput.d.ts +3 -0
  18. package/dist/types/form/Radio.d.ts +3 -0
  19. package/dist/types/form/SelectBase.d.ts +3 -0
  20. package/dist/types/form/Slider.d.ts +3 -0
  21. package/dist/types/form/Switch.d.ts +2 -0
  22. package/dist/types/helpers/Theme.d.ts +37 -10
  23. package/dist/types/helpers/useVisibilityClasses.d.ts +5 -1
  24. package/dist/types-cjs/form/Checkbox.d.ts +3 -0
  25. package/dist/types-cjs/form/File.d.ts +3 -0
  26. package/dist/types-cjs/form/Numberinput.d.ts +2 -0
  27. package/dist/types-cjs/form/PinInput.d.ts +3 -0
  28. package/dist/types-cjs/form/Radio.d.ts +3 -0
  29. package/dist/types-cjs/form/SelectBase.d.ts +3 -0
  30. package/dist/types-cjs/form/Slider.d.ts +3 -0
  31. package/dist/types-cjs/form/Switch.d.ts +2 -0
  32. package/dist/types-cjs/helpers/Theme.d.ts +37 -10
  33. package/dist/types-cjs/helpers/useVisibilityClasses.d.ts +5 -1
  34. package/package.json +1 -1
package/dist/esm/helpers/Theme.js.map CHANGED
@@ -1 +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 * 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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"}
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';\nimport { useClientLayoutEffect } from './useClientLayoutEffect';\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 // the lightness of each color's label on a solid surface, and of its text\n // on the page, which Bulma's Sass build picks for contrast with the color\n // it was built with, so a new trio does not move them\n '--bulma-primary-invert-l',\n '--bulma-primary-on-scheme-l',\n '--bulma-link-invert-l',\n '--bulma-link-on-scheme-l',\n '--bulma-info-invert-l',\n '--bulma-info-on-scheme-l',\n '--bulma-success-invert-l',\n '--bulma-success-on-scheme-l',\n '--bulma-warning-invert-l',\n '--bulma-warning-on-scheme-l',\n '--bulma-danger-invert-l',\n '--bulma-danger-on-scheme-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\n/**\n * The keys Bulma gives a value of its own in each scheme: the lightness of a\n * color's text on the page, which has to read on a light page and on a dark\n * one.\n */\ntype BulmaOnSchemeKey = Extract<BulmaVarKey, `--bulma-${string}-on-scheme-l`>;\n\n/**\n * One value for Bulma's light scheme and one for its dark scheme. A scheme\n * left out keeps the stylesheet's own value.\n */\ninterface BulmaSchemeValues {\n /** The value in the light scheme. */\n light?: string;\n /** The value in the dark scheme. */\n dark?: string;\n}\n\n/**\n * A partial record mapping Bulma CSS variable keys to string values. The\n * on-scheme keys also take one value per scheme.\n */\ntype BulmaVars = Partial<\n Record<Exclude<BulmaVarKey, BulmaOnSchemeKey>, string>\n> &\n Partial<Record<BulmaOnSchemeKey, string | BulmaSchemeValues>>;\n\n/** What Theme writes for one variable: a string, or a value per scheme. */\ntype BulmaVarValue = string | BulmaSchemeValues;\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: Readonly<Record<string, unknown>>): 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/** A value given per scheme, rather than as one string. */\nconst isSchemeValues = (value: unknown): value is BulmaSchemeValues =>\n typeof value === 'object' && value !== null && !Array.isArray(value);\n\n/**\n * The selector of one of Bulma's schemes, as the stylesheet Theme is used\n * with writes it: `[data-theme=dark], .theme-dark`, or with the class prefix\n * in both names (`[data-bestax-theme=dark], .bestax-theme-dark`) for a\n * prefixed build. A prefix that cannot be written into a selector as it\n * stands gets the plain names, which `colorMode` writes under any prefix.\n */\nconst schemeSelector = (classPrefix: string, scheme: 'light' | 'dark') => {\n const prefix = /^[A-Za-z_][\\w-]*$/.test(classPrefix) ? classPrefix : '';\n return `[data-${prefix}theme=${scheme}], .${prefix}theme-${scheme}`;\n};\n\n/**\n * The `:root` rules for variables given a value per scheme, laid out the\n * way Bulma lays out its own schemes so each value applies exactly where\n * Bulma's would: under the visitor's OS preference, unless the page names\n * the other scheme, and wherever the page names this one, on `<html>` or on\n * an element inside. A scheme with no value gets no rules, which leaves the\n * stylesheet's own value there.\n *\n * Every selector is as specific as `:root` (the guard is in `:where()`), so\n * between Themes, and against a plain `:root` rule, the later one still\n * wins, as it does for every other variable.\n */\nconst schemeRules = (\n vars: ReadonlyArray<[string, BulmaSchemeValues]>,\n classPrefix: string\n): string[] => {\n const other = { light: 'dark', dark: 'light' } as const;\n const body = (scheme: 'light' | 'dark') =>\n vars\n .filter(([, values]) => values[scheme])\n .map(([key, values]) => `${key}: ${values[scheme]};`)\n .join(' ');\n const schemes = (['light', 'dark'] as const)\n .map(scheme => [scheme, body(scheme)] as const)\n .filter(([, declarations]) => declarations);\n // Bulma's order: both preferences, then both names, the dark one last.\n return [\n ...schemes.map(\n ([scheme, declarations]) =>\n `@media (prefers-color-scheme: ${scheme}) { :root:where(:not(` +\n `${schemeSelector(classPrefix, other[scheme])})) { ${declarations} } }`\n ),\n ...schemes.map(\n ([scheme, declarations]) =>\n `${schemeSelector(classPrefix, scheme)} { ${declarations} }`\n ),\n ];\n};\n\n/**\n * Every theme attribute on `<html>` that a mounted Theme's `colorMode` has\n * written, by name: what the attribute held before the first of them wrote\n * it, and each Theme's value, the latest writer last.\n *\n * Theme writes the attribute from a layout effect, so it is there before the\n * browser paints, and lets go of it on unmount from a passive one, so a\n * Theme that a `Suspense` fallback hides for a moment keeps the page's\n * scheme: React cleans up a hidden tree's layout effects, but not its\n * passive ones. The two run at different times, so a Theme that replaces\n * another writes before the one it replaces lets go. Keeping every writer\n * here is what stops that letting go from undoing the new Theme's value:\n * only the latest writer's departure changes the page, and the last one's\n * puts back what was there before any of them.\n */\ninterface SchemeAttribute {\n original: string | null;\n writers: Array<{ order: number; value: string | null }>;\n}\nconst schemeAttributes = new Map<string, SchemeAttribute>();\n\n/** Set a theme attribute on `<html>`, or remove it for `null`. */\nconst setSchemeAttribute = (name: string, value: string | null): void => {\n const root = document.documentElement;\n if (value === null) {\n root.removeAttribute(name);\n } else {\n root.setAttribute(name, value);\n }\n};\n\n/**\n * Write one Theme's value for a theme attribute, `null` removing it, and\n * make that Theme the attribute's latest writer. Throws, recording nothing,\n * when `name` cannot be an attribute name.\n *\n * A Theme that writes the value it already holds keeps its place and leaves\n * the page alone. React runs a layout effect again when a `Suspense`\n * boundary shows its tree again, with nothing changed, and that must not\n * take the attribute back from a Theme that wrote after it.\n */\nconst writeSchemeAttribute = (\n order: number,\n name: string,\n value: string | null\n): void => {\n const held = schemeAttributes.get(name);\n if (\n held?.writers.some(\n writer => writer.order === order && writer.value === value\n )\n ) {\n return;\n }\n const entry = held ?? {\n original: document.documentElement.getAttribute(name),\n writers: [],\n };\n setSchemeAttribute(name, value);\n entry.writers = entry.writers.filter(writer => writer.order !== order);\n entry.writers.push({ order, value });\n schemeAttributes.set(name, entry);\n};\n\n/**\n * Take one Theme off every theme attribute it wrote, except those named in\n * `keep`. An attribute it was the latest writer of goes back to the value of\n * the writer before it, or to what it held before any of them.\n */\nconst releaseSchemeAttributes = (\n order: number,\n keep: readonly string[] = []\n): void => {\n for (const [name, entry] of schemeAttributes) {\n const index = entry.writers.findIndex(writer => writer.order === order);\n if (index === -1 || keep.includes(name)) {\n continue;\n }\n const latest = index === entry.writers.length - 1;\n entry.writers.splice(index, 1);\n if (entry.writers.length === 0) {\n schemeAttributes.delete(name);\n setSchemeAttribute(name, entry.original);\n } else if (latest) {\n setSchemeAttribute(name, entry.writers[entry.writers.length - 1].value);\n }\n }\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.\n *\n * The variables are written before the browser paints. A server render\n * has none of them, so put what a server-rendered page needs at first\n * paint in CSS.\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 * It is written before the browser paints, but the page can paint before\n * the app's script runs, in the scheme `<html>` already has. Put a fixed\n * scheme on `<html>` in `index.html`, and write a saved choice from an\n * inline `<head>` script, starting `colorMode` from it.\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 * A color's trio leaves its label (`--bulma-<color>-invert-l`) and text\n * (`--bulma-<color>-on-scheme-l`) lightnesses where the stylesheet's build\n * put them, so a new color sets them too. On an `isRoot` Theme the\n * on-scheme keys also take `{ light, dark }`, one value per scheme, which a\n * scoped Theme skips with a warning in development.\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 = useMemo(() => {\n const vars: Partial<Record<BulmaVarKey, BulmaVarValue>> = {\n ...bulmaVars,\n };\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 // The variables Theme writes, split by form: a value per scheme, or one\n // value for every scheme. A key Theme does not take, or an empty value, is\n // left out. A plain value is written as given, so a number untyped code\n // passes still works.\n const { plainVars, perSchemeVars } = useMemo(() => {\n const plain: Array<[string, unknown]> = [];\n const perScheme: Array<[string, BulmaSchemeValues]> = [];\n for (const [key, value] of Object.entries(mergedVars)) {\n if (!value || !bulmaCssVars.includes(key as BulmaVarKey)) {\n continue;\n }\n if (isSchemeValues(value)) {\n perScheme.push([key, value]);\n } else {\n plain.push([key, value]);\n }\n }\n return { plainVars: plain, perSchemeVars: perScheme };\n }, [mergedVars]);\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 // A scoped Theme writes its variables as an inline style, which has no way\n // to say which scheme a value is for, so it skips a value given per\n // scheme. Say so, since nothing on the page does.\n useEffect(() => {\n if (isRoot || perSchemeVars.length === 0 || !isDev()) {\n return;\n }\n const keys = perSchemeVars.map(([key]) => key).sort();\n warnOnce(\n `Theme:scoped-scheme-values:${keys.join(',')}`,\n `[bestax-bulma] <Theme>: a scoped Theme writes its variables as an ` +\n `inline style, which cannot hold a value per scheme, so ` +\n `${keys.join(', ')} ${keys.length === 1 ? 'is' : 'are'} not set. ` +\n 'Give a single string, set the values on an isRoot Theme, or set ' +\n 'them in your CSS.'\n );\n }, [isRoot, perSchemeVars]);\n\n // This Theme's place among the Themes on the page; see `rootThemeRules`\n // and `schemeAttributes`.\n const [rootOrder] = useState(() => nextRootOrder++);\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`. Its scheme classes take the\n // prefix too (`.bestax-theme-dark`).\n const classPrefix = useClassPrefix();\n\n // The `:root` rules this Theme contributes, or '' when it contributes none:\n // one block for the plain values, then the rules for each value given per\n // scheme.\n const rootRules = useMemo(() => {\n if (!isRoot) {\n return '';\n }\n const plain = plainVars.map(([key, value]) => `${key}: ${value};`);\n return [\n ...(plain.length > 0 ? [`:root { ${plain.join(' ')} }`] : []),\n ...schemeRules(perSchemeVars, classPrefix),\n ].join('\\n');\n }, [plainVars, perSchemeVars, classPrefix, 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. A layout effect, so they are in place before the\n // browser paints what this Theme rendered.\n useClientLayoutEffect(() => {\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, and passive, so a Theme that a\n // `Suspense` fallback hides keeps its variables meanwhile: React cleans up\n // a hidden tree's layout effects, but not its passive ones.\n useEffect(() => () => setRootThemeRules(rootOrder, ''), [rootOrder]);\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. Written before the browser paints, and handed back on\n // unmount, for the reasons the two effects above give; `schemeAttributes`\n // keeps the two in step.\n useClientLayoutEffect(() => {\n const names =\n colorMode === undefined\n ? []\n : classPrefix\n ? ['data-theme', `data-${classPrefix}theme`]\n : ['data-theme'];\n const value =\n colorMode === undefined || colorMode === 'system' ? null : colorMode;\n releaseSchemeAttributes(rootOrder, names);\n for (const name of names) {\n try {\n writeSchemeAttribute(rootOrder, name, value);\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 }, [colorMode, classPrefix, rootOrder]);\n\n // Hand the attributes back on unmount.\n useEffect(() => () => releaseSchemeAttributes(rootOrder), [rootOrder]);\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 plainVars) {\n (styleObj as Record<string, unknown>)[key] = value;\n }\n return styleObj;\n }, [plainVars, 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/useVisibilityClasses.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"useVisibilityClasses.js","sources":["../../../src/helpers/useVisibilityClasses.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { classNames } from './classNames';\nimport { useConfig } from './Config';\nimport {\n createBulmaClassHelpers,\n validDisplays,\n validVisibilities,\n validViewports,\n BulmaViewportProps,\n BulmaDisplayProps,\n} from './bulmaClassHelpers';\n\n/**\n * Props for applying Bulma visibility and display helper classes.\n */\nexport interface BulmaVisibilityProps\n extends BulmaViewportProps, BulmaDisplayProps {\n /** Visibility (e.g., 'hidden', 'sr-only'). */\n visibility?: (typeof validVisibilities)[number];\n /** Visibility for mobile viewport (up to 768px). */\n visibilityMobile?: (typeof validVisibilities)[number];\n /** Visibility for tablet viewport (769px - 1023px). */\n visibilityTablet?: (typeof validVisibilities)[number];\n /** Visibility for tablet-only viewport (769px - 1023px, excludes desktop+). */\n visibilityTabletOnly?: (typeof validVisibilities)[number];\n /** Visibility for touch viewport (up to 1023px; mobile + tablet). */\n visibilityTouch?: (typeof validVisibilities)[number];\n /** Visibility for desktop viewport (1024px - 1215px). */\n visibilityDesktop?: (typeof validVisibilities)[number];\n /** Visibility for desktop-only viewport (1024px - 1215px, excludes widescreen+). */\n visibilityDesktopOnly?: (typeof validVisibilities)[number];\n /** Visibility for widescreen viewport (1216px - 1407px). */\n visibilityWidescreen?: (typeof validVisibilities)[number];\n /** Visibility for widescreen-only viewport (1216px - 1407px, excludes fullhd). */\n visibilityWidescreenOnly?: (typeof validVisibilities)[number];\n /** Visibility for fullhd viewport (1408px and above). */\n visibilityFullhd?: (typeof validVisibilities)[number];\n}\n\n/**\n * A hook that generates Bulma visibility and display helper classes. This hook\n * owns all display class emission, including viewport-specific display props,\n * the legacy display/viewport combination, and `display: 'none'` mapping to\n * `is-hidden`.\n *\n * @function useVisibilityClasses\n * @param props - Visibility- and display-related Bulma helper props.\n * @returns A space-separated string of visibility and display helper classes.\n * @example\n * const visibilityClasses = useVisibilityClasses({\n * display: 'flex',\n * visibilityMobile: 'hidden',\n * });\n * // visibilityClasses: 'is-hidden-mobile is-flex'\n */\nexport const useVisibilityClasses = (props: BulmaVisibilityProps): string => {\n const { classPrefix } = useConfig();\n\n const {\n visibility,\n visibilityMobile,\n visibilityTablet,\n visibilityTabletOnly,\n visibilityTouch,\n visibilityDesktop,\n visibilityDesktopOnly,\n visibilityWidescreen,\n visibilityWidescreenOnly,\n visibilityFullhd,\n display,\n displayMobile,\n displayTablet,\n displayTabletOnly,\n displayTouch,\n displayDesktop,\n displayDesktopOnly,\n displayWidescreen,\n displayWidescreenOnly,\n displayFullhd,\n viewport,\n } = props;\n\n return useMemo(() => {\n const { classes, addPrefixedClass, addClass } = createBulmaClassHelpers(\n classPrefix,\n viewport\n );\n\n // Viewport-specific visibility\n const addViewportSpecificVisibilityClass = (\n value: string | undefined,\n viewportSuffix: string\n ) => {\n if (value === 'hidden') {\n addPrefixedClass(`is-hidden${viewportSuffix}`);\n } else if (value === 'sr-only') {\n addPrefixedClass(`is-sr-only${viewportSuffix}`);\n } else if (value === 'invisible') {\n addPrefixedClass(`is-invisible${viewportSuffix}`);\n }\n };\n\n addViewportSpecificVisibilityClass(visibilityMobile, '-mobile');\n addViewportSpecificVisibilityClass(visibilityTablet, '-tablet');\n addViewportSpecificVisibilityClass(visibilityTabletOnly, '-tablet-only');\n addViewportSpecificVisibilityClass(visibilityTouch, '-touch');\n addViewportSpecificVisibilityClass(visibilityDesktop, '-desktop');\n addViewportSpecificVisibilityClass(visibilityDesktopOnly, '-desktop-only');\n addViewportSpecificVisibilityClass(visibilityWidescreen, '-widescreen');\n addViewportSpecificVisibilityClass(\n visibilityWidescreenOnly,\n '-widescreen-only'\n );\n addViewportSpecificVisibilityClass(visibilityFullhd, '-fullhd');\n\n // Visibility and Display\n // Handle viewport-specific display properties first (they take precedence)\n const addDisplayClass = (\n displayValue: string | undefined,\n viewportSuffix: string\n ) => {\n if (displayValue) {\n if (displayValue === 'none') {\n addPrefixedClass(`is-hidden${viewportSuffix}`);\n } else if (\n (validDisplays as readonly string[]).includes(displayValue)\n ) {\n addPrefixedClass(`is-${displayValue}${viewportSuffix}`);\n }\n }\n };\n\n // Apply viewport-specific display classes\n addDisplayClass(displayMobile, '-mobile');\n addDisplayClass(displayTablet, '-tablet');\n addDisplayClass(displayTabletOnly, '-tablet-only');\n addDisplayClass(displayTouch, '-touch');\n addDisplayClass(displayDesktop, '-desktop');\n addDisplayClass(displayDesktopOnly, '-desktop-only');\n addDisplayClass(displayWidescreen, '-widescreen');\n addDisplayClass(displayWidescreenOnly, '-widescreen-only');\n addDisplayClass(displayFullhd, '-fullhd');\n\n // Apply legacy display/viewport combination if no viewport-specific display props are set\n const hasViewportSpecificDisplay = !!(\n displayMobile ||\n displayTablet ||\n displayTabletOnly ||\n displayTouch ||\n displayDesktop ||\n displayDesktopOnly ||\n displayWidescreen ||\n displayWidescreenOnly ||\n displayFullhd\n );\n\n if (!hasViewportSpecificDisplay) {\n // Legacy display handling\n if (display === 'none') {\n if (viewport && validViewports.includes(viewport)) {\n addPrefixedClass(`is-hidden-${viewport}`);\n } else {\n addPrefixedClass('is-hidden');\n }\n } else {\n addClass('is', display, [...validDisplays], true); // display supports viewport\n }\n }\n\n // Visibility (always applied regardless of display settings)\n if (visibility) {\n if (\n (visibility === 'hidden' || visibility === 'invisible') &&\n viewport &&\n validViewports.includes(viewport)\n ) {\n addPrefixedClass(`is-${visibility}-${viewport}`);\n } else if (validVisibilities.includes(visibility)) {\n addPrefixedClass(`is-${visibility}`);\n }\n }\n\n return classNames(classes);\n }, [\n classPrefix,\n visibility,\n visibilityMobile,\n visibilityTablet,\n visibilityTabletOnly,\n visibilityTouch,\n visibilityDesktop,\n visibilityDesktopOnly,\n visibilityWidescreen,\n visibilityWidescreenOnly,\n visibilityFullhd,\n display,\n displayMobile,\n displayTablet,\n displayTabletOnly,\n displayTouch,\n displayDesktop,\n displayDesktopOnly,\n displayWidescreen,\n displayWidescreenOnly,\n displayFullhd,\n viewport,\n ]);\n};\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"useVisibilityClasses.js","sources":["../../../src/helpers/useVisibilityClasses.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport { classNames } from './classNames';\nimport { useConfig } from './Config';\nimport {\n createBulmaClassHelpers,\n validDisplays,\n validVisibilities,\n validViewports,\n BulmaViewportProps,\n BulmaDisplayProps,\n} from './bulmaClassHelpers';\n\n/**\n * Props for applying Bulma visibility and display helper classes.\n */\nexport interface BulmaVisibilityProps\n extends BulmaViewportProps, BulmaDisplayProps {\n /**\n * Hides the element. `'hidden'` takes it off the page, `'invisible'` hides\n * it and keeps its space, and `'sr-only'` (screen reader only) hides it\n * visually while screen readers still read it.\n */\n visibility?: (typeof validVisibilities)[number];\n /** Visibility for mobile viewport (up to 768px). */\n visibilityMobile?: (typeof validVisibilities)[number];\n /** Visibility for tablet viewport (769px - 1023px). */\n visibilityTablet?: (typeof validVisibilities)[number];\n /** Visibility for tablet-only viewport (769px - 1023px, excludes desktop+). */\n visibilityTabletOnly?: (typeof validVisibilities)[number];\n /** Visibility for touch viewport (up to 1023px; mobile + tablet). */\n visibilityTouch?: (typeof validVisibilities)[number];\n /** Visibility for desktop viewport (1024px - 1215px). */\n visibilityDesktop?: (typeof validVisibilities)[number];\n /** Visibility for desktop-only viewport (1024px - 1215px, excludes widescreen+). */\n visibilityDesktopOnly?: (typeof validVisibilities)[number];\n /** Visibility for widescreen viewport (1216px - 1407px). */\n visibilityWidescreen?: (typeof validVisibilities)[number];\n /** Visibility for widescreen-only viewport (1216px - 1407px, excludes fullhd). */\n visibilityWidescreenOnly?: (typeof validVisibilities)[number];\n /** Visibility for fullhd viewport (1408px and above). */\n visibilityFullhd?: (typeof validVisibilities)[number];\n}\n\n/**\n * A hook that generates Bulma visibility and display helper classes. This hook\n * owns all display class emission, including viewport-specific display props,\n * the legacy display/viewport combination, and `display: 'none'` mapping to\n * `is-hidden`.\n *\n * @function useVisibilityClasses\n * @param props - Visibility- and display-related Bulma helper props.\n * @returns A space-separated string of visibility and display helper classes.\n * @example\n * const visibilityClasses = useVisibilityClasses({\n * display: 'flex',\n * visibilityMobile: 'hidden',\n * });\n * // visibilityClasses: 'is-hidden-mobile is-flex'\n */\nexport const useVisibilityClasses = (props: BulmaVisibilityProps): string => {\n const { classPrefix } = useConfig();\n\n const {\n visibility,\n visibilityMobile,\n visibilityTablet,\n visibilityTabletOnly,\n visibilityTouch,\n visibilityDesktop,\n visibilityDesktopOnly,\n visibilityWidescreen,\n visibilityWidescreenOnly,\n visibilityFullhd,\n display,\n displayMobile,\n displayTablet,\n displayTabletOnly,\n displayTouch,\n displayDesktop,\n displayDesktopOnly,\n displayWidescreen,\n displayWidescreenOnly,\n displayFullhd,\n viewport,\n } = props;\n\n return useMemo(() => {\n const { classes, addPrefixedClass, addClass } = createBulmaClassHelpers(\n classPrefix,\n viewport\n );\n\n // Viewport-specific visibility\n const addViewportSpecificVisibilityClass = (\n value: string | undefined,\n viewportSuffix: string\n ) => {\n if (value === 'hidden') {\n addPrefixedClass(`is-hidden${viewportSuffix}`);\n } else if (value === 'sr-only') {\n addPrefixedClass(`is-sr-only${viewportSuffix}`);\n } else if (value === 'invisible') {\n addPrefixedClass(`is-invisible${viewportSuffix}`);\n }\n };\n\n addViewportSpecificVisibilityClass(visibilityMobile, '-mobile');\n addViewportSpecificVisibilityClass(visibilityTablet, '-tablet');\n addViewportSpecificVisibilityClass(visibilityTabletOnly, '-tablet-only');\n addViewportSpecificVisibilityClass(visibilityTouch, '-touch');\n addViewportSpecificVisibilityClass(visibilityDesktop, '-desktop');\n addViewportSpecificVisibilityClass(visibilityDesktopOnly, '-desktop-only');\n addViewportSpecificVisibilityClass(visibilityWidescreen, '-widescreen');\n addViewportSpecificVisibilityClass(\n visibilityWidescreenOnly,\n '-widescreen-only'\n );\n addViewportSpecificVisibilityClass(visibilityFullhd, '-fullhd');\n\n // Visibility and Display\n // Handle viewport-specific display properties first (they take precedence)\n const addDisplayClass = (\n displayValue: string | undefined,\n viewportSuffix: string\n ) => {\n if (displayValue) {\n if (displayValue === 'none') {\n addPrefixedClass(`is-hidden${viewportSuffix}`);\n } else if (\n (validDisplays as readonly string[]).includes(displayValue)\n ) {\n addPrefixedClass(`is-${displayValue}${viewportSuffix}`);\n }\n }\n };\n\n // Apply viewport-specific display classes\n addDisplayClass(displayMobile, '-mobile');\n addDisplayClass(displayTablet, '-tablet');\n addDisplayClass(displayTabletOnly, '-tablet-only');\n addDisplayClass(displayTouch, '-touch');\n addDisplayClass(displayDesktop, '-desktop');\n addDisplayClass(displayDesktopOnly, '-desktop-only');\n addDisplayClass(displayWidescreen, '-widescreen');\n addDisplayClass(displayWidescreenOnly, '-widescreen-only');\n addDisplayClass(displayFullhd, '-fullhd');\n\n // Apply legacy display/viewport combination if no viewport-specific display props are set\n const hasViewportSpecificDisplay = !!(\n displayMobile ||\n displayTablet ||\n displayTabletOnly ||\n displayTouch ||\n displayDesktop ||\n displayDesktopOnly ||\n displayWidescreen ||\n displayWidescreenOnly ||\n displayFullhd\n );\n\n if (!hasViewportSpecificDisplay) {\n // Legacy display handling\n if (display === 'none') {\n if (viewport && validViewports.includes(viewport)) {\n addPrefixedClass(`is-hidden-${viewport}`);\n } else {\n addPrefixedClass('is-hidden');\n }\n } else {\n addClass('is', display, [...validDisplays], true); // display supports viewport\n }\n }\n\n // Visibility (always applied regardless of display settings)\n if (visibility) {\n if (\n (visibility === 'hidden' || visibility === 'invisible') &&\n viewport &&\n validViewports.includes(viewport)\n ) {\n addPrefixedClass(`is-${visibility}-${viewport}`);\n } else if (validVisibilities.includes(visibility)) {\n addPrefixedClass(`is-${visibility}`);\n }\n }\n\n return classNames(classes);\n }, [\n classPrefix,\n visibility,\n visibilityMobile,\n visibilityTablet,\n visibilityTabletOnly,\n visibilityTouch,\n visibilityDesktop,\n visibilityDesktopOnly,\n visibilityWidescreen,\n visibilityWidescreenOnly,\n visibilityFullhd,\n display,\n displayMobile,\n displayTablet,\n displayTabletOnly,\n displayTouch,\n displayDesktop,\n displayDesktopOnly,\n displayWidescreen,\n displayWidescreenOnly,\n displayFullhd,\n viewport,\n ]);\n};\n"],"names":[],"mappings":"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"}