@mattermost/compass-ui 0.1.0-alpha.1 → 0.1.0-alpha.10

package/dist/node_modules/simplebar-react/dist/simplebar.min.css

@@ -0,0 +1 @@
+[data-simplebar]{position:relative;flex-direction:column;flex-wrap:wrap;justify-content:flex-start;align-content:flex-start;align-items:flex-start}.simplebar-wrapper{overflow:hidden;width:inherit;height:inherit;max-width:inherit;max-height:inherit}.simplebar-mask{direction:inherit;position:absolute;overflow:hidden;padding:0;margin:0;left:0;top:0;bottom:0;right:0;width:auto!important;height:auto!important;z-index:0}.simplebar-offset{direction:inherit!important;box-sizing:inherit!important;resize:none!important;position:absolute;top:0;left:0;bottom:0;right:0;padding:0;margin:0;-webkit-overflow-scrolling:touch}.simplebar-content-wrapper{direction:inherit;box-sizing:border-box!important;position:relative;display:block;height:100%;width:auto;max-width:100%;max-height:100%;overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.simplebar-content-wrapper::-webkit-scrollbar,.simplebar-hide-scrollbar::-webkit-scrollbar{display:none;width:0;height:0}.simplebar-content:after,.simplebar-content:before{content:" ";display:table}.simplebar-placeholder{max-height:100%;max-width:100%;width:100%;pointer-events:none}.simplebar-height-auto-observer-wrapper{box-sizing:inherit!important;height:100%;width:100%;max-width:1px;position:relative;float:left;max-height:1px;overflow:hidden;z-index:-1;padding:0;margin:0;pointer-events:none;flex-grow:inherit;flex-shrink:0;flex-basis:0}.simplebar-height-auto-observer{box-sizing:inherit;display:block;opacity:0;position:absolute;top:0;left:0;height:1000%;width:1000%;min-height:1px;min-width:1px;overflow:hidden;pointer-events:none;z-index:-1}.simplebar-track{z-index:1;position:absolute;right:0;bottom:0;pointer-events:none;overflow:hidden}[data-simplebar].simplebar-dragging,[data-simplebar].simplebar-dragging .simplebar-content{pointer-events:none;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[data-simplebar].simplebar-dragging .simplebar-track{pointer-events:all}.simplebar-scrollbar{position:absolute;left:0;right:0;min-height:10px}.simplebar-scrollbar:before{position:absolute;content:"";background:#000;border-radius:7px;left:2px;right:2px;opacity:0;transition:opacity .2s .5s linear}.simplebar-scrollbar.simplebar-visible:before{opacity:.5;transition-delay:0s;transition-duration:0s}.simplebar-track.simplebar-vertical{top:0;width:11px}.simplebar-scrollbar:before{top:2px;bottom:2px;left:2px;right:2px}.simplebar-track.simplebar-horizontal{left:0;height:11px}.simplebar-track.simplebar-horizontal .simplebar-scrollbar{right:auto;left:0;top:0;bottom:0;min-height:0;min-width:10px;width:auto}[data-simplebar-direction=rtl] .simplebar-track.simplebar-vertical{right:auto;left:0}.simplebar-dummy-scrollbar-size{direction:rtl;position:fixed;opacity:0;visibility:hidden;height:500px;width:500px;overflow-y:hidden;overflow-x:scroll;-ms-overflow-style:scrollbar!important}.simplebar-dummy-scrollbar-size>div{width:200%;height:200%;margin:10px 0}.simplebar-hide-scrollbar{position:fixed;left:0;visibility:hidden;overflow-y:scroll;scrollbar-width:none;-ms-overflow-style:none}

package/dist/utils/anchoredPopupPlacement.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a=4,f=48,h=120,u=1e3;function _(t,n,e){var g,H;const i=e.gap??a,o=e.viewportMargin??f,l=e.minHeight??h,p=Math.max(e.preferredHeight,0),s=((g=e.bounds)==null?void 0:g.top)??0,c=((H=e.bounds)==null?void 0:H.bottom)??n,r=Math.max(0,c-t.bottom-i-o),P=Math.max(0,t.top-s-i-o),d=r<p&&P>r?"above":"below",b=d==="below"?r:P,m=e.maxHeightCap!=null?Math.min(e.maxHeightCap,b):b;return{placement:d,maxHeight:Math.max(l,m)}}function A(t){const n=t.getBoundingClientRect(),e=n.top+t.clientTop,i=e+t.clientHeight;return{bounds:{top:e,bottom:i},anchorInContainer:o=>({left:o.left-n.left-t.clientLeft+t.scrollLeft,top:o.top-n.top-t.clientTop+t.scrollTop,bottom:o.bottom-n.top-t.clientTop+t.scrollTop,width:o.width}),clientHeight:t.clientHeight,scrollTop:t.scrollTop}}function O(t,n,e){const i=e.gap??a,o=e.width??t.width,l=e.zIndex??u,p=e.containerFrame;if(p){const c=p.anchorInContainer(t);if(n==="below")return{position:"absolute",top:c.bottom+i,left:c.left,width:o,zIndex:l};const r=c.top-p.scrollTop;return{position:"absolute",bottom:p.clientHeight-r+i,left:c.left,width:o,zIndex:l}}const s=e.viewportHeight??window.innerHeight;return n==="below"?{position:"fixed",top:t.bottom+i,left:t.left,width:o,zIndex:l}:{position:"fixed",bottom:s-t.top+i,left:t.left,width:o,zIndex:l}}exports.ANCHORED_POPUP_GAP=a;exports.ANCHORED_POPUP_MIN_HEIGHT=h;exports.ANCHORED_POPUP_VIEWPORT_MARGIN=f;exports.ANCHORED_POPUP_Z_INDEX=u;exports.computeAnchoredPopupFixedStyle=O;exports.computeAnchoredPopupPlacement=_;exports.getAnchoredPopupContainerFrame=A;
+//# sourceMappingURL=anchoredPopupPlacement.cjs.map

package/dist/utils/anchoredPopupPlacement.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"anchoredPopupPlacement.cjs","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","gap","viewportMargin","minHeight","preferredHeight","boundsTop","_a","boundsBottom","_b","spaceBelow","spaceAbove","placement","available","capped","getAnchoredPopupContainerFrame","mount","borderRect","computeAnchoredPopupFixedStyle","width","zIndex","containerFrame","anchor","visibleTop"],"mappings":"gFAEO,MAAMA,EAAqB,EACrBC,EAAiC,GACjCC,EAA4B,IAE5BC,EAAyB,IAyB/B,SAASC,EACdC,EACAC,EACAC,EAI8B,SAC9B,MAAMC,EAAMD,EAAQ,KAAOP,EACrBS,EACJF,EAAQ,gBAAkBN,EACtBS,EAAYH,EAAQ,WAAaL,EACjCS,EAAkB,KAAK,IAAIJ,EAAQ,gBAAiB,CAAC,EAErDK,IAAYC,EAAAN,EAAQ,SAAR,YAAAM,EAAgB,MAAO,EACnCC,IAAeC,EAAAR,EAAQ,SAAR,YAAAQ,EAAgB,SAAUT,EAEzCU,EAAa,KAAK,IACtB,EACAF,EAAeT,EAAW,OAASG,EAAMC,CAAA,EAErCQ,EAAa,KAAK,IAAI,EAAGZ,EAAW,IAAMO,EAAYJ,EAAMC,CAAc,EAE1ES,EACJF,EAAaL,GAAmBM,EAAaD,EAAa,QAAU,QAEhEG,EAAYD,IAAc,QAAUF,EAAaC,EACjDG,EACJb,EAAQ,cAAgB,KACpB,KAAK,IAAIA,EAAQ,aAAcY,CAAS,EACxCA,EAEN,MAAO,CACL,UAAAD,EACA,UAAW,KAAK,IAAIR,EAAWU,CAAM,CAAA,CAEzC,CAmCO,SAASC,EACdC,EAC6B,CAC7B,MAAMC,EAAaD,EAAM,sBAAA,EACnBV,EAAYW,EAAW,IAAMD,EAAM,UACnCR,EAAeF,EAAYU,EAAM,aAEvC,MAAO,CACL,OAAQ,CAAE,IAAKV,EAAW,OAAQE,CAAA,EAClC,kBAAoBT,IAAoE,CACtF,KACEA,EAAW,KACXkB,EAAW,KACXD,EAAM,WACNA,EAAM,WACR,IACEjB,EAAW,IACXkB,EAAW,IACXD,EAAM,UACNA,EAAM,UACR,OACEjB,EAAW,OACXkB,EAAW,IACXD,EAAM,UACNA,EAAM,UACR,MAAOjB,EAAW,KAAA,GAEpB,aAAciB,EAAM,aACpB,UAAWA,EAAM,SAAA,CAErB,CAYO,SAASE,EACdnB,EACAa,EACAX,EAQyB,CACzB,MAAMC,EAAMD,EAAQ,KAAOP,EACrByB,EAAQlB,EAAQ,OAASF,EAAW,MACpCqB,EAASnB,EAAQ,QAAUJ,EAC3BwB,EAAiBpB,EAAQ,eAE/B,GAAIoB,EAAgB,CAClB,MAAMC,EAASD,EAAe,kBAAkBtB,CAAU,EAC1D,GAAIa,IAAc,QAChB,MAAO,CACL,SAAU,WACV,IAAKU,EAAO,OAASpB,EACrB,KAAMoB,EAAO,KACb,MAAAH,EACA,OAAAC,CAAA,EAGJ,MAAMG,EAAaD,EAAO,IAAMD,EAAe,UAC/C,MAAO,CACL,SAAU,WACV,OAAQA,EAAe,aAAeE,EAAarB,EACnD,KAAMoB,EAAO,KACb,MAAAH,EACA,OAAAC,CAAA,CAEJ,CAEA,MAAMpB,EAAiBC,EAAQ,gBAAkB,OAAO,YAExD,OAAIW,IAAc,QACT,CACL,SAAU,QACV,IAAKb,EAAW,OAASG,EACzB,KAAMH,EAAW,KACjB,MAAAoB,EACA,OAAAC,CAAA,EAIG,CACL,SAAU,QACV,OAAQpB,EAAiBD,EAAW,IAAMG,EAC1C,KAAMH,EAAW,KACjB,MAAAoB,EACA,OAAAC,CAAA,CAEJ"}

package/dist/utils/anchoredPopupPlacement.js

@@ -0,0 +1,72 @@
+const f = 4, g = 48, h = 120, O = 1e3;
+function A(t, n, e) {
+  var H, d;
+  const i = e.gap ?? 4, o = e.viewportMargin ?? 48, l = e.minHeight ?? 120, p = Math.max(e.preferredHeight, 0), s = ((H = e.bounds) == null ? void 0 : H.top) ?? 0, c = ((d = e.bounds) == null ? void 0 : d.bottom) ?? n, r = Math.max(
+    0,
+    c - t.bottom - i - o
+  ), P = Math.max(0, t.top - s - i - o), a = r < p && P > r ? "above" : "below", b = a === "below" ? r : P, _ = e.maxHeightCap != null ? Math.min(e.maxHeightCap, b) : b;
+  return {
+    placement: a,
+    maxHeight: Math.max(l, _)
+  };
+}
+function m(t) {
+  const n = t.getBoundingClientRect(), e = n.top + t.clientTop, i = e + t.clientHeight;
+  return {
+    bounds: { top: e, bottom: i },
+    anchorInContainer: (o) => ({
+      left: o.left - n.left - t.clientLeft + t.scrollLeft,
+      top: o.top - n.top - t.clientTop + t.scrollTop,
+      bottom: o.bottom - n.top - t.clientTop + t.scrollTop,
+      width: o.width
+    }),
+    clientHeight: t.clientHeight,
+    scrollTop: t.scrollTop
+  };
+}
+function w(t, n, e) {
+  const i = e.gap ?? 4, o = e.width ?? t.width, l = e.zIndex ?? 1e3, p = e.containerFrame;
+  if (p) {
+    const c = p.anchorInContainer(t);
+    if (n === "below")
+      return {
+        position: "absolute",
+        top: c.bottom + i,
+        left: c.left,
+        width: o,
+        zIndex: l
+      };
+    const r = c.top - p.scrollTop;
+    return {
+      position: "absolute",
+      bottom: p.clientHeight - r + i,
+      left: c.left,
+      width: o,
+      zIndex: l
+    };
+  }
+  const s = e.viewportHeight ?? window.innerHeight;
+  return n === "below" ? {
+    position: "fixed",
+    top: t.bottom + i,
+    left: t.left,
+    width: o,
+    zIndex: l
+  } : {
+    position: "fixed",
+    bottom: s - t.top + i,
+    left: t.left,
+    width: o,
+    zIndex: l
+  };
+}
+export {
+  f as ANCHORED_POPUP_GAP,
+  h as ANCHORED_POPUP_MIN_HEIGHT,
+  g as ANCHORED_POPUP_VIEWPORT_MARGIN,
+  O as ANCHORED_POPUP_Z_INDEX,
+  w as computeAnchoredPopupFixedStyle,
+  A as computeAnchoredPopupPlacement,
+  m as getAnchoredPopupContainerFrame
+};
+//# sourceMappingURL=anchoredPopupPlacement.js.map

package/dist/utils/anchoredPopupPlacement.js.map

@@ -0,0 +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;"}

package/dist/utils/string.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=e=>e.replace(/\s+/g,"-").toLowerCase();exports.toKebab=t;
+//# sourceMappingURL=string.cjs.map

package/dist/utils/string.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"string.cjs","sources":["../../src/utils/string.ts"],"sourcesContent":["/**\n * Converts a string to kebab-case.\n * Used to map variant prop values (e.g. \"do-not-disturb\", \"x-small\")\n * to CSS modifier class name suffixes.\n */\nexport const toKebab = (s: string) => s.replace(/\\s+/g, '-').toLowerCase();\n"],"names":["toKebab","s"],"mappings":"gFAKO,MAAMA,EAAWC,GAAcA,EAAE,QAAQ,OAAQ,GAAG,EAAE,YAAA"}

package/dist/utils/string.js

@@ -0,0 +1,5 @@
+const o = (e) => e.replace(/\s+/g, "-").toLowerCase();
+export {
+  o as toKebab
+};
+//# sourceMappingURL=string.js.map

package/dist/utils/string.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"string.js","sources":["../../src/utils/string.ts"],"sourcesContent":["/**\n * Converts a string to kebab-case.\n * Used to map variant prop values (e.g. \"do-not-disturb\", \"x-small\")\n * to CSS modifier class name suffixes.\n */\nexport const toKebab = (s: string) => s.replace(/\\s+/g, '-').toLowerCase();\n"],"names":["toKebab","s"],"mappings":"AAKO,MAAMA,IAAU,CAACC,MAAcA,EAAE,QAAQ,QAAQ,GAAG,EAAE,YAAA;"}