@mattermost/compass-ui 0.1.0-alpha.2 → 0.1.0-alpha.20

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(\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;\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;\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,IACtB,EACAZ,EAAW,IAAMO,EAAYJ,EAAMC,CAAA,EAG/BS,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,kBACET,IACI,CACJ,KACEA,EAAW,KAAOkB,EAAW,KAAOD,EAAM,WAAaA,EAAM,WAC/D,IAAKjB,EAAW,IAAMkB,EAAW,IAAMD,EAAM,UAAYA,EAAM,UAC/D,OACEjB,EAAW,OAASkB,EAAW,IAAMD,EAAM,UAAYA,EAAM,UAC/D,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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"anchoredPopupPlacement.d.ts","sourceRoot":"","sources":["../../src/utils/anchoredPopupPlacement.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/C,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,8BAA8B,KAAK,CAAC;AACjD,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAC7C,oFAAoF;AACpF,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAE3C,MAAM,WAAW,6BAA6B;IAC5C,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0DAA0D;IAC1D,eAAe,EAAE,MAAM,CAAC;IACxB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,cAAc,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAC3C,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,CAAC,EAC3C,cAAc,EAAE,MAAM,EACtB,OAAO,EAAE,6BAA6B,GAAG;IACvC,sEAAsE;IACtE,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;CAC1C,GACA,4BAA4B,CA6B9B;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,OAAO,EACP,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAC/C,CAAC;AAEF,+DAA+D;AAC/D,MAAM,WAAW,2BAA2B;IAC1C,wDAAwD;IACxD,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;IACxC,sEAAsE;IACtE,iBAAiB,EAAE,CACjB,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC,KAC3D;QACH,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,oEAAoE;IACpE,YAAY,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,WAAW,GACjB,2BAA2B,CA4B7B;AAED;;;;;;;;;GASG;AACH,wBAAgB,8BAA8B,CAC5C,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC,EAC9D,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE;IACP,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,2BAA2B,CAAC;CAC9C,GACA,uBAAuB,CA8CzB"}
+{"version":3,"file":"anchoredPopupPlacement.d.ts","sourceRoot":"","sources":["../../src/utils/anchoredPopupPlacement.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,cAAc,GAAG,OAAO,GAAG,OAAO,CAAC;AAE/C,eAAO,MAAM,kBAAkB,IAAI,CAAC;AACpC,eAAO,MAAM,8BAA8B,KAAK,CAAC;AACjD,eAAO,MAAM,yBAAyB,MAAM,CAAC;AAC7C,oFAAoF;AACpF,eAAO,MAAM,sBAAsB,OAAO,CAAC;AAE3C,MAAM,WAAW,6BAA6B;IAC5C,iDAAiD;IACjD,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,wDAAwD;IACxD,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,0DAA0D;IAC1D,eAAe,EAAE,MAAM,CAAC;IACxB,2DAA2D;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,2EAA2E;IAC3E,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,MAAM,WAAW,4BAA4B;IAC3C,SAAS,EAAE,cAAc,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;CACnB;AAED;;;;GAIG;AACH,wBAAgB,6BAA6B,CAC3C,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,CAAC,EAC3C,cAAc,EAAE,MAAM,EACtB,OAAO,EAAE,6BAA6B,GAAG;IACvC,sEAAsE;IACtE,MAAM,CAAC,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;CAC1C,GACA,4BAA4B,CAgC9B;AAED,MAAM,WAAW,uBAAuB;IACtC,QAAQ,EAAE,OAAO,GAAG,UAAU,CAAC;IAC/B,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,MAAM,mBAAmB,GAAG,IAAI,CACpC,OAAO,EACP,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAC/C,CAAC;AAEF,+DAA+D;AAC/D,MAAM,WAAW,2BAA2B;IAC1C,wDAAwD;IACxD,MAAM,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,CAAC,CAAC;IACxC,sEAAsE;IACtE,iBAAiB,EAAE,CACjB,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC,KAC3D;QACH,IAAI,EAAE,MAAM,CAAC;QACb,GAAG,EAAE,MAAM,CAAC;QACZ,MAAM,EAAE,MAAM,CAAC;QACf,KAAK,EAAE,MAAM,CAAC;KACf,CAAC;IACF,oEAAoE;IACpE,YAAY,EAAE,MAAM,CAAC;IACrB,mDAAmD;IACnD,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,wBAAgB,8BAA8B,CAC5C,KAAK,EAAE,WAAW,GACjB,2BAA2B,CAoB7B;AAED;;;;;;;;;GASG;AACH,wBAAgB,8BAA8B,CAC5C,UAAU,EAAE,IAAI,CAAC,OAAO,EAAE,KAAK,GAAG,QAAQ,GAAG,MAAM,GAAG,OAAO,CAAC,EAC9D,SAAS,EAAE,cAAc,EACzB,OAAO,EAAE;IACP,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,kDAAkD;IAClD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,2BAA2B,CAAC;CAC9C,GACA,uBAAuB,CA8CzB"}

package/dist/utils/anchoredPopupPlacement.js

@@ -0,0 +1,75 @@
+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(\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;\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;\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;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,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/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/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, ActionButton). 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, ActionButton). 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, ActionButton). 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":";;AAeA,SAASA,EAAUC,GAAqBC,GAAiB;AACvD,EAAI,OAAOD,KAAQ,aACjBA,EAAIC,CAAK,IACAD,KAAO,SACfA,EAA8B,UAAUC;AAE7C;AAGO,SAASC,KAAkBC,GAA6C;AAC7E,SAAO,CAACC,MAAS;AACf,eAAWJ,KAAOG;AAChB,MAAAJ,EAAOC,GAAKI,CAAI;AAAA,EAEpB;AACF;AAMO,SAASC,EAAcC,GAAiD;;AAE7E,QAAMC,KAAYC,IAAAF,EAAQ,UAAR,gBAAAE,EACd;AACJ,SAAID,MAAa,SACRA,IAEDD,EAAkD;AAC5D;AAIA,SAASG,EAAaC,GAAsB;;AAC1C,SACEA,EAAI,SAAS,KAAKA,EAAI,WAAW,IAAI,KAAKA,EAAI,CAAC,QAAMF,IAAAE,EAAI,CAAC,MAAL,gBAAAF,EAAQ;AAEjE;AAQO,SAASG,EACdC,GACAC,GACU;AACV,QAAMC,IAAqB,EAAE,GAAGD,EAAA;AAEhC,aAAWE,KAAY,OAAO,KAAKH,CAAS,GAAG;AAC7C,UAAMI,IAAYJ,EAAUG,CAAQ,GAC9BE,IAAaJ,EAAWE,CAAQ;AAEtC,IAAIN,EAAaM,CAAQ,IACnB,OAAOC,KAAc,cAAc,OAAOC,KAAe,aAC3DH,EAASC,CAAQ,IAAI,IAAIG,MAAoB;AAC3C,YAAMC,IAAQD,EAAK,CAAC;AACpB,MAAAD,EAAW,GAAGC,CAAI,GACbC,KAAA,QAAAA,EAAO,oBACVH,EAAU,GAAGE,CAAI;AAAA,IAErB,IACS,OAAOF,KAAc,eAC9BF,EAASC,CAAQ,IAAIC,KAEdD,MAAa,UACtBD,EAAS,QAAQ;AAAA,MACf,GAAI,OAAOE,KAAc,YAAYA,KAAa,OAC7CA,IACD;AAAA,MACJ,GAAI,OAAOC,KAAe,YAAYA,KAAc,OAC/CA,IACD;AAAA,IAAA,IAEGF,MAAa,cACtBD,EAAS,YAAYM;AAAA,MACnB,OAAOJ,KAAc,WAAWA,IAAY;AAAA,MAC5C,OAAOC,KAAe,WAAWA,IAAa;AAAA,IAAA,IAErCF,KAAYF,MACvBC,EAASC,CAAQ,IAAIC;AAAA,EAEzB;AAEA,SAAOF;AACT;AAEA,SAASO,EAAsBC,GAA8B;AAC3D,SAAIA,KAAY,QAAQA,MAAa,MAASA,MAAa,KAClD,KAEL,OAAOA,KAAa,WACfA,EAAS,SAAS,IAEvB,MAAM,QAAQA,CAAQ,IACjBA,EAAS,KAAKD,CAAqB,IAErC;AACT;AAEA,SAASE,EAAgBJ,GAGtB;AACD,EAAAA,EAAM,eAAA,GACNA,EAAM,gBAAA;AACR;AA6BO,SAASK,EAAc;AAAA,EAC5B,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAA1B;AAAA,EACA,SAAA2B;AAAA,EACA,UAAAC,IAAW;AAAA,EACX,mBAAAC;AAAA,EACA,oBAAAC,IAAqB;AACvB,GAA8C;AAC5C,QAAMC,IAAO,QAAQ,IAAI,aAAa;AAEtC,MAAIC,IAAuB;AAC3B,MAAI;AACF,IAAAA,IAAYC,EAAS,KAAKR,CAAK;AAAA,EACjC,QAAQ;AACN,IAAAO,IAAY;AAAA,EACd;AAEA,MAAI,CAACE,EAAeF,CAAS;AAC3B,WAAID,KACF,QAAQ;AAAA,MACN;AAAA,IAAA,GAGG;AAGT,QAAMlB,IAAamB,EAAU;AAE7B,EACED,KACAD,KACAT,EAAsBR,EAAW,QAAQ,KAEzC,QAAQ;AAAA,IACN;AAAA,EAAA;AAKJ,QAAMD,IAAsB,EAAE,GAAGc,EAAA;AACjC,SAAOd,EAAU,MAEbgB,MACFhB,EAAU,eAAe,IAAI,IACzBiB,MACFjB,EAAU,YAAYQ;AAAA,IACpB,OAAOR,EAAU,aAAc,WAC3BA,EAAU,YACV;AAAA,IACJiB;AAAA,EAAA;AAKN,QAAMM,IAASxB,EAAeC,GAAWC,CAAU;AAEnD,EAAIe,MACFO,EAAO,UAAUZ,GACjBY,EAAO,aAAaZ;AAGtB,QAAMa,IAAW/B,EAAc2B,CAAS;AAExC,SAAOK,EAAaL,GAAW;AAAA,IAC7B,GAAGG;AAAA,IACH,KAAKjC,EAAYF,GAAKoC,CAAQ;AAAA,IAC9B,UAAUT;AAAA,EAAA,CACC;AACf;"}

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;"}