@mattermost/compass-ui 0.1.0-alpha.3 → 0.1.0-alpha.31

package/dist/utils/anchoredPopupPlacement.js.map

@@ -1 +1 @@
-{"version":3,"file":"anchoredPopupPlacement.js","sources":["../../src/utils/anchoredPopupPlacement.ts"],"sourcesContent":["export type PopupPlacement = 'above' | 'below';\n\nexport const ANCHORED_POPUP_GAP = 4;\nexport const ANCHORED_POPUP_VIEWPORT_MARGIN = 48;\nexport const ANCHORED_POPUP_MIN_HEIGHT = 120;\n/** Default stacking above typical product chrome; hosts can override via zIndex. */\nexport const ANCHORED_POPUP_Z_INDEX = 1000;\n\nexport interface AnchoredPopupPlacementOptions {\n  /** Gap between trigger and popup. Default: 4. */\n  gap?: number;\n  /** Reserved space at the viewport edge. Default: 48. */\n  viewportMargin?: number;\n  /** Height used to decide whether the popup fits below. */\n  preferredHeight: number;\n  /** Cap for scrollable menus (e.g. Select/Combobox 280). */\n  maxHeightCap?: number;\n  /** Floor so short viewports still show a scrollable list. Default: 120. */\n  minHeight?: number;\n}\n\nexport interface AnchoredPopupPlacementResult {\n  placement: PopupPlacement;\n  maxHeight: number;\n}\n\n/**\n * Prefers opening below the anchor; flips above when there isn’t enough room\n * below and there is more space above. Max-height is the available space in the\n * chosen direction, optionally capped.\n */\nexport function computeAnchoredPopupPlacement(\n  anchorRect: Pick<DOMRect, 'top' | 'bottom'>,\n  viewportHeight: number,\n  options: AnchoredPopupPlacementOptions & {\n    /** When set, flip/max-height use this box instead of the viewport. */\n    bounds?: Pick<DOMRect, 'top' | 'bottom'>;\n  },\n): AnchoredPopupPlacementResult {\n  const gap = options.gap ?? ANCHORED_POPUP_GAP;\n  const viewportMargin =\n    options.viewportMargin ?? ANCHORED_POPUP_VIEWPORT_MARGIN;\n  const minHeight = options.minHeight ?? ANCHORED_POPUP_MIN_HEIGHT;\n  const preferredHeight = Math.max(options.preferredHeight, 0);\n\n  const boundsTop = options.bounds?.top ?? 0;\n  const boundsBottom = options.bounds?.bottom ?? viewportHeight;\n\n  const spaceBelow = Math.max(\n    0,\n    boundsBottom - anchorRect.bottom - gap - viewportMargin,\n  );\n  const spaceAbove = Math.max(0, anchorRect.top - boundsTop - gap - viewportMargin);\n\n  const placement: PopupPlacement =\n    spaceBelow < preferredHeight && spaceAbove > spaceBelow ? 'above' : 'below';\n\n  const available = placement === 'below' ? spaceBelow : spaceAbove;\n  const capped =\n    options.maxHeightCap != null\n      ? Math.min(options.maxHeightCap, available)\n      : available;\n\n  return {\n    placement,\n    maxHeight: Math.max(minHeight, capped),\n  };\n}\n\nexport interface AnchoredPopupFixedStyle {\n  position: 'fixed' | 'absolute';\n  top?: number;\n  bottom?: number;\n  left: number;\n  width: number;\n  zIndex: number;\n}\n\nexport type AnchoredPopupBounds = Pick<\n  DOMRect,\n  'top' | 'bottom' | 'left' | 'width' | 'height'\n>;\n\n/** Mount element metrics for portaled absolute positioning. */\nexport interface AnchoredPopupContainerFrame {\n  /** Visible viewport bounds used for flip/max-height. */\n  bounds: Pick<DOMRect, 'top' | 'bottom'>;\n  /** Maps a viewport anchor rect into mount padding-box coordinates. */\n  anchorInContainer: (\n    anchorRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'width'>,\n  ) => {\n    left: number;\n    top: number;\n    bottom: number;\n    width: number;\n  };\n  /** Visible padding-box height used for above `bottom` anchoring. */\n  clientHeight: number;\n  /** Current vertical scroll offset of the mount. */\n  scrollTop: number;\n}\n\nexport function getAnchoredPopupContainerFrame(\n  mount: HTMLElement,\n): AnchoredPopupContainerFrame {\n  const borderRect = mount.getBoundingClientRect();\n  const boundsTop = borderRect.top + mount.clientTop;\n  const boundsBottom = boundsTop + mount.clientHeight;\n\n  return {\n    bounds: { top: boundsTop, bottom: boundsBottom },\n    anchorInContainer: (anchorRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'width'>) => ({\n      left:\n        anchorRect.left -\n        borderRect.left -\n        mount.clientLeft +\n        mount.scrollLeft,\n      top:\n        anchorRect.top -\n        borderRect.top -\n        mount.clientTop +\n        mount.scrollTop,\n      bottom:\n        anchorRect.bottom -\n        borderRect.top -\n        mount.clientTop +\n        mount.scrollTop,\n      width: anchorRect.width,\n    }),\n    clientHeight: mount.clientHeight,\n    scrollTop: mount.scrollTop,\n  };\n}\n\n/**\n * Fixed box coords for a portaled popup anchored to a trigger rect.\n * Below: top edge sits `gap` px under the trigger bottom.\n * Above: bottom edge sits `gap` px above the trigger top (uses `bottom` so\n * height does not affect the gap).\n *\n * When `containerFrame` is provided, returns `absolute` coords in the mount\n * padding box (accounts for scroll and client border offsets). Otherwise uses\n * viewport `fixed` coords (document.body default).\n */\nexport function computeAnchoredPopupFixedStyle(\n  anchorRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'width'>,\n  placement: PopupPlacement,\n  options: {\n    gap?: number;\n    zIndex?: number;\n    /** Override width (defaults to trigger width). */\n    width?: number;\n    viewportHeight?: number;\n    containerFrame?: AnchoredPopupContainerFrame;\n  },\n): AnchoredPopupFixedStyle {\n  const gap = options.gap ?? ANCHORED_POPUP_GAP;\n  const width = options.width ?? anchorRect.width;\n  const zIndex = options.zIndex ?? ANCHORED_POPUP_Z_INDEX;\n  const containerFrame = options.containerFrame;\n\n  if (containerFrame) {\n    const anchor = containerFrame.anchorInContainer(anchorRect);\n    if (placement === 'below') {\n      return {\n        position: 'absolute',\n        top: anchor.bottom + gap,\n        left: anchor.left,\n        width,\n        zIndex,\n      };\n    }\n    const visibleTop = anchor.top - containerFrame.scrollTop;\n    return {\n      position: 'absolute',\n      bottom: containerFrame.clientHeight - visibleTop + gap,\n      left: anchor.left,\n      width,\n      zIndex,\n    };\n  }\n\n  const viewportHeight = options.viewportHeight ?? window.innerHeight;\n\n  if (placement === 'below') {\n    return {\n      position: 'fixed',\n      top: anchorRect.bottom + gap,\n      left: anchorRect.left,\n      width,\n      zIndex,\n    };\n  }\n\n  return {\n    position: 'fixed',\n    bottom: viewportHeight - anchorRect.top + gap,\n    left: anchorRect.left,\n    width,\n    zIndex,\n  };\n}\n"],"names":["ANCHORED_POPUP_GAP","ANCHORED_POPUP_VIEWPORT_MARGIN","ANCHORED_POPUP_MIN_HEIGHT","ANCHORED_POPUP_Z_INDEX","computeAnchoredPopupPlacement","anchorRect","viewportHeight","options","_a","_b","gap","viewportMargin","minHeight","preferredHeight","boundsTop","boundsBottom","spaceBelow","spaceAbove","placement","available","capped","getAnchoredPopupContainerFrame","mount","borderRect","computeAnchoredPopupFixedStyle","width","zIndex","containerFrame","anchor","visibleTop"],"mappings":"AAEO,MAAMA,IAAqB,GACrBC,IAAiC,IACjCC,IAA4B,KAE5BC,IAAyB;AAyB/B,SAASC,EACdC,GACAC,GACAC,GAI8B;AApCzB,MAAAC,GAAAC;AAqCL,QAAMC,IAAMH,EAAQ,OAAO,GACrBI,IACJJ,EAAQ,kBAAkB,IACtBK,IAAYL,EAAQ,aAAa,KACjCM,IAAkB,KAAK,IAAIN,EAAQ,iBAAiB,CAAC,GAErDO,MAAYN,IAAAD,EAAQ,WAAR,gBAAAC,EAAgB,QAAO,GACnCO,MAAeN,IAAAF,EAAQ,WAAR,gBAAAE,EAAgB,WAAUH,GAEzCU,IAAa,KAAK;AAAA,IACtB;AAAA,IACAD,IAAeV,EAAW,SAASK,IAAMC;AAAA,EAAA,GAErCM,IAAa,KAAK,IAAI,GAAGZ,EAAW,MAAMS,IAAYJ,IAAMC,CAAc,GAE1EO,IACJF,IAAaH,KAAmBI,IAAaD,IAAa,UAAU,SAEhEG,IAAYD,MAAc,UAAUF,IAAaC,GACjDG,IACJb,EAAQ,gBAAgB,OACpB,KAAK,IAAIA,EAAQ,cAAcY,CAAS,IACxCA;AAEN,SAAO;AAAA,IACL,WAAAD;AAAA,IACA,WAAW,KAAK,IAAIN,GAAWQ,CAAM;AAAA,EAAA;AAEzC;AAmCO,SAASC,EACdC,GAC6B;AAC7B,QAAMC,IAAaD,EAAM,sBAAA,GACnBR,IAAYS,EAAW,MAAMD,EAAM,WACnCP,IAAeD,IAAYQ,EAAM;AAEvC,SAAO;AAAA,IACL,QAAQ,EAAE,KAAKR,GAAW,QAAQC,EAAA;AAAA,IAClC,mBAAmB,CAACV,OAAoE;AAAA,MACtF,MACEA,EAAW,OACXkB,EAAW,OACXD,EAAM,aACNA,EAAM;AAAA,MACR,KACEjB,EAAW,MACXkB,EAAW,MACXD,EAAM,YACNA,EAAM;AAAA,MACR,QACEjB,EAAW,SACXkB,EAAW,MACXD,EAAM,YACNA,EAAM;AAAA,MACR,OAAOjB,EAAW;AAAA,IAAA;AAAA,IAEpB,cAAciB,EAAM;AAAA,IACpB,WAAWA,EAAM;AAAA,EAAA;AAErB;AAYO,SAASE,EACdnB,GACAa,GACAX,GAQyB;AACzB,QAAMG,IAAMH,EAAQ,OAAO,GACrBkB,IAAQlB,EAAQ,SAASF,EAAW,OACpCqB,IAASnB,EAAQ,UAAU,KAC3BoB,IAAiBpB,EAAQ;AAE/B,MAAIoB,GAAgB;AAClB,UAAMC,IAASD,EAAe,kBAAkBtB,CAAU;AAC1D,QAAIa,MAAc;AAChB,aAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAKU,EAAO,SAASlB;AAAA,QACrB,MAAMkB,EAAO;AAAA,QACb,OAAAH;AAAA,QACA,QAAAC;AAAA,MAAA;AAGJ,UAAMG,IAAaD,EAAO,MAAMD,EAAe;AAC/C,WAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQA,EAAe,eAAeE,IAAanB;AAAA,MACnD,MAAMkB,EAAO;AAAA,MACb,OAAAH;AAAA,MACA,QAAAC;AAAA,IAAA;AAAA,EAEJ;AAEA,QAAMpB,IAAiBC,EAAQ,kBAAkB,OAAO;AAExD,SAAIW,MAAc,UACT;AAAA,IACL,UAAU;AAAA,IACV,KAAKb,EAAW,SAASK;AAAA,IACzB,MAAML,EAAW;AAAA,IACjB,OAAAoB;AAAA,IACA,QAAAC;AAAA,EAAA,IAIG;AAAA,IACL,UAAU;AAAA,IACV,QAAQpB,IAAiBD,EAAW,MAAMK;AAAA,IAC1C,MAAML,EAAW;AAAA,IACjB,OAAAoB;AAAA,IACA,QAAAC;AAAA,EAAA;AAEJ;"}
+{"version":3,"file":"anchoredPopupPlacement.js","sources":["../../src/utils/anchoredPopupPlacement.ts"],"sourcesContent":["export type PopupPlacement = 'above' | 'below';\n\nexport const ANCHORED_POPUP_GAP = 4;\nexport const ANCHORED_POPUP_VIEWPORT_MARGIN = 48;\nexport const ANCHORED_POPUP_MIN_HEIGHT = 120;\n/**\n * Default stacking for portaled menus: the `--z-menu` layer, which sits above\n * modals (`--z-modal`). The fallback keeps it working when tokens aren't loaded.\n * Hosts can override per use via `zIndex` or by redefining the token.\n */\nexport const ANCHORED_POPUP_Z_INDEX = 'var(--z-menu, 1100)';\n\nexport interface AnchoredPopupPlacementOptions {\n  /** Gap between trigger and popup. Default: 4. */\n  gap?: number;\n  /** Reserved space at the viewport edge. Default: 48. */\n  viewportMargin?: number;\n  /** Height used to decide whether the popup fits below. */\n  preferredHeight: number;\n  /** Cap for scrollable menus (e.g. Select/Combobox 280). */\n  maxHeightCap?: number;\n  /** Floor so short viewports still show a scrollable list. Default: 120. */\n  minHeight?: number;\n}\n\nexport interface AnchoredPopupPlacementResult {\n  placement: PopupPlacement;\n  maxHeight: number;\n}\n\n/**\n * Prefers opening below the anchor; flips above when there isn’t enough room\n * below and there is more space above. Max-height is the available space in the\n * chosen direction, optionally capped.\n */\nexport function computeAnchoredPopupPlacement(\n  anchorRect: Pick<DOMRect, 'top' | 'bottom'>,\n  viewportHeight: number,\n  options: AnchoredPopupPlacementOptions & {\n    /** When set, flip/max-height use this box instead of the viewport. */\n    bounds?: Pick<DOMRect, 'top' | 'bottom'>;\n  },\n): AnchoredPopupPlacementResult {\n  const gap = options.gap ?? ANCHORED_POPUP_GAP;\n  const viewportMargin =\n    options.viewportMargin ?? ANCHORED_POPUP_VIEWPORT_MARGIN;\n  const minHeight = options.minHeight ?? ANCHORED_POPUP_MIN_HEIGHT;\n  const preferredHeight = Math.max(options.preferredHeight, 0);\n\n  const boundsTop = options.bounds?.top ?? 0;\n  const boundsBottom = options.bounds?.bottom ?? viewportHeight;\n\n  const spaceBelow = Math.max(\n    0,\n    boundsBottom - anchorRect.bottom - gap - viewportMargin,\n  );\n  const spaceAbove = Math.max(\n    0,\n    anchorRect.top - boundsTop - gap - viewportMargin,\n  );\n\n  const placement: PopupPlacement =\n    spaceBelow < preferredHeight && spaceAbove > spaceBelow ? 'above' : 'below';\n\n  const available = placement === 'below' ? spaceBelow : spaceAbove;\n  const capped =\n    options.maxHeightCap != null\n      ? Math.min(options.maxHeightCap, available)\n      : available;\n\n  return {\n    placement,\n    maxHeight: Math.max(minHeight, capped),\n  };\n}\n\nexport interface AnchoredPopupFixedStyle {\n  position: 'fixed' | 'absolute';\n  top?: number;\n  bottom?: number;\n  left: number;\n  width: number;\n  zIndex: number | string;\n}\n\nexport type AnchoredPopupBounds = Pick<\n  DOMRect,\n  'top' | 'bottom' | 'left' | 'width' | 'height'\n>;\n\n/** Mount element metrics for portaled absolute positioning. */\nexport interface AnchoredPopupContainerFrame {\n  /** Visible viewport bounds used for flip/max-height. */\n  bounds: Pick<DOMRect, 'top' | 'bottom'>;\n  /** Maps a viewport anchor rect into mount padding-box coordinates. */\n  anchorInContainer: (\n    anchorRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'width'>,\n  ) => {\n    left: number;\n    top: number;\n    bottom: number;\n    width: number;\n  };\n  /** Visible padding-box height used for above `bottom` anchoring. */\n  clientHeight: number;\n  /** Current vertical scroll offset of the mount. */\n  scrollTop: number;\n}\n\nexport function getAnchoredPopupContainerFrame(\n  mount: HTMLElement,\n): AnchoredPopupContainerFrame {\n  const borderRect = mount.getBoundingClientRect();\n  const boundsTop = borderRect.top + mount.clientTop;\n  const boundsBottom = boundsTop + mount.clientHeight;\n\n  return {\n    bounds: { top: boundsTop, bottom: boundsBottom },\n    anchorInContainer: (\n      anchorRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'width'>,\n    ) => ({\n      left:\n        anchorRect.left - borderRect.left - mount.clientLeft + mount.scrollLeft,\n      top: anchorRect.top - borderRect.top - mount.clientTop + mount.scrollTop,\n      bottom:\n        anchorRect.bottom - borderRect.top - mount.clientTop + mount.scrollTop,\n      width: anchorRect.width,\n    }),\n    clientHeight: mount.clientHeight,\n    scrollTop: mount.scrollTop,\n  };\n}\n\n/**\n * Fixed box coords for a portaled popup anchored to a trigger rect.\n * Below: top edge sits `gap` px under the trigger bottom.\n * Above: bottom edge sits `gap` px above the trigger top (uses `bottom` so\n * height does not affect the gap).\n *\n * When `containerFrame` is provided, returns `absolute` coords in the mount\n * padding box (accounts for scroll and client border offsets). Otherwise uses\n * viewport `fixed` coords (document.body default).\n */\nexport function computeAnchoredPopupFixedStyle(\n  anchorRect: Pick<DOMRect, 'top' | 'bottom' | 'left' | 'width'>,\n  placement: PopupPlacement,\n  options: {\n    gap?: number;\n    zIndex?: number | string;\n    /** Override width (defaults to trigger width). */\n    width?: number;\n    viewportHeight?: number;\n    containerFrame?: AnchoredPopupContainerFrame;\n  },\n): AnchoredPopupFixedStyle {\n  const gap = options.gap ?? ANCHORED_POPUP_GAP;\n  const width = options.width ?? anchorRect.width;\n  const zIndex = options.zIndex ?? ANCHORED_POPUP_Z_INDEX;\n  const containerFrame = options.containerFrame;\n\n  if (containerFrame) {\n    const anchor = containerFrame.anchorInContainer(anchorRect);\n    if (placement === 'below') {\n      return {\n        position: 'absolute',\n        top: anchor.bottom + gap,\n        left: anchor.left,\n        width,\n        zIndex,\n      };\n    }\n    const visibleTop = anchor.top - containerFrame.scrollTop;\n    return {\n      position: 'absolute',\n      bottom: containerFrame.clientHeight - visibleTop + gap,\n      left: anchor.left,\n      width,\n      zIndex,\n    };\n  }\n\n  const viewportHeight = options.viewportHeight ?? window.innerHeight;\n\n  if (placement === 'below') {\n    return {\n      position: 'fixed',\n      top: anchorRect.bottom + gap,\n      left: anchorRect.left,\n      width,\n      zIndex,\n    };\n  }\n\n  return {\n    position: 'fixed',\n    bottom: viewportHeight - anchorRect.top + gap,\n    left: anchorRect.left,\n    width,\n    zIndex,\n  };\n}\n"],"names":["ANCHORED_POPUP_GAP","ANCHORED_POPUP_VIEWPORT_MARGIN","ANCHORED_POPUP_MIN_HEIGHT","ANCHORED_POPUP_Z_INDEX","computeAnchoredPopupPlacement","anchorRect","viewportHeight","options","_a","_b","gap","viewportMargin","minHeight","preferredHeight","boundsTop","boundsBottom","spaceBelow","spaceAbove","placement","available","capped","getAnchoredPopupContainerFrame","mount","borderRect","computeAnchoredPopupFixedStyle","width","zIndex","containerFrame","anchor","visibleTop"],"mappings":"AAEO,MAAMA,IAAqB,GACrBC,IAAiC,IACjCC,IAA4B,KAM5BC,IAAyB;AAyB/B,SAASC,EACdC,GACAC,GACAC,GAI8B;AAxCzB,MAAAC,GAAAC;AAyCL,QAAMC,IAAMH,EAAQ,OAAO,GACrBI,IACJJ,EAAQ,kBAAkB,IACtBK,IAAYL,EAAQ,aAAa,KACjCM,IAAkB,KAAK,IAAIN,EAAQ,iBAAiB,CAAC,GAErDO,MAAYN,IAAAD,EAAQ,WAAR,gBAAAC,EAAgB,QAAO,GACnCO,MAAeN,IAAAF,EAAQ,WAAR,gBAAAE,EAAgB,WAAUH,GAEzCU,IAAa,KAAK;AAAA,IACtB;AAAA,IACAD,IAAeV,EAAW,SAASK,IAAMC;AAAA,EAAA,GAErCM,IAAa,KAAK;AAAA,IACtB;AAAA,IACAZ,EAAW,MAAMS,IAAYJ,IAAMC;AAAA,EAAA,GAG/BO,IACJF,IAAaH,KAAmBI,IAAaD,IAAa,UAAU,SAEhEG,IAAYD,MAAc,UAAUF,IAAaC,GACjDG,IACJb,EAAQ,gBAAgB,OACpB,KAAK,IAAIA,EAAQ,cAAcY,CAAS,IACxCA;AAEN,SAAO;AAAA,IACL,WAAAD;AAAA,IACA,WAAW,KAAK,IAAIN,GAAWQ,CAAM;AAAA,EAAA;AAEzC;AAmCO,SAASC,EACdC,GAC6B;AAC7B,QAAMC,IAAaD,EAAM,sBAAA,GACnBR,IAAYS,EAAW,MAAMD,EAAM,WACnCP,IAAeD,IAAYQ,EAAM;AAEvC,SAAO;AAAA,IACL,QAAQ,EAAE,KAAKR,GAAW,QAAQC,EAAA;AAAA,IAClC,mBAAmB,CACjBV,OACI;AAAA,MACJ,MACEA,EAAW,OAAOkB,EAAW,OAAOD,EAAM,aAAaA,EAAM;AAAA,MAC/D,KAAKjB,EAAW,MAAMkB,EAAW,MAAMD,EAAM,YAAYA,EAAM;AAAA,MAC/D,QACEjB,EAAW,SAASkB,EAAW,MAAMD,EAAM,YAAYA,EAAM;AAAA,MAC/D,OAAOjB,EAAW;AAAA,IAAA;AAAA,IAEpB,cAAciB,EAAM;AAAA,IACpB,WAAWA,EAAM;AAAA,EAAA;AAErB;AAYO,SAASE,EACdnB,GACAa,GACAX,GAQyB;AACzB,QAAMG,IAAMH,EAAQ,OAAO,GACrBkB,IAAQlB,EAAQ,SAASF,EAAW,OACpCqB,IAASnB,EAAQ,UAAUJ,GAC3BwB,IAAiBpB,EAAQ;AAE/B,MAAIoB,GAAgB;AAClB,UAAMC,IAASD,EAAe,kBAAkBtB,CAAU;AAC1D,QAAIa,MAAc;AAChB,aAAO;AAAA,QACL,UAAU;AAAA,QACV,KAAKU,EAAO,SAASlB;AAAA,QACrB,MAAMkB,EAAO;AAAA,QACb,OAAAH;AAAA,QACA,QAAAC;AAAA,MAAA;AAGJ,UAAMG,IAAaD,EAAO,MAAMD,EAAe;AAC/C,WAAO;AAAA,MACL,UAAU;AAAA,MACV,QAAQA,EAAe,eAAeE,IAAanB;AAAA,MACnD,MAAMkB,EAAO;AAAA,MACb,OAAAH;AAAA,MACA,QAAAC;AAAA,IAAA;AAAA,EAEJ;AAEA,QAAMpB,IAAiBC,EAAQ,kBAAkB,OAAO;AAExD,SAAIW,MAAc,UACT;AAAA,IACL,UAAU;AAAA,IACV,KAAKb,EAAW,SAASK;AAAA,IACzB,MAAML,EAAW;AAAA,IACjB,OAAAoB;AAAA,IACA,QAAAC;AAAA,EAAA,IAIG;AAAA,IACL,UAAU;AAAA,IACV,QAAQpB,IAAiBD,EAAW,MAAMK;AAAA,IAC1C,MAAML,EAAW;AAAA,IACjB,OAAAoB;AAAA,IACA,QAAAC;AAAA,EAAA;AAEJ;"}

package/dist/utils/duration.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function u(n,t){if(typeof document>"u")return t;const o=getComputedStyle(document.documentElement).getPropertyValue(n).trim(),e=/^(\d*\.?\d+)(ms|s)$/.exec(o);if(!e)return t;const r=parseFloat(e[1]);return e[2]==="s"?r*1e3:r}exports.readDurationMs=u;
+//# sourceMappingURL=duration.cjs.map

package/dist/utils/duration.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"duration.cjs","sources":["../../src/utils/duration.ts"],"sourcesContent":["/**\n * Reads a duration token (e.g. `--duration-quick`) from the document root and\n * returns milliseconds, so JS timers that wait on a CSS transition follow the\n * token instead of a hard-coded copy. Falls back when the token is missing\n * (SSR, tests, hosts that did not load the stylesheet).\n */\nexport function readDurationMs(token: string, fallbackMs: number): number {\n  if (typeof document === 'undefined') return fallbackMs;\n  const raw = getComputedStyle(document.documentElement)\n    .getPropertyValue(token)\n    .trim();\n  const match = /^(\\d*\\.?\\d+)(ms|s)$/.exec(raw);\n  if (!match) return fallbackMs;\n  const value = parseFloat(match[1]);\n  return match[2] === 's' ? value * 1000 : value;\n}\n"],"names":["readDurationMs","token","fallbackMs","raw","match","value"],"mappings":"gFAMO,SAASA,EAAeC,EAAeC,EAA4B,CACxE,GAAI,OAAO,SAAa,IAAa,OAAOA,EAC5C,MAAMC,EAAM,iBAAiB,SAAS,eAAe,EAClD,iBAAiBF,CAAK,EACtB,KAAA,EACGG,EAAQ,sBAAsB,KAAKD,CAAG,EAC5C,GAAI,CAACC,EAAO,OAAOF,EACnB,MAAMG,EAAQ,WAAWD,EAAM,CAAC,CAAC,EACjC,OAAOA,EAAM,CAAC,IAAM,IAAMC,EAAQ,IAAOA,CAC3C"}

package/dist/utils/duration.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Reads a duration token (e.g. `--duration-quick`) from the document root and
+ * returns milliseconds, so JS timers that wait on a CSS transition follow the
+ * token instead of a hard-coded copy. Falls back when the token is missing
+ * (SSR, tests, hosts that did not load the stylesheet).
+ */
+export declare function readDurationMs(token: string, fallbackMs: number): number;
+//# sourceMappingURL=duration.d.ts.map

package/dist/utils/duration.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"duration.d.ts","sourceRoot":"","sources":["../../src/utils/duration.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,GAAG,MAAM,CASxE"}

package/dist/utils/duration.js

@@ -0,0 +1,11 @@
+function u(r, t) {
+  if (typeof document > "u") return t;
+  const o = getComputedStyle(document.documentElement).getPropertyValue(r).trim(), e = /^(\d*\.?\d+)(ms|s)$/.exec(o);
+  if (!e) return t;
+  const n = parseFloat(e[1]);
+  return e[2] === "s" ? n * 1e3 : n;
+}
+export {
+  u as readDurationMs
+};
+//# sourceMappingURL=duration.js.map

package/dist/utils/duration.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"duration.js","sources":["../../src/utils/duration.ts"],"sourcesContent":["/**\n * Reads a duration token (e.g. `--duration-quick`) from the document root and\n * returns milliseconds, so JS timers that wait on a CSS transition follow the\n * token instead of a hard-coded copy. Falls back when the token is missing\n * (SSR, tests, hosts that did not load the stylesheet).\n */\nexport function readDurationMs(token: string, fallbackMs: number): number {\n  if (typeof document === 'undefined') return fallbackMs;\n  const raw = getComputedStyle(document.documentElement)\n    .getPropertyValue(token)\n    .trim();\n  const match = /^(\\d*\\.?\\d+)(ms|s)$/.exec(raw);\n  if (!match) return fallbackMs;\n  const value = parseFloat(match[1]);\n  return match[2] === 's' ? value * 1000 : value;\n}\n"],"names":["readDurationMs","token","fallbackMs","raw","match","value"],"mappings":"AAMO,SAASA,EAAeC,GAAeC,GAA4B;AACxE,MAAI,OAAO,WAAa,IAAa,QAAOA;AAC5C,QAAMC,IAAM,iBAAiB,SAAS,eAAe,EAClD,iBAAiBF,CAAK,EACtB,KAAA,GACGG,IAAQ,sBAAsB,KAAKD,CAAG;AAC5C,MAAI,CAACC,EAAO,QAAOF;AACnB,QAAMG,IAAQ,WAAWD,EAAM,CAAC,CAAC;AACjC,SAAOA,EAAM,CAAC,MAAM,MAAMC,IAAQ,MAAOA;AAC3C;"}

package/dist/utils/menuItemProps.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=require("./props.cjs");function n(...t){const r={};for(const e of t)e&&Object.assign(r,e);const o=s.mergeClassNames(...t.map(e=>e==null?void 0:e.className));return o&&(r.className=o),r}exports.mergeMenuItemProps=n;
+//# sourceMappingURL=menuItemProps.cjs.map

package/dist/utils/menuItemProps.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuItemProps.cjs","sources":["../../src/utils/menuItemProps.ts"],"sourcesContent":["import { mergeClassNames } from '@/utils/props';\n\n/** Later sources win; `className` is merged. Used for `menuItemProps` on a menu and on one of its options. */\nexport function mergeMenuItemProps<T extends { className?: string }>(\n  ...sources: Array<T | undefined>\n): T {\n  const merged = {} as T;\n  for (const source of sources) {\n    if (!source) continue;\n    Object.assign(merged, source);\n  }\n  const className = mergeClassNames(...sources.map((s) => s?.className));\n  if (className) merged.className = className;\n  return merged;\n}\n"],"names":["mergeMenuItemProps","sources","merged","source","className","mergeClassNames","s"],"mappings":"+GAGO,SAASA,KACXC,EACA,CACH,MAAMC,EAAS,CAAA,EACf,UAAWC,KAAUF,EACdE,GACL,OAAO,OAAOD,EAAQC,CAAM,EAE9B,MAAMC,EAAYC,EAAAA,gBAAgB,GAAGJ,EAAQ,IAAKK,GAAMA,GAAA,YAAAA,EAAG,SAAS,CAAC,EACrE,OAAIF,MAAkB,UAAYA,GAC3BF,CACT"}

package/dist/utils/menuItemProps.d.ts

@@ -0,0 +1,5 @@
+/** Later sources win; `className` is merged. Used for `menuItemProps` on a menu and on one of its options. */
+export declare function mergeMenuItemProps<T extends {
+    className?: string;
+}>(...sources: Array<T | undefined>): T;
+//# sourceMappingURL=menuItemProps.d.ts.map

package/dist/utils/menuItemProps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuItemProps.d.ts","sourceRoot":"","sources":["../../src/utils/menuItemProps.ts"],"names":[],"mappings":"AAEA,8GAA8G;AAC9G,wBAAgB,kBAAkB,CAAC,CAAC,SAAS;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,EACjE,GAAG,OAAO,EAAE,KAAK,CAAC,CAAC,GAAG,SAAS,CAAC,GAC/B,CAAC,CASH"}

package/dist/utils/menuItemProps.js

@@ -0,0 +1,12 @@
+import { mergeClassNames as n } from "./props.js";
+function s(...o) {
+  const m = {};
+  for (const e of o)
+    e && Object.assign(m, e);
+  const a = n(...o.map((e) => e == null ? void 0 : e.className));
+  return a && (m.className = a), m;
+}
+export {
+  s as mergeMenuItemProps
+};
+//# sourceMappingURL=menuItemProps.js.map

package/dist/utils/menuItemProps.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"menuItemProps.js","sources":["../../src/utils/menuItemProps.ts"],"sourcesContent":["import { mergeClassNames } from '@/utils/props';\n\n/** Later sources win; `className` is merged. Used for `menuItemProps` on a menu and on one of its options. */\nexport function mergeMenuItemProps<T extends { className?: string }>(\n  ...sources: Array<T | undefined>\n): T {\n  const merged = {} as T;\n  for (const source of sources) {\n    if (!source) continue;\n    Object.assign(merged, source);\n  }\n  const className = mergeClassNames(...sources.map((s) => s?.className));\n  if (className) merged.className = className;\n  return merged;\n}\n"],"names":["mergeMenuItemProps","sources","merged","source","className","mergeClassNames","s"],"mappings":";AAGO,SAASA,KACXC,GACA;AACH,QAAMC,IAAS,CAAA;AACf,aAAWC,KAAUF;AACnB,IAAKE,KACL,OAAO,OAAOD,GAAQC,CAAM;AAE9B,QAAMC,IAAYC,EAAgB,GAAGJ,EAAQ,IAAI,CAACK,MAAMA,KAAA,gBAAAA,EAAG,SAAS,CAAC;AACrE,SAAIF,QAAkB,YAAYA,IAC3BF;AACT;"}

package/dist/utils/props.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});function r(...e){return e.filter(Boolean).join(" ")}exports.mergeClassNames=r;
+//# sourceMappingURL=props.cjs.map

package/dist/utils/props.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.cjs","sources":["../../src/utils/props.ts"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react';\n\n/** `data-*` attributes, so object literals like `{ 'data-testid': 'x' }` type-check. */\nexport type DataAttributes = {\n  [key: `data-${string}`]: string | number | boolean | undefined;\n};\n\n/**\n * Extra attributes for a component's built-in button (close, dismiss, back,\n * clear). The component's own `onClick`, `aria-label`, and variant props take\n * precedence; `className` is merged.\n */\nexport type BuiltInButtonProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'children' | 'style'\n> &\n  DataAttributes;\n\nexport function mergeClassNames(\n  ...names: Array<string | false | null | undefined>\n): string {\n  return names.filter(Boolean).join(' ');\n}\n"],"names":["mergeClassNames","names"],"mappings":"gFAkBO,SAASA,KACXC,EACK,CACR,OAAOA,EAAM,OAAO,OAAO,EAAE,KAAK,GAAG,CACvC"}

package/dist/utils/props.d.ts

@@ -0,0 +1,13 @@
+import { ButtonHTMLAttributes } from 'react';
+/** `data-*` attributes, so object literals like `{ 'data-testid': 'x' }` type-check. */
+export type DataAttributes = {
+    [key: `data-${string}`]: string | number | boolean | undefined;
+};
+/**
+ * Extra attributes for a component's built-in button (close, dismiss, back,
+ * clear). The component's own `onClick`, `aria-label`, and variant props take
+ * precedence; `className` is merged.
+ */
+export type BuiltInButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children' | 'style'> & DataAttributes;
+export declare function mergeClassNames(...names: Array<string | false | null | undefined>): string;
+//# sourceMappingURL=props.d.ts.map

package/dist/utils/props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/utils/props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAElD,wFAAwF;AACxF,MAAM,MAAM,cAAc,GAAG;IAC3B,CAAC,GAAG,EAAE,QAAQ,MAAM,EAAE,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,SAAS,CAAC;CAChE,CAAC;AAEF;;;;GAIG;AACH,MAAM,MAAM,kBAAkB,GAAG,IAAI,CACnC,oBAAoB,CAAC,iBAAiB,CAAC,EACvC,UAAU,GAAG,OAAO,CACrB,GACC,cAAc,CAAC;AAEjB,wBAAgB,eAAe,CAC7B,GAAG,KAAK,EAAE,KAAK,CAAC,MAAM,GAAG,KAAK,GAAG,IAAI,GAAG,SAAS,CAAC,GACjD,MAAM,CAER"}

package/dist/utils/props.js

@@ -0,0 +1,7 @@
+function n(...e) {
+  return e.filter(Boolean).join(" ");
+}
+export {
+  n as mergeClassNames
+};
+//# sourceMappingURL=props.js.map

package/dist/utils/props.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"props.js","sources":["../../src/utils/props.ts"],"sourcesContent":["import type { ButtonHTMLAttributes } from 'react';\n\n/** `data-*` attributes, so object literals like `{ 'data-testid': 'x' }` type-check. */\nexport type DataAttributes = {\n  [key: `data-${string}`]: string | number | boolean | undefined;\n};\n\n/**\n * Extra attributes for a component's built-in button (close, dismiss, back,\n * clear). The component's own `onClick`, `aria-label`, and variant props take\n * precedence; `className` is merged.\n */\nexport type BuiltInButtonProps = Omit<\n  ButtonHTMLAttributes<HTMLButtonElement>,\n  'children' | 'style'\n> &\n  DataAttributes;\n\nexport function mergeClassNames(\n  ...names: Array<string | false | null | undefined>\n): string {\n  return names.filter(Boolean).join(' ');\n}\n"],"names":["mergeClassNames","names"],"mappings":"AAkBO,SAASA,KACXC,GACK;AACR,SAAOA,EAAM,OAAO,OAAO,EAAE,KAAK,GAAG;AACvC;"}

package/dist/utils/scrollLock.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const s=Symbol.for("@mattermost/compass-ui/scroll-lock/v1");function a(o){const e=globalThis;let t=e[s];t||(t=new WeakMap,e[s]=t);let n=t.get(o);return n||(n={count:0,savedOverflow:"",savedPaddingRight:""},t.set(o,n)),n}function r(o){var n;const e=o.documentElement.clientWidth,t=((n=o.defaultView)==null?void 0:n.innerWidth)??0;return e>0&&t>e?t-e:0}function u(o=typeof document>"u"?void 0:document){var i;if(!o)return()=>{};const{body:e}=o,t=a(o);if(t.count===0){const l=r(o);if(t.savedOverflow=e.style.overflow,t.savedPaddingRight=e.style.paddingRight,l>0){const d=parseFloat(((i=o.defaultView)==null?void 0:i.getComputedStyle(e).paddingRight)??"")||0;e.style.paddingRight=`${d+l}px`}e.style.overflow="hidden"}t.count+=1;let n=!1;return()=>{n||(n=!0,t.count-=1,t.count===0&&(e.style.overflow=t.savedOverflow,e.style.paddingRight=t.savedPaddingRight))}}exports.lockBodyScroll=u;
+//# sourceMappingURL=scrollLock.cjs.map

package/dist/utils/scrollLock.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollLock.cjs","sources":["../../src/utils/scrollLock.ts"],"sourcesContent":["interface ScrollLockState {\n  count: number;\n  savedOverflow: string;\n  savedPaddingRight: string;\n}\n\n// Shared on globalThis so every bundled compass-ui copy on the page counts the same locks.\nconst STATE_KEY = Symbol.for('@mattermost/compass-ui/scroll-lock/v1');\n\n// Keyed per document so a popout window or iframe locks and restores independently.\nfunction getState(doc: Document): ScrollLockState {\n  const host = globalThis as unknown as Record<\n    symbol,\n    WeakMap<Document, ScrollLockState> | undefined\n  >;\n  let states = host[STATE_KEY];\n  if (!states) {\n    states = new WeakMap();\n    host[STATE_KEY] = states;\n  }\n  let state = states.get(doc);\n  if (!state) {\n    state = { count: 0, savedOverflow: '', savedPaddingRight: '' };\n    states.set(doc, state);\n  }\n  return state;\n}\n\nfunction scrollbarWidth(doc: Document): number {\n  const viewport = doc.documentElement.clientWidth;\n  const outer = doc.defaultView?.innerWidth ?? 0;\n  // clientWidth is 0 in non-layout environments (jsdom); don't treat that as a scrollbar.\n  return viewport > 0 && outer > viewport ? outer - viewport : 0;\n}\n\n/**\n * Locks scroll on `doc.body` (default: the global `document`). Ref-counted so\n * stacked locks restore the original `overflow` only once the last one is\n * released. Pads the body by the scrollbar width so the page doesn't shift\n * sideways when the scrollbar disappears. Returns the release function; calling\n * it more than once is a no-op.\n */\nexport function lockBodyScroll(\n  doc: Document | undefined = typeof document === 'undefined'\n    ? undefined\n    : document,\n): () => void {\n  if (!doc) return () => {};\n\n  const { body } = doc;\n  const state = getState(doc);\n  if (state.count === 0) {\n    const gap = scrollbarWidth(doc);\n    state.savedOverflow = body.style.overflow;\n    state.savedPaddingRight = body.style.paddingRight;\n    if (gap > 0) {\n      const base =\n        parseFloat(\n          doc.defaultView?.getComputedStyle(body).paddingRight ?? '',\n        ) || 0;\n      body.style.paddingRight = `${base + gap}px`;\n    }\n    body.style.overflow = 'hidden';\n  }\n  state.count += 1;\n\n  let released = false;\n  return () => {\n    if (released) return;\n    released = true;\n    state.count -= 1;\n    if (state.count === 0) {\n      body.style.overflow = state.savedOverflow;\n      body.style.paddingRight = state.savedPaddingRight;\n    }\n  };\n}\n"],"names":["STATE_KEY","getState","doc","host","states","state","scrollbarWidth","viewport","outer","_a","lockBodyScroll","body","gap","base","released"],"mappings":"gFAOA,MAAMA,EAAY,OAAO,IAAI,uCAAuC,EAGpE,SAASC,EAASC,EAAgC,CAChD,MAAMC,EAAO,WAIb,IAAIC,EAASD,EAAKH,CAAS,EACtBI,IACHA,MAAa,QACbD,EAAKH,CAAS,EAAII,GAEpB,IAAIC,EAAQD,EAAO,IAAIF,CAAG,EAC1B,OAAKG,IACHA,EAAQ,CAAE,MAAO,EAAG,cAAe,GAAI,kBAAmB,EAAA,EAC1DD,EAAO,IAAIF,EAAKG,CAAK,GAEhBA,CACT,CAEA,SAASC,EAAeJ,EAAuB,OAC7C,MAAMK,EAAWL,EAAI,gBAAgB,YAC/BM,IAAQC,EAAAP,EAAI,cAAJ,YAAAO,EAAiB,aAAc,EAE7C,OAAOF,EAAW,GAAKC,EAAQD,EAAWC,EAAQD,EAAW,CAC/D,CASO,SAASG,EACdR,EAA4B,OAAO,SAAa,IAC5C,OACA,SACQ,OACZ,GAAI,CAACA,EAAK,MAAO,IAAM,CAAC,EAExB,KAAM,CAAE,KAAAS,GAAST,EACXG,EAAQJ,EAASC,CAAG,EAC1B,GAAIG,EAAM,QAAU,EAAG,CACrB,MAAMO,EAAMN,EAAeJ,CAAG,EAG9B,GAFAG,EAAM,cAAgBM,EAAK,MAAM,SACjCN,EAAM,kBAAoBM,EAAK,MAAM,aACjCC,EAAM,EAAG,CACX,MAAMC,EACJ,aACEJ,EAAAP,EAAI,cAAJ,YAAAO,EAAiB,iBAAiBE,GAAM,eAAgB,EAAA,GACrD,EACPA,EAAK,MAAM,aAAe,GAAGE,EAAOD,CAAG,IACzC,CACAD,EAAK,MAAM,SAAW,QACxB,CACAN,EAAM,OAAS,EAEf,IAAIS,EAAW,GACf,MAAO,IAAM,CACPA,IACJA,EAAW,GACXT,EAAM,OAAS,EACXA,EAAM,QAAU,IAClBM,EAAK,MAAM,SAAWN,EAAM,cAC5BM,EAAK,MAAM,aAAeN,EAAM,mBAEpC,CACF"}

package/dist/utils/scrollLock.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Locks scroll on `doc.body` (default: the global `document`). Ref-counted so
+ * stacked locks restore the original `overflow` only once the last one is
+ * released. Pads the body by the scrollbar width so the page doesn't shift
+ * sideways when the scrollbar disappears. Returns the release function; calling
+ * it more than once is a no-op.
+ */
+export declare function lockBodyScroll(doc?: Document | undefined): () => void;
+//# sourceMappingURL=scrollLock.d.ts.map

package/dist/utils/scrollLock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollLock.d.ts","sourceRoot":"","sources":["../../src/utils/scrollLock.ts"],"names":[],"mappings":"AAmCA;;;;;;GAMG;AACH,wBAAgB,cAAc,CAC5B,GAAG,GAAE,QAAQ,GAAG,SAEJ,GACX,MAAM,IAAI,CA8BZ"}

package/dist/utils/scrollLock.js

@@ -0,0 +1,38 @@
+const l = Symbol.for("@mattermost/compass-ui/scroll-lock/v1");
+function d(n) {
+  const e = globalThis;
+  let t = e[l];
+  t || (t = /* @__PURE__ */ new WeakMap(), e[l] = t);
+  let o = t.get(n);
+  return o || (o = { count: 0, savedOverflow: "", savedPaddingRight: "" }, t.set(n, o)), o;
+}
+function r(n) {
+  var o;
+  const e = n.documentElement.clientWidth, t = ((o = n.defaultView) == null ? void 0 : o.innerWidth) ?? 0;
+  return e > 0 && t > e ? t - e : 0;
+}
+function u(n = typeof document > "u" ? void 0 : document) {
+  var i;
+  if (!n) return () => {
+  };
+  const { body: e } = n, t = d(n);
+  if (t.count === 0) {
+    const s = r(n);
+    if (t.savedOverflow = e.style.overflow, t.savedPaddingRight = e.style.paddingRight, s > 0) {
+      const a = parseFloat(
+        ((i = n.defaultView) == null ? void 0 : i.getComputedStyle(e).paddingRight) ?? ""
+      ) || 0;
+      e.style.paddingRight = `${a + s}px`;
+    }
+    e.style.overflow = "hidden";
+  }
+  t.count += 1;
+  let o = !1;
+  return () => {
+    o || (o = !0, t.count -= 1, t.count === 0 && (e.style.overflow = t.savedOverflow, e.style.paddingRight = t.savedPaddingRight));
+  };
+}
+export {
+  u as lockBodyScroll
+};
+//# sourceMappingURL=scrollLock.js.map

package/dist/utils/scrollLock.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scrollLock.js","sources":["../../src/utils/scrollLock.ts"],"sourcesContent":["interface ScrollLockState {\n  count: number;\n  savedOverflow: string;\n  savedPaddingRight: string;\n}\n\n// Shared on globalThis so every bundled compass-ui copy on the page counts the same locks.\nconst STATE_KEY = Symbol.for('@mattermost/compass-ui/scroll-lock/v1');\n\n// Keyed per document so a popout window or iframe locks and restores independently.\nfunction getState(doc: Document): ScrollLockState {\n  const host = globalThis as unknown as Record<\n    symbol,\n    WeakMap<Document, ScrollLockState> | undefined\n  >;\n  let states = host[STATE_KEY];\n  if (!states) {\n    states = new WeakMap();\n    host[STATE_KEY] = states;\n  }\n  let state = states.get(doc);\n  if (!state) {\n    state = { count: 0, savedOverflow: '', savedPaddingRight: '' };\n    states.set(doc, state);\n  }\n  return state;\n}\n\nfunction scrollbarWidth(doc: Document): number {\n  const viewport = doc.documentElement.clientWidth;\n  const outer = doc.defaultView?.innerWidth ?? 0;\n  // clientWidth is 0 in non-layout environments (jsdom); don't treat that as a scrollbar.\n  return viewport > 0 && outer > viewport ? outer - viewport : 0;\n}\n\n/**\n * Locks scroll on `doc.body` (default: the global `document`). Ref-counted so\n * stacked locks restore the original `overflow` only once the last one is\n * released. Pads the body by the scrollbar width so the page doesn't shift\n * sideways when the scrollbar disappears. Returns the release function; calling\n * it more than once is a no-op.\n */\nexport function lockBodyScroll(\n  doc: Document | undefined = typeof document === 'undefined'\n    ? undefined\n    : document,\n): () => void {\n  if (!doc) return () => {};\n\n  const { body } = doc;\n  const state = getState(doc);\n  if (state.count === 0) {\n    const gap = scrollbarWidth(doc);\n    state.savedOverflow = body.style.overflow;\n    state.savedPaddingRight = body.style.paddingRight;\n    if (gap > 0) {\n      const base =\n        parseFloat(\n          doc.defaultView?.getComputedStyle(body).paddingRight ?? '',\n        ) || 0;\n      body.style.paddingRight = `${base + gap}px`;\n    }\n    body.style.overflow = 'hidden';\n  }\n  state.count += 1;\n\n  let released = false;\n  return () => {\n    if (released) return;\n    released = true;\n    state.count -= 1;\n    if (state.count === 0) {\n      body.style.overflow = state.savedOverflow;\n      body.style.paddingRight = state.savedPaddingRight;\n    }\n  };\n}\n"],"names":["STATE_KEY","getState","doc","host","states","state","scrollbarWidth","_a","viewport","outer","lockBodyScroll","body","gap","base","released"],"mappings":"AAOA,MAAMA,IAAY,OAAO,IAAI,uCAAuC;AAGpE,SAASC,EAASC,GAAgC;AAChD,QAAMC,IAAO;AAIb,MAAIC,IAASD,EAAKH,CAAS;AAC3B,EAAKI,MACHA,wBAAa,QAAA,GACbD,EAAKH,CAAS,IAAII;AAEpB,MAAIC,IAAQD,EAAO,IAAIF,CAAG;AAC1B,SAAKG,MACHA,IAAQ,EAAE,OAAO,GAAG,eAAe,IAAI,mBAAmB,GAAA,GAC1DD,EAAO,IAAIF,GAAKG,CAAK,IAEhBA;AACT;AAEA,SAASC,EAAeJ,GAAuB;AArB/C,MAAAK;AAsBE,QAAMC,IAAWN,EAAI,gBAAgB,aAC/BO,MAAQF,IAAAL,EAAI,gBAAJ,gBAAAK,EAAiB,eAAc;AAE7C,SAAOC,IAAW,KAAKC,IAAQD,IAAWC,IAAQD,IAAW;AAC/D;AASO,SAASE,EACdR,IAA4B,OAAO,WAAa,MAC5C,SACA,UACQ;AAvCd,MAAAK;AAwCE,MAAI,CAACL,EAAK,QAAO,MAAM;AAAA,EAAC;AAExB,QAAM,EAAE,MAAAS,MAAST,GACXG,IAAQJ,EAASC,CAAG;AAC1B,MAAIG,EAAM,UAAU,GAAG;AACrB,UAAMO,IAAMN,EAAeJ,CAAG;AAG9B,QAFAG,EAAM,gBAAgBM,EAAK,MAAM,UACjCN,EAAM,oBAAoBM,EAAK,MAAM,cACjCC,IAAM,GAAG;AACX,YAAMC,IACJ;AAAA,UACEN,IAAAL,EAAI,gBAAJ,gBAAAK,EAAiB,iBAAiBI,GAAM,iBAAgB;AAAA,MAAA,KACrD;AACP,MAAAA,EAAK,MAAM,eAAe,GAAGE,IAAOD,CAAG;AAAA,IACzC;AACA,IAAAD,EAAK,MAAM,WAAW;AAAA,EACxB;AACA,EAAAN,EAAM,SAAS;AAEf,MAAIS,IAAW;AACf,SAAO,MAAM;AACX,IAAIA,MACJA,IAAW,IACXT,EAAM,SAAS,GACXA,EAAM,UAAU,MAClBM,EAAK,MAAM,WAAWN,EAAM,eAC5BM,EAAK,MAAM,eAAeN,EAAM;AAAA,EAEpC;AACF;"}

package/dist/utils/slot.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const u=require("react"),d=require("./props.cjs");function R(e,t){typeof e=="function"?e(t):e!=null&&(e.current=t)}function y(...e){return t=>{for(const n of e)R(n,t)}}function g(e){var n;const t=(n=e.props)==null?void 0:n.ref;return t!==void 0?t:e.ref}function v(e){var t;return e.length>2&&e.startsWith("on")&&e[2]===((t=e[2])==null?void 0:t.toUpperCase())}function h(e,t){const n={...t};for(const r of Object.keys(e)){const o=e[r],s=t[r];v(r)?typeof o=="function"&&typeof s=="function"?n[r]=(...c)=>{const l=c[0];s(...c),l!=null&&l.defaultPrevented||o(...c)}:typeof o=="function"&&(n[r]=o):r==="style"?n.style={...typeof o=="object"&&o!=null?o:null,...typeof s=="object"&&s!=null?s:null}:r==="className"?n.className=d.mergeClassNames(typeof o=="string"?o:void 0,typeof s=="string"?s:void 0):r in t||(n[r]=o)}return n}function C(e){return e==null||e===!1||e===!0?!1:typeof e=="string"?e.length>0:Array.isArray(e)?e.some(C):!0}function m(e){e.preventDefault(),e.stopPropagation()}function b({child:e,props:t,ref:n,content:r,disabled:o=!1,disabledClassName:s,warnOnChildContent:c=!1}){const l=process.env.NODE_ENV!=="production";let i=null;try{i=u.Children.only(e)}catch{i=null}if(!u.isValidElement(i))return l&&console.warn("asChild expects a single React element child (e.g. <a> or <Link>)."),null;const p=i.props;l&&c&&C(p.children)&&console.warn(`asChild replaces the child element's children with component anatomy. Pass an empty element (e.g. <a href="…" />).`);const f={...t};delete f.type,o&&(f["aria-disabled"]=!0,s&&(f.className=d.mergeClassNames(typeof f.className=="string"?f.className:void 0,s)));const a=h(f,p);o&&(a.onClick=m,a.onAuxClick=m);const N=g(i);return u.cloneElement(i,{...a,ref:y(n,N),children:r})}exports.composeRefs=y;exports.getElementRef=g;exports.mergeSlotProps=h;exports.renderAsChild=b;
+//# sourceMappingURL=slot.cjs.map

package/dist/utils/slot.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.cjs","sources":["../../src/utils/slot.ts"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  isValidElement,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefCallback,\n} from 'react';\nimport { mergeClassNames } from '@/utils/props';\n\ntype PossibleRef<T> = Ref<T> | undefined;\n\n/** Assigns a value to a callback or object ref. */\nfunction setRef<T>(ref: PossibleRef<T>, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    (ref as { current: T | null }).current = value;\n  }\n}\n\n/** Composes multiple refs into a single callback ref. */\nexport function composeRefs<T>(...refs: Array<PossibleRef<T>>): RefCallback<T> {\n  return (node) => {\n    for (const ref of refs) {\n      setRef(ref, node);\n    }\n  };\n}\n\n/**\n * Reads the ref from a React element across React 18 (`element.ref`) and\n * React 19 (`element.props.ref`).\n */\nexport function getElementRef(element: ReactElement): Ref<unknown> | undefined {\n  // React 19: ref is a regular prop. React 18: ref is on the element.\n  const propsRef = (element.props as { ref?: Ref<unknown> } | null | undefined)\n    ?.ref;\n  if (propsRef !== undefined) {\n    return propsRef;\n  }\n  return (element as ReactElement & { ref?: Ref<unknown> }).ref;\n}\n\ntype AnyProps = Record<string, unknown>;\n\nfunction isHandlerKey(key: string): boolean {\n  return (\n    key.length > 2 && key.startsWith('on') && key[2] === key[2]?.toUpperCase()\n  );\n}\n\n/**\n * Merges Slot (asChild host) props with the child's props.\n * Child props win by default; event handlers are composed (child first;\n * host skipped when the child called `preventDefault()`); `className` and\n * `style` are merged.\n */\nexport function mergeSlotProps(\n  slotProps: AnyProps,\n  childProps: AnyProps,\n): AnyProps {\n  const override: AnyProps = { ...childProps };\n\n  for (const propName of Object.keys(slotProps)) {\n    const slotValue = slotProps[propName];\n    const childValue = childProps[propName];\n\n    if (isHandlerKey(propName)) {\n      if (typeof slotValue === 'function' && typeof childValue === 'function') {\n        override[propName] = (...args: unknown[]) => {\n          const event = args[0] as { defaultPrevented?: boolean } | undefined;\n          childValue(...args);\n          if (!event?.defaultPrevented) {\n            slotValue(...args);\n          }\n        };\n      } else if (typeof slotValue === 'function') {\n        override[propName] = slotValue;\n      }\n    } else if (propName === 'style') {\n      override.style = {\n        ...(typeof slotValue === 'object' && slotValue != null\n          ? (slotValue as CSSProperties)\n          : null),\n        ...(typeof childValue === 'object' && childValue != null\n          ? (childValue as CSSProperties)\n          : null),\n      };\n    } else if (propName === 'className') {\n      override.className = mergeClassNames(\n        typeof slotValue === 'string' ? slotValue : undefined,\n        typeof childValue === 'string' ? childValue : undefined,\n      );\n    } else if (!(propName in childProps)) {\n      override[propName] = slotValue;\n    }\n  }\n\n  return override;\n}\n\nfunction hasRenderableChildren(children: ReactNode): boolean {\n  if (children == null || children === false || children === true) {\n    return false;\n  }\n  if (typeof children === 'string') {\n    return children.length > 0;\n  }\n  if (Array.isArray(children)) {\n    return children.some(hasRenderableChildren);\n  }\n  return true;\n}\n\nfunction blockNavigation(event: {\n  preventDefault: () => void;\n  stopPropagation: () => void;\n}) {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nexport interface RenderAsChildOptions {\n  /** Single React element to clone (e.g. `<a>` or `<Link>`). */\n  child: ReactNode;\n  /** Props owned by the host component (className, handlers, aria-*, …). */\n  props: AnyProps;\n  /** Forwarded ref from the host. */\n  ref?: Ref<unknown>;\n  /** Anatomy nodes that replace the child's children. */\n  content: ReactNode;\n  /** When true, apply disabled-link semantics. */\n  disabled?: boolean;\n  /** BEM disabled class (e.g. `button--disabled`). */\n  disabledClassName?: string;\n  /**\n   * When true, warn in development if the child already has children (they\n   * will be replaced). Use for hosts that own their full anatomy\n   * (IconButton, TileButton). Leave false when the host wraps the child's\n   * text (Button label).\n   */\n  warnOnChildContent?: boolean;\n}\n\n/**\n * Clones a single child element with merged host props, composed refs, and\n * replacement content. Never forwards `type`. When `disabled`, sets\n * `aria-disabled`, the disabled class, and blocks click / auxclick navigation.\n */\nexport function renderAsChild({\n  child,\n  props,\n  ref,\n  content,\n  disabled = false,\n  disabledClassName,\n  warnOnChildContent = false,\n}: RenderAsChildOptions): ReactElement | null {\n  const warn = process.env.NODE_ENV !== 'production';\n\n  let onlyChild: ReactNode = null;\n  try {\n    onlyChild = Children.only(child);\n  } catch {\n    onlyChild = null;\n  }\n\n  if (!isValidElement(onlyChild)) {\n    if (warn) {\n      console.warn(\n        'asChild expects a single React element child (e.g. <a> or <Link>).',\n      );\n    }\n    return null;\n  }\n\n  const childProps = onlyChild.props as AnyProps & { children?: ReactNode };\n\n  if (\n    warn &&\n    warnOnChildContent &&\n    hasRenderableChildren(childProps.children)\n  ) {\n    console.warn(\n      'asChild replaces the child element\\'s children with component anatomy. Pass an empty element (e.g. <a href=\"…\" />).',\n    );\n  }\n\n  // Strip `type` — on <a> it means MIME type, not button type.\n  const slotProps: AnyProps = { ...props };\n  delete slotProps.type;\n\n  if (disabled) {\n    slotProps['aria-disabled'] = true;\n    if (disabledClassName) {\n      slotProps.className = mergeClassNames(\n        typeof slotProps.className === 'string'\n          ? slotProps.className\n          : undefined,\n        disabledClassName,\n      );\n    }\n  }\n\n  const merged = mergeSlotProps(slotProps, childProps);\n\n  if (disabled) {\n    merged.onClick = blockNavigation;\n    merged.onAuxClick = blockNavigation;\n  }\n\n  const childRef = getElementRef(onlyChild);\n\n  return cloneElement(onlyChild, {\n    ...merged,\n    ref: composeRefs(ref, childRef),\n    children: content,\n  } as AnyProps);\n}\n"],"names":["setRef","ref","value","composeRefs","refs","node","getElementRef","element","propsRef","_a","isHandlerKey","key","mergeSlotProps","slotProps","childProps","override","propName","slotValue","childValue","args","event","mergeClassNames","hasRenderableChildren","children","blockNavigation","renderAsChild","child","props","content","disabled","disabledClassName","warnOnChildContent","warn","onlyChild","Children","isValidElement","merged","childRef","cloneElement"],"mappings":"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"}

package/dist/utils/slot.d.ts

@@ -0,0 +1,46 @@
+import { ReactElement, ReactNode, Ref, RefCallback } from 'react';
+type PossibleRef<T> = Ref<T> | undefined;
+/** Composes multiple refs into a single callback ref. */
+export declare function composeRefs<T>(...refs: Array<PossibleRef<T>>): RefCallback<T>;
+/**
+ * Reads the ref from a React element across React 18 (`element.ref`) and
+ * React 19 (`element.props.ref`).
+ */
+export declare function getElementRef(element: ReactElement): Ref<unknown> | undefined;
+type AnyProps = Record<string, unknown>;
+/**
+ * Merges Slot (asChild host) props with the child's props.
+ * Child props win by default; event handlers are composed (child first;
+ * host skipped when the child called `preventDefault()`); `className` and
+ * `style` are merged.
+ */
+export declare function mergeSlotProps(slotProps: AnyProps, childProps: AnyProps): AnyProps;
+export interface RenderAsChildOptions {
+    /** Single React element to clone (e.g. `<a>` or `<Link>`). */
+    child: ReactNode;
+    /** Props owned by the host component (className, handlers, aria-*, …). */
+    props: AnyProps;
+    /** Forwarded ref from the host. */
+    ref?: Ref<unknown>;
+    /** Anatomy nodes that replace the child's children. */
+    content: ReactNode;
+    /** When true, apply disabled-link semantics. */
+    disabled?: boolean;
+    /** BEM disabled class (e.g. `button--disabled`). */
+    disabledClassName?: string;
+    /**
+     * When true, warn in development if the child already has children (they
+     * will be replaced). Use for hosts that own their full anatomy
+     * (IconButton, TileButton). Leave false when the host wraps the child's
+     * text (Button label).
+     */
+    warnOnChildContent?: boolean;
+}
+/**
+ * Clones a single child element with merged host props, composed refs, and
+ * replacement content. Never forwards `type`. When `disabled`, sets
+ * `aria-disabled`, the disabled class, and blocks click / auxclick navigation.
+ */
+export declare function renderAsChild({ child, props, ref, content, disabled, disabledClassName, warnOnChildContent, }: RenderAsChildOptions): ReactElement | null;
+export {};
+//# sourceMappingURL=slot.d.ts.map

package/dist/utils/slot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.d.ts","sourceRoot":"","sources":["../../src/utils/slot.ts"],"names":[],"mappings":"AAAA,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,SAAS,EACd,KAAK,GAAG,EACR,KAAK,WAAW,EACjB,MAAM,OAAO,CAAC;AAGf,KAAK,WAAW,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC;AAWzC,yDAAyD;AACzD,wBAAgB,WAAW,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAM7E;AAED;;;GAGG;AACH,wBAAgB,aAAa,CAAC,OAAO,EAAE,YAAY,GAAG,GAAG,CAAC,OAAO,CAAC,GAAG,SAAS,CAQ7E;AAED,KAAK,QAAQ,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;AAQxC;;;;;GAKG;AACH,wBAAgB,cAAc,CAC5B,SAAS,EAAE,QAAQ,EACnB,UAAU,EAAE,QAAQ,GACnB,QAAQ,CAuCV;AAuBD,MAAM,WAAW,oBAAoB;IACnC,8DAA8D;IAC9D,KAAK,EAAE,SAAS,CAAC;IACjB,0EAA0E;IAC1E,KAAK,EAAE,QAAQ,CAAC;IAChB,mCAAmC;IACnC,GAAG,CAAC,EAAE,GAAG,CAAC,OAAO,CAAC,CAAC;IACnB,uDAAuD;IACvD,OAAO,EAAE,SAAS,CAAC;IACnB,gDAAgD;IAChD,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,oDAAoD;IACpD,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,OAAO,CAAC;CAC9B;AAED;;;;GAIG;AACH,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,GAAG,EACH,OAAO,EACP,QAAgB,EAChB,iBAAiB,EACjB,kBAA0B,GAC3B,EAAE,oBAAoB,GAAG,YAAY,GAAG,IAAI,CA6D5C"}

package/dist/utils/slot.js

@@ -0,0 +1,88 @@
+import { Children as h, isValidElement as g, cloneElement as C } from "react";
+import { mergeClassNames as m } from "./props.js";
+function N(e, t) {
+  typeof e == "function" ? e(t) : e != null && (e.current = t);
+}
+function R(...e) {
+  return (t) => {
+    for (const n of e)
+      N(n, t);
+  };
+}
+function v(e) {
+  var n;
+  const t = (n = e.props) == null ? void 0 : n.ref;
+  return t !== void 0 ? t : e.ref;
+}
+function E(e) {
+  var t;
+  return e.length > 2 && e.startsWith("on") && e[2] === ((t = e[2]) == null ? void 0 : t.toUpperCase());
+}
+function b(e, t) {
+  const n = { ...t };
+  for (const r of Object.keys(e)) {
+    const o = e[r], l = t[r];
+    E(r) ? typeof o == "function" && typeof l == "function" ? n[r] = (...c) => {
+      const s = c[0];
+      l(...c), s != null && s.defaultPrevented || o(...c);
+    } : typeof o == "function" && (n[r] = o) : r === "style" ? n.style = {
+      ...typeof o == "object" && o != null ? o : null,
+      ...typeof l == "object" && l != null ? l : null
+    } : r === "className" ? n.className = m(
+      typeof o == "string" ? o : void 0,
+      typeof l == "string" ? l : void 0
+    ) : r in t || (n[r] = o);
+  }
+  return n;
+}
+function y(e) {
+  return e == null || e === !1 || e === !0 ? !1 : typeof e == "string" ? e.length > 0 : Array.isArray(e) ? e.some(y) : !0;
+}
+function p(e) {
+  e.preventDefault(), e.stopPropagation();
+}
+function V({
+  child: e,
+  props: t,
+  ref: n,
+  content: r,
+  disabled: o = !1,
+  disabledClassName: l,
+  warnOnChildContent: c = !1
+}) {
+  const s = process.env.NODE_ENV !== "production";
+  let i = null;
+  try {
+    i = h.only(e);
+  } catch {
+    i = null;
+  }
+  if (!g(i))
+    return s && console.warn(
+      "asChild expects a single React element child (e.g. <a> or <Link>)."
+    ), null;
+  const u = i.props;
+  s && c && y(u.children) && console.warn(
+    `asChild replaces the child element's children with component anatomy. Pass an empty element (e.g. <a href="…" />).`
+  );
+  const f = { ...t };
+  delete f.type, o && (f["aria-disabled"] = !0, l && (f.className = m(
+    typeof f.className == "string" ? f.className : void 0,
+    l
+  )));
+  const a = b(f, u);
+  o && (a.onClick = p, a.onAuxClick = p);
+  const d = v(i);
+  return C(i, {
+    ...a,
+    ref: R(n, d),
+    children: r
+  });
+}
+export {
+  R as composeRefs,
+  v as getElementRef,
+  b as mergeSlotProps,
+  V as renderAsChild
+};
+//# sourceMappingURL=slot.js.map

package/dist/utils/slot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"slot.js","sources":["../../src/utils/slot.ts"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  isValidElement,\n  type CSSProperties,\n  type ReactElement,\n  type ReactNode,\n  type Ref,\n  type RefCallback,\n} from 'react';\nimport { mergeClassNames } from '@/utils/props';\n\ntype PossibleRef<T> = Ref<T> | undefined;\n\n/** Assigns a value to a callback or object ref. */\nfunction setRef<T>(ref: PossibleRef<T>, value: T | null) {\n  if (typeof ref === 'function') {\n    ref(value);\n  } else if (ref != null) {\n    (ref as { current: T | null }).current = value;\n  }\n}\n\n/** Composes multiple refs into a single callback ref. */\nexport function composeRefs<T>(...refs: Array<PossibleRef<T>>): RefCallback<T> {\n  return (node) => {\n    for (const ref of refs) {\n      setRef(ref, node);\n    }\n  };\n}\n\n/**\n * Reads the ref from a React element across React 18 (`element.ref`) and\n * React 19 (`element.props.ref`).\n */\nexport function getElementRef(element: ReactElement): Ref<unknown> | undefined {\n  // React 19: ref is a regular prop. React 18: ref is on the element.\n  const propsRef = (element.props as { ref?: Ref<unknown> } | null | undefined)\n    ?.ref;\n  if (propsRef !== undefined) {\n    return propsRef;\n  }\n  return (element as ReactElement & { ref?: Ref<unknown> }).ref;\n}\n\ntype AnyProps = Record<string, unknown>;\n\nfunction isHandlerKey(key: string): boolean {\n  return (\n    key.length > 2 && key.startsWith('on') && key[2] === key[2]?.toUpperCase()\n  );\n}\n\n/**\n * Merges Slot (asChild host) props with the child's props.\n * Child props win by default; event handlers are composed (child first;\n * host skipped when the child called `preventDefault()`); `className` and\n * `style` are merged.\n */\nexport function mergeSlotProps(\n  slotProps: AnyProps,\n  childProps: AnyProps,\n): AnyProps {\n  const override: AnyProps = { ...childProps };\n\n  for (const propName of Object.keys(slotProps)) {\n    const slotValue = slotProps[propName];\n    const childValue = childProps[propName];\n\n    if (isHandlerKey(propName)) {\n      if (typeof slotValue === 'function' && typeof childValue === 'function') {\n        override[propName] = (...args: unknown[]) => {\n          const event = args[0] as { defaultPrevented?: boolean } | undefined;\n          childValue(...args);\n          if (!event?.defaultPrevented) {\n            slotValue(...args);\n          }\n        };\n      } else if (typeof slotValue === 'function') {\n        override[propName] = slotValue;\n      }\n    } else if (propName === 'style') {\n      override.style = {\n        ...(typeof slotValue === 'object' && slotValue != null\n          ? (slotValue as CSSProperties)\n          : null),\n        ...(typeof childValue === 'object' && childValue != null\n          ? (childValue as CSSProperties)\n          : null),\n      };\n    } else if (propName === 'className') {\n      override.className = mergeClassNames(\n        typeof slotValue === 'string' ? slotValue : undefined,\n        typeof childValue === 'string' ? childValue : undefined,\n      );\n    } else if (!(propName in childProps)) {\n      override[propName] = slotValue;\n    }\n  }\n\n  return override;\n}\n\nfunction hasRenderableChildren(children: ReactNode): boolean {\n  if (children == null || children === false || children === true) {\n    return false;\n  }\n  if (typeof children === 'string') {\n    return children.length > 0;\n  }\n  if (Array.isArray(children)) {\n    return children.some(hasRenderableChildren);\n  }\n  return true;\n}\n\nfunction blockNavigation(event: {\n  preventDefault: () => void;\n  stopPropagation: () => void;\n}) {\n  event.preventDefault();\n  event.stopPropagation();\n}\n\nexport interface RenderAsChildOptions {\n  /** Single React element to clone (e.g. `<a>` or `<Link>`). */\n  child: ReactNode;\n  /** Props owned by the host component (className, handlers, aria-*, …). */\n  props: AnyProps;\n  /** Forwarded ref from the host. */\n  ref?: Ref<unknown>;\n  /** Anatomy nodes that replace the child's children. */\n  content: ReactNode;\n  /** When true, apply disabled-link semantics. */\n  disabled?: boolean;\n  /** BEM disabled class (e.g. `button--disabled`). */\n  disabledClassName?: string;\n  /**\n   * When true, warn in development if the child already has children (they\n   * will be replaced). Use for hosts that own their full anatomy\n   * (IconButton, TileButton). Leave false when the host wraps the child's\n   * text (Button label).\n   */\n  warnOnChildContent?: boolean;\n}\n\n/**\n * Clones a single child element with merged host props, composed refs, and\n * replacement content. Never forwards `type`. When `disabled`, sets\n * `aria-disabled`, the disabled class, and blocks click / auxclick navigation.\n */\nexport function renderAsChild({\n  child,\n  props,\n  ref,\n  content,\n  disabled = false,\n  disabledClassName,\n  warnOnChildContent = false,\n}: RenderAsChildOptions): ReactElement | null {\n  const warn = process.env.NODE_ENV !== 'production';\n\n  let onlyChild: ReactNode = null;\n  try {\n    onlyChild = Children.only(child);\n  } catch {\n    onlyChild = null;\n  }\n\n  if (!isValidElement(onlyChild)) {\n    if (warn) {\n      console.warn(\n        'asChild expects a single React element child (e.g. <a> or <Link>).',\n      );\n    }\n    return null;\n  }\n\n  const childProps = onlyChild.props as AnyProps & { children?: ReactNode };\n\n  if (\n    warn &&\n    warnOnChildContent &&\n    hasRenderableChildren(childProps.children)\n  ) {\n    console.warn(\n      'asChild replaces the child element\\'s children with component anatomy. Pass an empty element (e.g. <a href=\"…\" />).',\n    );\n  }\n\n  // Strip `type` — on <a> it means MIME type, not button type.\n  const slotProps: AnyProps = { ...props };\n  delete slotProps.type;\n\n  if (disabled) {\n    slotProps['aria-disabled'] = true;\n    if (disabledClassName) {\n      slotProps.className = mergeClassNames(\n        typeof slotProps.className === 'string'\n          ? slotProps.className\n          : undefined,\n        disabledClassName,\n      );\n    }\n  }\n\n  const merged = mergeSlotProps(slotProps, childProps);\n\n  if (disabled) {\n    merged.onClick = blockNavigation;\n    merged.onAuxClick = blockNavigation;\n  }\n\n  const childRef = getElementRef(onlyChild);\n\n  return cloneElement(onlyChild, {\n    ...merged,\n    ref: composeRefs(ref, childRef),\n    children: content,\n  } as AnyProps);\n}\n"],"names":["setRef","ref","value","composeRefs","refs","node","getElementRef","element","propsRef","_a","isHandlerKey","key","mergeSlotProps","slotProps","childProps","override","propName","slotValue","childValue","args","event","mergeClassNames","hasRenderableChildren","children","blockNavigation","renderAsChild","child","props","content","disabled","disabledClassName","warnOnChildContent","warn","onlyChild","Children","isValidElement","merged","childRef","cloneElement"],"mappings":"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"}

package/dist/utils/useOnExited.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const r=require("react");function n(e,u,c=!0){const s=r.useRef(e),t=r.useRef(u);r.useEffect(()=>{t.current=u}),r.useEffect(()=>{var f;s.current&&!e&&c&&((f=t.current)==null||f.call(t)),s.current=e},[e,c])}exports.useOnExited=n;
+//# sourceMappingURL=useOnExited.cjs.map

package/dist/utils/useOnExited.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnExited.cjs","sources":["../../src/utils/useOnExited.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * Calls `onExited` once `mounted` flips from true to false. Not called if the\n * component unmounts during the exit. Pass `enabled={false}` to skip it (e.g. a\n * mount-controlled `Modal`). Internal: `hooks/` is a public subpath export.\n */\nexport function useOnExited(\n  mounted: boolean,\n  onExited: (() => void) | undefined,\n  enabled = true,\n) {\n  const wasMounted = useRef(mounted);\n  const onExitedRef = useRef(onExited);\n  // Declared before the exit effect so it commits the latest callback first.\n  useEffect(() => {\n    onExitedRef.current = onExited;\n  });\n\n  useEffect(() => {\n    if (wasMounted.current && !mounted && enabled) onExitedRef.current?.();\n    wasMounted.current = mounted;\n  }, [mounted, enabled]);\n}\n"],"names":["useOnExited","mounted","onExited","enabled","wasMounted","useRef","onExitedRef","useEffect"],"mappings":"yGAOO,SAASA,EACdC,EACAC,EACAC,EAAU,GACV,CACA,MAAMC,EAAaC,EAAAA,OAAOJ,CAAO,EAC3BK,EAAcD,EAAAA,OAAOH,CAAQ,EAEnCK,EAAAA,UAAU,IAAM,CACdD,EAAY,QAAUJ,CACxB,CAAC,EAEDK,EAAAA,UAAU,IAAM,OACVH,EAAW,SAAW,CAACH,GAAWE,SAAqB,2BAC3DC,EAAW,QAAUH,CACvB,EAAG,CAACA,EAASE,CAAO,CAAC,CACvB"}

package/dist/utils/useOnExited.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Calls `onExited` once `mounted` flips from true to false. Not called if the
+ * component unmounts during the exit. Pass `enabled={false}` to skip it (e.g. a
+ * mount-controlled `Modal`). Internal: `hooks/` is a public subpath export.
+ */
+export declare function useOnExited(mounted: boolean, onExited: (() => void) | undefined, enabled?: boolean): void;
+//# sourceMappingURL=useOnExited.d.ts.map

package/dist/utils/useOnExited.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnExited.d.ts","sourceRoot":"","sources":["../../src/utils/useOnExited.ts"],"names":[],"mappings":"AAEA;;;;GAIG;AACH,wBAAgB,WAAW,CACzB,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,MAAM,IAAI,CAAC,GAAG,SAAS,EAClC,OAAO,UAAO,QAaf"}

package/dist/utils/useOnExited.js

@@ -0,0 +1,14 @@
+import { useRef as f, useEffect as n } from "react";
+function o(r, t, u = !0) {
+  const s = f(r), c = f(t);
+  n(() => {
+    c.current = t;
+  }), n(() => {
+    var e;
+    s.current && !r && u && ((e = c.current) == null || e.call(c)), s.current = r;
+  }, [r, u]);
+}
+export {
+  o as useOnExited
+};
+//# sourceMappingURL=useOnExited.js.map

package/dist/utils/useOnExited.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useOnExited.js","sources":["../../src/utils/useOnExited.ts"],"sourcesContent":["import { useEffect, useRef } from 'react';\n\n/**\n * Calls `onExited` once `mounted` flips from true to false. Not called if the\n * component unmounts during the exit. Pass `enabled={false}` to skip it (e.g. a\n * mount-controlled `Modal`). Internal: `hooks/` is a public subpath export.\n */\nexport function useOnExited(\n  mounted: boolean,\n  onExited: (() => void) | undefined,\n  enabled = true,\n) {\n  const wasMounted = useRef(mounted);\n  const onExitedRef = useRef(onExited);\n  // Declared before the exit effect so it commits the latest callback first.\n  useEffect(() => {\n    onExitedRef.current = onExited;\n  });\n\n  useEffect(() => {\n    if (wasMounted.current && !mounted && enabled) onExitedRef.current?.();\n    wasMounted.current = mounted;\n  }, [mounted, enabled]);\n}\n"],"names":["useOnExited","mounted","onExited","enabled","wasMounted","useRef","onExitedRef","useEffect"],"mappings":";AAOO,SAASA,EACdC,GACAC,GACAC,IAAU,IACV;AACA,QAAMC,IAAaC,EAAOJ,CAAO,GAC3BK,IAAcD,EAAOH,CAAQ;AAEnC,EAAAK,EAAU,MAAM;AACd,IAAAD,EAAY,UAAUJ;AAAA,EACxB,CAAC,GAEDK,EAAU,MAAM;;AACd,IAAIH,EAAW,WAAW,CAACH,KAAWE,aAAqB,gCAC3DC,EAAW,UAAUH;AAAA,EACvB,GAAG,CAACA,GAASE,CAAO,CAAC;AACvB;"}