@ahrowe/ui 0.28.0 → 0.29.0

package/dist/esm/common/slider/slider.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"slider.module.mjs","names":[],"sources":["../../../../package/common/slider/slider.module.pcss"],"sourcesContent":[".slider {\n  /* Theme tokens resolved once, each with a built-in fallback. Set any of the\n     public `--slider-*` variables via ThemeProvider or `style` to override. */\n  --custom-slider-track-color: var(--slider-track-color, var(--background-accent-light));\n  --custom-slider-range-color: var(--slider-range-color, var(--primary-color));\n  --custom-slider-thumb-color: var(--slider-thumb-color, var(--primary-color));\n  --custom-slider-thumb-size: var(--slider-thumb-size, 18px);\n  --custom-slider-track-height: var(--slider-track-height, 6px);\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n  /* Fill the container, and allow shrinking when used inside a flex row so the\n     track never collapses to nothing next to a sibling (e.g. a value readout). */\n  width: 100%;\n  min-width: 0;\n  height: var(--custom-slider-thumb-size);\n  padding: 0 calc(var(--custom-slider-thumb-size) / 2);\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  touch-action: none;\n  user-select: none;\n\n  &:focus-visible {\n    outline: none;\n  }\n  &:focus-visible .slider-thumb {\n    box-shadow: 0 0 0 4px color-mix(in srgb, var(--custom-slider-range-color) 30%, transparent);\n  }\n\n  &-disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  /* Reserve room under the track for mark labels. */\n  &-has-mark-labels {\n    margin-bottom: 22px;\n  }\n\n  &-track {\n    position: relative;\n    flex: 1;\n    height: var(--custom-slider-track-height);\n    background-color: var(--custom-slider-track-color);\n    border-radius: 999px;\n  }\n\n  &-range {\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    background-color: var(--custom-slider-range-color);\n    border-radius: 999px;\n    transition: width 0.12s ease;\n  }\n\n  &-thumb {\n    position: absolute;\n    top: 50%;\n    width: var(--custom-slider-thumb-size);\n    height: var(--custom-slider-thumb-size);\n    transform: translate(-50%, -50%);\n    background-color: var(--custom-slider-thumb-color);\n    border-radius: 50%;\n    box-shadow: var(--card-shadow);\n    transition: left 0.12s ease, box-shadow 0.15s ease;\n  }\n\n  /* No lag between pointer and thumb/fill while dragging. */\n  &-dragging &-range,\n  &-dragging &-thumb {\n    transition: box-shadow 0.15s ease;\n  }\n\n  &-mark {\n    position: absolute;\n    top: 50%;\n    width: 3px;\n    height: 3px;\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    background-color: var(--background);\n    pointer-events: none;\n  }\n\n  &-mark-label {\n    position: absolute;\n    top: calc(50% + var(--custom-slider-thumb-size));\n    transform: translateX(-50%);\n    font-size: var(--text-small-font-size, 12px);\n    color: var(--text-dark);\n    white-space: nowrap;\n    pointer-events: none;\n  }\n\n  &-value {\n    position: absolute;\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    padding: 2px 8px;\n    border-radius: var(--default-border-radius);\n    background-color: var(--background-accent-light);\n    color: var(--text-color);\n    font-size: var(--text-small-font-size, 12px);\n    white-space: nowrap;\n    pointer-events: none;\n    font-variant-numeric: tabular-nums;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .slider-range,\n  .slider-thumb {\n    transition: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"slider.module.mjs","names":[],"sources":["../../../../package/common/slider/slider.module.pcss"],"sourcesContent":[".slider {\n  /* Theme tokens resolved once, each with a built-in fallback. Set any of the\n     public `--slider-*` variables via ThemeProvider or `style` to override. */\n  --custom-slider-track-color: var(--slider-track-color, var(--background-accent-light));\n  --custom-slider-range-color: var(--slider-range-color, var(--primary-color));\n  --custom-slider-thumb-color: var(--slider-thumb-color, var(--primary-color));\n  --custom-slider-thumb-size: var(--slider-thumb-size, 18px);\n  --custom-slider-track-height: var(--slider-track-height, 6px);\n\n  position: relative;\n  display: flex;\n  align-items: center;\n  box-sizing: border-box;\n\n  /* Fill the container, and allow shrinking when used inside a flex row so the\n     track never collapses to nothing next to a sibling (e.g. a value readout). */\n  width: 100%;\n  min-width: 0;\n  height: var(--custom-slider-thumb-size);\n  padding: 0 calc(var(--custom-slider-thumb-size) / 2);\n  cursor: pointer;\n  -webkit-tap-highlight-color: transparent;\n  touch-action: none;\n  user-select: none;\n\n  &:focus-visible {\n    outline: none;\n  }\n\n  /* Two selectors because focus lands in different places per mode: on the root for a single\n     thumb, on the thumb itself in range mode, where each thumb is its own slider. */\n  &:focus-visible .slider-thumb,\n  & .slider-thumb:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 4px color-mix(in srgb, var(--custom-slider-range-color) 30%, transparent);\n  }\n\n  &-disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  /* Reserve room under the track for mark labels. */\n  &-has-mark-labels {\n    margin-bottom: 22px;\n  }\n\n  &-track {\n    position: relative;\n    flex: 1;\n    height: var(--custom-slider-track-height);\n    background-color: var(--custom-slider-track-color);\n    border-radius: 999px;\n  }\n\n  &-range {\n    position: absolute;\n    left: 0;\n    top: 0;\n    bottom: 0;\n    background-color: var(--custom-slider-range-color);\n    border-radius: 999px;\n    transition: width 0.12s ease;\n  }\n\n  &-thumb {\n    position: absolute;\n    top: 50%;\n    width: var(--custom-slider-thumb-size);\n    height: var(--custom-slider-thumb-size);\n    transform: translate(-50%, -50%);\n    background-color: var(--custom-slider-thumb-color);\n    border-radius: 50%;\n    box-shadow: var(--card-shadow);\n    transition:\n      left 0.12s ease,\n      box-shadow 0.15s ease;\n  }\n\n  /* No lag between pointer and thumb/fill while dragging. */\n  &-dragging &-range,\n  &-dragging &-thumb {\n    transition: box-shadow 0.15s ease;\n  }\n\n  &-mark {\n    position: absolute;\n    top: 50%;\n    width: 3px;\n    height: 3px;\n    transform: translate(-50%, -50%);\n    border-radius: 50%;\n    background-color: var(--background);\n    pointer-events: none;\n  }\n\n  &-mark-label {\n    position: absolute;\n    top: calc(50% + var(--custom-slider-thumb-size));\n    transform: translateX(-50%);\n    font-size: var(--text-small-font-size, 12px);\n    color: var(--text-dark);\n    white-space: nowrap;\n    pointer-events: none;\n  }\n\n  &-value {\n    position: absolute;\n    bottom: calc(100% + 8px);\n    left: 50%;\n    transform: translateX(-50%);\n    padding: 2px 8px;\n    border-radius: var(--default-border-radius);\n    background-color: var(--background-accent-light);\n    color: var(--text-color);\n    font-size: var(--text-small-font-size, 12px);\n    white-space: nowrap;\n    pointer-events: none;\n    font-variant-numeric: tabular-nums;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .slider-range,\n  .slider-thumb {\n    transition: none;\n  }\n}\n"],"mappings":""}

package/dist/esm/common/splitButton/splitButton.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"splitButton.mjs","names":[],"sources":["../../../../package/common/splitButton/splitButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport type { KeyboardEvent } from 'react';\nimport cx from 'classnames';\nimport { faChevronDown } from '@fortawesome/free-solid-svg-icons';\n\nimport Button from '../button';\nimport { ButtonStyleType, ButtonSize } from '../button/button.types';\nimport ButtonGroup from '../buttonGroup';\nimport FloatingMenu from '../floatingMenu';\nimport { Align } from '../floatingMenu/floatingMenu.types';\nimport InteractableDiv from '../interactableDiv';\nimport { useComponentDefaults } from '../configProvider';\nimport type { SplitButtonProps } from './splitButton.types';\n\nimport styles from './splitButton.module.pcss';\nimport { renderIcon } from '../utils/renderIcon';\n\nfunction mod(n: number, m: number) {\n  return ((n % m) + m) % m;\n}\n\nfunction SplitButton(props: SplitButtonProps) {\n  const {\n    children,\n    onClick = () => {},\n    actions = [],\n    styleType = ButtonStyleType.Primary,\n    size = ButtonSize.Default,\n    disabled = false,\n    isLoading = false,\n    align = Align.Right,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = useComponentDefaults('SplitButton', props);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const itemRefs = useRef<(HTMLDivElement | null)[]>([]);\n\n  // Adjusting state during render (not in an effect) on a prop change is the documented React\n  // pattern for this: closing the menu as soon as `disabled` becomes true, without an extra\n  // render tick or a setState-in-effect lint violation.\n  const [prevDisabled, setPrevDisabled] = useState(disabled);\n  if (disabled !== prevDisabled) {\n    setPrevDisabled(disabled);\n    if (disabled) setIsOpen(false);\n  }\n\n  useEffect(() => {\n    if (!isOpen) return;\n    const firstEnabled = actions.findIndex((action) => !action.disabled);\n    if (firstEnabled !== -1) itemRefs.current[firstEnabled]?.focus();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  function focusEnabledItem(fromIndex: number, direction: 1 | -1) {\n    const enabledIndexes = actions\n      .map((action, index) => index)\n      .filter((index) => !actions[index].disabled);\n    if (enabledIndexes.length === 0) return;\n\n    const currentPos = enabledIndexes.indexOf(fromIndex);\n    const nextPos = currentPos === -1\n      ? (direction === 1 ? 0 : enabledIndexes.length - 1)\n      : mod(currentPos + direction, enabledIndexes.length);\n    itemRefs.current[enabledIndexes[nextPos]]?.focus();\n  }\n\n  function handleMenuKeyDown(event: KeyboardEvent<HTMLUListElement>) {\n    const activeIndex = itemRefs.current.findIndex((el) => el === document.activeElement);\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      focusEnabledItem(activeIndex, 1);\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      focusEnabledItem(activeIndex, -1);\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      focusEnabledItem(-1, 1);\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      focusEnabledItem(-1, -1);\n    }\n    // Escape and Tab-boundary handling live in FloatingMenu itself, since any menu content with\n    // focusable elements needs the same treatment, not just this one.\n  }\n\n  return (\n    <ButtonGroup\n      {...rest}\n      className={cx(styles.splitButton, classNames?.root, className)}\n      style={{ ...style, ...slotStyles?.root }}\n    >\n      <Button\n        styleType={styleType}\n        size={size}\n        disabled={disabled}\n        isLoading={isLoading}\n        onClick={onClick}\n        className={cx(styles.splitButtonPrimary, classNames?.primaryButton)}\n        style={slotStyles?.primaryButton}\n      >\n        {children}\n      </Button>\n\n      <FloatingMenu\n        isOpen={isOpen}\n        onOpenChange={setIsOpen}\n        align={align}\n        dontCloseOnChildClick\n        content={\n          <ul\n            className={cx(styles.splitButtonMenu, classNames?.menu)}\n            style={slotStyles?.menu}\n            role=\"menu\"\n            onKeyDown={handleMenuKeyDown}\n          >\n            {actions.map((action, index) => (\n              <li key={action.id} role=\"none\">\n                <InteractableDiv\n                  ref={(el) => { itemRefs.current[index] = el; }}\n                  role=\"menuitem\"\n                  tabIndex={action.disabled ? -1 : 0}\n                  aria-disabled={action.disabled}\n                  className={cx(\n                    styles.splitButtonMenuItem,\n                    { [styles.splitButtonMenuItemDisabled]: action.disabled },\n                    classNames?.menuItem\n                  )}\n                  style={slotStyles?.menuItem}\n                  onClick={() => {\n                    if (disabled || action.disabled) return;\n                    action.onClick();\n                    setIsOpen(false);\n                  }}\n                >\n                  {action.icon ? renderIcon(action.icon, { className: styles.splitButtonMenuItemIcon }) : null}\n                  {action.label}\n                </InteractableDiv>\n              </li>\n            ))}\n          </ul>\n        }\n      >\n        <Button\n          styleType={styleType}\n          size={size}\n          disabled={disabled}\n          icon={faChevronDown}\n          aria-label=\"More actions\"\n          className={cx(styles.splitButtonTrigger, classNames?.triggerButton)}\n          style={slotStyles?.triggerButton}\n        />\n      </FloatingMenu>\n    </ButtonGroup>\n  );\n}\n\nexport default SplitButton;\n"],"mappings":"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"}
+{"version":3,"file":"splitButton.mjs","names":[],"sources":["../../../../package/common/splitButton/splitButton.tsx"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport type { KeyboardEvent } from 'react';\nimport cx from 'classnames';\nimport { faChevronDown } from '@fortawesome/free-solid-svg-icons';\n\nimport Button from '../button';\nimport { ButtonStyleType, ButtonSize } from '../button/button.types';\nimport ButtonGroup from '../buttonGroup';\nimport FloatingMenu from '../floatingMenu';\nimport { Align } from '../floatingMenu/floatingMenu.types';\nimport InteractableDiv from '../interactableDiv';\nimport { useComponentDefaults } from '../configProvider';\nimport type { SplitButtonProps } from './splitButton.types';\n\nimport styles from './splitButton.module.pcss';\nimport { renderIcon } from '../utils/renderIcon';\n\nfunction mod(n: number, m: number) {\n  return ((n % m) + m) % m;\n}\n\nfunction SplitButton(props: SplitButtonProps) {\n  const {\n    children,\n    onClick = () => {},\n    actions = [],\n    styleType = ButtonStyleType.Primary,\n    size = ButtonSize.Default,\n    disabled = false,\n    isLoading = false,\n    align = Align.Right,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = useComponentDefaults('SplitButton', props);\n\n  const [isOpen, setIsOpen] = useState(false);\n  const itemRefs = useRef<(HTMLDivElement | null)[]>([]);\n\n  // Adjusting state during render (not in an effect) on a prop change is the documented React\n  // pattern for this: closing the menu as soon as `disabled` becomes true, without an extra\n  // render tick or a setState-in-effect lint violation.\n  const [prevDisabled, setPrevDisabled] = useState(disabled);\n  if (disabled !== prevDisabled) {\n    setPrevDisabled(disabled);\n    if (disabled) setIsOpen(false);\n  }\n\n  useEffect(() => {\n    if (!isOpen) return;\n    const firstEnabled = actions.findIndex((action) => !action.disabled);\n    if (firstEnabled !== -1) itemRefs.current[firstEnabled]?.focus();\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [isOpen]);\n\n  function focusEnabledItem(fromIndex: number, direction: 1 | -1) {\n    const enabledIndexes = actions.map((action, index) => index).filter((index) => !actions[index].disabled);\n    if (enabledIndexes.length === 0) return;\n\n    const currentPos = enabledIndexes.indexOf(fromIndex);\n    const nextPos =\n      currentPos === -1\n        ? direction === 1\n          ? 0\n          : enabledIndexes.length - 1\n        : mod(currentPos + direction, enabledIndexes.length);\n    itemRefs.current[enabledIndexes[nextPos]]?.focus();\n  }\n\n  function handleMenuKeyDown(event: KeyboardEvent<HTMLUListElement>) {\n    const activeIndex = itemRefs.current.findIndex((el) => el === document.activeElement);\n\n    if (event.key === 'ArrowDown') {\n      event.preventDefault();\n      focusEnabledItem(activeIndex, 1);\n    } else if (event.key === 'ArrowUp') {\n      event.preventDefault();\n      focusEnabledItem(activeIndex, -1);\n    } else if (event.key === 'Home') {\n      event.preventDefault();\n      focusEnabledItem(-1, 1);\n    } else if (event.key === 'End') {\n      event.preventDefault();\n      focusEnabledItem(-1, -1);\n    }\n    // Escape and Tab-boundary handling live in FloatingMenu itself, since any menu content with\n    // focusable elements needs the same treatment, not just this one.\n  }\n\n  return (\n    <ButtonGroup\n      {...rest}\n      className={cx(styles.splitButton, classNames?.root, className)}\n      style={{ ...style, ...slotStyles?.root }}\n    >\n      <Button\n        styleType={styleType}\n        size={size}\n        disabled={disabled}\n        isLoading={isLoading}\n        onClick={onClick}\n        className={cx(styles.splitButtonPrimary, classNames?.primaryButton)}\n        style={slotStyles?.primaryButton}\n      >\n        {children}\n      </Button>\n\n      <FloatingMenu\n        isOpen={isOpen}\n        onOpenChange={setIsOpen}\n        align={align}\n        dontCloseOnChildClick\n        content={\n          <ul\n            className={cx(styles.splitButtonMenu, classNames?.menu)}\n            style={slotStyles?.menu}\n            role='menu'\n            onKeyDown={handleMenuKeyDown}\n          >\n            {actions.map((action, index) => (\n              <li key={action.id} role='none'>\n                <InteractableDiv\n                  ref={(el) => {\n                    itemRefs.current[index] = el;\n                  }}\n                  role='menuitem'\n                  tabIndex={action.disabled ? -1 : 0}\n                  aria-disabled={action.disabled}\n                  className={cx(\n                    styles.splitButtonMenuItem,\n                    { [styles.splitButtonMenuItemDisabled]: action.disabled },\n                    classNames?.menuItem,\n                  )}\n                  style={slotStyles?.menuItem}\n                  onClick={() => {\n                    if (disabled || action.disabled) return;\n                    action.onClick();\n                    setIsOpen(false);\n                  }}\n                >\n                  {action.icon ? renderIcon(action.icon, { className: styles.splitButtonMenuItemIcon }) : null}\n                  {action.label}\n                </InteractableDiv>\n              </li>\n            ))}\n          </ul>\n        }\n      >\n        <Button\n          styleType={styleType}\n          size={size}\n          disabled={disabled}\n          icon={faChevronDown}\n          aria-label='More actions'\n          className={cx(styles.splitButtonTrigger, classNames?.triggerButton)}\n          style={slotStyles?.triggerButton}\n        />\n      </FloatingMenu>\n    </ButtonGroup>\n  );\n}\n\nexport default SplitButton;\n"],"mappings":"mrBAiBA,SAAS,EAAI,EAAW,EAAW,CACjC,OAAS,EAAI,EAAK,GAAK,CACzB,CAEA,SAAS,EAAY,EAAyB,CAC5C,GAAM,CACJ,WACA,cAAgB,CAAC,EACjB,UAAU,CAAC,EACX,YAAY,EAAgB,QAC5B,OAAO,EAAW,QAClB,WAAW,GACX,YAAY,GACZ,QAAQ,EAAM,MACd,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACD,EAAqB,cAAe,CAAK,EAEvC,CAAC,EAAQ,GAAa,EAAS,EAAK,EACpC,EAAW,EAAkC,CAAC,CAAC,EAK/C,CAAC,EAAc,GAAmB,EAAS,CAAQ,EACrD,IAAa,IACf,EAAgB,CAAQ,EACpB,GAAU,EAAU,EAAK,GAG/B,MAAgB,CACd,GAAI,CAAC,EAAQ,OACb,IAAM,EAAe,EAAQ,UAAW,GAAW,CAAC,EAAO,QAAQ,EAC/D,IAAiB,IAAI,EAAS,QAAQ,EAAa,EAAE,MAAM,CAEjE,EAAG,CAAC,CAAM,CAAC,EAEX,SAAS,EAAiB,EAAmB,EAAmB,CAC9D,IAAM,EAAiB,EAAQ,KAAK,EAAQ,IAAU,CAAK,CAAC,CAAC,OAAQ,GAAU,CAAC,EAAQ,EAAM,CAAC,QAAQ,EACvG,GAAI,EAAe,SAAW,EAAG,OAEjC,IAAM,EAAa,EAAe,QAAQ,CAAS,EAC7C,EACJ,IAAe,GACX,IAAc,EACZ,EACA,EAAe,OAAS,EAC1B,EAAI,EAAa,EAAW,EAAe,MAAM,EACvD,EAAS,QAAQ,EAAe,GAAS,EAAE,MAAM,CACnD,CAEA,SAAS,EAAkB,EAAwC,CACjE,IAAM,EAAc,EAAS,QAAQ,UAAW,GAAO,IAAO,SAAS,aAAa,EAEhF,EAAM,MAAQ,aAChB,EAAM,eAAe,EACrB,EAAiB,EAAa,CAAC,GACtB,EAAM,MAAQ,WACvB,EAAM,eAAe,EACrB,EAAiB,EAAa,EAAE,GACvB,EAAM,MAAQ,QACvB,EAAM,eAAe,EACrB,EAAiB,GAAI,CAAC,GACb,EAAM,MAAQ,QACvB,EAAM,eAAe,EACrB,EAAiB,GAAI,EAAE,EAI3B,CAEA,OACE,EAAC,EAAD,CACE,GAAI,EACJ,UAAW,EAAG,EAAO,YAAa,GAAY,KAAM,CAAS,EAC7D,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,EAHzC,SAAA,CAKE,EAAC,EAAD,CACa,YACL,OACI,WACC,YACF,UACT,UAAW,EAAG,EAAO,mBAAoB,GAAY,aAAa,EAClE,MAAO,GAAY,cAElB,UACK,CAAA,EAER,EAAC,EAAD,CACU,SACR,aAAc,EACP,QACP,sBAAA,GACA,QACE,EAAC,KAAD,CACE,UAAW,EAAG,EAAO,gBAAiB,GAAY,IAAI,EACtD,MAAO,GAAY,KACnB,KAAK,OACL,UAAW,EAEV,SAAA,EAAQ,KAAK,EAAQ,IACpB,EAAC,KAAD,CAAoB,KAAK,OACvB,SAAA,EAAC,EAAD,CACE,IAAM,GAAO,CACX,EAAS,QAAQ,GAAS,CAC5B,EACA,KAAK,WACL,SAAU,EAAO,SAAW,GAAK,EACjC,gBAAe,EAAO,SACtB,UAAW,EACT,EAAO,oBACP,EAAG,EAAO,6BAA8B,EAAO,QAAS,EACxD,GAAY,QACd,EACA,MAAO,GAAY,SACnB,YAAe,CACT,GAAY,EAAO,WACvB,EAAO,QAAQ,EACf,EAAU,EAAK,EACjB,EAjBF,SAAA,CAmBG,EAAO,KAAO,EAAW,EAAO,KAAM,CAAE,UAAW,EAAO,uBAAwB,CAAC,EAAI,KACvF,EAAO,KACO,GACf,EAvBK,EAAO,EAuBZ,CACL,CACC,CAAA,EAGN,SAAA,EAAC,EAAD,CACa,YACL,OACI,WACV,KAAM,EACN,aAAW,eACX,UAAW,EAAG,EAAO,mBAAoB,GAAY,aAAa,EAClE,MAAO,GAAY,aACpB,CAAA,CACW,CAAA,CACH,GAEjB"}

package/dist/esm/common/splitButton/splitButton.module.mjs

@@ -1,2 +1,2 @@
-var e={splitButton:`splitButton_5ak5W`,splitButtonPrimary:`splitButtonPrimary_4mVy8`,splitButtonTrigger:`splitButtonTrigger_32cQA`,splitButtonMenu:`splitButtonMenu_P6Ofl`,splitButtonMenuItem:`splitButtonMenuItem_dbEEz`,"splitButtonMenuItem-disabled":`splitButtonMenuItem-disabled_Dw1mr`,splitButtonMenuItemDisabled:`splitButtonMenuItem-disabled_Dw1mr`,"splitButtonMenuItem-icon":`splitButtonMenuItem-icon_dMuKX`,splitButtonMenuItemIcon:`splitButtonMenuItem-icon_dMuKX`};export{e as default};
+var e=`splitButton_5ak5W`,t=`splitButtonPrimary_4mVy8`,n=`splitButtonTrigger_32cQA`,r=`splitButtonMenu_P6Ofl`,i=`splitButtonMenuItem_dbEEz`,a=`splitButtonMenuItem-disabled_Dw1mr`,o=`splitButtonMenuItem-icon_dMuKX`,s={splitButton:e,splitButtonPrimary:t,splitButtonTrigger:n,splitButtonMenu:r,splitButtonMenuItem:i,"splitButtonMenuItem-disabled":`splitButtonMenuItem-disabled_Dw1mr`,splitButtonMenuItemDisabled:a,"splitButtonMenuItem-icon":`splitButtonMenuItem-icon_dMuKX`,splitButtonMenuItemIcon:o};export{s as default,e as splitButton,r as splitButtonMenu,i as splitButtonMenuItem,a as splitButtonMenuItemDisabled,o as splitButtonMenuItemIcon,t as splitButtonPrimary,n as splitButtonTrigger};
 //# sourceMappingURL=splitButton.module.mjs.map

package/dist/esm/common/stepper/stepper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.mjs","names":[],"sources":["../../../../package/common/stepper/stepper.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport cx from 'classnames';\nimport styles from './stepper.module.pcss';\nimport {\n  StepperAlignment,\n  StepperCollapse,\n  StepperLabelPlacement,\n  StepperStyleType,\n  type StepperProps,\n  type StepperStep,\n} from './stepper.types';\nimport { renderIcon } from '../utils/renderIcon';\n\nconst STYLE_CLASS: Record<StepperStyleType, string> = {\n  [StepperStyleType.Default]: styles.stepperDefault,\n  [StepperStyleType.Outlined]: styles.stepperOutlined,\n  [StepperStyleType.Dots]: styles.stepperDots,\n};\n\nconst PLACEMENT_CLASS: Record<StepperLabelPlacement, string> = {\n  [StepperLabelPlacement.Top]: styles.stepperLabelTop,\n  [StepperLabelPlacement.Bottom]: styles.stepperLabelBottom,\n  [StepperLabelPlacement.Left]: styles.stepperLabelLeft,\n  [StepperLabelPlacement.Right]: styles.stepperLabelRight,\n};\n\nfunction Checkmark() {\n  return (\n    <svg\n      className={styles.stepperCheckmark}\n      strokeLinejoin=\"round\"\n      strokeLinecap=\"round\"\n      xmlns=\"http://www.w3.org/2000/svg\"\n      viewBox=\"-0.2 -1.2 3.4 2\"\n      height=\"20px\"\n      width=\"20px\"\n    >\n      <path d=\"M 0 0 l 1 1 l 2 -2\" strokeWidth=\"0.4\" fill=\"none\" />\n    </svg>\n  );\n}\n\nfunction StepBody({\n  open,\n  className,\n  style,\n  children,\n}: {\n  open: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  children: React.ReactNode;\n}) {\n  const innerRef = useRef<HTMLDivElement>(null);\n  const [height, setHeight] = useState<number | null>(null);\n\n  useEffect(() => {\n    const el = innerRef.current;\n    if (!el) return;\n    const observer = new ResizeObserver(() => setHeight(el.offsetHeight));\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, []);\n\n  return (\n    <div\n      className={cx(styles.stepperContent, className)}\n      style={{ ...style, height: open ? (height ?? 'auto') : 0 }}\n      aria-hidden={!open}\n    >\n      <div ref={innerRef} className={styles.stepperContentInner}>\n        {children}\n      </div>\n    </div>\n  );\n}\n\nfunction resolvePlacement(\n  placement: StepperLabelPlacement | undefined,\n  isVertical: boolean,\n): StepperLabelPlacement {\n  const verticalValues = [StepperLabelPlacement.Left, StepperLabelPlacement.Right];\n  if (isVertical) {\n    return placement && verticalValues.includes(placement) ? placement : StepperLabelPlacement.Right;\n  }\n  return placement && !verticalValues.includes(placement) ? placement : StepperLabelPlacement.Bottom;\n}\n\nexport default function Stepper({\n  steps = [],\n  currentStep = 0,\n  alignment = StepperAlignment.Horizontal,\n  onStepClicked = null,\n  nonLinear = false,\n  hideLabels = false,\n  styleType = StepperStyleType.Default,\n  collapse = StepperCollapse.None,\n  labelPlacement,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: StepperProps) {\n  const isVertical = alignment === StepperAlignment.Vertical;\n  const placement = resolvePlacement(labelPlacement, isVertical);\n\n  return (\n    <div\n      {...rest}\n      className={cx(\n        styles.stepper,\n        STYLE_CLASS[styleType],\n        PLACEMENT_CLASS[placement],\n        { [styles.stepperVertical]: isVertical },\n        classNames?.root,\n        className,\n      )}\n      style={{ ...slotStyles?.root, ...style }}\n    >\n      {steps.map((step: StepperStep, index: number) => {\n        const isDone = index < currentStep;\n        const isActive = index <= currentStep;\n        const hasError = !!step.error;\n        // nonLinear: every enabled step except the current one is clickable.\n        // linear: only completed steps are clickable.\n        const isClickable =\n          !!onStepClicked && !step.disabled && (nonLinear ? index !== currentStep : isDone);\n\n        const entryClassName = cx(\n          styles.stepperEntry,\n          { [styles.stepperEntryActive]: isActive },\n          { [styles.stepperEntryDone]: isDone && !hasError },\n          { [styles.stepperEntryError]: hasError },\n          { [styles.stepperEntryDisabled]: step.disabled },\n          { [styles.stepperClickable]: isClickable },\n          classNames?.entry,\n        );\n\n        const markerContent = step.icon ? (\n          renderIcon(step.icon, { className: classNames?.icon, style: slotStyles?.icon })\n        ) : isDone && !hasError ? (\n          <Checkmark />\n        ) : (\n          index + 1\n        );\n\n        const marker = (\n          <div\n            className={cx(\n              styles.stepperEntryNumber,\n              { [styles.stepperEntryNumberDone]: isDone && !hasError },\n              classNames?.entryNumber,\n            )}\n            style={slotStyles?.entryNumber}\n          >\n            {markerContent}\n          </div>\n        );\n\n        const optionalNode =\n          step.optional === true ? 'Optional' : step.optional !== false ? step.optional : null;\n\n        const labels = !hideLabels && (\n          <div className={styles.stepperEntryLabels}>\n            <div\n              className={cx(styles.stepperEntryLabel, classNames?.entryLabel)}\n              style={slotStyles?.entryLabel}\n            >\n              {step.label}\n            </div>\n            {step.description != null && (\n              <div\n                className={cx(styles.stepperDescription, classNames?.description)}\n                style={slotStyles?.description}\n              >\n                {step.description}\n              </div>\n            )}\n            {optionalNode != null && (\n              <div\n                className={cx(styles.stepperOptional, classNames?.optional)}\n                style={slotStyles?.optional}\n              >\n                {optionalNode}\n              </div>\n            )}\n          </div>\n        );\n\n        const interactiveProps: React.HTMLAttributes<HTMLDivElement> = isClickable\n          ? {\n              role: 'button',\n              tabIndex: 0,\n              onClick: () => onStepClicked?.(index),\n              onKeyDown: (e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  onStepClicked?.(index);\n                }\n              },\n            }\n          : {};\n\n        const wrapHeader = (inner: React.ReactNode) => (\n          <div\n            className={entryClassName}\n            style={slotStyles?.entry}\n            aria-current={index === currentStep ? 'step' : undefined}\n            aria-invalid={hasError || undefined}\n            {...interactiveProps}\n          >\n            {inner}\n          </div>\n        );\n\n        const connector = index < steps.length - 1 && (\n          <div\n            className={cx(\n              styles.stepperConnector,\n              { [styles.stepperConnectorFilled]: isDone },\n              classNames?.connector,\n            )}\n            style={slotStyles?.connector}\n          />\n        );\n\n        if (isVertical) {\n          const isFirst = index === 0;\n          const isLast = index === steps.length - 1;\n          const bodyOpen =\n            collapse === StepperCollapse.None\n              ? true\n              : collapse === StepperCollapse.ActiveOnly\n                ? index === currentStep\n                : !isDone;\n\n          const railSegment = (variant: 'lead' | 'trail') => {\n            const hidden = variant === 'lead' ? isFirst : isLast;\n            const filled = variant === 'lead' ? isActive : isDone;\n            return (\n              <div\n                className={cx(styles.stepperRailSegment, {\n                  [styles.stepperRailFilled]: !hidden && filled,\n                  [styles.stepperRailHidden]: hidden,\n                })}\n              />\n            );\n          };\n\n          const markerCell = (\n            <div className={styles.stepperMarkerCell}>\n              {railSegment('lead')}\n              {marker}\n              {railSegment('trail')}\n            </div>\n          );\n\n          return (\n            <div key={index} className={styles.stepperStep}>\n              {wrapHeader(\n                <>\n                  {markerCell}\n                  {labels}\n                </>,\n              )}\n              {connector}\n              {step.content != null && !hideLabels && (\n                <StepBody open={bodyOpen} className={classNames?.content} style={slotStyles?.content}>\n                  {step.content}\n                </StepBody>\n              )}\n            </div>\n          );\n        }\n\n        return (\n          <React.Fragment key={index}>\n            {wrapHeader(\n              <>\n                {marker}\n                {labels}\n              </>,\n            )}\n            {connector}\n          </React.Fragment>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"stepper.mjs","names":[],"sources":["../../../../package/common/stepper/stepper.tsx"],"sourcesContent":["import React, { useEffect, useRef, useState } from 'react';\nimport cx from 'classnames';\nimport styles from './stepper.module.pcss';\nimport {\n  StepperAlignment,\n  StepperCollapse,\n  StepperLabelPlacement,\n  StepperStyleType,\n  type StepperProps,\n  type StepperStep,\n} from './stepper.types';\nimport { renderIcon } from '../utils/renderIcon';\n\nconst STYLE_CLASS: Record<StepperStyleType, string> = {\n  [StepperStyleType.Default]: styles.stepperDefault,\n  [StepperStyleType.Outlined]: styles.stepperOutlined,\n  [StepperStyleType.Dots]: styles.stepperDots,\n};\n\nconst PLACEMENT_CLASS: Record<StepperLabelPlacement, string> = {\n  [StepperLabelPlacement.Top]: styles.stepperLabelTop,\n  [StepperLabelPlacement.Bottom]: styles.stepperLabelBottom,\n  [StepperLabelPlacement.Left]: styles.stepperLabelLeft,\n  [StepperLabelPlacement.Right]: styles.stepperLabelRight,\n};\n\nfunction Checkmark() {\n  return (\n    <svg\n      className={styles.stepperCheckmark}\n      strokeLinejoin='round'\n      strokeLinecap='round'\n      xmlns='http://www.w3.org/2000/svg'\n      viewBox='-0.2 -1.2 3.4 2'\n      height='20px'\n      width='20px'\n    >\n      <path d='M 0 0 l 1 1 l 2 -2' strokeWidth='0.4' fill='none' />\n    </svg>\n  );\n}\n\nfunction StepBody({\n  open,\n  className,\n  style,\n  children,\n}: {\n  open: boolean;\n  className?: string;\n  style?: React.CSSProperties;\n  children: React.ReactNode;\n}) {\n  const innerRef = useRef<HTMLDivElement>(null);\n  const [height, setHeight] = useState<number | null>(null);\n\n  useEffect(() => {\n    const el = innerRef.current;\n    if (!el) return;\n    const observer = new ResizeObserver(() => setHeight(el.offsetHeight));\n    observer.observe(el);\n    return () => observer.disconnect();\n  }, []);\n\n  return (\n    <div\n      className={cx(styles.stepperContent, className)}\n      style={{ ...style, height: open ? (height ?? 'auto') : 0 }}\n      aria-hidden={!open}\n    >\n      <div ref={innerRef} className={styles.stepperContentInner}>\n        {children}\n      </div>\n    </div>\n  );\n}\n\nfunction resolvePlacement(placement: StepperLabelPlacement | undefined, isVertical: boolean): StepperLabelPlacement {\n  const verticalValues = [StepperLabelPlacement.Left, StepperLabelPlacement.Right];\n  if (isVertical) {\n    return placement && verticalValues.includes(placement) ? placement : StepperLabelPlacement.Right;\n  }\n  return placement && !verticalValues.includes(placement) ? placement : StepperLabelPlacement.Bottom;\n}\n\nexport default function Stepper({\n  steps = [],\n  currentStep = 0,\n  alignment = StepperAlignment.Horizontal,\n  onStepClicked = null,\n  nonLinear = false,\n  hideLabels = false,\n  styleType = StepperStyleType.Default,\n  collapse = StepperCollapse.None,\n  labelPlacement,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: StepperProps) {\n  const isVertical = alignment === StepperAlignment.Vertical;\n  const placement = resolvePlacement(labelPlacement, isVertical);\n\n  return (\n    <div\n      {...rest}\n      className={cx(\n        styles.stepper,\n        STYLE_CLASS[styleType],\n        PLACEMENT_CLASS[placement],\n        { [styles.stepperVertical]: isVertical },\n        classNames?.root,\n        className,\n      )}\n      style={{ ...slotStyles?.root, ...style }}\n    >\n      {steps.map((step: StepperStep, index: number) => {\n        const isDone = index < currentStep;\n        const isActive = index <= currentStep;\n        const hasError = !!step.error;\n        // nonLinear: every enabled step except the current one is clickable.\n        // linear: only completed steps are clickable.\n        const isClickable = !!onStepClicked && !step.disabled && (nonLinear ? index !== currentStep : isDone);\n\n        const entryClassName = cx(\n          styles.stepperEntry,\n          { [styles.stepperEntryActive]: isActive },\n          { [styles.stepperEntryDone]: isDone && !hasError },\n          { [styles.stepperEntryError]: hasError },\n          { [styles.stepperEntryDisabled]: step.disabled },\n          { [styles.stepperClickable]: isClickable },\n          classNames?.entry,\n        );\n\n        const markerContent = step.icon ? (\n          renderIcon(step.icon, { className: classNames?.icon, style: slotStyles?.icon })\n        ) : isDone && !hasError ? (\n          <Checkmark />\n        ) : (\n          index + 1\n        );\n\n        const marker = (\n          <div\n            className={cx(\n              styles.stepperEntryNumber,\n              { [styles.stepperEntryNumberDone]: isDone && !hasError },\n              classNames?.entryNumber,\n            )}\n            style={slotStyles?.entryNumber}\n          >\n            {markerContent}\n          </div>\n        );\n\n        const optionalNode = step.optional === true ? 'Optional' : step.optional !== false ? step.optional : null;\n\n        const labels = !hideLabels && (\n          <div className={styles.stepperEntryLabels}>\n            <div className={cx(styles.stepperEntryLabel, classNames?.entryLabel)} style={slotStyles?.entryLabel}>\n              {step.label}\n            </div>\n            {step.description != null && (\n              <div className={cx(styles.stepperDescription, classNames?.description)} style={slotStyles?.description}>\n                {step.description}\n              </div>\n            )}\n            {optionalNode != null && (\n              <div className={cx(styles.stepperOptional, classNames?.optional)} style={slotStyles?.optional}>\n                {optionalNode}\n              </div>\n            )}\n          </div>\n        );\n\n        const interactiveProps: React.HTMLAttributes<HTMLDivElement> = isClickable\n          ? {\n              role: 'button',\n              tabIndex: 0,\n              onClick: () => onStepClicked?.(index),\n              onKeyDown: (e) => {\n                if (e.key === 'Enter' || e.key === ' ') {\n                  e.preventDefault();\n                  onStepClicked?.(index);\n                }\n              },\n            }\n          : {};\n\n        const wrapHeader = (inner: React.ReactNode) => (\n          <div\n            className={entryClassName}\n            style={slotStyles?.entry}\n            aria-current={index === currentStep ? 'step' : undefined}\n            aria-invalid={hasError || undefined}\n            {...interactiveProps}\n          >\n            {inner}\n          </div>\n        );\n\n        const connector = index < steps.length - 1 && (\n          <div\n            className={cx(styles.stepperConnector, { [styles.stepperConnectorFilled]: isDone }, classNames?.connector)}\n            style={slotStyles?.connector}\n          />\n        );\n\n        if (isVertical) {\n          const isFirst = index === 0;\n          const isLast = index === steps.length - 1;\n          const bodyOpen =\n            collapse === StepperCollapse.None\n              ? true\n              : collapse === StepperCollapse.ActiveOnly\n                ? index === currentStep\n                : !isDone;\n\n          const railSegment = (variant: 'lead' | 'trail') => {\n            const hidden = variant === 'lead' ? isFirst : isLast;\n            const filled = variant === 'lead' ? isActive : isDone;\n            return (\n              <div\n                className={cx(styles.stepperRailSegment, {\n                  [styles.stepperRailFilled]: !hidden && filled,\n                  [styles.stepperRailHidden]: hidden,\n                })}\n              />\n            );\n          };\n\n          const markerCell = (\n            <div className={styles.stepperMarkerCell}>\n              {railSegment('lead')}\n              {marker}\n              {railSegment('trail')}\n            </div>\n          );\n\n          return (\n            <div key={index} className={styles.stepperStep}>\n              {wrapHeader(\n                <>\n                  {markerCell}\n                  {labels}\n                </>,\n              )}\n              {connector}\n              {step.content != null && !hideLabels && (\n                <StepBody open={bodyOpen} className={classNames?.content} style={slotStyles?.content}>\n                  {step.content}\n                </StepBody>\n              )}\n            </div>\n          );\n        }\n\n        return (\n          <React.Fragment key={index}>\n            {wrapHeader(\n              <>\n                {marker}\n                {labels}\n              </>,\n            )}\n            {connector}\n          </React.Fragment>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/esm/common/stepper/stepper.module.mjs

@@ -1,2 +1,2 @@
-var e={stepper:`stepper_kiS2A`,"stepper-vertical":`stepper-vertical_2y9rg`,stepperVertical:`stepper-vertical_2y9rg`,"stepper-label-bottom":`stepper-label-bottom_lDfhy`,stepperLabelBottom:`stepper-label-bottom_lDfhy`,"stepper-label-top":`stepper-label-top_sBw4-`,stepperLabelTop:`stepper-label-top_sBw4-`,"stepper-entry":`stepper-entry_KD4JJ`,stepperEntry:`stepper-entry_KD4JJ`,"stepper-clickable":`stepper-clickable_Nm6fP`,stepperClickable:`stepper-clickable_Nm6fP`,"stepper-entry-disabled":`stepper-entry-disabled_T9S5R`,stepperEntryDisabled:`stepper-entry-disabled_T9S5R`,"stepper-entry-number":`stepper-entry-number_J168Q`,stepperEntryNumber:`stepper-entry-number_J168Q`,"stepper-entry-active":`stepper-entry-active_V1aRt`,stepperEntryActive:`stepper-entry-active_V1aRt`,"stepper-entry-done":`stepper-entry-done_M3wb5`,stepperEntryDone:`stepper-entry-done_M3wb5`,"stepper-entry-error":`stepper-entry-error_xjGSr`,stepperEntryError:`stepper-entry-error_xjGSr`,"stepper-checkmark":`stepper-checkmark_iKCap`,stepperCheckmark:`stepper-checkmark_iKCap`,showCheckmark:`showCheckmark_Rd0oW`,"stepper-marker-cell":`stepper-marker-cell_reOS7`,stepperMarkerCell:`stepper-marker-cell_reOS7`,"stepper-rail-segment":`stepper-rail-segment_U-ZgF`,stepperRailSegment:`stepper-rail-segment_U-ZgF`,"stepper-rail-filled":`stepper-rail-filled_wCImi`,stepperRailFilled:`stepper-rail-filled_wCImi`,"stepper-rail-hidden":`stepper-rail-hidden_l17t6`,stepperRailHidden:`stepper-rail-hidden_l17t6`,"stepper-entry-labels":`stepper-entry-labels_nQT8D`,stepperEntryLabels:`stepper-entry-labels_nQT8D`,"stepper-entry-label":`stepper-entry-label_b94eg`,stepperEntryLabel:`stepper-entry-label_b94eg`,"stepper-description":`stepper-description_5Q0YP`,stepperDescription:`stepper-description_5Q0YP`,"stepper-optional":`stepper-optional_N8mkW`,stepperOptional:`stepper-optional_N8mkW`,"stepper-connector":`stepper-connector_J2FwZ`,stepperConnector:`stepper-connector_J2FwZ`,"stepper-connector-filled":`stepper-connector-filled_W8UZS`,stepperConnectorFilled:`stepper-connector-filled_W8UZS`,"stepper-step":`stepper-step_nUfsV`,stepperStep:`stepper-step_nUfsV`,"stepper-content":`stepper-content_yjlFH`,stepperContent:`stepper-content_yjlFH`,"stepper-label-left":`stepper-label-left_yGbjC`,stepperLabelLeft:`stepper-label-left_yGbjC`,"stepper-content-inner":`stepper-content-inner_0w2wP`,stepperContentInner:`stepper-content-inner_0w2wP`,"stepper-outlined":`stepper-outlined_V7UjP`,stepperOutlined:`stepper-outlined_V7UjP`,"stepper-dots":`stepper-dots_s4cgN`,stepperDots:`stepper-dots_s4cgN`};export{e as default};
+var e=`stepper_kiS2A`,t=`stepper-vertical_2y9rg`,n=`stepper-label-bottom_lDfhy`,r=`stepper-label-top_sBw4-`,i=`stepper-entry_KD4JJ`,a=`stepper-clickable_Nm6fP`,o=`stepper-entry-disabled_T9S5R`,s=`stepper-entry-number_J168Q`,c=`stepper-entry-active_V1aRt`,l=`stepper-entry-done_M3wb5`,u=`stepper-entry-error_xjGSr`,d=`stepper-checkmark_iKCap`,f=`showCheckmark_Rd0oW`,p=`stepper-marker-cell_reOS7`,m=`stepper-rail-segment_U-ZgF`,h=`stepper-rail-filled_wCImi`,g=`stepper-rail-hidden_l17t6`,_=`stepper-entry-labels_nQT8D`,v=`stepper-entry-label_b94eg`,y=`stepper-description_5Q0YP`,b=`stepper-optional_N8mkW`,x=`stepper-connector_J2FwZ`,S=`stepper-connector-filled_W8UZS`,C=`stepper-step_nUfsV`,w=`stepper-content_yjlFH`,T=`stepper-label-left_yGbjC`,E=`stepper-content-inner_0w2wP`,D=`stepper-outlined_V7UjP`,O=`stepper-dots_s4cgN`,k={stepper:e,"stepper-vertical":`stepper-vertical_2y9rg`,stepperVertical:t,"stepper-label-bottom":`stepper-label-bottom_lDfhy`,stepperLabelBottom:n,"stepper-label-top":`stepper-label-top_sBw4-`,stepperLabelTop:r,"stepper-entry":`stepper-entry_KD4JJ`,stepperEntry:i,"stepper-clickable":`stepper-clickable_Nm6fP`,stepperClickable:a,"stepper-entry-disabled":`stepper-entry-disabled_T9S5R`,stepperEntryDisabled:o,"stepper-entry-number":`stepper-entry-number_J168Q`,stepperEntryNumber:s,"stepper-entry-active":`stepper-entry-active_V1aRt`,stepperEntryActive:c,"stepper-entry-done":`stepper-entry-done_M3wb5`,stepperEntryDone:l,"stepper-entry-error":`stepper-entry-error_xjGSr`,stepperEntryError:u,"stepper-checkmark":`stepper-checkmark_iKCap`,stepperCheckmark:d,showCheckmark:f,"stepper-marker-cell":`stepper-marker-cell_reOS7`,stepperMarkerCell:p,"stepper-rail-segment":`stepper-rail-segment_U-ZgF`,stepperRailSegment:m,"stepper-rail-filled":`stepper-rail-filled_wCImi`,stepperRailFilled:h,"stepper-rail-hidden":`stepper-rail-hidden_l17t6`,stepperRailHidden:g,"stepper-entry-labels":`stepper-entry-labels_nQT8D`,stepperEntryLabels:_,"stepper-entry-label":`stepper-entry-label_b94eg`,stepperEntryLabel:v,"stepper-description":`stepper-description_5Q0YP`,stepperDescription:y,"stepper-optional":`stepper-optional_N8mkW`,stepperOptional:b,"stepper-connector":`stepper-connector_J2FwZ`,stepperConnector:x,"stepper-connector-filled":`stepper-connector-filled_W8UZS`,stepperConnectorFilled:S,"stepper-step":`stepper-step_nUfsV`,stepperStep:C,"stepper-content":`stepper-content_yjlFH`,stepperContent:w,"stepper-label-left":`stepper-label-left_yGbjC`,stepperLabelLeft:T,"stepper-content-inner":`stepper-content-inner_0w2wP`,stepperContentInner:E,"stepper-outlined":`stepper-outlined_V7UjP`,stepperOutlined:D,"stepper-dots":`stepper-dots_s4cgN`,stepperDots:O};export{k as default,f as showCheckmark,e as stepper,d as stepperCheckmark,a as stepperClickable,x as stepperConnector,S as stepperConnectorFilled,w as stepperContent,E as stepperContentInner,y as stepperDescription,O as stepperDots,i as stepperEntry,c as stepperEntryActive,o as stepperEntryDisabled,l as stepperEntryDone,u as stepperEntryError,v as stepperEntryLabel,_ as stepperEntryLabels,s as stepperEntryNumber,n as stepperLabelBottom,T as stepperLabelLeft,r as stepperLabelTop,p as stepperMarkerCell,b as stepperOptional,D as stepperOutlined,h as stepperRailFilled,g as stepperRailHidden,m as stepperRailSegment,C as stepperStep,t as stepperVertical};
 //# sourceMappingURL=stepper.module.mjs.map

package/dist/esm/common/stepper/stepper.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"stepper.module.mjs","names":[],"sources":["../../../../package/common/stepper/stepper.module.pcss"],"sourcesContent":[".stepper {\n  /* Theme tokens resolved once, each with a built-in fallback. Set any of the\n     public `--stepper-*` variables via ThemeProvider (theme-wide) or `style`\n     (per instance) to override; unset ones fall back to the values below. */\n  --custom-stepper-marker-size: var(--stepper-marker-size, 40px);\n  --custom-stepper-marker-radius: var(--stepper-marker-radius, var(--default-border-radius));\n  --custom-stepper-idle-color: var(--stepper-idle-color, var(--primary-lighter));\n  --custom-stepper-active-color: var(--stepper-active-color, var(--primary-color));\n  --custom-stepper-done-color: var(--stepper-done-color, var(--primary-color));\n  --custom-stepper-error-color: var(--stepper-error-color, var(--error-color));\n  --custom-stepper-connector-color: var(--stepper-connector-color, var(--primary-color));\n  --custom-stepper-connector-thickness: var(--stepper-connector-thickness, 3px);\n  --custom-stepper-connector-idle-thickness: var(--stepper-connector-idle-thickness, 1px);\n  --custom-stepper-gap: var(--stepper-gap, 12px);\n  --custom-stepper-text-on-marker: var(--stepper-text-on-marker, var(--text-on-primary));\n\n  user-select: none;\n  color: var(--text-color);\n\n  &-vertical {\n    display: flex;\n    flex-flow: column;\n  }\n\n  &:not(.stepper-vertical) {\n    display: flex;\n    align-items: center;\n  }\n  &-label-bottom:not(.stepper-vertical) {\n    padding-bottom: 46px;\n  }\n  &-label-top:not(.stepper-vertical) {\n    padding-top: 46px;\n  }\n\n  /* Entry --------------------------------------------------------------- */\n  &-entry {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--custom-stepper-gap);\n    box-sizing: border-box;\n  }\n  &:not(.stepper-vertical) &-entry {\n    position: relative;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: 0;\n  }\n  &-clickable {\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n  }\n  &-entry-disabled {\n    opacity: 0.5;\n  }\n\n  &-entry-number {\n    width: var(--custom-stepper-marker-size);\n    height: var(--custom-stepper-marker-size);\n    box-sizing: border-box;\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid var(--custom-stepper-idle-color);\n    color: var(--custom-stepper-idle-color);\n    border-radius: var(--custom-stepper-marker-radius);\n    font-weight: 600;\n    font-size: calc(var(--custom-stepper-marker-size) * 0.4);\n    box-shadow: inset 0px 0px 0px var(--custom-stepper-done-color);\n    transition: all 0.4s;\n  }\n  &-entry-active &-entry-number {\n    border: 2px solid var(--custom-stepper-active-color);\n    color: var(--custom-stepper-active-color);\n    transform: scale3d(1.1, 1.1, 1);\n  }\n  &-entry-done &-entry-number {\n    border-color: var(--custom-stepper-done-color);\n    color: var(--custom-stepper-text-on-marker);\n    background-color: var(--custom-stepper-done-color);\n    box-shadow: inset 0px 0px 0px 30px var(--custom-stepper-done-color);\n    transform: none;\n  }\n  &-entry-error &-entry-number {\n    border: 2px solid var(--custom-stepper-error-color);\n    color: var(--custom-stepper-error-color);\n    box-shadow: inset 0px 0px 0px var(--custom-stepper-error-color);\n    transform: none;\n  }\n\n  &-checkmark path {\n    stroke: var(--custom-stepper-text-on-marker);\n    stroke-dasharray: 5;\n    stroke-dashoffset: 5;\n    animation: showCheckmark 0.4s 0.2s forwards;\n  }\n\n  &-marker-cell {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-shrink: 0;\n    width: var(--custom-stepper-marker-size);\n  }\n  &-rail-segment {\n    flex: 1 1 0;\n    min-height: 0;\n    width: var(--custom-stepper-connector-idle-thickness);\n    background-size: 100% 200%;\n    background-image: linear-gradient(\n      180deg,\n      var(--custom-stepper-connector-color) 0 50%,\n      var(--custom-stepper-idle-color) 50% 100%\n    );\n    background-position: 0 100%;\n    transition: background-position 0.4s, width 0.4s;\n  }\n  &-rail-filled {\n    width: var(--custom-stepper-connector-thickness);\n    background-position: 0 0;\n  }\n  &-rail-hidden {\n    background-image: none;\n    background-color: transparent;\n  }\n\n  &-entry-labels {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n    align-self: center;\n  }\n  &-entry-label {\n    color: var(--text-color);\n  }\n  &-description {\n    color: var(--text-dark);\n    font-size: var(--text-small-font-size, 0.85em);\n  }\n  &-optional {\n    color: var(--text-light);\n    font-size: var(--text-small-font-size, 0.85em);\n    font-style: italic;\n  }\n\n  &:not(.stepper-vertical) &-entry-labels {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    width: max-content;\n    max-width: 160px;\n    text-align: center;\n    align-items: center;\n  }\n  &-label-bottom:not(.stepper-vertical) &-entry-labels {\n    top: calc(var(--custom-stepper-marker-size) + 6px);\n  }\n  &-label-top:not(.stepper-vertical) &-entry-labels {\n    bottom: calc(var(--custom-stepper-marker-size) + 6px);\n  }\n\n  &-connector {\n    flex: 1 1 auto;\n    min-width: 24px;\n    height: var(--custom-stepper-connector-idle-thickness);\n    background-size: 200% 100%;\n    background-image: linear-gradient(\n      90deg,\n      var(--custom-stepper-connector-color) 0 50%,\n      var(--custom-stepper-idle-color) 50% 100%\n    );\n    background-position: 100% 0;\n    transition: background-position 0.6s, height 0.4s, width 0.4s;\n\n    &-filled {\n      height: var(--custom-stepper-connector-thickness);\n      background-position: 0 0;\n    }\n  }\n\n  &-step {\n    display: grid;\n    grid-template-columns: var(--custom-stepper-marker-size) 1fr;\n    column-gap: var(--custom-stepper-gap);\n  }\n  &-vertical &-entry {\n    grid-column: 1 / -1;\n    align-items: stretch;\n  }\n  &-vertical &-connector {\n    grid-column: 1;\n    justify-self: center;\n    flex: none;\n    width: var(--custom-stepper-connector-idle-thickness);\n    min-width: 0;\n    height: 100%;\n    min-height: 24px;\n    background-size: 100% 200%;\n    background-image: linear-gradient(\n      180deg,\n      var(--custom-stepper-connector-color) 0 50%,\n      var(--custom-stepper-idle-color) 50% 100%\n    );\n    background-position: 0 100%;\n    transition: background-position 0.4s, width 0.4s;\n\n    &-filled {\n      width: var(--custom-stepper-connector-thickness);\n      background-position: 0 0;\n    }\n  }\n  &-vertical &-content {\n    grid-column: 2;\n  }\n\n  &-vertical.stepper-label-left &-step {\n    grid-template-columns: 1fr var(--custom-stepper-marker-size);\n  }\n  &-vertical.stepper-label-left &-entry {\n    flex-direction: row-reverse;\n  }\n  &-vertical.stepper-label-left &-connector {\n    grid-column: 2;\n  }\n  &-vertical.stepper-label-left &-content {\n    grid-column: 1;\n    text-align: right;\n  }\n\n  &-content {\n    overflow: hidden;\n    transition: height 0.25s ease;\n  }\n  &-content-inner {\n    padding: 4px 0 12px;\n  }\n\n  /* Outlined: completed markers stay ringed (a coloured check, no solid fill) */\n  &-outlined {\n    --stepper-text-on-marker: var(--custom-stepper-done-color);\n\n    & .stepper-entry-done .stepper-entry-number {\n      box-shadow: none;\n      background-color: transparent;\n      color: var(--custom-stepper-done-color);\n    }\n  }\n  &-dots {\n    --stepper-marker-size: 16px;\n    --stepper-marker-radius: 50%;\n    --stepper-gap: 10px;\n\n    & .stepper-entry-number {\n      font-size: 0;\n      border-width: 2px;\n    }\n    /* The dots variant shows no marker content at all: the number is killed by\n       font-size: 0 above, and every element child (the checkmark, a FontAwesome\n       icon, a custom icon element) is hidden here — matching on `svg` alone would\n       miss a custom icon that isn't one. */\n    & .stepper-entry-number > * {\n      display: none;\n    }\n  }\n}\n\n@keyframes showCheckmark {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .stepper-content {\n    transition: none;\n  }\n  .stepper-entry-number,\n  .stepper-connector,\n  .stepper-rail-segment {\n    transition: none;\n  }\n  .stepper-checkmark path {\n    animation: none;\n    stroke-dashoffset: 0;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"stepper.module.mjs","names":[],"sources":["../../../../package/common/stepper/stepper.module.pcss"],"sourcesContent":[".stepper {\n  /* Theme tokens resolved once, each with a built-in fallback. Set any of the\n     public `--stepper-*` variables via ThemeProvider (theme-wide) or `style`\n     (per instance) to override; unset ones fall back to the values below. */\n  --custom-stepper-marker-size: var(--stepper-marker-size, 40px);\n  --custom-stepper-marker-radius: var(--stepper-marker-radius, var(--default-border-radius));\n  --custom-stepper-idle-color: var(--stepper-idle-color, var(--primary-lighter));\n  --custom-stepper-active-color: var(--stepper-active-color, var(--primary-color));\n  --custom-stepper-done-color: var(--stepper-done-color, var(--primary-color));\n  --custom-stepper-error-color: var(--stepper-error-color, var(--error-color));\n  --custom-stepper-connector-color: var(--stepper-connector-color, var(--primary-color));\n  --custom-stepper-connector-thickness: var(--stepper-connector-thickness, 3px);\n  --custom-stepper-connector-idle-thickness: var(--stepper-connector-idle-thickness, 1px);\n  --custom-stepper-gap: var(--stepper-gap, 12px);\n  --custom-stepper-text-on-marker: var(--stepper-text-on-marker, var(--text-on-primary));\n\n  user-select: none;\n  color: var(--text-color);\n\n  &-vertical {\n    display: flex;\n    flex-flow: column;\n  }\n\n  &:not(.stepper-vertical) {\n    display: flex;\n    align-items: center;\n  }\n\n  &-label-bottom:not(.stepper-vertical) {\n    padding-bottom: 46px;\n  }\n\n  &-label-top:not(.stepper-vertical) {\n    padding-top: 46px;\n  }\n\n  /* Entry --------------------------------------------------------------- */\n  &-entry {\n    display: flex;\n    align-items: flex-start;\n    gap: var(--custom-stepper-gap);\n    box-sizing: border-box;\n  }\n\n  &:not(.stepper-vertical) &-entry {\n    position: relative;\n    flex: 0 0 auto;\n    align-items: center;\n    gap: 0;\n  }\n\n  &-clickable {\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n  }\n\n  &-entry-disabled {\n    opacity: 0.5;\n  }\n\n  &-entry-number {\n    width: var(--custom-stepper-marker-size);\n    height: var(--custom-stepper-marker-size);\n    box-sizing: border-box;\n    flex-shrink: 0;\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    border: 1px solid var(--custom-stepper-idle-color);\n    color: var(--custom-stepper-idle-color);\n    border-radius: var(--custom-stepper-marker-radius);\n    font-weight: 600;\n    font-size: calc(var(--custom-stepper-marker-size) * 0.4);\n    box-shadow: inset 0 0 0 var(--custom-stepper-done-color);\n    transition: all 0.4s;\n  }\n\n  &-entry-active &-entry-number {\n    border: 2px solid var(--custom-stepper-active-color);\n    color: var(--custom-stepper-active-color);\n    transform: scale3d(1.1, 1.1, 1);\n  }\n\n  &-entry-done &-entry-number {\n    border-color: var(--custom-stepper-done-color);\n    color: var(--custom-stepper-text-on-marker);\n    background-color: var(--custom-stepper-done-color);\n    box-shadow: inset 0 0 0 30px var(--custom-stepper-done-color);\n    transform: none;\n  }\n\n  &-entry-error &-entry-number {\n    border: 2px solid var(--custom-stepper-error-color);\n    color: var(--custom-stepper-error-color);\n    box-shadow: inset 0 0 0 var(--custom-stepper-error-color);\n    transform: none;\n  }\n\n  &-checkmark path {\n    stroke: var(--custom-stepper-text-on-marker);\n    stroke-dasharray: 5;\n    stroke-dashoffset: 5;\n    animation: showCheckmark 0.4s 0.2s forwards;\n  }\n\n  &-marker-cell {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    flex-shrink: 0;\n    width: var(--custom-stepper-marker-size);\n  }\n\n  &-rail-segment {\n    flex: 1 1 0;\n    min-height: 0;\n    width: var(--custom-stepper-connector-idle-thickness);\n    background-size: 100% 200%;\n    background-image: linear-gradient(\n      180deg,\n      var(--custom-stepper-connector-color) 0 50%,\n      var(--custom-stepper-idle-color) 50% 100%\n    );\n    background-position: 0 100%;\n    transition:\n      background-position 0.4s,\n      width 0.4s;\n  }\n\n  &-rail-filled {\n    width: var(--custom-stepper-connector-thickness);\n    background-position: 0 0;\n  }\n\n  &-rail-hidden {\n    background-image: none;\n    background-color: transparent;\n  }\n\n  &-entry-labels {\n    display: flex;\n    flex-direction: column;\n    gap: 2px;\n    min-width: 0;\n    align-self: center;\n  }\n\n  &-entry-label {\n    color: var(--text-color);\n  }\n\n  &-description {\n    color: var(--text-dark);\n    font-size: var(--text-small-font-size, 0.85em);\n  }\n\n  &-optional {\n    color: var(--text-light);\n    font-size: var(--text-small-font-size, 0.85em);\n    font-style: italic;\n  }\n\n  &:not(.stepper-vertical) &-entry-labels {\n    position: absolute;\n    left: 50%;\n    transform: translateX(-50%);\n    width: max-content;\n    max-width: 160px;\n    text-align: center;\n    align-items: center;\n  }\n\n  &-label-bottom:not(.stepper-vertical) &-entry-labels {\n    top: calc(var(--custom-stepper-marker-size) + 6px);\n  }\n\n  &-label-top:not(.stepper-vertical) &-entry-labels {\n    bottom: calc(var(--custom-stepper-marker-size) + 6px);\n  }\n\n  &-connector {\n    flex: 1 1 auto;\n    min-width: 24px;\n    height: var(--custom-stepper-connector-idle-thickness);\n    background-size: 200% 100%;\n    background-image: linear-gradient(\n      90deg,\n      var(--custom-stepper-connector-color) 0 50%,\n      var(--custom-stepper-idle-color) 50% 100%\n    );\n    background-position: 100% 0;\n    transition:\n      background-position 0.6s,\n      height 0.4s,\n      width 0.4s;\n\n    &-filled {\n      height: var(--custom-stepper-connector-thickness);\n      background-position: 0 0;\n    }\n  }\n\n  &-step {\n    display: grid;\n    grid-template-columns: var(--custom-stepper-marker-size) 1fr;\n    column-gap: var(--custom-stepper-gap);\n  }\n\n  &-vertical &-entry {\n    grid-column: 1 / -1;\n    align-items: stretch;\n  }\n\n  &-vertical &-connector {\n    grid-column: 1;\n    justify-self: center;\n    flex: none;\n    width: var(--custom-stepper-connector-idle-thickness);\n    min-width: 0;\n    height: 100%;\n    min-height: 24px;\n    background-size: 100% 200%;\n    background-image: linear-gradient(\n      180deg,\n      var(--custom-stepper-connector-color) 0 50%,\n      var(--custom-stepper-idle-color) 50% 100%\n    );\n    background-position: 0 100%;\n    transition:\n      background-position 0.4s,\n      width 0.4s;\n\n    &-filled {\n      width: var(--custom-stepper-connector-thickness);\n      background-position: 0 0;\n    }\n  }\n\n  &-vertical &-content {\n    grid-column: 2;\n  }\n\n  &-vertical.stepper-label-left &-step {\n    grid-template-columns: 1fr var(--custom-stepper-marker-size);\n  }\n\n  &-vertical.stepper-label-left &-entry {\n    flex-direction: row-reverse;\n  }\n\n  &-vertical.stepper-label-left &-connector {\n    grid-column: 2;\n  }\n\n  &-vertical.stepper-label-left &-content {\n    grid-column: 1;\n    text-align: right;\n  }\n\n  &-content {\n    overflow: hidden;\n    transition: height 0.25s ease;\n  }\n\n  &-content-inner {\n    padding: 4px 0 12px;\n  }\n\n  /* Outlined: completed markers stay ringed (a coloured check, no solid fill) */\n  &-outlined {\n    --stepper-text-on-marker: var(--custom-stepper-done-color);\n\n    & .stepper-entry-done .stepper-entry-number {\n      box-shadow: none;\n      background-color: transparent;\n      color: var(--custom-stepper-done-color);\n    }\n  }\n\n  &-dots {\n    --stepper-marker-size: 16px;\n    --stepper-marker-radius: 50%;\n    --stepper-gap: 10px;\n\n    & .stepper-entry-number {\n      font-size: 0;\n      border-width: 2px;\n    }\n\n    /* The dots variant shows no marker content at all: the number is killed by\n       font-size: 0 above, and every element child (the checkmark, a FontAwesome\n       icon, a custom icon element) is hidden here — matching on `svg` alone would\n       miss a custom icon that isn't one. */\n    & .stepper-entry-number > * {\n      display: none;\n    }\n  }\n}\n\n@keyframes showCheckmark {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .stepper-content {\n    transition: none;\n  }\n\n  .stepper-entry-number,\n  .stepper-connector,\n  .stepper-rail-segment {\n    transition: none;\n  }\n\n  .stepper-checkmark path {\n    animation: none;\n    stroke-dashoffset: 0;\n  }\n}\n"],"mappings":""}

package/dist/esm/common/sticky/sticky.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sticky.mjs","names":[],"sources":["../../../../package/common/sticky/sticky.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport cx from 'classnames';\nimport type { StickyProps } from './sticky.types';\nimport { stickyStack } from './stickyStack';\nimport type { StickyStackResult } from './stickyStack';\n\nimport styles from './sticky.module.pcss';\n\ninterface Metrics {\n  width: number;\n  left: number;\n  height: number;\n}\n\n// Nearest ancestor whose own scrollbar would carry the sticky's scroll — used so\n// `stickToScrollParent` can pin relative to that container's box instead of the viewport.\nfunction getScrollParent(el: HTMLElement | null): HTMLElement | null {\n  let node = el?.parentElement ?? null;\n  while (node && node !== document.body) {\n    const { overflowY } = getComputedStyle(node);\n    if (overflowY === 'auto' || overflowY === 'scroll' || overflowY === 'overlay') return node;\n    node = node.parentElement;\n  }\n  return null;\n}\n\nexport default function Sticky({\n  children,\n  offsetTop = 0,\n  offsetElement,\n  stickToScrollParent = false,\n  zIndex = 20,\n  disabled = false,\n  onStuckChange,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: StickyProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const stackIdRef = useRef<symbol | null>(null);\n  const scrollParentRef = useRef<HTMLElement | null>(null);\n  const [metrics, setMetrics] = useState<Metrics>({ width: 0, left: 0, height: 0 });\n  const [measuredOffset, setMeasuredOffset] = useState<number | null>(null);\n  const [scrollParentTop, setScrollParentTop] = useState(0);\n  const effectiveOffsetTop = offsetElement?.current ? (measuredOffset ?? offsetElement.current.offsetHeight) : offsetTop;\n  const [stackResult, setStackResult] = useState<StickyStackResult>({ isStuck: false, top: effectiveOffsetTop });\n\n  const onStuckChangeRef = useRef(onStuckChange);\n  useEffect(() => {\n    onStuckChangeRef.current = onStuckChange;\n  }, [onStuckChange]);\n\n  // Local geometry (width/left/height) doesn't depend on other Stickies — only the\n  // effective `top` and `isStuck` (from the stack coordinator) do.\n  const measure = useCallback(() => {\n    const root = rootRef.current;\n    const content = contentRef.current;\n    if (!root || !content) return;\n    const rootRect = root.getBoundingClientRect();\n    setMetrics({ width: root.clientWidth, left: rootRect.left, height: content.offsetHeight });\n    stickyStack.schedule();\n  }, []);\n\n  useEffect(() => {\n    const el = offsetElement?.current;\n    if (!el) return;\n    const updateFromElement = () => setMeasuredOffset(el.offsetHeight);\n    updateFromElement();\n    const ro = new ResizeObserver(updateFromElement);\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, [offsetElement]);\n\n  useLayoutEffect(() => {\n    scrollParentRef.current = stickToScrollParent ? getScrollParent(rootRef.current) : null;\n  }, [stickToScrollParent]);\n\n  useLayoutEffect(() => {\n    const id = stickyStack.register(\n      {\n        node: rootRef.current as HTMLElement,\n        offsetTop: effectiveOffsetTop,\n        disabled,\n        getMetrics: () => {\n          const root = rootRef.current;\n          const content = contentRef.current;\n          if (!root || !content) return null;\n          const rect = root.getBoundingClientRect();\n          const parentRect = scrollParentRef.current?.getBoundingClientRect();\n          const newParentTop = parentRect?.top ?? 0;\n          setScrollParentTop((prev) => (prev === newParentTop ? prev : newParentTop));\n          // Report top/left relative to the scroll parent's box so the stack's stuck/stacking\n          // math stays in the same coordinate space regardless of what it's pinned relative to.\n          const top = parentRect ? rect.top - parentRect.top : rect.top;\n          const left = parentRect ? rect.left - parentRect.left : rect.left;\n          return { top, left, width: root.clientWidth, contentHeight: content.offsetHeight, container: scrollParentRef.current };\n        },\n      },\n      setStackResult,\n    );\n    stackIdRef.current = id;\n    return () => {\n      stickyStack.unregister(id);\n      stackIdRef.current = null;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (stackIdRef.current) {\n      stickyStack.updateEntry(stackIdRef.current, { offsetTop: effectiveOffsetTop, disabled });\n    }\n    stickyStack.schedule();\n  }, [effectiveOffsetTop, disabled]);\n\n  useLayoutEffect(() => {\n    measure();\n  }, [measure, children]);\n\n  useEffect(() => {\n    const ro = new ResizeObserver(measure);\n    if (rootRef.current) ro.observe(rootRef.current);\n    if (contentRef.current) ro.observe(contentRef.current);\n    if (scrollParentRef.current) ro.observe(scrollParentRef.current);\n    return () => ro.disconnect();\n  }, [measure, stickToScrollParent]);\n\n  const firstRun = useRef(true);\n  useEffect(() => {\n    if (firstRun.current) {\n      firstRun.current = false;\n      return;\n    }\n    onStuckChangeRef.current?.(stackResult.isStuck);\n  }, [stackResult.isStuck]);\n\n  // stackResult.top is relative to the scroll parent's box (or the viewport if there isn't\n  // one) — convert back to a viewport-absolute value for the fixed `top`.\n  const contentStyle: React.CSSProperties | undefined = stackResult.isStuck\n    ? {\n        position: 'fixed',\n        top: scrollParentTop + stackResult.top,\n        left: metrics.left,\n        width: metrics.width,\n        zIndex,\n        ...slotStyles?.content,\n      }\n    : slotStyles?.content;\n\n  return (\n    <div ref={rootRef} className={cx(styles.sticky, className, classNames?.root)} style={{ ...slotStyles?.root, ...style }} {...rest}>\n      {stackResult.isStuck && (\n        <div\n          aria-hidden\n          className={cx(styles.stickyPlaceholder, classNames?.placeholder)}\n          style={{ height: metrics.height, ...slotStyles?.placeholder }}\n        />\n      )}\n      <div\n        ref={contentRef}\n        className={cx(styles.stickyContent, stackResult.isStuck && styles.stickyContentStuck, classNames?.content)}\n        style={contentStyle}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"sticky.mjs","names":[],"sources":["../../../../package/common/sticky/sticky.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useLayoutEffect, useRef, useState } from 'react';\nimport cx from 'classnames';\nimport type { StickyProps } from './sticky.types';\nimport { stickyStack } from './stickyStack';\nimport type { StickyStackResult } from './stickyStack';\n\nimport styles from './sticky.module.pcss';\n\ninterface Metrics {\n  width: number;\n  left: number;\n  height: number;\n}\n\n// Nearest ancestor whose own scrollbar would carry the sticky's scroll — used so\n// `stickToScrollParent` can pin relative to that container's box instead of the viewport.\nfunction getScrollParent(el: HTMLElement | null): HTMLElement | null {\n  let node = el?.parentElement ?? null;\n  while (node && node !== document.body) {\n    const { overflowY } = getComputedStyle(node);\n    if (overflowY === 'auto' || overflowY === 'scroll' || overflowY === 'overlay') return node;\n    node = node.parentElement;\n  }\n  return null;\n}\n\nexport default function Sticky({\n  children,\n  offsetTop = 0,\n  offsetElement,\n  stickToScrollParent = false,\n  zIndex = 20,\n  disabled = false,\n  onStuckChange,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: StickyProps) {\n  const rootRef = useRef<HTMLDivElement>(null);\n  const contentRef = useRef<HTMLDivElement>(null);\n  const stackIdRef = useRef<symbol | null>(null);\n  const scrollParentRef = useRef<HTMLElement | null>(null);\n  const [metrics, setMetrics] = useState<Metrics>({ width: 0, left: 0, height: 0 });\n  const [measuredOffset, setMeasuredOffset] = useState<number | null>(null);\n  const [scrollParentTop, setScrollParentTop] = useState(0);\n  const effectiveOffsetTop = offsetElement?.current\n    ? (measuredOffset ?? offsetElement.current.offsetHeight)\n    : offsetTop;\n  const [stackResult, setStackResult] = useState<StickyStackResult>({ isStuck: false, top: effectiveOffsetTop });\n\n  const onStuckChangeRef = useRef(onStuckChange);\n  useEffect(() => {\n    onStuckChangeRef.current = onStuckChange;\n  }, [onStuckChange]);\n\n  // Local geometry (width/left/height) doesn't depend on other Stickies — only the\n  // effective `top` and `isStuck` (from the stack coordinator) do.\n  const measure = useCallback(() => {\n    const root = rootRef.current;\n    const content = contentRef.current;\n    if (!root || !content) return;\n    const rootRect = root.getBoundingClientRect();\n    setMetrics({ width: root.clientWidth, left: rootRect.left, height: content.offsetHeight });\n    stickyStack.schedule();\n  }, []);\n\n  useEffect(() => {\n    const el = offsetElement?.current;\n    if (!el) return;\n    const updateFromElement = () => setMeasuredOffset(el.offsetHeight);\n    updateFromElement();\n    const ro = new ResizeObserver(updateFromElement);\n    ro.observe(el);\n    return () => ro.disconnect();\n  }, [offsetElement]);\n\n  useLayoutEffect(() => {\n    scrollParentRef.current = stickToScrollParent ? getScrollParent(rootRef.current) : null;\n  }, [stickToScrollParent]);\n\n  useLayoutEffect(() => {\n    const id = stickyStack.register(\n      {\n        node: rootRef.current as HTMLElement,\n        offsetTop: effectiveOffsetTop,\n        disabled,\n        getMetrics: () => {\n          const root = rootRef.current;\n          const content = contentRef.current;\n          if (!root || !content) return null;\n          const rect = root.getBoundingClientRect();\n          const parentRect = scrollParentRef.current?.getBoundingClientRect();\n          const newParentTop = parentRect?.top ?? 0;\n          setScrollParentTop((prev) => (prev === newParentTop ? prev : newParentTop));\n          // Report top/left relative to the scroll parent's box so the stack's stuck/stacking\n          // math stays in the same coordinate space regardless of what it's pinned relative to.\n          const top = parentRect ? rect.top - parentRect.top : rect.top;\n          const left = parentRect ? rect.left - parentRect.left : rect.left;\n          return {\n            top,\n            left,\n            width: root.clientWidth,\n            contentHeight: content.offsetHeight,\n            container: scrollParentRef.current,\n          };\n        },\n      },\n      setStackResult,\n    );\n    stackIdRef.current = id;\n    return () => {\n      stickyStack.unregister(id);\n      stackIdRef.current = null;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  useEffect(() => {\n    if (stackIdRef.current) {\n      stickyStack.updateEntry(stackIdRef.current, { offsetTop: effectiveOffsetTop, disabled });\n    }\n    stickyStack.schedule();\n  }, [effectiveOffsetTop, disabled]);\n\n  useLayoutEffect(() => {\n    measure();\n  }, [measure, children]);\n\n  useEffect(() => {\n    const ro = new ResizeObserver(measure);\n    if (rootRef.current) ro.observe(rootRef.current);\n    if (contentRef.current) ro.observe(contentRef.current);\n    if (scrollParentRef.current) ro.observe(scrollParentRef.current);\n    return () => ro.disconnect();\n  }, [measure, stickToScrollParent]);\n\n  const firstRun = useRef(true);\n  useEffect(() => {\n    if (firstRun.current) {\n      firstRun.current = false;\n      return;\n    }\n    onStuckChangeRef.current?.(stackResult.isStuck);\n  }, [stackResult.isStuck]);\n\n  // stackResult.top is relative to the scroll parent's box (or the viewport if there isn't\n  // one) — convert back to a viewport-absolute value for the fixed `top`.\n  const contentStyle: React.CSSProperties | undefined = stackResult.isStuck\n    ? {\n        position: 'fixed',\n        top: scrollParentTop + stackResult.top,\n        left: metrics.left,\n        width: metrics.width,\n        zIndex,\n        ...slotStyles?.content,\n      }\n    : slotStyles?.content;\n\n  return (\n    <div\n      ref={rootRef}\n      className={cx(styles.sticky, className, classNames?.root)}\n      style={{ ...slotStyles?.root, ...style }}\n      {...rest}\n    >\n      {stackResult.isStuck && (\n        <div\n          aria-hidden\n          className={cx(styles.stickyPlaceholder, classNames?.placeholder)}\n          style={{ height: metrics.height, ...slotStyles?.placeholder }}\n        />\n      )}\n      <div\n        ref={contentRef}\n        className={cx(styles.stickyContent, stackResult.isStuck && styles.stickyContentStuck, classNames?.content)}\n        style={contentStyle}\n      >\n        {children}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/esm/common/sticky/sticky.module.mjs

@@ -1,2 +1,2 @@
-var e={sticky:`sticky_L6zO2`,"sticky-content":`sticky-content_ZaXTD`,stickyContent:`sticky-content_ZaXTD`,"sticky-content-stuck":`sticky-content-stuck_w-gRW`,stickyContentStuck:`sticky-content-stuck_w-gRW`,"sticky-placeholder":`sticky-placeholder_aJ3Sb`,stickyPlaceholder:`sticky-placeholder_aJ3Sb`};export{e as default};
+var e=`sticky_L6zO2`,t=`sticky-content_ZaXTD`,n=`sticky-content-stuck_w-gRW`,r=`sticky-placeholder_aJ3Sb`,i={sticky:e,"sticky-content":`sticky-content_ZaXTD`,stickyContent:t,"sticky-content-stuck":`sticky-content-stuck_w-gRW`,stickyContentStuck:n,"sticky-placeholder":`sticky-placeholder_aJ3Sb`,stickyPlaceholder:r};export{i as default,e as sticky,t as stickyContent,n as stickyContentStuck,r as stickyPlaceholder};
 //# sourceMappingURL=sticky.module.mjs.map

package/dist/esm/common/sticky/stickyStack.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"stickyStack.mjs","names":[],"sources":["../../../../package/common/sticky/stickyStack.ts"],"sourcesContent":["/**\n * Coordinates every mounted `Sticky` so ones that overlap horizontally stack\n * underneath each other (in DOM order) instead of pinning to the same spot.\n * Non-overlapping ones (e.g. side-by-side halves under a full-width one) land\n * at the same top instead of being pushed down by each other.\n */\n\nexport interface StickyStackMetrics {\n  /** Current (unstuck-flow) top of the root element, from getBoundingClientRect. */\n  top: number;\n  left: number;\n  width: number;\n  contentHeight: number;\n  /** The element this entry sticks relative to (its scroll parent), or null for the viewport.\n   *  Stacking only considers overlap between entries sharing the same container — two Stickies\n   *  in unrelated scroll panels should never push each other down just because they happen to\n   *  share horizontal DOM coordinates. */\n  container: HTMLElement | null;\n}\n\nexport interface StickyStackEntry {\n  node: HTMLElement;\n  offsetTop: number;\n  disabled: boolean;\n  getMetrics: () => StickyStackMetrics | null;\n}\n\nexport interface StickyStackResult {\n  isStuck: boolean;\n  /** Effective `top` to pin at while stuck — offsetTop plus the height of any stuck, overlapping entries above it. */\n  top: number;\n}\n\ntype ResultListener = (result: StickyStackResult) => void;\n\nfunction rangesOverlap(aLeft: number, aRight: number, bLeft: number, bRight: number): boolean {\n  return aLeft < bRight && bLeft < aRight;\n}\n\nfunction compareDomOrder(a: HTMLElement, b: HTMLElement): number {\n  if (a === b) return 0;\n  const position = a.compareDocumentPosition(b);\n  if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1;\n  if (position & Node.DOCUMENT_POSITION_PRECEDING) return 1;\n  return 0;\n}\n\nclass StickyStack {\n  private entries = new Map<symbol, StickyStackEntry>();\n  private listeners = new Map<symbol, ResultListener>();\n  private results = new Map<symbol, StickyStackResult>();\n  private rafId = 0;\n  private listenerCount = 0;\n\n  schedule = (): void => {\n    cancelAnimationFrame(this.rafId);\n    this.rafId = requestAnimationFrame(this.recompute);\n  };\n\n  register(entry: StickyStackEntry, onChange: ResultListener): symbol {\n    const id = Symbol('sticky');\n    this.entries.set(id, entry);\n    this.listeners.set(id, onChange);\n    this.startListening();\n    return id;\n  }\n\n  updateEntry(id: symbol, patch: Partial<Pick<StickyStackEntry, 'offsetTop' | 'disabled'>>): void {\n    const entry = this.entries.get(id);\n    if (entry) Object.assign(entry, patch);\n  }\n\n  unregister(id: symbol): void {\n    if (!this.entries.has(id)) return;\n    this.entries.delete(id);\n    this.listeners.delete(id);\n    this.results.delete(id);\n    this.stopListening();\n  }\n\n  recompute = (): void => {\n    const ordered = [...this.entries.entries()].sort(([, a], [, b]) => compareDomOrder(a.node, b.node));\n    const placedByContainer = new Map<HTMLElement | null, { left: number; right: number; bottom: number }[]>();\n\n    for (const [id, entry] of ordered) {\n      const metrics = entry.getMetrics();\n      if (!metrics) continue;\n\n      let placed = placedByContainer.get(metrics.container);\n      if (!placed) {\n        placed = [];\n        placedByContainer.set(metrics.container, placed);\n      }\n\n      const overlapping = placed.filter((p) => rangesOverlap(p.left, p.right, metrics.left, metrics.left + metrics.width));\n      const baseTop = overlapping.reduce((max, p) => Math.max(max, p.bottom), entry.offsetTop);\n      const isStuck = !entry.disabled && metrics.top <= baseTop;\n      const result: StickyStackResult = { isStuck, top: isStuck ? baseTop : entry.offsetTop };\n\n      if (isStuck) {\n        placed.push({ left: metrics.left, right: metrics.left + metrics.width, bottom: baseTop + metrics.contentHeight });\n      }\n\n      const prev = this.results.get(id);\n      if (!prev || prev.isStuck !== result.isStuck || prev.top !== result.top) {\n        this.results.set(id, result);\n        this.listeners.get(id)?.(result);\n      }\n    }\n  };\n\n  private startListening(): void {\n    if (this.listenerCount === 0) {\n      window.addEventListener('scroll', this.schedule, { passive: true, capture: true });\n      window.addEventListener('resize', this.schedule);\n    }\n    this.listenerCount++;\n  }\n\n  private stopListening(): void {\n    this.listenerCount--;\n    if (this.listenerCount === 0) {\n      window.removeEventListener('scroll', this.schedule, { capture: true } as EventListenerOptions);\n      window.removeEventListener('resize', this.schedule);\n    }\n  }\n}\n\nexport const stickyStack = new StickyStack();\n"],"mappings":"AAmCA,SAAS,EAAc,EAAe,EAAgB,EAAe,EAAyB,CAC5F,OAAO,EAAQ,GAAU,EAAQ,CACnC,CAEA,SAAS,EAAgB,EAAgB,EAAwB,CAC/D,GAAI,IAAM,EAAG,MAAO,GACpB,IAAM,EAAW,EAAE,wBAAwB,CAAC,EAG5C,OAFI,EAAW,KAAK,4BAAoC,GACpD,EAAW,KAAK,4BAAoC,EACjD,CACT,CAmFA,IAAa,EAAc,IAAI,KAjFb,4BACE,IAAI,mBACF,IAAI,iBACN,IAAI,eACN,qBACQ,oBAED,CACrB,qBAAqB,KAAK,KAAK,EAC/B,KAAK,MAAQ,sBAAsB,KAAK,SAAS,CACnD,qBAuBwB,CACtB,IAAM,EAAU,CAAC,GAAG,KAAK,QAAQ,QAAQ,CAAC,EAAE,MAAM,EAAG,GAAI,EAAG,KAAO,EAAgB,EAAE,KAAM,EAAE,IAAI,CAAC,EAC5F,EAAoB,IAAI,IAE9B,IAAK,GAAM,CAAC,EAAI,KAAU,EAAS,CACjC,IAAM,EAAU,EAAM,WAAW,EACjC,GAAI,CAAC,EAAS,SAEd,IAAI,EAAS,EAAkB,IAAI,EAAQ,SAAS,EAC/C,IACH,EAAS,CAAC,EACV,EAAkB,IAAI,EAAQ,UAAW,CAAM,GAIjD,IAAM,EADc,EAAO,OAAQ,GAAM,EAAc,EAAE,KAAM,EAAE,MAAO,EAAQ,KAAM,EAAQ,KAAO,EAAQ,KAAK,CAClG,EAAY,QAAQ,EAAK,IAAM,KAAK,IAAI,EAAK,EAAE,MAAM,EAAG,EAAM,SAAS,EACjF,EAAU,CAAC,EAAM,UAAY,EAAQ,KAAO,EAC5C,EAA4B,CAAE,UAAS,IAAK,EAAU,EAAU,EAAM,SAAU,EAElF,GACF,EAAO,KAAK,CAAE,KAAM,EAAQ,KAAM,MAAO,EAAQ,KAAO,EAAQ,MAAO,OAAQ,EAAU,EAAQ,aAAc,CAAC,EAGlH,IAAM,EAAO,KAAK,QAAQ,IAAI,CAAE,GAC5B,CAAC,GAAQ,EAAK,UAAY,EAAO,SAAW,EAAK,MAAQ,EAAO,OAClE,KAAK,QAAQ,IAAI,EAAI,CAAM,EAC3B,KAAK,UAAU,IAAI,CAAE,IAAI,CAAM,EAEnC,CACF,EAlDA,SAAS,EAAyB,EAAkC,CAClE,IAAM,EAAK,OAAO,QAAQ,EAI1B,OAHA,KAAK,QAAQ,IAAI,EAAI,CAAK,EAC1B,KAAK,UAAU,IAAI,EAAI,CAAQ,EAC/B,KAAK,eAAe,EACb,CACT,CAEA,YAAY,EAAY,EAAwE,CAC9F,IAAM,EAAQ,KAAK,QAAQ,IAAI,CAAE,EAC7B,GAAO,OAAO,OAAO,EAAO,CAAK,CACvC,CAEA,WAAW,EAAkB,CACtB,KAAK,QAAQ,IAAI,CAAE,IACxB,KAAK,QAAQ,OAAO,CAAE,EACtB,KAAK,UAAU,OAAO,CAAE,EACxB,KAAK,QAAQ,OAAO,CAAE,EACtB,KAAK,cAAc,EACrB,CAiCA,gBAA+B,CACzB,KAAK,gBAAkB,IACzB,OAAO,iBAAiB,SAAU,KAAK,SAAU,CAAE,QAAS,GAAM,QAAS,EAAK,CAAC,EACjF,OAAO,iBAAiB,SAAU,KAAK,QAAQ,GAEjD,KAAK,eACP,CAEA,eAA8B,CAC5B,KAAK,gBACD,KAAK,gBAAkB,IACzB,OAAO,oBAAoB,SAAU,KAAK,SAAU,CAAE,QAAS,EAAK,CAAyB,EAC7F,OAAO,oBAAoB,SAAU,KAAK,QAAQ,EAEtD,CACF"}
+{"version":3,"file":"stickyStack.mjs","names":[],"sources":["../../../../package/common/sticky/stickyStack.ts"],"sourcesContent":["/**\n * Coordinates every mounted `Sticky` so ones that overlap horizontally stack\n * underneath each other (in DOM order) instead of pinning to the same spot.\n * Non-overlapping ones (e.g. side-by-side halves under a full-width one) land\n * at the same top instead of being pushed down by each other.\n */\n\nexport interface StickyStackMetrics {\n  /** Current (unstuck-flow) top of the root element, from getBoundingClientRect. */\n  top: number;\n  left: number;\n  width: number;\n  contentHeight: number;\n  /** The element this entry sticks relative to (its scroll parent), or null for the viewport.\n   *  Stacking only considers overlap between entries sharing the same container — two Stickies\n   *  in unrelated scroll panels should never push each other down just because they happen to\n   *  share horizontal DOM coordinates. */\n  container: HTMLElement | null;\n}\n\nexport interface StickyStackEntry {\n  node: HTMLElement;\n  offsetTop: number;\n  disabled: boolean;\n  getMetrics: () => StickyStackMetrics | null;\n}\n\nexport interface StickyStackResult {\n  isStuck: boolean;\n  /** Effective `top` to pin at while stuck — offsetTop plus the height of any stuck, overlapping entries above it. */\n  top: number;\n}\n\ntype ResultListener = (result: StickyStackResult) => void;\n\nfunction rangesOverlap(aLeft: number, aRight: number, bLeft: number, bRight: number): boolean {\n  return aLeft < bRight && bLeft < aRight;\n}\n\nfunction compareDomOrder(a: HTMLElement, b: HTMLElement): number {\n  if (a === b) return 0;\n  const position = a.compareDocumentPosition(b);\n  if (position & Node.DOCUMENT_POSITION_FOLLOWING) return -1;\n  if (position & Node.DOCUMENT_POSITION_PRECEDING) return 1;\n  return 0;\n}\n\nclass StickyStack {\n  private entries = new Map<symbol, StickyStackEntry>();\n  private listeners = new Map<symbol, ResultListener>();\n  private results = new Map<symbol, StickyStackResult>();\n  private rafId = 0;\n  private listenerCount = 0;\n\n  schedule = (): void => {\n    cancelAnimationFrame(this.rafId);\n    this.rafId = requestAnimationFrame(this.recompute);\n  };\n\n  register(entry: StickyStackEntry, onChange: ResultListener): symbol {\n    const id = Symbol('sticky');\n    this.entries.set(id, entry);\n    this.listeners.set(id, onChange);\n    this.startListening();\n    return id;\n  }\n\n  updateEntry(id: symbol, patch: Partial<Pick<StickyStackEntry, 'offsetTop' | 'disabled'>>): void {\n    const entry = this.entries.get(id);\n    if (entry) Object.assign(entry, patch);\n  }\n\n  unregister(id: symbol): void {\n    if (!this.entries.has(id)) return;\n    this.entries.delete(id);\n    this.listeners.delete(id);\n    this.results.delete(id);\n    this.stopListening();\n  }\n\n  recompute = (): void => {\n    const ordered = [...this.entries.entries()].sort(([, a], [, b]) => compareDomOrder(a.node, b.node));\n    const placedByContainer = new Map<HTMLElement | null, { left: number; right: number; bottom: number }[]>();\n\n    for (const [id, entry] of ordered) {\n      const metrics = entry.getMetrics();\n      if (!metrics) continue;\n\n      let placed = placedByContainer.get(metrics.container);\n      if (!placed) {\n        placed = [];\n        placedByContainer.set(metrics.container, placed);\n      }\n\n      const overlapping = placed.filter((p) =>\n        rangesOverlap(p.left, p.right, metrics.left, metrics.left + metrics.width),\n      );\n      const baseTop = overlapping.reduce((max, p) => Math.max(max, p.bottom), entry.offsetTop);\n      const isStuck = !entry.disabled && metrics.top <= baseTop;\n      const result: StickyStackResult = { isStuck, top: isStuck ? baseTop : entry.offsetTop };\n\n      if (isStuck) {\n        placed.push({\n          left: metrics.left,\n          right: metrics.left + metrics.width,\n          bottom: baseTop + metrics.contentHeight,\n        });\n      }\n\n      const prev = this.results.get(id);\n      if (!prev || prev.isStuck !== result.isStuck || prev.top !== result.top) {\n        this.results.set(id, result);\n        this.listeners.get(id)?.(result);\n      }\n    }\n  };\n\n  private startListening(): void {\n    if (this.listenerCount === 0) {\n      window.addEventListener('scroll', this.schedule, { passive: true, capture: true });\n      window.addEventListener('resize', this.schedule);\n    }\n    this.listenerCount++;\n  }\n\n  private stopListening(): void {\n    this.listenerCount--;\n    if (this.listenerCount === 0) {\n      window.removeEventListener('scroll', this.schedule, { capture: true } as EventListenerOptions);\n      window.removeEventListener('resize', this.schedule);\n    }\n  }\n}\n\nexport const stickyStack = new StickyStack();\n"],"mappings":"AAmCA,SAAS,EAAc,EAAe,EAAgB,EAAe,EAAyB,CAC5F,OAAO,EAAQ,GAAU,EAAQ,CACnC,CAEA,SAAS,EAAgB,EAAgB,EAAwB,CAC/D,GAAI,IAAM,EAAG,MAAO,GACpB,IAAM,EAAW,EAAE,wBAAwB,CAAC,EAG5C,OAFI,EAAW,KAAK,4BAAoC,GACpD,EAAW,KAAK,4BAAoC,EACjD,CACT,CAyFA,IAAa,EAAc,IAAI,KAvFb,eACE,KAAA,QAAA,IAAI,IACF,KAAA,UAAA,IAAI,IACN,KAAA,QAAA,IAAI,IACN,KAAA,MAAA,EACQ,KAAA,cAAA,EAED,KAAA,aAAA,CACrB,qBAAqB,KAAK,KAAK,EAC/B,KAAK,MAAQ,sBAAsB,KAAK,SAAS,CACnD,EAuBwB,KAAA,cAAA,CACtB,IAAM,EAAU,CAAC,GAAG,KAAK,QAAQ,QAAQ,CAAC,CAAC,CAAC,MAAM,EAAG,GAAI,EAAG,KAAO,EAAgB,EAAE,KAAM,EAAE,IAAI,CAAC,EAC5F,EAAoB,IAAI,IAE9B,IAAK,GAAM,CAAC,EAAI,KAAU,EAAS,CACjC,IAAM,EAAU,EAAM,WAAW,EACjC,GAAI,CAAC,EAAS,SAEd,IAAI,EAAS,EAAkB,IAAI,EAAQ,SAAS,EAC/C,IACH,EAAS,CAAC,EACV,EAAkB,IAAI,EAAQ,UAAW,CAAM,GAMjD,IAAM,EAHc,EAAO,OAAQ,GACjC,EAAc,EAAE,KAAM,EAAE,MAAO,EAAQ,KAAM,EAAQ,KAAO,EAAQ,KAAK,CAE3D,CAAA,CAAY,QAAQ,EAAK,IAAM,KAAK,IAAI,EAAK,EAAE,MAAM,EAAG,EAAM,SAAS,EACjF,EAAU,CAAC,EAAM,UAAY,EAAQ,KAAO,EAC5C,EAA4B,CAAE,UAAS,IAAK,EAAU,EAAU,EAAM,SAAU,EAElF,GACF,EAAO,KAAK,CACV,KAAM,EAAQ,KACd,MAAO,EAAQ,KAAO,EAAQ,MAC9B,OAAQ,EAAU,EAAQ,aAC5B,CAAC,EAGH,IAAM,EAAO,KAAK,QAAQ,IAAI,CAAE,GAC5B,CAAC,GAAQ,EAAK,UAAY,EAAO,SAAW,EAAK,MAAQ,EAAO,OAClE,KAAK,QAAQ,IAAI,EAAI,CAAM,EAC3B,KAAK,UAAU,IAAI,CAAE,CAAC,GAAG,CAAM,EAEnC,CACF,EAxDA,SAAS,EAAyB,EAAkC,CAClE,IAAM,EAAK,OAAO,QAAQ,EAI1B,OAHA,KAAK,QAAQ,IAAI,EAAI,CAAK,EAC1B,KAAK,UAAU,IAAI,EAAI,CAAQ,EAC/B,KAAK,eAAe,EACb,CACT,CAEA,YAAY,EAAY,EAAwE,CAC9F,IAAM,EAAQ,KAAK,QAAQ,IAAI,CAAE,EAC7B,GAAO,OAAO,OAAO,EAAO,CAAK,CACvC,CAEA,WAAW,EAAkB,CACtB,KAAK,QAAQ,IAAI,CAAE,IACxB,KAAK,QAAQ,OAAO,CAAE,EACtB,KAAK,UAAU,OAAO,CAAE,EACxB,KAAK,QAAQ,OAAO,CAAE,EACtB,KAAK,cAAc,EACrB,CAuCA,gBAA+B,CACzB,KAAK,gBAAkB,IACzB,OAAO,iBAAiB,SAAU,KAAK,SAAU,CAAE,QAAS,GAAM,QAAS,EAAK,CAAC,EACjF,OAAO,iBAAiB,SAAU,KAAK,QAAQ,GAEjD,KAAK,eACP,CAEA,eAA8B,CAC5B,KAAK,gBACD,KAAK,gBAAkB,IACzB,OAAO,oBAAoB,SAAU,KAAK,SAAU,CAAE,QAAS,EAAK,CAAyB,EAC7F,OAAO,oBAAoB,SAAU,KAAK,QAAQ,EAEtD,CACF"}

package/dist/esm/common/styles/sheet.module.mjs

@@ -1,2 +1,2 @@
-var e={sheet:`sheet_cfS92`,sheetSlideIn:`sheetSlideIn_wF6l0`,"sheet-surface":`sheet-surface_-vvdd`,sheetSurface:`sheet-surface_-vvdd`,"sheet-panel":`sheet-panel_HPJjL sheet-surface_-vvdd`,sheetPanel:`sheet-panel_HPJjL sheet-surface_-vvdd`,"sheet-scroll":`sheet-scroll_nda2p`,sheetScroll:`sheet-scroll_nda2p`,"sheet-backdrop":`sheet-backdrop_B-S70`,sheetBackdrop:`sheet-backdrop_B-S70`,sheetBackdropFadeIn:`sheetBackdropFadeIn_MJUJq`};export{e as default};
+var e=`sheet_cfS92`,t=`sheetSlideIn_wF6l0`,n=`sheet-surface_-vvdd`,r=`sheet-panel_HPJjL sheet-surface_-vvdd`,i=`sheet-scroll_nda2p`,a=`sheet-backdrop_B-S70`,o=`sheetBackdropFadeIn_MJUJq`,s={sheet:e,sheetSlideIn:t,"sheet-surface":`sheet-surface_-vvdd`,sheetSurface:n,"sheet-panel":`sheet-panel_HPJjL sheet-surface_-vvdd`,sheetPanel:r,"sheet-scroll":`sheet-scroll_nda2p`,sheetScroll:i,"sheet-backdrop":`sheet-backdrop_B-S70`,sheetBackdrop:a,sheetBackdropFadeIn:o};export{s as default,e as sheet,a as sheetBackdrop,o as sheetBackdropFadeIn,r as sheetPanel,i as sheetScroll,t as sheetSlideIn,n as sheetSurface};
 //# sourceMappingURL=sheet.module.mjs.map

package/dist/esm/common/styles/sheet.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sheet.module.mjs","names":[],"sources":["../../../../package/common/styles/sheet.module.pcss"],"sourcesContent":["/*\n * Bottom-sheet presentation, shared by every popup that can switch away from being anchored to\n * its trigger (see `useSheet`).\n *\n * Every selector is doubled (`.sheet.sheet`) on purpose: these classes land on the same elements\n * as a component's own single-class panel styles and have to win over them. Which of two\n * equal-specificity rules wins otherwise depends on the order the bundler happens to emit the\n * two CSS modules in, which is not something a component should have to depend on.\n */\n\n.sheet.sheet {\n  position: fixed;\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  width: 100%;\n  /* Wide enough for a comfortable list on a phone, narrow enough not to span a tablet. */\n  max-width: 560px;\n  /* Two separate caps: how much of the screen a sheet may take at most, and how much screen\n     there actually is — the latter set inline by `useSheet` from the visual viewport, since no\n     viewport unit shrinks when the on-screen keyboard opens. */\n  max-height: min(var(--sheet-max-height, 70vh), var(--sheet-available-height, 100vh));\n  max-height: min(var(--sheet-max-height, 70dvh), var(--sheet-available-height, 100dvh));\n  display: flex;\n  flex-direction: column;\n  z-index: 1;\n  animation: sheetSlideIn 0.2s ease-out;\n}\n\n/* What a sheet looks like where it meets the screen, split out from `.sheet-panel` because a\n   component whose own root is the surface (Modal) needs the look without the fill-the-root\n   layout below it. */\n.sheet-surface.sheet-surface {\n  overscroll-behavior: contain;\n  border-radius: calc(var(--default-border-radius) + 4px) calc(var(--default-border-radius) + 4px) 0 0;\n  /* Clears the home indicator on a phone without leaving a gap on a device that has none. */\n  padding-bottom: max(var(--sheet-safe-padding, 8px), env(safe-area-inset-bottom));\n}\n\n.sheet-panel {\n  composes: sheet-surface;\n}\n\n.sheet-panel.sheet-panel {\n  position: static;\n  width: 100%;\n  box-sizing: border-box;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  max-height: 100%;\n  /* Overrides a panel that caps its own width when anchored, e.g. Popover's 320px. */\n  max-width: 100%;\n  /* The sheet root owns the entrance animation; a panel that scales itself in when anchored\n     (Popover) would otherwise play a second, conflicting one on top of the slide-up. */\n  animation: none;\n  overflow-y: auto;\n}\n\n/* For an inner list that caps its own height when anchored: the sheet caps the height instead. */\n.sheet-scroll.sheet-scroll {\n  max-height: none;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n.sheet-backdrop.sheet-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: #00000052;\n  z-index: 1;\n  animation: sheetBackdropFadeIn 0.2s ease-out;\n}\n\n@keyframes sheetSlideIn {\n  from {\n    transform: translateY(100%);\n  }\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes sheetBackdropFadeIn {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"sheet.module.mjs","names":[],"sources":["../../../../package/common/styles/sheet.module.pcss"],"sourcesContent":["/*\n * Bottom-sheet presentation, shared by every popup that can switch away from being anchored to\n * its trigger (see `useSheet`).\n *\n * Every selector is doubled (`.sheet.sheet`) on purpose: these classes land on the same elements\n * as a component's own single-class panel styles and have to win over them. Which of two\n * equal-specificity rules wins otherwise depends on the order the bundler happens to emit the\n * two CSS modules in, which is not something a component should have to depend on.\n */\n\n.sheet.sheet {\n  position: fixed;\n  left: 0;\n  right: 0;\n  margin: 0 auto;\n  width: 100%;\n\n  /* Wide enough for a comfortable list on a phone, narrow enough not to span a tablet. */\n  max-width: 560px;\n\n  /* Two separate caps: how much of the screen a sheet may take at most, and how much screen\n     there actually is — the latter set inline by `useSheet` from the visual viewport, since no\n     viewport unit shrinks when the on-screen keyboard opens. */\n  max-height: min(var(--sheet-max-height, 70vh), var(--sheet-available-height, 100vh));\n  max-height: min(var(--sheet-max-height, 70dvh), var(--sheet-available-height, 100dvh));\n  display: flex;\n  flex-direction: column;\n  z-index: 1;\n  animation: sheetSlideIn 0.2s ease-out;\n}\n\n/* What a sheet looks like where it meets the screen, split out from `.sheet-panel` because a\n   component whose own root is the surface (Modal) needs the look without the fill-the-root\n   layout below it. */\n.sheet-surface.sheet-surface {\n  overscroll-behavior: contain;\n  border-radius: calc(var(--default-border-radius) + 4px) calc(var(--default-border-radius) + 4px) 0 0;\n\n  /* Clears the home indicator on a phone without leaving a gap on a device that has none. */\n  padding-bottom: max(var(--sheet-safe-padding, 8px), env(safe-area-inset-bottom));\n}\n\n.sheet-panel {\n  composes: sheet-surface;\n}\n\n.sheet-panel.sheet-panel {\n  position: static;\n  width: 100%;\n  box-sizing: border-box;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  min-height: 0;\n  max-height: 100%;\n\n  /* Overrides a panel that caps its own width when anchored, e.g. Popover's 320px. */\n  max-width: 100%;\n\n  /* The sheet root owns the entrance animation; a panel that scales itself in when anchored\n     (Popover) would otherwise play a second, conflicting one on top of the slide-up. */\n  animation: none;\n  overflow-y: auto;\n}\n\n/* For an inner list that caps its own height when anchored: the sheet caps the height instead. */\n.sheet-scroll.sheet-scroll {\n  max-height: none;\n  flex: 1 1 auto;\n  min-height: 0;\n}\n\n.sheet-backdrop.sheet-backdrop {\n  position: fixed;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background: #00000052;\n  z-index: 1;\n  animation: sheetBackdropFadeIn 0.2s ease-out;\n}\n\n@keyframes sheetSlideIn {\n  from {\n    transform: translateY(100%);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n}\n\n@keyframes sheetBackdropFadeIn {\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n}\n"],"mappings":""}

package/dist/esm/common/switch/switch.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"switch.mjs","names":[],"sources":["../../../../package/common/switch/switch.tsx"],"sourcesContent":["import { useEffect, useState, type ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport { useComponentDefaults } from '../configProvider';\nimport type { SwitchProps } from './switch.types';\nimport styles from './switch.module.pcss';\n\nfunction Switch(props: SwitchProps): ReactElement {\n  const {\n  label = '',\n  selected = false,\n  onToggle = () => {},\n  className = '',\n  style,\n  disabled = false,\n  title = '',\n  tabIndex = 0,\n  formValidator = null,\n  children = null,\n  classNames,\n  styles: slotStyles,\n  ...rest\n  } = useComponentDefaults('Switch', props);\n  const [, forceUpdate] = useState(0);\n\n  useEffect(() => {\n    if (!formValidator) return;\n    const listener = () => forceUpdate((n) => n + 1);\n    formValidator.registerOnUpdateListener(listener);\n    return () => formValidator.removeOnUpdateListener(listener);\n  }, [formValidator]);\n\n  function handleToggle(event?: React.MouseEvent | React.KeyboardEvent) {\n    if (disabled) return;\n    if (formValidator) {\n      formValidator.set(!formValidator.value);\n    }\n    onToggle(!currSelected, event);\n  }\n\n  const currSelected = (formValidator ? formValidator.value : selected) as boolean;\n\n  return (\n    <div\n      {...rest}\n      title={title}\n      className={cx(\n        styles.switch,\n        {\n          [styles.switchDisabled]: disabled,\n        },\n        className\n      )}\n      style={style}\n      onClick={handleToggle}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          handleToggle(e);\n        }\n      }}\n      role=\"switch\"\n      aria-checked={currSelected}\n      tabIndex={disabled ? -1 : tabIndex}\n    >\n      <div\n        className={cx(styles.switchTrack, currSelected && styles.switchTrackChecked, classNames?.track)}\n        style={slotStyles?.track}\n      >\n        <div\n          className={cx(styles.switchThumb, currSelected && styles.switchThumbChecked, classNames?.thumb)}\n          style={slotStyles?.thumb}\n        />\n      </div>\n      {(children || label) && (\n        <div className={cx(styles.switchLabel, classNames?.label)} style={slotStyles?.label}>\n          {children || label}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default Switch;\n"],"mappings":"iPAOA,SAAS,EAAO,EAAkC,CAChD,GAAM,CACN,QAAQ,GACR,WAAW,GACX,eAAiB,CAAC,EAClB,YAAY,GACZ,QACA,WAAW,GACX,QAAQ,GACR,WAAW,EACX,gBAAgB,KAChB,WAAW,KACX,aACA,OAAQ,EACR,GAAG,GACC,EAAqB,SAAU,CAAK,EAClC,EAAG,GAAe,EAAS,CAAC,EAElC,MAAgB,CACd,GAAI,CAAC,EAAe,OACpB,IAAM,MAAiB,EAAa,GAAM,EAAI,CAAC,EAE/C,OADA,EAAc,yBAAyB,CAAQ,MAClC,EAAc,uBAAuB,CAAQ,CAC5D,EAAG,CAAC,CAAa,CAAC,EAElB,SAAS,EAAa,EAAgD,CAChE,IACA,GACF,EAAc,IAAI,CAAC,EAAc,KAAK,EAExC,EAAS,CAAC,EAAc,CAAK,EAC/B,CAEA,IAAM,EAAgB,EAAgB,EAAc,MAAQ,EAE5D,OACE,EAAC,MAAD,CACE,GAAI,EACG,QACP,UAAW,EACT,EAAO,OACP,EACG,EAAO,gBAAiB,CAC3B,EACA,CACF,EACO,QACP,QAAS,EACT,UAAY,GAAM,EACZ,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,eAAe,EACjB,EAAa,CAAC,EAElB,EACA,KAAK,SACL,eAAc,EACd,SAAU,EAAW,GAAK,WApB5B,CAsBE,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,YAAa,GAAgB,EAAO,mBAAoB,GAAY,KAAK,EAC9F,MAAO,GAAY,eAEnB,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,YAAa,GAAgB,EAAO,mBAAoB,GAAY,KAAK,EAC9F,MAAO,GAAY,KACpB,CAAA,CACE,CAAA,GACH,GAAY,IACZ,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,YAAa,GAAY,KAAK,EAAG,MAAO,GAAY,eAC3E,GAAY,CACV,CAAA,CAEJ,GAET"}
+{"version":3,"file":"switch.mjs","names":[],"sources":["../../../../package/common/switch/switch.tsx"],"sourcesContent":["import { useEffect, useState, type ReactElement } from 'react';\nimport cx from 'classnames';\n\nimport { useComponentDefaults } from '../configProvider';\nimport type { SwitchProps } from './switch.types';\nimport styles from './switch.module.pcss';\n\nfunction Switch(props: SwitchProps): ReactElement {\n  const {\n    label = '',\n    selected = false,\n    onToggle = () => {},\n    className = '',\n    style,\n    disabled = false,\n    title = '',\n    tabIndex = 0,\n    formValidator = null,\n    children = null,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = useComponentDefaults('Switch', props);\n  const [, forceUpdate] = useState(0);\n\n  useEffect(() => {\n    if (!formValidator) return;\n    const listener = () => forceUpdate((n) => n + 1);\n    formValidator.registerOnUpdateListener(listener);\n    return () => formValidator.removeOnUpdateListener(listener);\n  }, [formValidator]);\n\n  function handleToggle(event?: React.MouseEvent | React.KeyboardEvent) {\n    if (disabled) return;\n    if (formValidator) {\n      formValidator.set(!formValidator.value);\n    }\n    onToggle(!currSelected, event);\n  }\n\n  const currSelected = (formValidator ? formValidator.value : selected) as boolean;\n\n  return (\n    <div\n      {...rest}\n      title={title}\n      className={cx(\n        styles.switch,\n        {\n          [styles.switchDisabled]: disabled,\n        },\n        className,\n      )}\n      style={style}\n      onClick={handleToggle}\n      onKeyDown={(e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          handleToggle(e);\n        }\n      }}\n      role='switch'\n      aria-checked={currSelected}\n      tabIndex={disabled ? -1 : tabIndex}\n    >\n      <div\n        className={cx(styles.switchTrack, currSelected && styles.switchTrackChecked, classNames?.track)}\n        style={slotStyles?.track}\n      >\n        <div\n          className={cx(styles.switchThumb, currSelected && styles.switchThumbChecked, classNames?.thumb)}\n          style={slotStyles?.thumb}\n        />\n      </div>\n      {(children || label) && (\n        <div className={cx(styles.switchLabel, classNames?.label)} style={slotStyles?.label}>\n          {children || label}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport default Switch;\n"],"mappings":"iPAOA,SAAS,EAAO,EAAkC,CAChD,GAAM,CACJ,QAAQ,GACR,WAAW,GACX,eAAiB,CAAC,EAClB,YAAY,GACZ,QACA,WAAW,GACX,QAAQ,GACR,WAAW,EACX,gBAAgB,KAChB,WAAW,KACX,aACA,OAAQ,EACR,GAAG,GACD,EAAqB,SAAU,CAAK,EAClC,EAAG,GAAe,EAAS,CAAC,EAElC,MAAgB,CACd,GAAI,CAAC,EAAe,OACpB,IAAM,MAAiB,EAAa,GAAM,EAAI,CAAC,EAE/C,OADA,EAAc,yBAAyB,CAAQ,MAClC,EAAc,uBAAuB,CAAQ,CAC5D,EAAG,CAAC,CAAa,CAAC,EAElB,SAAS,EAAa,EAAgD,CAChE,IACA,GACF,EAAc,IAAI,CAAC,EAAc,KAAK,EAExC,EAAS,CAAC,EAAc,CAAK,EAC/B,CAEA,IAAM,EAAgB,EAAgB,EAAc,MAAQ,EAE5D,OACE,EAAC,MAAD,CACE,GAAI,EACG,QACP,UAAW,EACT,EAAO,OACP,EACG,EAAO,gBAAiB,CAC3B,EACA,CACF,EACO,QACP,QAAS,EACT,UAAY,GAAM,EACZ,EAAE,MAAQ,SAAW,EAAE,MAAQ,OACjC,EAAE,eAAe,EACjB,EAAa,CAAC,EAElB,EACA,KAAK,SACL,eAAc,EACd,SAAU,EAAW,GAAK,EApB5B,SAAA,CAsBE,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,YAAa,GAAgB,EAAO,mBAAoB,GAAY,KAAK,EAC9F,MAAO,GAAY,MAEnB,SAAA,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,YAAa,GAAgB,EAAO,mBAAoB,GAAY,KAAK,EAC9F,MAAO,GAAY,KACpB,CAAA,CACE,CAAA,GACH,GAAY,IACZ,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,YAAa,GAAY,KAAK,EAAG,MAAO,GAAY,MAC3E,SAAA,GAAY,CACV,CAAA,CAEJ,GAET"}

package/dist/esm/common/switch/switch.module.mjs

@@ -1,2 +1,2 @@
-var e={switch:`switch_9TG2Y`,"switch-disabled":`switch-disabled_UL-F-`,switchDisabled:`switch-disabled_UL-F-`,"switch-track":`switch-track_awA-t`,switchTrack:`switch-track_awA-t`,"switch-track-checked":`switch-track-checked_boZKe`,switchTrackChecked:`switch-track-checked_boZKe`,"switch-thumb":`switch-thumb_4fUTo`,switchThumb:`switch-thumb_4fUTo`,"switch-thumb-checked":`switch-thumb-checked_GU--w`,switchThumbChecked:`switch-thumb-checked_GU--w`,"switch-label":`switch-label_3pLBQ`,switchLabel:`switch-label_3pLBQ`};export{e as default};
+var e=`switch-disabled_UL-F-`,t=`switch-track_awA-t`,n=`switch-track-checked_boZKe`,r=`switch-thumb_4fUTo`,i=`switch-thumb-checked_GU--w`,a=`switch-label_3pLBQ`,o={switch:`switch_9TG2Y`,"switch-disabled":`switch-disabled_UL-F-`,switchDisabled:e,"switch-track":`switch-track_awA-t`,switchTrack:t,"switch-track-checked":`switch-track-checked_boZKe`,switchTrackChecked:n,"switch-thumb":`switch-thumb_4fUTo`,switchThumb:r,"switch-thumb-checked":`switch-thumb-checked_GU--w`,switchThumbChecked:i,"switch-label":`switch-label_3pLBQ`,switchLabel:a};export{o as default,e as switchDisabled,a as switchLabel,r as switchThumb,i as switchThumbChecked,t as switchTrack,n as switchTrackChecked};
 //# sourceMappingURL=switch.module.mjs.map

package/dist/esm/common/tabHeader/tabHeader.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tabHeader.mjs","names":[],"sources":["../../../../package/common/tabHeader/tabHeader.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'classnames';\n\nimport InteractableDiv from '../interactableDiv';\nimport type { TabHeaderProps, TabHeaderTab } from './tabHeader.types';\n\nimport styles from './tabHeader.module.pcss';\nimport { renderIcon } from '../utils/renderIcon';\n\nfunction TabHeader({\n  tabs = [],\n  currentTab,\n  onChange,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: TabHeaderProps) {\n  return (\n    <div\n      {...rest}\n      role=\"tablist\"\n      className={cx(styles.tabHeader, classNames?.root, className)}\n      style={{ ...slotStyles?.root, ...style }}\n    >\n      {tabs.map((tab: TabHeaderTab) => {\n        const isActive = tab.id === currentTab;\n        const hasLabels = !!tab.title || !!tab.subtitle;\n\n        return (\n          <InteractableDiv\n            key={tab.id}\n            role=\"tab\"\n            aria-selected={isActive}\n            aria-disabled={tab.disabled || undefined}\n            tabIndex={tab.disabled ? -1 : 0}\n            className={cx(\n              styles.tabHeaderTab,\n              { [styles.tabHeaderTabActive]: isActive },\n              { [styles.tabHeaderTabDisabled]: tab.disabled },\n              classNames?.tab\n            )}\n            style={slotStyles?.tab}\n            onClick={() => {\n              if (tab.disabled || isActive) return;\n              onChange(tab.id);\n            }}\n          >\n            {renderIcon(tab.icon, {\n              className: cx(styles.tabHeaderIcon, classNames?.icon),\n              style: slotStyles?.icon,\n            })}\n            {hasLabels && (\n              <div className={cx(styles.tabHeaderLabels, classNames?.labels)} style={slotStyles?.labels}>\n                {tab.title && (\n                  <span className={cx(styles.tabHeaderTitle, classNames?.title)} style={slotStyles?.title}>\n                    {tab.title}\n                  </span>\n                )}\n                {tab.subtitle && (\n                  <span className={cx(styles.tabHeaderSubtitle, classNames?.subtitle)} style={slotStyles?.subtitle}>\n                    {tab.subtitle}\n                  </span>\n                )}\n              </div>\n            )}\n          </InteractableDiv>\n        );\n      })}\n    </div>\n  );\n}\n\nexport default TabHeader;\n"],"mappings":"iOASA,SAAS,EAAU,CACjB,OAAO,CAAC,EACR,aACA,WACA,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACc,CACjB,OACE,EAAC,MAAD,CACE,GAAI,EACJ,KAAK,UACL,UAAW,EAAG,EAAO,UAAW,GAAY,KAAM,CAAS,EAC3D,MAAO,CAAE,GAAG,GAAY,KAAM,GAAG,CAAM,WAEtC,EAAK,IAAK,GAAsB,CAC/B,IAAM,EAAW,EAAI,KAAO,EACtB,EAAY,CAAC,CAAC,EAAI,OAAS,CAAC,CAAC,EAAI,SAEvC,OACE,EAAC,EAAD,CAEE,KAAK,MACL,gBAAe,EACf,gBAAe,EAAI,UAAY,IAAA,GAC/B,SAAU,EAAI,SAAW,GAAK,EAC9B,UAAW,EACT,EAAO,aACP,EAAG,EAAO,oBAAqB,CAAS,EACxC,EAAG,EAAO,sBAAuB,EAAI,QAAS,EAC9C,GAAY,GACd,EACA,MAAO,GAAY,IACnB,YAAe,CACT,EAAI,UAAY,GACpB,EAAS,EAAI,EAAE,CACjB,WAhBF,CAkBG,EAAW,EAAI,KAAM,CACpB,UAAW,EAAG,EAAO,cAAe,GAAY,IAAI,EACpD,MAAO,GAAY,IACrB,CAAC,EACA,GACC,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,gBAAiB,GAAY,MAAM,EAAG,MAAO,GAAY,gBAAnF,CACG,EAAI,OACH,EAAC,OAAD,CAAM,UAAW,EAAG,EAAO,eAAgB,GAAY,KAAK,EAAG,MAAO,GAAY,eAC/E,EAAI,KACD,CAAA,EAEP,EAAI,UACH,EAAC,OAAD,CAAM,UAAW,EAAG,EAAO,kBAAmB,GAAY,QAAQ,EAAG,MAAO,GAAY,kBACrF,EAAI,QACD,CAAA,CAEL,GAEQ,GAnCV,EAAI,EAmCM,CAErB,CAAC,CACE,CAAA,CAET"}
+{"version":3,"file":"tabHeader.mjs","names":[],"sources":["../../../../package/common/tabHeader/tabHeader.tsx"],"sourcesContent":["import React from 'react';\nimport cx from 'classnames';\n\nimport InteractableDiv from '../interactableDiv';\nimport type { TabHeaderProps, TabHeaderTab } from './tabHeader.types';\n\nimport styles from './tabHeader.module.pcss';\nimport { renderIcon } from '../utils/renderIcon';\n\nfunction TabHeader({\n  tabs = [],\n  currentTab,\n  onChange,\n  className,\n  style,\n  classNames,\n  styles: slotStyles,\n  ...rest\n}: TabHeaderProps) {\n  return (\n    <div\n      {...rest}\n      role='tablist'\n      className={cx(styles.tabHeader, classNames?.root, className)}\n      style={{ ...slotStyles?.root, ...style }}\n    >\n      {tabs.map((tab: TabHeaderTab) => {\n        const isActive = tab.id === currentTab;\n        const hasLabels = !!tab.title || !!tab.subtitle;\n\n        return (\n          <InteractableDiv\n            key={tab.id}\n            role='tab'\n            aria-selected={isActive}\n            aria-disabled={tab.disabled || undefined}\n            tabIndex={tab.disabled ? -1 : 0}\n            className={cx(\n              styles.tabHeaderTab,\n              { [styles.tabHeaderTabActive]: isActive },\n              { [styles.tabHeaderTabDisabled]: tab.disabled },\n              classNames?.tab,\n            )}\n            style={slotStyles?.tab}\n            onClick={() => {\n              if (tab.disabled || isActive) return;\n              onChange(tab.id);\n            }}\n          >\n            {renderIcon(tab.icon, {\n              className: cx(styles.tabHeaderIcon, classNames?.icon),\n              style: slotStyles?.icon,\n            })}\n            {hasLabels && (\n              <div className={cx(styles.tabHeaderLabels, classNames?.labels)} style={slotStyles?.labels}>\n                {tab.title && (\n                  <span className={cx(styles.tabHeaderTitle, classNames?.title)} style={slotStyles?.title}>\n                    {tab.title}\n                  </span>\n                )}\n                {tab.subtitle && (\n                  <span className={cx(styles.tabHeaderSubtitle, classNames?.subtitle)} style={slotStyles?.subtitle}>\n                    {tab.subtitle}\n                  </span>\n                )}\n              </div>\n            )}\n          </InteractableDiv>\n        );\n      })}\n    </div>\n  );\n}\n\nexport default TabHeader;\n"],"mappings":"iOASA,SAAS,EAAU,CACjB,OAAO,CAAC,EACR,aACA,WACA,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACc,CACjB,OACE,EAAC,MAAD,CACE,GAAI,EACJ,KAAK,UACL,UAAW,EAAG,EAAO,UAAW,GAAY,KAAM,CAAS,EAC3D,MAAO,CAAE,GAAG,GAAY,KAAM,GAAG,CAAM,EAEtC,SAAA,EAAK,IAAK,GAAsB,CAC/B,IAAM,EAAW,EAAI,KAAO,EACtB,EAAY,CAAC,CAAC,EAAI,OAAS,CAAC,CAAC,EAAI,SAEvC,OACE,EAAC,EAAD,CAEE,KAAK,MACL,gBAAe,EACf,gBAAe,EAAI,UAAY,IAAA,GAC/B,SAAU,EAAI,SAAW,GAAK,EAC9B,UAAW,EACT,EAAO,aACP,EAAG,EAAO,oBAAqB,CAAS,EACxC,EAAG,EAAO,sBAAuB,EAAI,QAAS,EAC9C,GAAY,GACd,EACA,MAAO,GAAY,IACnB,YAAe,CACT,EAAI,UAAY,GACpB,EAAS,EAAI,EAAE,CACjB,EAhBF,SAAA,CAkBG,EAAW,EAAI,KAAM,CACpB,UAAW,EAAG,EAAO,cAAe,GAAY,IAAI,EACpD,MAAO,GAAY,IACrB,CAAC,EACA,GACC,EAAC,MAAD,CAAK,UAAW,EAAG,EAAO,gBAAiB,GAAY,MAAM,EAAG,MAAO,GAAY,OAAnF,SAAA,CACG,EAAI,OACH,EAAC,OAAD,CAAM,UAAW,EAAG,EAAO,eAAgB,GAAY,KAAK,EAAG,MAAO,GAAY,MAC/E,SAAA,EAAI,KACD,CAAA,EAEP,EAAI,UACH,EAAC,OAAD,CAAM,UAAW,EAAG,EAAO,kBAAmB,GAAY,QAAQ,EAAG,MAAO,GAAY,SACrF,SAAA,EAAI,QACD,CAAA,CAEL,CAEQ,CAAA,CAAA,CAnCV,EAAA,EAAI,EAmCM,CAErB,CAAC,CACE,CAAA,CAET"}

package/dist/esm/common/tabHeader/tabHeader.module.mjs

@@ -1,2 +1,2 @@
-var e={tabHeader:`tabHeader_C-b9d`,"tabHeader-tab":`tabHeader-tab_Wbyt-`,tabHeaderTab:`tabHeader-tab_Wbyt-`,"tabHeader-tab-active":`tabHeader-tab-active_IExSo`,tabHeaderTabActive:`tabHeader-tab-active_IExSo`,"tabHeader-tab-disabled":`tabHeader-tab-disabled_yWJxS`,tabHeaderTabDisabled:`tabHeader-tab-disabled_yWJxS`,"tabHeader-icon":`tabHeader-icon_ryEHB`,tabHeaderIcon:`tabHeader-icon_ryEHB`,"tabHeader-labels":`tabHeader-labels_q5Af5`,tabHeaderLabels:`tabHeader-labels_q5Af5`,"tabHeader-title":`tabHeader-title_Jq2Vy`,tabHeaderTitle:`tabHeader-title_Jq2Vy`,"tabHeader-subtitle":`tabHeader-subtitle_4lhSa`,tabHeaderSubtitle:`tabHeader-subtitle_4lhSa`};export{e as default};
+var e=`tabHeader_C-b9d`,t=`tabHeader-tab_Wbyt-`,n=`tabHeader-tab-active_IExSo`,r=`tabHeader-tab-disabled_yWJxS`,i=`tabHeader-icon_ryEHB`,a=`tabHeader-labels_q5Af5`,o=`tabHeader-title_Jq2Vy`,s=`tabHeader-subtitle_4lhSa`,c={tabHeader:e,"tabHeader-tab":`tabHeader-tab_Wbyt-`,tabHeaderTab:t,"tabHeader-tab-active":`tabHeader-tab-active_IExSo`,tabHeaderTabActive:n,"tabHeader-tab-disabled":`tabHeader-tab-disabled_yWJxS`,tabHeaderTabDisabled:r,"tabHeader-icon":`tabHeader-icon_ryEHB`,tabHeaderIcon:i,"tabHeader-labels":`tabHeader-labels_q5Af5`,tabHeaderLabels:a,"tabHeader-title":`tabHeader-title_Jq2Vy`,tabHeaderTitle:o,"tabHeader-subtitle":`tabHeader-subtitle_4lhSa`,tabHeaderSubtitle:s};export{c as default,e as tabHeader,i as tabHeaderIcon,a as tabHeaderLabels,s as tabHeaderSubtitle,t as tabHeaderTab,n as tabHeaderTabActive,r as tabHeaderTabDisabled,o as tabHeaderTitle};
 //# sourceMappingURL=tabHeader.module.mjs.map

package/dist/esm/common/tabHeader/tabHeader.module.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tabHeader.module.mjs","names":[],"sources":["../../../../package/common/tabHeader/tabHeader.module.pcss"],"sourcesContent":[".tabHeader {\n  display: flex;\n  align-items: stretch;\n  gap: 4px;\n  border-bottom: 1px solid var(--border-color);\n  user-select: none;\n  overflow-x: auto;\n\n  &-tab {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 16px;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    color: var(--text-dark);\n    border-bottom: 2px solid transparent;\n    border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;\n    transition: color 0.2s, background 0.2s, border-color 0.2s;\n    white-space: nowrap;\n\n    &:hover {\n      background: var(--background-accent-light);\n      color: var(--text-color);\n    }\n\n    &-active {\n      color: var(--primary-color);\n      border-bottom-color: var(--primary-color);\n\n      &:hover {\n        color: var(--primary-color);\n      }\n    }\n\n    &-disabled {\n      opacity: 0.5;\n      pointer-events: none;\n      cursor: default;\n    }\n  }\n\n  &-icon {\n    font-size: 18px;\n    flex-shrink: 0;\n  }\n\n  &-labels {\n    display: flex;\n    flex-direction: column;\n    text-align: left;\n    line-height: 1.25;\n  }\n\n  &-title {\n    font-weight: var(--header-font-weight, 600);\n    font-size: var(--default-font-size);\n  }\n\n  &-subtitle {\n    font-size: var(--text-small-font-size);\n    color: var(--text-dark);\n  }\n}\n\n@media (max-width: 640px) {\n  .tabHeader-tab:not(.tabHeader-tab-active) .tabHeader-labels {\n    display: none;\n  }\n}\n"],"mappings":""}
+{"version":3,"file":"tabHeader.module.mjs","names":[],"sources":["../../../../package/common/tabHeader/tabHeader.module.pcss"],"sourcesContent":[".tabHeader {\n  display: flex;\n  align-items: stretch;\n  gap: 4px;\n  border-bottom: 1px solid var(--border-color);\n  user-select: none;\n  overflow-x: auto;\n\n  &-tab {\n    display: flex;\n    align-items: center;\n    gap: 10px;\n    padding: 12px 16px;\n    cursor: pointer;\n    -webkit-tap-highlight-color: transparent;\n    color: var(--text-dark);\n    border-bottom: 2px solid transparent;\n    border-radius: var(--default-border-radius) var(--default-border-radius) 0 0;\n    transition:\n      color 0.2s,\n      background 0.2s,\n      border-color 0.2s;\n    white-space: nowrap;\n\n    &:hover {\n      background: var(--background-accent-light);\n      color: var(--text-color);\n    }\n\n    &-active {\n      color: var(--primary-color);\n      border-bottom-color: var(--primary-color);\n\n      &:hover {\n        color: var(--primary-color);\n      }\n    }\n\n    &-disabled {\n      opacity: 0.5;\n      pointer-events: none;\n      cursor: default;\n    }\n  }\n\n  &-icon {\n    font-size: 18px;\n    flex-shrink: 0;\n  }\n\n  &-labels {\n    display: flex;\n    flex-direction: column;\n    text-align: left;\n    line-height: 1.25;\n  }\n\n  &-title {\n    font-weight: var(--header-font-weight, 600);\n    font-size: var(--default-font-size);\n  }\n\n  &-subtitle {\n    font-size: var(--text-small-font-size);\n    color: var(--text-dark);\n  }\n}\n\n@media (width <= 640px) {\n  .tabHeader-tab:not(.tabHeader-tab-active) .tabHeader-labels {\n    display: none;\n  }\n}\n"],"mappings":""}

package/dist/esm/common/themeProvider/defaultTheme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"defaultTheme.mjs","names":[],"sources":["../../../../package/common/themeProvider/defaultTheme.ts"],"sourcesContent":["import type { Theme } from './theme.types';\n\n/**\n * Built-in default theme used by ThemeProvider when no `themes` prop is\n * supplied. Provides a complete set of CSS variables so the component\n * library renders correctly out of the box.\n */\nexport const defaultTheme: Theme = {\n  id: 'default',\n  variables: {\n    '--grey': '#8A8A8A',\n    '--lightgrey': '#e0e0e0',\n    '--lightergrey': '#B1B1B1',\n    '--white': '#FFFFFF',\n    '--red': '#D6002A',\n    '--lighter-red': '#ffeae9',\n    '--green': '#287626',\n    '--lighter-green': '#C4FFC9',\n    '--blue': '#5873d5',\n    '--lighter-blue': '#C6DBFF',\n    '--black': 'black',\n    '--orange': '#ff7f50',\n    '--lighter-orange': '#ffe5d9',\n\n    '--primary-color': '#8184d6',\n    '--primary-accent': '#90CAF9',\n    '--primary-lighter': '#9a9ce4',\n    '--accent-color': 'var(--grey)',\n    '--accent-color-light': 'var(--lightgrey)',\n\n    '--text-color': 'var(--white)',\n    '--text-dark': 'var(--lightergrey)',\n    '--text-light': 'var(--lightergrey)',\n    '--text-on-primary': 'var(--white)',\n    '--text-on-delete': 'var(--white)',\n    '--border-color': '#656574',\n    '--focus-border-color': 'var(--primary-color)',\n\n    '--background': '#393945',\n    '--background-accent': '#33333c',\n    '--background-accent-dark': 'var(--grey)',\n    '--background-accent-light': '#484856',\n    '--background-modal': '#484856',\n\n    '--success-color': 'var(--green)',\n    '--success-lighter': 'var(--lighter-green)',\n    '--error-color': 'var(--red)',\n    '--error-lighter': 'var(--lighter-red)',\n    '--required-mark-color': 'var(--error-color)',\n    '--info-color': 'var(--blue)',\n    '--info-lighter': 'var(--lighter-blue)',\n    '--warn-color': 'var(--orange)',\n    '--warn-lighter': 'var(--lighter-orange)',\n\n    '--default-font-size': '16px',\n    '--text-small-font-size': '14px',\n    '--header-font-size': '24px',\n    '--header-medium-font-size': '18px',\n    '--header-small-font-size': '16px',\n\n    '--default-font-weight': '400',\n    '--header-font-weight': '600',\n\n    '--input-background': 'transparent',\n    '--input-icon-color': 'var(--text-color)',\n    '--error-border-color': 'var(--red)',\n\n    '--button-default-color': 'var(--primary-color)',\n    '--button-default-border': '1px solid var(--primary-color)',\n\n    '--default-border-radius': '8px',\n    '--padding-sides': '15px',\n    '--margin-top': '10px',\n\n    '--default-font': \"'Inter', sans-serif\",\n    '--themed-font': \"'Inter', sans-serif\",\n\n    '--card-shadow':\n      '0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%)',\n\n    '--background-card-elevated': 'var(--background-accent-light)',\n    '--background-card-outlined': 'transparent',\n    '--background-card-filled': 'var(--background-accent)',\n\n    '--spacing-s': '4px',\n    '--spacing-m': '8px',\n    '--spacing-l': '16px',\n  },\n};\n"],"mappings":"AAOA,IAAa,EAAsB,CACjC,GAAI,UACJ,UAAW,CACT,SAAU,UACV,cAAe,UACf,gBAAiB,UACjB,UAAW,UACX,QAAS,UACT,gBAAiB,UACjB,UAAW,UACX,kBAAmB,UACnB,SAAU,UACV,iBAAkB,UAClB,UAAW,QACX,WAAY,UACZ,mBAAoB,UAEpB,kBAAmB,UACnB,mBAAoB,UACpB,oBAAqB,UACrB,iBAAkB,cAClB,uBAAwB,mBAExB,eAAgB,eAChB,cAAe,qBACf,eAAgB,qBAChB,oBAAqB,eACrB,mBAAoB,eACpB,iBAAkB,UAClB,uBAAwB,uBAExB,eAAgB,UAChB,sBAAuB,UACvB,2BAA4B,cAC5B,4BAA6B,UAC7B,qBAAsB,UAEtB,kBAAmB,eACnB,oBAAqB,uBACrB,gBAAiB,aACjB,kBAAmB,qBACnB,wBAAyB,qBACzB,eAAgB,cAChB,iBAAkB,sBAClB,eAAgB,gBAChB,iBAAkB,wBAElB,sBAAuB,OACvB,yBAA0B,OAC1B,qBAAsB,OACtB,4BAA6B,OAC7B,2BAA4B,OAE5B,wBAAyB,MACzB,uBAAwB,MAExB,qBAAsB,cACtB,qBAAsB,oBACtB,uBAAwB,aAExB,yBAA0B,uBAC1B,0BAA2B,iCAE3B,0BAA2B,MAC3B,kBAAmB,OACnB,eAAgB,OAEhB,iBAAkB,sBAClB,gBAAiB,sBAEjB,gBACE,8FAEF,6BAA8B,iCAC9B,6BAA8B,cAC9B,2BAA4B,2BAE5B,cAAe,MACf,cAAe,MACf,cAAe,MACjB,CACF"}
+{"version":3,"file":"defaultTheme.mjs","names":[],"sources":["../../../../package/common/themeProvider/defaultTheme.ts"],"sourcesContent":["import type { Theme } from './theme.types';\n\n/**\n * Built-in default theme used by ThemeProvider when no `themes` prop is\n * supplied. Provides a complete set of CSS variables so the component\n * library renders correctly out of the box.\n */\nexport const defaultTheme: Theme = {\n  id: 'default',\n  variables: {\n    '--grey': '#8A8A8A',\n    '--lightgrey': '#e0e0e0',\n    '--lightergrey': '#B1B1B1',\n    '--white': '#FFFFFF',\n    '--red': '#D6002A',\n    '--lighter-red': '#ffeae9',\n    '--green': '#287626',\n    '--lighter-green': '#C4FFC9',\n    '--blue': '#5873d5',\n    '--lighter-blue': '#C6DBFF',\n    '--black': 'black',\n    '--orange': '#ff7f50',\n    '--lighter-orange': '#ffe5d9',\n\n    '--primary-color': '#8184d6',\n    '--primary-accent': '#90CAF9',\n    '--primary-lighter': '#9a9ce4',\n    '--accent-color': 'var(--grey)',\n    '--accent-color-light': 'var(--lightgrey)',\n\n    '--text-color': 'var(--white)',\n    '--text-dark': 'var(--lightergrey)',\n    '--text-light': 'var(--lightergrey)',\n    '--text-on-primary': 'var(--white)',\n    '--text-on-delete': 'var(--white)',\n    '--border-color': '#656574',\n    '--focus-border-color': 'var(--primary-color)',\n\n    '--background': '#393945',\n    '--background-accent': '#33333c',\n    '--background-accent-dark': 'var(--grey)',\n    '--background-accent-light': '#484856',\n    '--background-modal': '#484856',\n\n    '--success-color': 'var(--green)',\n    '--success-lighter': 'var(--lighter-green)',\n    '--error-color': 'var(--red)',\n    '--error-lighter': 'var(--lighter-red)',\n    '--required-mark-color': 'var(--error-color)',\n    '--info-color': 'var(--blue)',\n    '--info-lighter': 'var(--lighter-blue)',\n    '--warn-color': 'var(--orange)',\n    '--warn-lighter': 'var(--lighter-orange)',\n\n    '--default-font-size': '16px',\n    '--text-small-font-size': '14px',\n    '--header-font-size': '24px',\n    '--header-medium-font-size': '18px',\n    '--header-small-font-size': '16px',\n\n    '--default-font-weight': '400',\n    '--header-font-weight': '600',\n\n    '--input-background': 'transparent',\n    '--input-icon-color': 'var(--text-color)',\n    '--error-border-color': 'var(--red)',\n\n    '--button-default-color': 'var(--primary-color)',\n    '--button-default-border': '1px solid var(--primary-color)',\n\n    '--default-border-radius': '8px',\n    '--padding-sides': '15px',\n    '--margin-top': '10px',\n\n    '--default-font': \"'Inter', sans-serif\",\n    '--themed-font': \"'Inter', sans-serif\",\n\n    '--card-shadow': '0 3px 1px -2px rgb(0 0 0 / 20%), 0 2px 2px 0 rgb(0 0 0 / 14%), 0 1px 5px 0 rgb(0 0 0 / 12%)',\n\n    '--background-card-elevated': 'var(--background-accent-light)',\n    '--background-card-outlined': 'transparent',\n    '--background-card-filled': 'var(--background-accent)',\n\n    '--spacing-s': '4px',\n    '--spacing-m': '8px',\n    '--spacing-l': '16px',\n  },\n};\n"],"mappings":"AAOA,IAAa,EAAsB,CACjC,GAAI,UACJ,UAAW,CACT,SAAU,UACV,cAAe,UACf,gBAAiB,UACjB,UAAW,UACX,QAAS,UACT,gBAAiB,UACjB,UAAW,UACX,kBAAmB,UACnB,SAAU,UACV,iBAAkB,UAClB,UAAW,QACX,WAAY,UACZ,mBAAoB,UAEpB,kBAAmB,UACnB,mBAAoB,UACpB,oBAAqB,UACrB,iBAAkB,cAClB,uBAAwB,mBAExB,eAAgB,eAChB,cAAe,qBACf,eAAgB,qBAChB,oBAAqB,eACrB,mBAAoB,eACpB,iBAAkB,UAClB,uBAAwB,uBAExB,eAAgB,UAChB,sBAAuB,UACvB,2BAA4B,cAC5B,4BAA6B,UAC7B,qBAAsB,UAEtB,kBAAmB,eACnB,oBAAqB,uBACrB,gBAAiB,aACjB,kBAAmB,qBACnB,wBAAyB,qBACzB,eAAgB,cAChB,iBAAkB,sBAClB,eAAgB,gBAChB,iBAAkB,wBAElB,sBAAuB,OACvB,yBAA0B,OAC1B,qBAAsB,OACtB,4BAA6B,OAC7B,2BAA4B,OAE5B,wBAAyB,MACzB,uBAAwB,MAExB,qBAAsB,cACtB,qBAAsB,oBACtB,uBAAwB,aAExB,yBAA0B,uBAC1B,0BAA2B,iCAE3B,0BAA2B,MAC3B,kBAAmB,OACnB,eAAgB,OAEhB,iBAAkB,sBAClB,gBAAiB,sBAEjB,gBAAiB,8FAEjB,6BAA8B,iCAC9B,6BAA8B,cAC9B,2BAA4B,2BAE5B,cAAe,MACf,cAAe,MACf,cAAe,MACjB,CACF"}

package/dist/esm/common/themeProvider/theme.module.mjs

@@ -1,2 +1,2 @@
-var e={themeRoot:`themeRoot_oegLp`,colorFade:`colorFade_eLv2g`};export{e as default};
+var e=`themeRoot_oegLp`,t=`colorFade_eLv2g`,n={themeRoot:e,colorFade:t};export{t as colorFade,n as default,e as themeRoot};
 //# sourceMappingURL=theme.module.mjs.map

package/dist/esm/common/themeProvider/themeProvider.mjs

@@ -1,2 +1,2 @@
-import{defaultTheme as e}from"./defaultTheme.mjs";import t from"./theme.module.mjs";import n,{Component as r}from"react";import i from"classnames";import{jsx as a}from"react/jsx-runtime";var o=class extends r{constructor(...t){super(...t),this.state={resolvedVariables:{},colorFadeActive:!1,currentThemeColor:null},this.colorFadeTimeout=null,this.wrapperRef=n.createRef(),this.themeColorMeta=null,this.createdThemeColorMeta=!1,this.applyTheme=t=>{let n=this.props.themes??[e],r=n.find(e=>!e.baseThemeId)??n[0],i=r?r.variables:{},a=n.find(e=>e.id===t),o=a?this.resolveChain(a.id):[],s=Object.assign({},i,...o);this.setState({resolvedVariables:s,colorFadeActive:!0}),this.colorFadeTimeout&&clearTimeout(this.colorFadeTimeout),this.colorFadeTimeout=setTimeout(()=>{this.setState({colorFadeActive:!1}),this.colorFadeTimeout=null},500),setTimeout(()=>{this.wrapperRef.current&&this.setState({currentThemeColor:getComputedStyle(this.wrapperRef.current).getPropertyValue(`--primary-color`).trim()})},1)}}componentDidMount(){this.applyTheme(this.props.currentThemeId),this.syncThemeColorMeta(this.state.currentThemeColor??``)}componentDidUpdate(e,t){t.currentThemeColor!==this.state.currentThemeColor&&this.syncThemeColorMeta(this.state.currentThemeColor??``),(e.currentThemeId!==this.props.currentThemeId||e.themes!==this.props.themes)&&this.applyTheme(this.props.currentThemeId)}componentWillUnmount(){this.colorFadeTimeout&&clearTimeout(this.colorFadeTimeout),this.createdThemeColorMeta&&=(this.themeColorMeta?.remove(),this.themeColorMeta=null,!1)}syncThemeColorMeta(e){if(!(typeof document>`u`)){if(!this.themeColorMeta){let e=document.head.querySelector(`meta[name="theme-color"]`);if(e)this.themeColorMeta=e;else{let e=document.createElement(`meta`);e.setAttribute(`name`,`theme-color`),document.head.appendChild(e),this.themeColorMeta=e,this.createdThemeColorMeta=!0}}this.themeColorMeta.setAttribute(`content`,e)}}resolveChain(t){let n=(this.props.themes??[e]).find(e=>e.id===t);return n?[...n.baseThemeId?this.resolveChain(n.baseThemeId):[],n.variables]:[]}render(){let{children:e}=this.props,{resolvedVariables:n,colorFadeActive:r}=this.state;return a(`div`,{ref:this.wrapperRef,id:`themeProvider`,className:i(t.themeRoot,r&&t.colorFade),style:n,children:e})}};export{o as default};
+import{defaultTheme as e}from"./defaultTheme.mjs";import t from"./theme.module.mjs";import n,{Component as r}from"react";import i from"classnames";import{jsx as a}from"react/jsx-runtime";var o=class extends r{constructor(...t){super(...t),this.state={resolvedVariables:{},colorFadeActive:!1,currentThemeColor:null},this.colorFadeTimeout=null,this.wrapperRef=n.createRef(),this.themeColorMeta=null,this.createdThemeColorMeta=!1,this.applyTheme=t=>{let n=this.props.themes??[e],r=n.find(e=>!e.baseThemeId)??n[0],i=r?r.variables:{},a=n.find(e=>e.id===t),o=a?this.resolveChain(a.id):[],s=Object.assign({},i,...o);this.setState({resolvedVariables:s,colorFadeActive:!0}),this.colorFadeTimeout&&clearTimeout(this.colorFadeTimeout),this.colorFadeTimeout=setTimeout(()=>{this.setState({colorFadeActive:!1}),this.colorFadeTimeout=null},500),setTimeout(()=>{this.wrapperRef.current&&this.setState({currentThemeColor:getComputedStyle(this.wrapperRef.current).getPropertyValue(`--primary-color`).trim()})},1)}}componentDidMount(){this.applyTheme(this.props.currentThemeId),this.syncThemeColorMeta(this.state.currentThemeColor??``)}componentDidUpdate(e,t){t.currentThemeColor!==this.state.currentThemeColor&&this.syncThemeColorMeta(this.state.currentThemeColor??``),(e.currentThemeId!==this.props.currentThemeId||e.themes!==this.props.themes)&&this.applyTheme(this.props.currentThemeId)}componentWillUnmount(){this.colorFadeTimeout&&clearTimeout(this.colorFadeTimeout),this.createdThemeColorMeta&&=(this.themeColorMeta?.remove(),this.themeColorMeta=null,!1)}syncThemeColorMeta(e){if(typeof document<`u`){if(!this.themeColorMeta){let e=document.head.querySelector(`meta[name="theme-color"]`);if(e)this.themeColorMeta=e;else{let e=document.createElement(`meta`);e.setAttribute(`name`,`theme-color`),document.head.appendChild(e),this.themeColorMeta=e,this.createdThemeColorMeta=!0}}this.themeColorMeta.setAttribute(`content`,e)}}resolveChain(t){let n=(this.props.themes??[e]).find(e=>e.id===t);return n?[...n.baseThemeId?this.resolveChain(n.baseThemeId):[],n.variables]:[]}render(){let{children:e}=this.props,{resolvedVariables:n,colorFadeActive:r}=this.state;return a(`div`,{ref:this.wrapperRef,id:`themeProvider`,className:i(t.themeRoot,r&&t.colorFade),style:n,children:e})}};export{o as default};
 //# sourceMappingURL=themeProvider.mjs.map

package/dist/esm/common/themeProvider/themeProvider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"themeProvider.mjs","names":[],"sources":["../../../../package/common/themeProvider/themeProvider.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport cx from 'classnames';\n\nimport type { Theme } from './theme.types';\nimport { defaultTheme } from './defaultTheme';\nimport styles from './theme.module.pcss';\n\ninterface Props {\n  children: React.ReactNode;\n  themes?: Theme[];\n  currentThemeId?: string;\n}\n\ninterface State {\n  resolvedVariables: Record<string, string>;\n  colorFadeActive: boolean;\n  currentThemeColor: string | null;\n}\n\nclass ThemeProvider extends Component<Props, State> {\n  state: State = {\n    resolvedVariables: {},\n    colorFadeActive: false,\n    currentThemeColor: null,\n  };\n\n  private colorFadeTimeout: ReturnType<typeof setTimeout> | null = null;\n  private wrapperRef = React.createRef<HTMLDivElement>();\n  private themeColorMeta: HTMLMetaElement | null = null;\n  private createdThemeColorMeta = false;\n\n  componentDidMount() {\n    this.applyTheme(this.props.currentThemeId);\n    this.syncThemeColorMeta(this.state.currentThemeColor ?? '');\n  }\n\n  componentDidUpdate(prevProps: Props, prevState: State) {\n    if (prevState.currentThemeColor !== this.state.currentThemeColor) {\n      this.syncThemeColorMeta(this.state.currentThemeColor ?? '');\n    }\n    if (\n      prevProps.currentThemeId !== this.props.currentThemeId ||\n      prevProps.themes !== this.props.themes\n    ) {\n      this.applyTheme(this.props.currentThemeId);\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.colorFadeTimeout) clearTimeout(this.colorFadeTimeout);\n    // Only remove the meta tag if we created it; leave a host-app tag intact.\n    // Also clear the cached refs — StrictMode's dev-only mount/unmount/remount\n    // cycle reuses this instance, and a stale ref would otherwise point at a\n    // detached element on remount instead of re-inserting into <head>.\n    if (this.createdThemeColorMeta) {\n      this.themeColorMeta?.remove();\n      this.themeColorMeta = null;\n      this.createdThemeColorMeta = false;\n    }\n  }\n\n  /**\n   * Replaces the former react-helmet usage: keep a single\n   * <meta name=\"theme-color\"> in sync with the active theme's primary colour.\n   * Reuses a tag the host app already declares; otherwise creates its own\n   * (and removes it again on unmount).\n   */\n  private syncThemeColorMeta(color: string) {\n    if (typeof document === 'undefined') return;\n\n    if (!this.themeColorMeta) {\n      const existing = document.head.querySelector<HTMLMetaElement>(\n        'meta[name=\"theme-color\"]',\n      );\n      if (existing) {\n        this.themeColorMeta = existing;\n      } else {\n        const meta = document.createElement('meta');\n        meta.setAttribute('name', 'theme-color');\n        document.head.appendChild(meta);\n        this.themeColorMeta = meta;\n        this.createdThemeColorMeta = true;\n      }\n    }\n\n    this.themeColorMeta.setAttribute('content', color);\n  }\n\n  /**\n   * Resolves the full variable set for a given theme ID by walking up the\n   * baseThemeId chain.  Returns variables ordered from deepest ancestor to\n   * the requested theme so callers can merge in order (later entries win).\n   */\n  private resolveChain(id: string): Record<string, string>[] {\n    const themes = this.props.themes ?? [defaultTheme];\n    const theme = themes.find((t) => t.id === id);\n    if (!theme) return [];\n\n    const parentVars = theme.baseThemeId ? this.resolveChain(theme.baseThemeId) : [];\n\n    return [...parentVars, theme.variables as Record<string, string>];\n  }\n\n  private applyTheme = (currentThemeId: string | undefined) => {\n    const themes = this.props.themes ?? [defaultTheme];\n\n    // The root theme is the first theme without a baseThemeId.\n    // It is always applied as the variable foundation.\n    const rootTheme = themes.find((t) => !t.baseThemeId) ?? themes[0];\n    const rootVars: Record<string, string> = rootTheme\n      ? (rootTheme.variables as Record<string, string>)\n      : {};\n\n    // Resolve the selected theme's full inheritance chain.\n    const selectedTheme = themes.find((t) => t.id === currentThemeId);\n    const chainVars = selectedTheme ? this.resolveChain(selectedTheme.id) : [];\n\n    // Merge: root foundation → ancestor chain → selected theme (each step overrides)\n    const resolvedVariables = Object.assign({}, rootVars, ...chainVars);\n\n    this.setState({ resolvedVariables, colorFadeActive: true });\n\n    if (this.colorFadeTimeout) clearTimeout(this.colorFadeTimeout);\n    this.colorFadeTimeout = setTimeout(() => {\n      this.setState({ colorFadeActive: false });\n      this.colorFadeTimeout = null;\n    }, 500);\n\n    // Read --primary-color after the new style is painted for the theme-color meta tag.\n    setTimeout(() => {\n      if (this.wrapperRef.current) {\n        this.setState({\n          currentThemeColor: getComputedStyle(this.wrapperRef.current)\n            .getPropertyValue('--primary-color')\n            .trim(),\n        });\n      }\n    }, 1);\n  };\n\n  render() {\n    const { children } = this.props;\n    const { resolvedVariables, colorFadeActive } = this.state;\n\n    return (\n      <div\n        ref={this.wrapperRef}\n        id=\"themeProvider\"\n        className={cx(styles.themeRoot, colorFadeActive && styles.colorFade)}\n        style={resolvedVariables as React.CSSProperties}\n      >\n        {children}\n      </div>\n    );\n  }\n}\n\nexport default ThemeProvider;\n"],"mappings":"2LAmBA,IAAM,EAAN,cAA4B,CAAwB,0CACnC,CACb,kBAAmB,CAAC,EACpB,gBAAiB,GACjB,kBAAmB,IACrB,wBAEiE,qBAC5C,EAAM,UAA0B,sBACJ,gCACjB,mBA0EV,GAAuC,CAC3D,IAAM,EAAS,KAAK,MAAM,QAAU,CAAC,CAAY,EAI3C,EAAY,EAAO,KAAM,GAAM,CAAC,EAAE,WAAW,GAAK,EAAO,GACzD,EAAmC,EACpC,EAAU,UACX,CAAC,EAGC,EAAgB,EAAO,KAAM,GAAM,EAAE,KAAO,CAAc,EAC1D,EAAY,EAAgB,KAAK,aAAa,EAAc,EAAE,EAAI,CAAC,EAGnE,EAAoB,OAAO,OAAO,CAAC,EAAG,EAAU,GAAG,CAAS,EAElE,KAAK,SAAS,CAAE,oBAAmB,gBAAiB,EAAK,CAAC,EAEtD,KAAK,kBAAkB,aAAa,KAAK,gBAAgB,EAC7D,KAAK,iBAAmB,eAAiB,CACvC,KAAK,SAAS,CAAE,gBAAiB,EAAM,CAAC,EACxC,KAAK,iBAAmB,IAC1B,EAAG,GAAG,EAGN,eAAiB,CACX,KAAK,WAAW,SAClB,KAAK,SAAS,CACZ,kBAAmB,iBAAiB,KAAK,WAAW,OAAO,EACxD,iBAAiB,iBAAiB,EAClC,KAAK,CACV,CAAC,CAEL,EAAG,CAAC,CACN,EA3GA,mBAAoB,CAClB,KAAK,WAAW,KAAK,MAAM,cAAc,EACzC,KAAK,mBAAmB,KAAK,MAAM,mBAAqB,EAAE,CAC5D,CAEA,mBAAmB,EAAkB,EAAkB,CACjD,EAAU,oBAAsB,KAAK,MAAM,mBAC7C,KAAK,mBAAmB,KAAK,MAAM,mBAAqB,EAAE,GAG1D,EAAU,iBAAmB,KAAK,MAAM,gBACxC,EAAU,SAAW,KAAK,MAAM,SAEhC,KAAK,WAAW,KAAK,MAAM,cAAc,CAE7C,CAEA,sBAAuB,CACjB,KAAK,kBAAkB,aAAa,KAAK,gBAAgB,EAK7D,AAGE,KAAK,yBAFL,KAAK,gBAAgB,OAAO,EAC5B,KAAK,eAAiB,KACO,GAEjC,CAQA,mBAA2B,EAAe,CACpC,YAAO,SAAa,KAExB,IAAI,CAAC,KAAK,eAAgB,CACxB,IAAM,EAAW,SAAS,KAAK,cAC7B,0BACF,EACA,GAAI,EACF,KAAK,eAAiB,MACjB,CACL,IAAM,EAAO,SAAS,cAAc,MAAM,EAC1C,EAAK,aAAa,OAAQ,aAAa,EACvC,SAAS,KAAK,YAAY,CAAI,EAC9B,KAAK,eAAiB,EACtB,KAAK,sBAAwB,EAC/B,CACF,CAEA,KAAK,eAAe,aAAa,UAAW,CAAK,CAFjD,CAGF,CAOA,aAAqB,EAAsC,CAEzD,IAAM,GADS,KAAK,MAAM,QAAU,CAAC,CAAY,GAC5B,KAAM,GAAM,EAAE,KAAO,CAAE,EAK5C,OAJK,EAIE,CAAC,GAFW,EAAM,YAAc,KAAK,aAAa,EAAM,WAAW,EAAI,CAAC,EAExD,EAAM,SAAmC,EAJ7C,CAAC,CAKtB,CAuCA,QAAS,CACP,GAAM,CAAE,YAAa,KAAK,MACpB,CAAE,oBAAmB,mBAAoB,KAAK,MAEpD,OACE,EAAC,MAAD,CACE,IAAK,KAAK,WACV,GAAG,gBACH,UAAW,EAAG,EAAO,UAAW,GAAmB,EAAO,SAAS,EACnE,MAAO,EAEN,UACE,CAAA,CAET,CACF"}
+{"version":3,"file":"themeProvider.mjs","names":[],"sources":["../../../../package/common/themeProvider/themeProvider.tsx"],"sourcesContent":["import React, { Component } from 'react';\nimport cx from 'classnames';\n\nimport type { Theme } from './theme.types';\nimport { defaultTheme } from './defaultTheme';\nimport styles from './theme.module.pcss';\n\ninterface Props {\n  children: React.ReactNode;\n  themes?: Theme[];\n  currentThemeId?: string;\n}\n\ninterface State {\n  resolvedVariables: Record<string, string>;\n  colorFadeActive: boolean;\n  currentThemeColor: string | null;\n}\n\nclass ThemeProvider extends Component<Props, State> {\n  state: State = {\n    resolvedVariables: {},\n    colorFadeActive: false,\n    currentThemeColor: null,\n  };\n\n  private colorFadeTimeout: ReturnType<typeof setTimeout> | null = null;\n  private wrapperRef = React.createRef<HTMLDivElement>();\n  private themeColorMeta: HTMLMetaElement | null = null;\n  private createdThemeColorMeta = false;\n\n  componentDidMount() {\n    this.applyTheme(this.props.currentThemeId);\n    this.syncThemeColorMeta(this.state.currentThemeColor ?? '');\n  }\n\n  componentDidUpdate(prevProps: Props, prevState: State) {\n    if (prevState.currentThemeColor !== this.state.currentThemeColor) {\n      this.syncThemeColorMeta(this.state.currentThemeColor ?? '');\n    }\n    if (prevProps.currentThemeId !== this.props.currentThemeId || prevProps.themes !== this.props.themes) {\n      this.applyTheme(this.props.currentThemeId);\n    }\n  }\n\n  componentWillUnmount() {\n    if (this.colorFadeTimeout) clearTimeout(this.colorFadeTimeout);\n    // Only remove the meta tag if we created it; leave a host-app tag intact.\n    // Also clear the cached refs — StrictMode's dev-only mount/unmount/remount\n    // cycle reuses this instance, and a stale ref would otherwise point at a\n    // detached element on remount instead of re-inserting into <head>.\n    if (this.createdThemeColorMeta) {\n      this.themeColorMeta?.remove();\n      this.themeColorMeta = null;\n      this.createdThemeColorMeta = false;\n    }\n  }\n\n  /**\n   * Replaces the former react-helmet usage: keep a single\n   * <meta name=\"theme-color\"> in sync with the active theme's primary colour.\n   * Reuses a tag the host app already declares; otherwise creates its own\n   * (and removes it again on unmount).\n   */\n  private syncThemeColorMeta(color: string) {\n    if (typeof document === 'undefined') return;\n\n    if (!this.themeColorMeta) {\n      const existing = document.head.querySelector<HTMLMetaElement>('meta[name=\"theme-color\"]');\n      if (existing) {\n        this.themeColorMeta = existing;\n      } else {\n        const meta = document.createElement('meta');\n        meta.setAttribute('name', 'theme-color');\n        document.head.appendChild(meta);\n        this.themeColorMeta = meta;\n        this.createdThemeColorMeta = true;\n      }\n    }\n\n    this.themeColorMeta.setAttribute('content', color);\n  }\n\n  /**\n   * Resolves the full variable set for a given theme ID by walking up the\n   * baseThemeId chain.  Returns variables ordered from deepest ancestor to\n   * the requested theme so callers can merge in order (later entries win).\n   */\n  private resolveChain(id: string): Record<string, string>[] {\n    const themes = this.props.themes ?? [defaultTheme];\n    const theme = themes.find((t) => t.id === id);\n    if (!theme) return [];\n\n    const parentVars = theme.baseThemeId ? this.resolveChain(theme.baseThemeId) : [];\n\n    return [...parentVars, theme.variables as Record<string, string>];\n  }\n\n  private applyTheme = (currentThemeId: string | undefined) => {\n    const themes = this.props.themes ?? [defaultTheme];\n\n    // The root theme is the first theme without a baseThemeId.\n    // It is always applied as the variable foundation.\n    const rootTheme = themes.find((t) => !t.baseThemeId) ?? themes[0];\n    const rootVars: Record<string, string> = rootTheme ? (rootTheme.variables as Record<string, string>) : {};\n\n    // Resolve the selected theme's full inheritance chain.\n    const selectedTheme = themes.find((t) => t.id === currentThemeId);\n    const chainVars = selectedTheme ? this.resolveChain(selectedTheme.id) : [];\n\n    // Merge: root foundation → ancestor chain → selected theme (each step overrides)\n    const resolvedVariables = Object.assign({}, rootVars, ...chainVars);\n\n    this.setState({ resolvedVariables, colorFadeActive: true });\n\n    if (this.colorFadeTimeout) clearTimeout(this.colorFadeTimeout);\n    this.colorFadeTimeout = setTimeout(() => {\n      this.setState({ colorFadeActive: false });\n      this.colorFadeTimeout = null;\n    }, 500);\n\n    // Read --primary-color after the new style is painted for the theme-color meta tag.\n    setTimeout(() => {\n      if (this.wrapperRef.current) {\n        this.setState({\n          currentThemeColor: getComputedStyle(this.wrapperRef.current).getPropertyValue('--primary-color').trim(),\n        });\n      }\n    }, 1);\n  };\n\n  render() {\n    const { children } = this.props;\n    const { resolvedVariables, colorFadeActive } = this.state;\n\n    return (\n      <div\n        ref={this.wrapperRef}\n        id='themeProvider'\n        className={cx(styles.themeRoot, colorFadeActive && styles.colorFade)}\n        style={resolvedVariables as React.CSSProperties}\n      >\n        {children}\n      </div>\n    );\n  }\n}\n\nexport default ThemeProvider;\n"],"mappings":"2LAmBA,IAAM,EAAN,cAA4B,CAAwB,+BACnC,KAAA,MAAA,CACb,kBAAmB,CAAC,EACpB,gBAAiB,GACjB,kBAAmB,IACrB,EAEiE,KAAA,iBAAA,KAC5C,KAAA,WAAA,EAAM,UAA0B,EACJ,KAAA,eAAA,KACjB,KAAA,sBAAA,GAqEV,KAAA,WAAA,GAAuC,CAC3D,IAAM,EAAS,KAAK,MAAM,QAAU,CAAC,CAAY,EAI3C,EAAY,EAAO,KAAM,GAAM,CAAC,EAAE,WAAW,GAAK,EAAO,GACzD,EAAmC,EAAa,EAAU,UAAuC,CAAC,EAGlG,EAAgB,EAAO,KAAM,GAAM,EAAE,KAAO,CAAc,EAC1D,EAAY,EAAgB,KAAK,aAAa,EAAc,EAAE,EAAI,CAAC,EAGnE,EAAoB,OAAO,OAAO,CAAC,EAAG,EAAU,GAAG,CAAS,EAElE,KAAK,SAAS,CAAE,oBAAmB,gBAAiB,EAAK,CAAC,EAEtD,KAAK,kBAAkB,aAAa,KAAK,gBAAgB,EAC7D,KAAK,iBAAmB,eAAiB,CACvC,KAAK,SAAS,CAAE,gBAAiB,EAAM,CAAC,EACxC,KAAK,iBAAmB,IAC1B,EAAG,GAAG,EAGN,eAAiB,CACX,KAAK,WAAW,SAClB,KAAK,SAAS,CACZ,kBAAmB,iBAAiB,KAAK,WAAW,OAAO,CAAC,CAAC,iBAAiB,iBAAiB,CAAC,CAAC,KAAK,CACxG,CAAC,CAEL,EAAG,CAAC,CACN,EAlGA,mBAAoB,CAClB,KAAK,WAAW,KAAK,MAAM,cAAc,EACzC,KAAK,mBAAmB,KAAK,MAAM,mBAAqB,EAAE,CAC5D,CAEA,mBAAmB,EAAkB,EAAkB,CACjD,EAAU,oBAAsB,KAAK,MAAM,mBAC7C,KAAK,mBAAmB,KAAK,MAAM,mBAAqB,EAAE,GAExD,EAAU,iBAAmB,KAAK,MAAM,gBAAkB,EAAU,SAAW,KAAK,MAAM,SAC5F,KAAK,WAAW,KAAK,MAAM,cAAc,CAE7C,CAEA,sBAAuB,CACjB,KAAK,kBAAkB,aAAa,KAAK,gBAAgB,EAK7D,AAGE,KAAK,yBAFL,KAAK,gBAAgB,OAAO,EAC5B,KAAK,eAAiB,KACO,GAEjC,CAQA,mBAA2B,EAAe,CACpC,UAAO,SAAa,IAExB,IAAI,CAAC,KAAK,eAAgB,CACxB,IAAM,EAAW,SAAS,KAAK,cAA+B,0BAA0B,EACxF,GAAI,EACF,KAAK,eAAiB,MACjB,CACL,IAAM,EAAO,SAAS,cAAc,MAAM,EAC1C,EAAK,aAAa,OAAQ,aAAa,EACvC,SAAS,KAAK,YAAY,CAAI,EAC9B,KAAK,eAAiB,EACtB,KAAK,sBAAwB,EAC/B,CACF,CAEA,KAAK,eAAe,aAAa,UAAW,CAAK,CAFjD,CAGF,CAOA,aAAqB,EAAsC,CAEzD,IAAM,GADS,KAAK,MAAM,QAAU,CAAC,CAAY,EAAA,CAC5B,KAAM,GAAM,EAAE,KAAO,CAAE,EAK5C,OAJK,EAIE,CAAC,GAFW,EAAM,YAAc,KAAK,aAAa,EAAM,WAAW,EAAI,CAAC,EAExD,EAAM,SAAmC,EAJ7C,CAAC,CAKtB,CAmCA,QAAS,CACP,GAAM,CAAE,YAAa,KAAK,MACpB,CAAE,oBAAmB,mBAAoB,KAAK,MAEpD,OACE,EAAC,MAAD,CACE,IAAK,KAAK,WACV,GAAG,gBACH,UAAW,EAAG,EAAO,UAAW,GAAmB,EAAO,SAAS,EACnE,MAAO,EAEN,UACE,CAAA,CAET,CACF"}

package/dist/esm/common/themeProvider/useTheme.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useTheme.mjs","names":[],"sources":["../../../../package/common/themeProvider/useTheme.ts"],"sourcesContent":["import { useState } from \"react\";\n\nexport function useTheme(defaultThemeId: string = 'default') {\n  const [currentThemeId, setThemeId] = useState<string>(localStorage.getItem('theme') || defaultThemeId);\n\n  const setCurrentThemeId = (themeId: string) => {\n    setThemeId(themeId);\n    localStorage.setItem('theme', themeId);\n  };\n\n  return { currentThemeId, setCurrentThemeId };\n}"],"mappings":"iCAEA,SAAgB,EAAS,EAAyB,UAAW,CAC3D,GAAM,CAAC,EAAgB,GAAc,EAAiB,aAAa,QAAQ,OAAO,GAAK,CAAc,EAOrG,MAAO,CAAE,iBAAgB,kBALE,GAAoB,CAC7C,EAAW,CAAO,EAClB,aAAa,QAAQ,QAAS,CAAO,CACvC,CAE2C,CAC7C"}
+{"version":3,"file":"useTheme.mjs","names":[],"sources":["../../../../package/common/themeProvider/useTheme.ts"],"sourcesContent":["import { useState } from 'react';\n\nexport function useTheme(defaultThemeId: string = 'default') {\n  const [currentThemeId, setThemeId] = useState<string>(localStorage.getItem('theme') || defaultThemeId);\n\n  const setCurrentThemeId = (themeId: string) => {\n    setThemeId(themeId);\n    localStorage.setItem('theme', themeId);\n  };\n\n  return { currentThemeId, setCurrentThemeId };\n}\n"],"mappings":"iCAEA,SAAgB,EAAS,EAAyB,UAAW,CAC3D,GAAM,CAAC,EAAgB,GAAc,EAAiB,aAAa,QAAQ,OAAO,GAAK,CAAc,EAOrG,MAAO,CAAE,iBAAgB,kBALE,GAAoB,CAC7C,EAAW,CAAO,EAClB,aAAa,QAAQ,QAAS,CAAO,CACvC,CAE2C,CAC7C"}

package/dist/esm/common/tilt/tilt.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tilt.mjs","names":[],"sources":["../../../../package/common/tilt/tilt.tsx"],"sourcesContent":["import {\n  forwardRef,\n  useEffect,\n  useImperativeHandle,\n  useRef,\n  type PointerEvent as ReactPointerEvent,\n} from 'react';\nimport cx from 'classnames';\n\nimport { useComponentDefaults } from '../configProvider';\nimport { useTiltGroup } from '../tiltGroup';\nimport { computeTilt, defaultTiltEasing } from './tiltMath';\nimport type { TiltHandle, TiltProps } from './tilt.types';\nimport styles from './tilt.module.pcss';\n\n// Module-scoped ambient typing for the bundler-replaced NODE_ENV guard below. See bodyEnd.tsx.\ndeclare const process: { env: { NODE_ENV?: string } };\n\nfunction isDev(): boolean {\n  return typeof process !== 'undefined' && process.env.NODE_ENV !== 'production';\n}\n\nfunction prefersReducedMotion(): boolean {\n  return typeof window !== 'undefined' && window.matchMedia?.('(prefers-reduced-motion: reduce)').matches === true;\n}\n\n// Per-frame catch-up rate (fraction of the remaining gap closed each tick) and the gap size,\n// in degrees, below which we consider the catch-up finished and switch to direct 1:1 writes.\nconst TILT_SMOOTHING = 0.3;\nconst TILT_CONVERGE_EPSILON = 0.05;\n\nconst Tilt = forwardRef<TiltHandle, TiltProps>(function Tilt(props, ref) {\n  const {\n    children,\n    maxTilt = 15,\n    maxTiltX,\n    maxTiltY,\n    perspective = 800,\n    easing = defaultTiltEasing,\n    lockAxis = 'none',\n    scaleOnHover = 1,\n    trackingMode = 'self',\n    disabled = false,\n    onTiltChange,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = useComponentDefaults('Tilt', props);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const surfaceRef = useRef<HTMLDivElement>(null);\n  const rafRef = useRef<number | undefined>(undefined);\n  const loopActiveRef = useRef(false);\n  // Whether the pointer is currently \"over\" the element (self mode: within its own bounds;\n  // group mode: the shared group pointer is set). The tilt loop's target is (0,0) whenever this\n  // is false, and computed from `latestPointerRef` whenever it's true.\n  const isHoveringRef = useRef(false);\n  // True while the visually-applied tilt is still catching up to the target after a\n  // discontinuity (entering from flat, or leaving back to flat), eased via a per-frame lerp\n  // toward whatever the *current* target is. Once the gap closes, updates apply directly (1:1,\n  // no lag) so continuous tracking stays crisp. A CSS transition can't do this cleanly: retargeting\n  // one mid-flight restarts its full duration from scratch, so a continuously-moving cursor makes\n  // it fall further and further behind instead of ever catching up.\n  const isCatchingUpRef = useRef(false);\n  const latestPointerRef = useRef<{ x: number; y: number } | null>(null);\n  const currentTiltRef = useRef({ rotateX: 0, rotateY: 0 });\n\n  const group = useTiltGroup();\n  const usingGroup = trackingMode === 'group';\n  const groupActive = usingGroup && group !== null;\n\n  useEffect(() => {\n    if (usingGroup && group === null && isDev()) {\n      console.warn('Tilt: trackingMode=\"group\" was set with no ancestor TiltGroup, falling back to self tracking.');\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [usingGroup, group === null]);\n\n  const clampX = maxTiltX ?? maxTilt;\n  const clampY = maxTiltY ?? maxTilt;\n\n  function writeTiltTransform(rotateX: number, rotateY: number, scale: number) {\n    const surface = surfaceRef.current;\n    if (!surface) return;\n    surface.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)` + (scale !== 1 ? ` scale(${scale})` : '');\n  }\n\n  function stopTiltLoop() {\n    if (rafRef.current !== undefined) {\n      cancelAnimationFrame(rafRef.current);\n      rafRef.current = undefined;\n    }\n    loopActiveRef.current = false;\n  }\n\n  // The single continuous per-frame driver for tilt. Reads live authoritative state\n  // (`isHoveringRef`/`latestPointerRef`) fresh every tick rather than closing over values\n  // captured at schedule time, so there's no possibility of a stale queued frame overwriting a\n  // newer state.\n  function tick() {\n    rafRef.current = undefined;\n    const surface = surfaceRef.current;\n    if (!surface) {\n      loopActiveRef.current = false;\n      return;\n    }\n\n    const hovering = isHoveringRef.current && !disabled && !prefersReducedMotion();\n    let targetX = 0;\n    let targetY = 0;\n    if (hovering) {\n      const pos = latestPointerRef.current;\n      const rect = rootRef.current?.getBoundingClientRect();\n      if (pos && rect) {\n        const target = computeTilt(pos.x - rect.left, pos.y - rect.top, rect, {\n          maxTiltX: clampX,\n          maxTiltY: clampY,\n          easing,\n          lockAxis,\n        });\n        targetX = target.rotateX;\n        targetY = target.rotateY;\n      }\n    }\n\n    const cur = currentTiltRef.current;\n    let nextX: number;\n    let nextY: number;\n    if (isCatchingUpRef.current) {\n      nextX = cur.rotateX + (targetX - cur.rotateX) * TILT_SMOOTHING;\n      nextY = cur.rotateY + (targetY - cur.rotateY) * TILT_SMOOTHING;\n      if (Math.abs(targetX - nextX) < TILT_CONVERGE_EPSILON && Math.abs(targetY - nextY) < TILT_CONVERGE_EPSILON) {\n        nextX = targetX;\n        nextY = targetY;\n        isCatchingUpRef.current = false;\n      }\n    } else {\n      // Locked on: apply the target directly, every frame. This is what keeps continuous\n      // tracking crisp with zero added lag once the catch-up phase has finished.\n      nextX = targetX;\n      nextY = targetY;\n    }\n\n    currentTiltRef.current = { rotateX: nextX, rotateY: nextY };\n    writeTiltTransform(nextX, nextY, hovering ? scaleOnHover : 1);\n    onTiltChange?.(nextX, nextY);\n\n    // Once locked on (nothing left to ease), stop rescheduling. The next native pointermove\n    // (self mode) or group pointer update (group mode) calls `ensureTiltLoopRunning()` again on\n    // its own, restarting the loop for exactly the one instant tick it needs.\n    if (!isCatchingUpRef.current) {\n      loopActiveRef.current = false;\n      return;\n    }\n    rafRef.current = requestAnimationFrame(tick);\n  }\n\n  function ensureTiltLoopRunning() {\n    if (loopActiveRef.current) return;\n    loopActiveRef.current = true;\n    rafRef.current = requestAnimationFrame(tick);\n  }\n\n  // Marks a hover-state transition (entering or leaving) so the loop re-arms its catch-up phase.\n  // Only on an actual flip, not on every pointermove while already hovering, so continuous\n  // tracking never re-triggers easing.\n  function setHovering(next: boolean) {\n    if (isHoveringRef.current !== next) {\n      isCatchingUpRef.current = true;\n    }\n    isHoveringRef.current = next;\n    ensureTiltLoopRunning();\n  }\n\n  // Self-mode pointer handlers.\n  const handlePointerMove = (event: ReactPointerEvent<HTMLDivElement>) => {\n    if (disabled || groupActive || prefersReducedMotion()) return;\n    latestPointerRef.current = { x: event.clientX, y: event.clientY };\n    setHovering(true);\n  };\n\n  const handlePointerLeave = () => {\n    if (groupActive) return;\n    setHovering(false);\n  };\n\n  // Group-mode tracking: react to the shared pointer position published by TiltGroup.\n  useEffect(() => {\n    if (!groupActive) return;\n    if (disabled || prefersReducedMotion()) {\n      setHovering(false);\n      return;\n    }\n    if (group?.pointer && group.rect) {\n      latestPointerRef.current = { x: group.rect.left + group.pointer.x, y: group.rect.top + group.pointer.y };\n      setHovering(true);\n    } else {\n      setHovering(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [groupActive, disabled, group?.pointer, group?.rect]);\n\n  useEffect(() => {\n    // Must go through stopTiltLoop() (not just cancelAnimationFrame) so loopActiveRef is reset\n    // too. Under React StrictMode, every effect's cleanup runs once synchronously right after\n    // its setup, before setup runs again, so this fires even though the component isn't really\n    // unmounting. The group-mode effect above runs on every mount (it schedules the loop as soon\n    // as there's a group context, even with a still-null pointer), so cancelling its pending\n    // frame here without also clearing loopActiveRef left the loop believing it was still\n    // \"active\" with nothing actually scheduled: permanently wedged, since every later call to\n    // ensureTiltLoopRunning() saw loopActiveRef already true and silently no-opped forever.\n    return () => {\n      stopTiltLoop();\n    };\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    setTilt(rotateX: number, rotateY: number) {\n      const clamped = {\n        rotateX: Math.max(-clampX, Math.min(clampX, rotateX)),\n        rotateY: Math.max(-clampY, Math.min(clampY, rotateY)),\n      };\n      // Stops the loop so live tracking (if any is active) can't overwrite this explicit value\n      // on the very next frame. An external caller driving custom choreography expects the\n      // value it just set to actually stick. A later real pointer move restarts tracking fresh.\n      stopTiltLoop();\n      isHoveringRef.current = false;\n      isCatchingUpRef.current = false;\n      currentTiltRef.current = clamped;\n      writeTiltTransform(clamped.rotateX, clamped.rotateY, scaleOnHover);\n      onTiltChange?.(clamped.rotateX, clamped.rotateY);\n    },\n    reset() {\n      stopTiltLoop();\n      isHoveringRef.current = false;\n      isCatchingUpRef.current = false;\n      currentTiltRef.current = { rotateX: 0, rotateY: 0 };\n      writeTiltTransform(0, 0, 1);\n    },\n  }));\n\n  return (\n    <div\n      {...rest}\n      ref={rootRef}\n      className={cx(styles.tilt, className, classNames?.root)}\n      style={{ ...style, ...slotStyles?.root }}\n      onPointerMove={handlePointerMove}\n      onPointerLeave={handlePointerLeave}\n      onPointerCancel={handlePointerLeave}\n    >\n      <div\n        className={cx(styles.tiltPerspective, classNames?.perspective)}\n        style={{ perspective: `${perspective}px`, ...slotStyles?.perspective }}\n      >\n        <div\n          ref={surfaceRef}\n          className={cx(styles.tiltSurface, classNames?.surface)}\n          style={slotStyles?.surface}\n        >\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default Tilt;\n"],"mappings":"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"}
+{"version":3,"file":"tilt.mjs","names":[],"sources":["../../../../package/common/tilt/tilt.tsx"],"sourcesContent":["import { forwardRef, useEffect, useImperativeHandle, useRef, type PointerEvent as ReactPointerEvent } from 'react';\nimport cx from 'classnames';\n\nimport { useComponentDefaults } from '../configProvider';\nimport { useTiltGroup } from '../tiltGroup';\nimport { computeTilt, defaultTiltEasing } from './tiltMath';\nimport type { TiltHandle, TiltProps } from './tilt.types';\nimport styles from './tilt.module.pcss';\n\n// Module-scoped ambient typing for the bundler-replaced NODE_ENV guard below. See bodyEnd.tsx.\ndeclare const process: { env: { NODE_ENV?: string } };\n\nfunction isDev(): boolean {\n  return typeof process !== 'undefined' && process.env.NODE_ENV !== 'production';\n}\n\nfunction prefersReducedMotion(): boolean {\n  return typeof window !== 'undefined' && window.matchMedia?.('(prefers-reduced-motion: reduce)').matches === true;\n}\n\n// Per-frame catch-up rate (fraction of the remaining gap closed each tick) and the gap size,\n// in degrees, below which we consider the catch-up finished and switch to direct 1:1 writes.\nconst TILT_SMOOTHING = 0.3;\nconst TILT_CONVERGE_EPSILON = 0.05;\n\nconst Tilt = forwardRef<TiltHandle, TiltProps>(function Tilt(props, ref) {\n  const {\n    children,\n    maxTilt = 15,\n    maxTiltX,\n    maxTiltY,\n    perspective = 800,\n    easing = defaultTiltEasing,\n    lockAxis = 'none',\n    scaleOnHover = 1,\n    trackingMode = 'self',\n    disabled = false,\n    onTiltChange,\n    className,\n    style,\n    classNames,\n    styles: slotStyles,\n    ...rest\n  } = useComponentDefaults('Tilt', props);\n\n  const rootRef = useRef<HTMLDivElement>(null);\n  const surfaceRef = useRef<HTMLDivElement>(null);\n  const rafRef = useRef<number | undefined>(undefined);\n  const loopActiveRef = useRef(false);\n  // Whether the pointer is currently \"over\" the element (self mode: within its own bounds;\n  // group mode: the shared group pointer is set). The tilt loop's target is (0,0) whenever this\n  // is false, and computed from `latestPointerRef` whenever it's true.\n  const isHoveringRef = useRef(false);\n  // True while the visually-applied tilt is still catching up to the target after a\n  // discontinuity (entering from flat, or leaving back to flat), eased via a per-frame lerp\n  // toward whatever the *current* target is. Once the gap closes, updates apply directly (1:1,\n  // no lag) so continuous tracking stays crisp. A CSS transition can't do this cleanly: retargeting\n  // one mid-flight restarts its full duration from scratch, so a continuously-moving cursor makes\n  // it fall further and further behind instead of ever catching up.\n  const isCatchingUpRef = useRef(false);\n  const latestPointerRef = useRef<{ x: number; y: number } | null>(null);\n  const currentTiltRef = useRef({ rotateX: 0, rotateY: 0 });\n\n  const group = useTiltGroup();\n  const usingGroup = trackingMode === 'group';\n  const groupActive = usingGroup && group !== null;\n\n  useEffect(() => {\n    if (usingGroup && group === null && isDev()) {\n      console.warn('Tilt: trackingMode=\"group\" was set with no ancestor TiltGroup, falling back to self tracking.');\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [usingGroup, group === null]);\n\n  const clampX = maxTiltX ?? maxTilt;\n  const clampY = maxTiltY ?? maxTilt;\n\n  function writeTiltTransform(rotateX: number, rotateY: number, scale: number) {\n    const surface = surfaceRef.current;\n    if (!surface) return;\n    surface.style.transform = `rotateX(${rotateX}deg) rotateY(${rotateY}deg)` + (scale !== 1 ? ` scale(${scale})` : '');\n  }\n\n  function stopTiltLoop() {\n    if (rafRef.current !== undefined) {\n      cancelAnimationFrame(rafRef.current);\n      rafRef.current = undefined;\n    }\n    loopActiveRef.current = false;\n  }\n\n  // The single continuous per-frame driver for tilt. Reads live authoritative state\n  // (`isHoveringRef`/`latestPointerRef`) fresh every tick rather than closing over values\n  // captured at schedule time, so there's no possibility of a stale queued frame overwriting a\n  // newer state.\n  function tick() {\n    rafRef.current = undefined;\n    const surface = surfaceRef.current;\n    if (!surface) {\n      loopActiveRef.current = false;\n      return;\n    }\n\n    const hovering = isHoveringRef.current && !disabled && !prefersReducedMotion();\n    let targetX = 0;\n    let targetY = 0;\n    if (hovering) {\n      const pos = latestPointerRef.current;\n      const rect = rootRef.current?.getBoundingClientRect();\n      if (pos && rect) {\n        const target = computeTilt(pos.x - rect.left, pos.y - rect.top, rect, {\n          maxTiltX: clampX,\n          maxTiltY: clampY,\n          easing,\n          lockAxis,\n        });\n        targetX = target.rotateX;\n        targetY = target.rotateY;\n      }\n    }\n\n    const cur = currentTiltRef.current;\n    let nextX: number;\n    let nextY: number;\n    if (isCatchingUpRef.current) {\n      nextX = cur.rotateX + (targetX - cur.rotateX) * TILT_SMOOTHING;\n      nextY = cur.rotateY + (targetY - cur.rotateY) * TILT_SMOOTHING;\n      if (Math.abs(targetX - nextX) < TILT_CONVERGE_EPSILON && Math.abs(targetY - nextY) < TILT_CONVERGE_EPSILON) {\n        nextX = targetX;\n        nextY = targetY;\n        isCatchingUpRef.current = false;\n      }\n    } else {\n      // Locked on: apply the target directly, every frame. This is what keeps continuous\n      // tracking crisp with zero added lag once the catch-up phase has finished.\n      nextX = targetX;\n      nextY = targetY;\n    }\n\n    currentTiltRef.current = { rotateX: nextX, rotateY: nextY };\n    writeTiltTransform(nextX, nextY, hovering ? scaleOnHover : 1);\n    onTiltChange?.(nextX, nextY);\n\n    // Once locked on (nothing left to ease), stop rescheduling. The next native pointermove\n    // (self mode) or group pointer update (group mode) calls `ensureTiltLoopRunning()` again on\n    // its own, restarting the loop for exactly the one instant tick it needs.\n    if (!isCatchingUpRef.current) {\n      loopActiveRef.current = false;\n      return;\n    }\n    rafRef.current = requestAnimationFrame(tick);\n  }\n\n  function ensureTiltLoopRunning() {\n    if (loopActiveRef.current) return;\n    loopActiveRef.current = true;\n    rafRef.current = requestAnimationFrame(tick);\n  }\n\n  // Marks a hover-state transition (entering or leaving) so the loop re-arms its catch-up phase.\n  // Only on an actual flip, not on every pointermove while already hovering, so continuous\n  // tracking never re-triggers easing.\n  function setHovering(next: boolean) {\n    if (isHoveringRef.current !== next) {\n      isCatchingUpRef.current = true;\n    }\n    isHoveringRef.current = next;\n    ensureTiltLoopRunning();\n  }\n\n  // Self-mode pointer handlers.\n  const handlePointerMove = (event: ReactPointerEvent<HTMLDivElement>) => {\n    if (disabled || groupActive || prefersReducedMotion()) return;\n    latestPointerRef.current = { x: event.clientX, y: event.clientY };\n    setHovering(true);\n  };\n\n  const handlePointerLeave = () => {\n    if (groupActive) return;\n    setHovering(false);\n  };\n\n  // Group-mode tracking: react to the shared pointer position published by TiltGroup.\n  useEffect(() => {\n    if (!groupActive) return;\n    if (disabled || prefersReducedMotion()) {\n      setHovering(false);\n      return;\n    }\n    if (group?.pointer && group.rect) {\n      latestPointerRef.current = { x: group.rect.left + group.pointer.x, y: group.rect.top + group.pointer.y };\n      setHovering(true);\n    } else {\n      setHovering(false);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [groupActive, disabled, group?.pointer, group?.rect]);\n\n  useEffect(() => {\n    // Must go through stopTiltLoop() (not just cancelAnimationFrame) so loopActiveRef is reset\n    // too. Under React StrictMode, every effect's cleanup runs once synchronously right after\n    // its setup, before setup runs again, so this fires even though the component isn't really\n    // unmounting. The group-mode effect above runs on every mount (it schedules the loop as soon\n    // as there's a group context, even with a still-null pointer), so cancelling its pending\n    // frame here without also clearing loopActiveRef left the loop believing it was still\n    // \"active\" with nothing actually scheduled: permanently wedged, since every later call to\n    // ensureTiltLoopRunning() saw loopActiveRef already true and silently no-opped forever.\n    return () => {\n      stopTiltLoop();\n    };\n  }, []);\n\n  useImperativeHandle(ref, () => ({\n    setTilt(rotateX: number, rotateY: number) {\n      const clamped = {\n        rotateX: Math.max(-clampX, Math.min(clampX, rotateX)),\n        rotateY: Math.max(-clampY, Math.min(clampY, rotateY)),\n      };\n      // Stops the loop so live tracking (if any is active) can't overwrite this explicit value\n      // on the very next frame. An external caller driving custom choreography expects the\n      // value it just set to actually stick. A later real pointer move restarts tracking fresh.\n      stopTiltLoop();\n      isHoveringRef.current = false;\n      isCatchingUpRef.current = false;\n      currentTiltRef.current = clamped;\n      writeTiltTransform(clamped.rotateX, clamped.rotateY, scaleOnHover);\n      onTiltChange?.(clamped.rotateX, clamped.rotateY);\n    },\n    reset() {\n      stopTiltLoop();\n      isHoveringRef.current = false;\n      isCatchingUpRef.current = false;\n      currentTiltRef.current = { rotateX: 0, rotateY: 0 };\n      writeTiltTransform(0, 0, 1);\n    },\n  }));\n\n  return (\n    <div\n      {...rest}\n      ref={rootRef}\n      className={cx(styles.tilt, className, classNames?.root)}\n      style={{ ...style, ...slotStyles?.root }}\n      onPointerMove={handlePointerMove}\n      onPointerLeave={handlePointerLeave}\n      onPointerCancel={handlePointerLeave}\n    >\n      <div\n        className={cx(styles.tiltPerspective, classNames?.perspective)}\n        style={{ perspective: `${perspective}px`, ...slotStyles?.perspective }}\n      >\n        <div ref={surfaceRef} className={cx(styles.tiltSurface, classNames?.surface)} style={slotStyles?.surface}>\n          {children}\n        </div>\n      </div>\n    </div>\n  );\n});\n\nexport default Tilt;\n"],"mappings":"0YAYA,SAAS,GAAiB,CACxB,OAAO,OAAO,QAAY,KAAe,EAC3C,CAEA,SAAS,GAAgC,CACvC,OAAO,OAAO,OAAW,KAAe,OAAO,aAAa,kCAAkC,CAAC,CAAC,UAAY,EAC9G,CAIA,IAAM,EAAiB,GACjB,EAAwB,IAExB,EAAO,EAAkC,SAAc,EAAO,EAAK,CACvE,GAAM,CACJ,WACA,UAAU,GACV,WACA,WACA,cAAc,IACd,SAAS,EACT,WAAW,OACX,eAAe,EACf,eAAe,OACf,WAAW,GACX,eACA,YACA,QACA,aACA,OAAQ,EACR,GAAG,GACD,EAAqB,OAAQ,CAAK,EAEhC,EAAU,EAAuB,IAAI,EACrC,EAAa,EAAuB,IAAI,EACxC,EAAS,EAA2B,IAAA,EAAS,EAC7C,EAAgB,EAAO,EAAK,EAI5B,EAAgB,EAAO,EAAK,EAO5B,EAAkB,EAAO,EAAK,EAC9B,EAAmB,EAAwC,IAAI,EAC/D,EAAiB,EAAO,CAAE,QAAS,EAAG,QAAS,CAAE,CAAC,EAElD,EAAQ,EAAa,EACrB,EAAa,IAAiB,QAC9B,EAAc,GAAc,IAAU,KAE5C,MAAgB,CACV,GAAc,IAAU,MAAQ,EAAM,GACxC,QAAQ,KAAK,+FAA+F,CAGhH,EAAG,CAAC,EAAY,IAAU,IAAI,CAAC,EAE/B,IAAM,EAAS,GAAY,EACrB,EAAS,GAAY,EAE3B,SAAS,EAAmB,EAAiB,EAAiB,EAAe,CAC3E,IAAM,EAAU,EAAW,QACtB,IACL,EAAQ,MAAM,UAAY,WAAW,EAAQ,eAAe,EAAQ,OAAS,IAAU,EAAyB,GAArB,UAAU,EAAM,IAC7G,CAEA,SAAS,GAAe,CAClB,EAAO,UAAY,IAAA,KACrB,qBAAqB,EAAO,OAAO,EACnC,EAAO,QAAU,IAAA,IAEnB,EAAc,QAAU,EAC1B,CAMA,SAAS,GAAO,CAGd,GAFA,EAAO,QAAU,IAAA,GAEb,CADY,EAAW,QACb,CACZ,EAAc,QAAU,GACxB,MACF,CAEA,IAAM,EAAW,EAAc,SAAW,CAAC,GAAY,CAAC,EAAqB,EACzE,EAAU,EACV,EAAU,EACd,GAAI,EAAU,CACZ,IAAM,EAAM,EAAiB,QACvB,EAAO,EAAQ,SAAS,sBAAsB,EACpD,GAAI,GAAO,EAAM,CACf,IAAM,EAAS,EAAY,EAAI,EAAI,EAAK,KAAM,EAAI,EAAI,EAAK,IAAK,EAAM,CACpE,SAAU,EACV,SAAU,EACV,SACA,UACF,CAAC,EACD,EAAU,EAAO,QACjB,EAAU,EAAO,OACnB,CACF,CAEA,IAAM,EAAM,EAAe,QACvB,EACA,EAuBJ,GAtBI,EAAgB,SAClB,EAAQ,EAAI,SAAW,EAAU,EAAI,SAAW,EAChD,EAAQ,EAAI,SAAW,EAAU,EAAI,SAAW,EAC5C,KAAK,IAAI,EAAU,CAAK,EAAI,GAAyB,KAAK,IAAI,EAAU,CAAK,EAAI,IACnF,EAAQ,EACR,EAAQ,EACR,EAAgB,QAAU,MAK5B,EAAQ,EACR,EAAQ,GAGV,EAAe,QAAU,CAAE,QAAS,EAAO,QAAS,CAAM,EAC1D,EAAmB,EAAO,EAAO,EAAW,EAAe,CAAC,EAC5D,IAAe,EAAO,CAAK,EAKvB,CAAC,EAAgB,QAAS,CAC5B,EAAc,QAAU,GACxB,MACF,CACA,EAAO,QAAU,sBAAsB,CAAI,CAC7C,CAEA,SAAS,GAAwB,CAC3B,EAAc,UAClB,EAAc,QAAU,GACxB,EAAO,QAAU,sBAAsB,CAAI,EAC7C,CAKA,SAAS,EAAY,EAAe,CAC9B,EAAc,UAAY,IAC5B,EAAgB,QAAU,IAE5B,EAAc,QAAU,EACxB,EAAsB,CACxB,CAGA,IAAM,EAAqB,GAA6C,CAClE,GAAY,GAAe,EAAqB,IACpD,EAAiB,QAAU,CAAE,EAAG,EAAM,QAAS,EAAG,EAAM,OAAQ,EAChE,EAAY,EAAI,EAClB,EAEM,MAA2B,CAC3B,GACJ,EAAY,EAAK,CACnB,EAyDA,OAtDA,MAAgB,CACT,KACL,IAAI,GAAY,EAAqB,EAAG,CACtC,EAAY,EAAK,EACjB,MACF,CACI,GAAO,SAAW,EAAM,MAC1B,EAAiB,QAAU,CAAE,EAAG,EAAM,KAAK,KAAO,EAAM,QAAQ,EAAG,EAAG,EAAM,KAAK,IAAM,EAAM,QAAQ,CAAE,EACvG,EAAY,EAAI,GAEhB,EAAY,EAAK,CALnB,CAQF,EAAG,CAAC,EAAa,EAAU,GAAO,QAAS,GAAO,IAAI,CAAC,EAEvD,UASe,CACX,EAAa,CACf,EACC,CAAC,CAAC,EAEL,EAAoB,OAAY,CAC9B,QAAQ,EAAiB,EAAiB,CACxC,IAAM,EAAU,CACd,QAAS,KAAK,IAAI,CAAC,EAAQ,KAAK,IAAI,EAAQ,CAAO,CAAC,EACpD,QAAS,KAAK,IAAI,CAAC,EAAQ,KAAK,IAAI,EAAQ,CAAO,CAAC,CACtD,EAIA,EAAa,EACb,EAAc,QAAU,GACxB,EAAgB,QAAU,GAC1B,EAAe,QAAU,EACzB,EAAmB,EAAQ,QAAS,EAAQ,QAAS,CAAY,EACjE,IAAe,EAAQ,QAAS,EAAQ,OAAO,CACjD,EACA,OAAQ,CACN,EAAa,EACb,EAAc,QAAU,GACxB,EAAgB,QAAU,GAC1B,EAAe,QAAU,CAAE,QAAS,EAAG,QAAS,CAAE,EAClD,EAAmB,EAAG,EAAG,CAAC,CAC5B,CACF,EAAE,EAGA,EAAC,MAAD,CACE,GAAI,EACJ,IAAK,EACL,UAAW,EAAG,EAAO,KAAM,EAAW,GAAY,IAAI,EACtD,MAAO,CAAE,GAAG,EAAO,GAAG,GAAY,IAAK,EACvC,cAAe,EACf,eAAgB,EAChB,gBAAiB,EAEjB,SAAA,EAAC,MAAD,CACE,UAAW,EAAG,EAAO,gBAAiB,GAAY,WAAW,EAC7D,MAAO,CAAE,YAAa,GAAG,EAAY,IAAK,GAAG,GAAY,WAAY,EAErE,SAAA,EAAC,MAAD,CAAK,IAAK,EAAY,UAAW,EAAG,EAAO,YAAa,GAAY,OAAO,EAAG,MAAO,GAAY,QAC9F,UACE,CAAA,CACF,CAAA,CACF,CAAA,CAET,CAAC"}

package/dist/esm/common/tilt/tilt.module.mjs

@@ -1,2 +1,2 @@
-var e={tilt:`tilt_gbX2b`,"tilt-perspective":`tilt-perspective_CFdP6`,tiltPerspective:`tilt-perspective_CFdP6`,"tilt-surface":`tilt-surface_Jyzwe`,tiltSurface:`tilt-surface_Jyzwe`};export{e as default};
+var e=`tilt_gbX2b`,t=`tilt-perspective_CFdP6`,n=`tilt-surface_Jyzwe`,r={tilt:e,"tilt-perspective":`tilt-perspective_CFdP6`,tiltPerspective:t,"tilt-surface":`tilt-surface_Jyzwe`,tiltSurface:n};export{r as default,e as tilt,t as tiltPerspective,n as tiltSurface};
 //# sourceMappingURL=tilt.module.mjs.map