@skdx/react 0.28.0 → 0.30.0

package/dist/utils/popper.d.ts

@@ -1,161 +1,86 @@
 import * as React from 'react';
+import type { VirtualAnchor } from './mentions.js';
+import { type Align, type PhysicalSide, type Side } from './placement.js';
 import { type PrimitivePropsWithRef } from './primitive.js';
-/**
- * Internal positioning layer shared by Popover, Tooltip, DropdownMenu and
- * Select. Wraps floating-ui with a Radix-like side/align API and exposes
- * `data-side` / `data-align` for animation styling.
- */
-/** @internal A physical edge. `data-side` always carries one of these — it reports where the content actually landed. */
-export type PhysicalSide = 'top' | 'right' | 'bottom' | 'left';
-/**
- * @internal Edge of the anchor the floating content is placed against.
- * `start`/`end` are *logical*: they resolve to `left`/`right` under `dir="ltr"`
- * and swap under `dir="rtl"`, so an overlay authored as `side="end"` mirrors
- * itself. `left`/`right` are physical and never mirror.
- */
-export type Side = PhysicalSide | 'start' | 'end';
-/** @internal Alignment of the floating content along the chosen {@link Side}. */
-export type Align = 'start' | 'center' | 'end';
+export { setMeasurementProperties, type Align, type PhysicalSide, type Side } from './placement.js';
 interface PopperContextValue {
-    anchor: HTMLElement | null;
-    setAnchor: (node: HTMLElement | null) => void;
-    /**
-     * Filled by {@link PopperContent} with floating-ui's manual reposition
-     * trigger while it is mounted, and emptied again on unmount.
-     *
-     * `autoUpdate` already re-runs on scroll, resize and an observed size change
-     * of either element. What it cannot see is the anchor *moving* for a reason
-     * the DOM does not report — a CSS transform finishing, a virtual list
-     * re-flowing its rows, a parent that repositioned without changing size — so
-     * a family that exposes a public `reposition()` needs a handle on the same
-     * update the observers call. A ref rather than state: it is written from an
-     * effect and read from an event handler, never rendered.
-     */
+    /** A real element, or the rectangle-only reference Mentions positions against the caret. */
+    anchor: HTMLElement | VirtualAnchor | null;
+    /** `explicit` marks an `Anchor` part, which outranks the trigger's own registration however the two happen to mount. */
+    setAnchor: (node: HTMLElement | VirtualAnchor | null, explicit?: boolean) => void;
     updateRef: React.RefObject<(() => void) | null>;
 }
 declare const usePopperContext: (consumerName: string) => PopperContextValue;
 /**
- * @internal Provides the anchor element to descendant `Popper*` parts; wrap the
- * anchor and content in one.
- *
- * @param updateRef Optional ref the mounted {@link PopperContent}'s reposition
- * trigger is published into, so a family root rendered *outside* this provider
- * (every overlay root wraps its children in one) can still expose a public
- * `reposition()`. Omit it and the root keeps a private one.
+ * @internal Provides the anchor element to descendant `Popper*` parts; wrap the anchor and content in one.
+ * @param updateRef Optional ref the mounted {@link PopperContent}'s reposition trigger publishes into, for a family root rendered outside this provider to expose its own `reposition()`.
  */
 export declare function PopperRoot({ children, updateRef, }: {
     children: React.ReactNode;
-    updateRef?: React.RefObject<(() => void) | null>;
+    updateRef?: React.RefObject<(() => void) | null> | undefined;
 }): React.JSX.Element;
 /** @internal Marks its rendered element as the anchor that {@link PopperContent} positions against. */
-export declare const PopperAnchor: React.ForwardRefExoticComponent<Omit<PrimitivePropsWithRef<"div">, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const PopperAnchor: {
+    ({ ref: forwardedRef, explicit, ...props }: PrimitivePropsWithRef<"div"> & {
+        explicit?: boolean | undefined;
+    }): React.ReactNode;
+    displayName: string;
+};
 /** @internal Positioning props for {@link PopperContent}. */
 export interface PopperContentProps extends PrimitivePropsWithRef<'div'> {
     /**
-     * Preferred side of the anchor to render on. `start`/`end` are logical and
-     * follow the writing direction; `left`/`right` are physical and do not. A
-     * consuming component (e.g. `ComboboxContent`) may override this default.
+     * Preferred side of the anchor to render on; `start`/`end` are logical and follow the writing direction, `left`/`right` are physical and don't.
      * @default 'bottom'
      */
-    side?: Side;
+    side?: Side | undefined;
     /**
-     * Alignment along the chosen side. A consuming component may override this default.
+     * Alignment of the content along the chosen side.
      * @default 'center'
      */
-    align?: Align;
+    align?: Align | undefined;
     /**
-     * Distance in pixels between the content and the anchor along `side`. A consuming component may override this default.
+     * Distance in pixels between the content and the anchor along `side`.
      * @default 0
      */
-    sideOffset?: number;
+    sideOffset?: number | undefined;
     /**
      * Offset in pixels along `align`, shifting the content perpendicular to `side`.
      * @default 0
      */
-    alignOffset?: number;
+    alignOffset?: number | undefined;
     /**
      * Flips to the opposite side when there isn't room to render on the preferred side.
      * @default true
      */
-    avoidCollisions?: boolean;
+    avoidCollisions?: boolean | undefined;
     /**
      * Minimum distance in pixels kept from the collision boundary when avoiding
      * collisions. A number applies to every side; an object sets only the sides
      * it names, the rest falling back to `0`.
      * @default 8
      */
-    collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
+    collisionPadding?: number | Partial<Record<PhysicalSide, number>> | undefined;
     /**
      * Element (or elements) collisions are measured against, instead of the
      * content's clipping ancestors. Use it to keep an overlay inside a scroll
      * container or one pane of a split layout rather than the whole viewport.
      * @default undefined — the content's clipping ancestors.
      */
-    collisionBoundary?: Element | Element[] | null;
+    collisionBoundary?: Element | Element[] | null | undefined;
 }
-/**
- * @internal {@link PopperContent}'s own props: the public positioning API,
- * plus the custom-property namespace its consuming component supplies.
- */
 interface PopperOwnProps extends PopperContentProps {
-    /**
-     * Kebab-case component name the measurement custom properties are namespaced
-     * under — `"popover"` yields `--skdx-popover-available-width` and friends.
-     * Deliberately absent from {@link PopperContentProps}, which every overlay's
-     * public `*ContentProps` extends: the namespace belongs to the component,
-     * not to its consumer.
-     * @default undefined — an internal popper with no documented namespace writes no measurement properties at all.
-     */
-    component?: string;
-    /**
-     * Clearance in pixels kept between the arrow and each end of the panel's
-     * edge, so the arrow never overlaps a rounded corner. Fed straight to
-     * floating-ui's `arrow` middleware as its `padding`.
-     *
-     * Defaults to `0` — today's behaviour — rather than to the `8` Popover's
-     * public prop defaults to: every popper family shares this layer, and
-     * silently moving Tooltip's, HoverCard's and the menu families' arrows is not
-     * warranted. A family that wants clearance passes its own.
-     * @default 0
-     */
-    arrowPadding?: number;
-    /**
-     * Hide the panel while the anchor is fully clipped out of view by a scroll
-     * container, instead of leaving it floating over unrelated content.
-     *
-     * Off by default because the middleware costs an extra overflow measurement
-     * on every reposition and the failure it prevents only exists for an anchor
-     * inside a scrollable ancestor. Passed through from a family's public
-     * `hideWhenDetached`.
-     * @default false
-     */
-    hideWhenDetached?: boolean;
+    component?: string | undefined;
+    arrowPadding?: number | undefined;
+    hideWhenDetached?: boolean | undefined;
 }
-/**
- * Writes the four measurement custom properties onto the floating element
- * after each reposition, so a consumer can size the panel from CSS alone
- * (`max-height: var(--skdx-select-available-height)`) instead of measuring in
- * JavaScript. Mirrored by `positionFloating`/`usePopperPosition` in the other
- * four packages and asserted by `assertPopperMeasurementProperties`.
- *
- * The transform origin is derived from the *resolved* side and alignment, so
- * a panel that flipped grows from the edge it actually landed on.
- *
- * ponytail: origin is edge-and-alignment accurate but not arrow-accurate —
- * a panel with a shifted arrow scales from the aligned edge rather than from
- * the arrow's tip. Feed the arrow middleware's offset in here if that ever
- * shows.
- * @internal
- */
-export declare function setMeasurementProperties(floating: HTMLElement, component: string, measurements: {
-    availableWidth: number;
-    availableHeight: number;
-    triggerWidth: number;
-    side: PhysicalSide;
-    align: Align;
-}): void;
 /** @internal Floating element positioned against the anchor via floating-ui; exposes `data-side`/`data-align` and provides arrow context. */
-export declare const PopperContent: React.ForwardRefExoticComponent<Omit<PopperOwnProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const PopperContent: {
+    ({ ref: forwardedRef, ...props }: PopperOwnProps): React.ReactNode;
+    displayName: string;
+};
 /** @internal Arrow pointing at the anchor; must render inside {@link PopperContent}, which positions it via context. */
-export declare const PopperArrow: React.ForwardRefExoticComponent<Omit<PrimitivePropsWithRef<"span">, "ref"> & React.RefAttributes<HTMLSpanElement>>;
+export declare const PopperArrow: {
+    ({ ref: forwardedRef, ...props }: PrimitivePropsWithRef<"span">): React.ReactNode;
+    displayName: string;
+};
 export { usePopperContext };

package/dist/utils/popper.js

@@ -1 +1,2 @@
-import{arrow as B,autoUpdate as F,flip as G,hide as U,limitShift as V,offset as _,shift as z,size as q,useFloating as J}from"@floating-ui/react-dom";import*as r from"react";import{useComposedRefs as h}from"./composeRefs.js";import{createSafeContext as K}from"./createContext.js";import{resolveDirection as Q,resolvePhysicalSide as Z,useDirection as ee}from"./direction.js";import{Primitive as g}from"./primitive.js";import{jsx as c}from"react/jsx-runtime";var[te,x]=K("Popper");function ue({children:e,updateRef:t}){let[o,a]=r.useState(null),i=r.useRef(null);return c(te,{anchor:o,setAnchor:a,updateRef:t??i,children:e})}var re=r.forwardRef((e,t)=>{let o=x("PopperAnchor"),a=h(t,i=>o.setAnchor(i));return c(g.div,{...e,ref:a})});re.displayName="PopperAnchor";function ne(e,t){return t==="center"?e:`${e}-${t}`}var oe={start:"0%",center:"50%",end:"100%"};function ie(e,t,o){let{availableWidth:a,availableHeight:i,triggerWidth:d,side:s,align:l}=o,n=oe[l],p=s==="top"||s==="bottom"?`${n} ${s==="top"?"100%":"0%"}`:`${s==="left"?"100%":"0%"} ${n}`;e.style.setProperty(`--skdx-${t}-available-width`,`${a}px`),e.style.setProperty(`--skdx-${t}-available-height`,`${i}px`),e.style.setProperty(`--skdx-${t}-trigger-width`,`${d}px`),e.style.setProperty(`--skdx-${t}-transform-origin`,p)}var w=r.createContext(null),ae=r.forwardRef((e,t)=>{let{side:o="bottom",align:a="center",sideOffset:i=0,alignOffset:d=0,avoidCollisions:s=!0,collisionPadding:l=8,collisionBoundary:n,component:p,arrowPadding:b=0,hideWhenDetached:S=!1,style:A,...E}=e,m=x("PopperContent"),R=r.useRef(null),C=ee(),H=Q(m.anchor,C),f=n?{boundary:n}:{},{refs:$,floatingStyles:O,placement:M,middlewareData:u,update:y}=J({placement:ne(Z(o,H),a),whileElementsMounted:F,elements:{reference:m.anchor},middleware:[_({mainAxis:i,alignmentAxis:d}),...s?[G({padding:l,...f}),z({padding:l,limiter:V(),...f})]:[],q({padding:l,...f,apply({availableWidth:D,availableHeight:N,elements:k,rects:I,placement:X}){if(!p)return;let[Y,j="center"]=X.split("-");ie(k.floating,p,{availableWidth:D,availableHeight:N,triggerWidth:I.reference.width,side:Y,align:j})}}),B({element:R,padding:b}),...S?[U({strategy:"referenceHidden",...f})]:[]]}),L=h(t,$.setFloating),[v,T="center"]=M.split("-"),W=u.hide?.referenceHidden===!0,{updateRef:P}=m;return r.useEffect(()=>(P.current=y,()=>{P.current=null}),[P,y]),c(w.Provider,{value:{arrowRef:R,arrowX:u.arrow?.x,arrowY:u.arrow?.y,side:v},children:c(g.div,{"data-side":v,"data-align":T,...E,ref:L,style:{...O,...A,...W&&{visibility:"hidden",pointerEvents:"none"}}})})});ae.displayName="PopperContent";var se={top:"bottom",right:"left",bottom:"top",left:"right"},le=r.forwardRef((e,t)=>{let o=r.useContext(w);if(!o)throw new Error("[skandadx] PopperArrow must be used within PopperContent.");let{arrowRef:a,arrowX:i,arrowY:d,side:s}=o,l=h(t,a),n=se[s];return c(g.span,{...e,ref:l,style:{position:"absolute",left:i!=null?`${i}px`:void 0,top:d!=null?`${d}px`:void 0,[n]:void 0,...n==="top"&&{top:0,transform:"translateY(-100%)"},...n==="bottom"&&{bottom:0,transform:"translateY(100%)"},...n==="left"&&{left:0,transform:"translateX(-100%)"},...n==="right"&&{right:0,transform:"translateX(100%)"},...e.style}})});le.displayName="PopperArrow";export{re as PopperAnchor,le as PopperArrow,ae as PopperContent,ue as PopperRoot,ie as setMeasurementProperties,x as usePopperContext};
+'use client';
+import{arrow as X,autoUpdate as Y,flip as F,hide as I,limitShift as j,offset as k,shift as B,size as U,useFloating as $}from"@floating-ui/react-dom";import*as e from"react";import{useComposedRefs as R}from"./composeRefs.js";import{createSafeContext as z}from"./createContext.js";import{resolveDirection as G,resolvePhysicalSide as J,useDirection as _}from"./direction.js";import{OPPOSITE_SIDE as q,placementParts as K,positioningMiddleware as Q,toPlacement as Z}from"./placement.js";import{Primitive as w}from"./primitive.js";import{setMeasurementProperties as me}from"./placement.js";import{jsx as p}from"react/jsx-runtime";var ee={offset:k,flip:F,shift:B,limitShift:j,size:U,arrow:X,hide:I},[te,v]=z("Popper");function pe({children:a,updateRef:n}){let[o,l]=e.useState(null),[r,i]=e.useState(null),s=e.useCallback((t,f=!1)=>{f?i(t):l(t)},[]),c=e.useRef(null);return p(te,{anchor:r??o,setAnchor:s,updateRef:n??c,children:a})}var ne=({ref:a,explicit:n,...o})=>{let l=v("PopperAnchor"),r=R(a,i=>l.setAnchor(i,n));return p(w.div,{...o,ref:r})};ne.displayName="PopperAnchor";var g=e.createContext(null),oe=({ref:a,...n})=>{let{side:o="bottom",align:l="center",sideOffset:r=0,alignOffset:i=0,avoidCollisions:s=!0,collisionPadding:c=8,collisionBoundary:t,component:f,arrowPadding:b=0,hideWhenDetached:S=!1,style:C,...E}=n,d=v("PopperContent"),u=e.useRef(null),M=_(),T=G(d.anchor&&"nodeType"in d.anchor?d.anchor:null,M),{refs:O,floatingStyles:H,placement:L,middlewareData:m,update:x}=$({placement:Z(J(o,T),l),whileElementsMounted:Y,elements:{reference:d.anchor},middleware:Q(ee,{sideOffset:r,alignOffset:i,avoidCollisions:s,collisionPadding:c,collisionBoundary:t,component:f,arrow:u,arrowPadding:b,hideWhenDetached:S})}),V=R(a,O.setFloating),[P,N]=K(L),D=m.hide?.referenceHidden===!0,y=m.arrow?.x,A=m.arrow?.y,W=e.useMemo(()=>({arrowRef:u,arrowX:y,arrowY:A,side:P}),[u,y,A,P]),{updateRef:h}=d;return e.useEffect(()=>(h.current=x,()=>{h.current=null}),[h,x]),p(g.Provider,{value:W,children:p(w.div,{"data-side":P,"data-align":N,...E,ref:V,style:{...H,...C,...D&&{visibility:"hidden",pointerEvents:"none"}}})})};oe.displayName="PopperContent";var re=({ref:a,...n})=>{let o=e.useContext(g);if(!o)throw new Error("[skandadx] PopperArrow must be used within PopperContent.");let{arrowRef:l,arrowX:r,arrowY:i,side:s}=o,c=R(a,l),t=q[s];return p(w.span,{...n,ref:c,style:{position:"absolute",left:r!=null?`${r}px`:void 0,top:i!=null?`${i}px`:void 0,[t]:void 0,...t==="top"&&{top:0,transform:"translateY(-100%)"},...t==="bottom"&&{bottom:0,transform:"translateY(100%)"},...t==="left"&&{left:0,transform:"translateX(-100%)"},...t==="right"&&{right:0,transform:"translateX(100%)"},...n.style}})};re.displayName="PopperArrow";export{ne as PopperAnchor,re as PopperArrow,oe as PopperContent,pe as PopperRoot,me as setMeasurementProperties,v as usePopperContext};

package/dist/utils/portal.cjs

@@ -1 +1,2 @@
-"use strict";var d=Object.create;var i=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var y=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var D=(t,e)=>{for(var o in e)i(t,o,{get:e[o],enumerable:!0})},c=(t,e,o,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of v(e))!h.call(t,r)&&r!==o&&i(t,r,{get:()=>e[r],enumerable:!(n=R(e,r))||n.enumerable});return t};var s=(t,e,o)=>(o=t!=null?d(y(t)):{},c(e||!t||!t.__esModule?i(o,"default",{value:t,enumerable:!0}):o,t)),E=t=>c(i({},"__esModule",{value:!0}),t);var M={};D(M,{Portal:()=>P});module.exports=E(M);var a=s(require("react"),1),m=s(require("react-dom"),1),p=require("./primitive.cjs"),f=require("react/jsx-runtime"),P=a.forwardRef((t,e)=>{let{container:o,...n}=t,[r,u]=a.useState(!1);a.useLayoutEffect(()=>u(!0),[]);let l=o??(r?globalThis?.document?.body:null);return l?m.default.createPortal((0,f.jsx)(p.Primitive.div,{...n,ref:e}),l):null});P.displayName="Portal";0&&(module.exports={Portal});
+'use client';
+"use strict";var f=Object.create;var i=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var R=Object.getPrototypeOf,b=Object.prototype.hasOwnProperty;var y=(e,o)=>{for(var t in o)i(e,t,{get:o[t],enumerable:!0})},c=(e,o,t,n)=>{if(o&&typeof o=="object"||typeof o=="function")for(let r of v(o))!b.call(e,r)&&r!==t&&i(e,r,{get:()=>o[r],enumerable:!(n=u(o,r))||n.enumerable});return e};var l=(e,o,t)=>(t=e!=null?f(R(e)):{},c(o||!e||!e.__esModule?i(t,"default",{value:e,enumerable:!0}):t,e)),h=e=>c(i({},"__esModule",{value:!0}),e);var g={};y(g,{Portal:()=>P});module.exports=h(g);var s=l(require("react"),1),m=l(require("react-dom"),1),p=require("./primitive.cjs"),d=require("react/jsx-runtime"),x=()=>()=>{},N=()=>!0,S=()=>!1,P=({ref:e,...o})=>{let{container:t,...n}=o,r=s.useSyncExternalStore(x,N,S),a=t??(r?globalThis?.document?.body:null);return a?m.default.createPortal((0,d.jsx)(p.Primitive.div,{...n,ref:e}),a):null};P.displayName="Portal";0&&(module.exports={Portal});

package/dist/utils/portal.d.cts

@@ -6,12 +6,10 @@ export interface PortalProps extends PrimitivePropsWithRef<'div'> {
      * DOM node the children are rendered into via `ReactDOM.createPortal`, instead of their normal position in the tree.
      * @default document.body
      */
-    container?: Element | DocumentFragment | null;
+    container?: Element | DocumentFragment | null | undefined;
 }
 /**
- * Teleports children to a different DOM location via `ReactDOM.createPortal`.
- * Used by overlay content to escape clipping and sit above everything.
- * SSR-safe: renders nothing until mounted on the client.
+ * Teleports children to a different DOM location via `ReactDOM.createPortal`, escaping clipping to sit above everything; SSR-safe, rendering nothing until mounted on the client.
  *
  * @example
  * ```tsx
@@ -20,4 +18,7 @@ export interface PortalProps extends PrimitivePropsWithRef<'div'> {
  * </Portal>
  * ```
  */
-export declare const Portal: React.ForwardRefExoticComponent<Omit<PortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Portal: {
+    ({ ref: forwardedRef, ...props }: PortalProps): React.ReactNode;
+    displayName: string;
+};

package/dist/utils/portal.d.ts

@@ -6,12 +6,10 @@ export interface PortalProps extends PrimitivePropsWithRef<'div'> {
      * DOM node the children are rendered into via `ReactDOM.createPortal`, instead of their normal position in the tree.
      * @default document.body
      */
-    container?: Element | DocumentFragment | null;
+    container?: Element | DocumentFragment | null | undefined;
 }
 /**
- * Teleports children to a different DOM location via `ReactDOM.createPortal`.
- * Used by overlay content to escape clipping and sit above everything.
- * SSR-safe: renders nothing until mounted on the client.
+ * Teleports children to a different DOM location via `ReactDOM.createPortal`, escaping clipping to sit above everything; SSR-safe, rendering nothing until mounted on the client.
  *
  * @example
  * ```tsx
@@ -20,4 +18,7 @@ export interface PortalProps extends PrimitivePropsWithRef<'div'> {
  * </Portal>
  * ```
  */
-export declare const Portal: React.ForwardRefExoticComponent<Omit<PortalProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const Portal: {
+    ({ ref: forwardedRef, ...props }: PortalProps): React.ReactNode;
+    displayName: string;
+};

package/dist/utils/portal.js

@@ -1 +1,2 @@
-import*as t from"react";import c from"react-dom";import{Primitive as s}from"./primitive.js";import{jsx as p}from"react/jsx-runtime";var m=t.forwardRef((o,r)=>{let{container:a,...n}=o,[i,l]=t.useState(!1);t.useLayoutEffect(()=>l(!0),[]);let e=a??(i?globalThis?.document?.body:null);return e?c.createPortal(p(s.div,{...n,ref:r}),e):null});m.displayName="Portal";export{m as Portal};
+'use client';
+import*as o from"react";import c from"react-dom";import{Primitive as l}from"./primitive.js";import{jsx as d}from"react/jsx-runtime";var s=()=>()=>{},m=()=>!0,p=()=>!1,P=({ref:t,...r})=>{let{container:n,...i}=r,a=o.useSyncExternalStore(s,m,p),e=n??(a?globalThis?.document?.body:null);return e?c.createPortal(d(l.div,{...i,ref:t}),e):null};P.displayName="Portal";export{P as Portal};

package/dist/utils/presence.cjs

@@ -1 +1,2 @@
-"use strict";var E=Object.create;var c=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var P=(e,n)=>{for(var t in n)c(e,t,{get:n[t],enumerable:!0})},l=(e,n,t,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of p(n))!L.call(e,o)&&o!==t&&c(e,o,{get:()=>n[o],enumerable:!(a=R(n,o))||a.enumerable});return e};var b=(e,n,t)=>(t=e!=null?E(v(e)):{},l(n||!e||!e.__esModule?c(t,"default",{value:e,enumerable:!0}):t,e)),M=e=>l(c({},"__esModule",{value:!0}),e);var g={};P(g,{Presence:()=>m,usePresence:()=>u});module.exports=M(g);var r=b(require("react"),1),s=require("./slot.cjs"),d=require("react/jsx-runtime");function S(e){let{animationName:n,display:t}=getComputedStyle(e);return n!==""&&n!=="none"&&t!=="none"}function u(e,n){let[t,a]=r.useState(e);return e&&!t&&a(!0),r.useEffect(()=>{if(e)return;let o=n.current;if(!o||!S(o)){a(!1);return}let i=f=>{f.target===o&&a(!1)};return o.addEventListener("animationend",i),o.addEventListener("animationcancel",i),()=>{o.removeEventListener("animationend",i),o.removeEventListener("animationcancel",i)}},[e,n]),t}function m({present:e,children:n}){let t=r.useRef(null);return u(e,t)?(0,d.jsx)(s.Slot,{ref:t,children:n}):null}m.displayName="Presence";0&&(module.exports={Presence,usePresence});
+'use client';
+"use strict";var E=Object.create;var c=Object.defineProperty;var R=Object.getOwnPropertyDescriptor;var p=Object.getOwnPropertyNames;var v=Object.getPrototypeOf,L=Object.prototype.hasOwnProperty;var P=(e,n)=>{for(var t in n)c(e,t,{get:n[t],enumerable:!0})},l=(e,n,t,a)=>{if(n&&typeof n=="object"||typeof n=="function")for(let o of p(n))!L.call(e,o)&&o!==t&&c(e,o,{get:()=>n[o],enumerable:!(a=R(n,o))||a.enumerable});return e};var b=(e,n,t)=>(t=e!=null?E(v(e)):{},l(n||!e||!e.__esModule?c(t,"default",{value:e,enumerable:!0}):t,e)),S=e=>l(c({},"__esModule",{value:!0}),e);var g={};P(g,{Presence:()=>m,usePresence:()=>s});module.exports=S(g);var r=b(require("react"),1),u=require("./slot.cjs"),d=require("react/jsx-runtime");function M(e){let{animationName:n,display:t}=getComputedStyle(e);return n!==""&&n!=="none"&&t!=="none"}function s(e,n){let[t,a]=r.useState(e);return e&&!t&&a(!0),r.useEffect(()=>{if(e)return;let o=n.current;if(!o||!M(o)){a(!1);return}let i=f=>{f.target===o&&a(!1)};return o.addEventListener("animationend",i),o.addEventListener("animationcancel",i),()=>{o.removeEventListener("animationend",i),o.removeEventListener("animationcancel",i)}},[e,n]),t}function m({present:e,children:n}){let t=r.useRef(null);return s(e,t)?(0,d.jsx)(u.Slot,{ref:t,children:n}):null}m.displayName="Presence";0&&(module.exports={Presence,usePresence});

package/dist/utils/presence.d.cts

@@ -1,13 +1,6 @@
 import * as React from 'react';
 /**
- * Keeps a node mounted past `present` going false, until its CSS exit
- * animation finishes — the one piece `forceMount` can't do on its own, since
- * `forceMount` never unmounts at all.
- *
- * Pair it with the `data-state` hook every overlay part already emits: your
- * CSS animates `[data-state='closed']`, and this hook unmounts once that
- * animation ends. With no animation declared it unmounts immediately, so
- * adding it costs nothing.
+ * Keeps a node mounted past `present` going false until its CSS exit animation finishes (immediately if none declared), pairing with the `data-state` hook every overlay part emits.
  *
  * @example
  * ```tsx
@@ -19,22 +12,17 @@ import * as React from 'react';
 export declare function usePresence(present: boolean, nodeRef: React.RefObject<HTMLElement | null>): boolean;
 /** Props for {@link Presence}. */
 export interface PresenceProps {
-    /**
-     * Whether the child should be present. Going false starts the child's exit
-     * animation instead of unmounting it outright.
-     */
+    /** Whether the child should be present; going false starts the child's exit animation instead of unmounting it outright. */
     present: boolean;
     /**
      * A single React element — `Presence` composes its own ref onto it (via
      * {@link Slot}) to watch for `animationend`, and renders no DOM of its own.
      * @default undefined — renders nothing if omitted.
      */
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }
 /**
- * Component form of {@link usePresence}: renders its single child element
- * while `present`, then keeps it mounted until the child's CSS exit animation
- * ends. Renders no DOM of its own.
+ * Component form of {@link usePresence}: renders its single child element while `present`, then keeps it mounted until the child's CSS exit animation ends, rendering no DOM of its own.
  *
  * @example
  * ```tsx

package/dist/utils/presence.d.ts

@@ -1,13 +1,6 @@
 import * as React from 'react';
 /**
- * Keeps a node mounted past `present` going false, until its CSS exit
- * animation finishes — the one piece `forceMount` can't do on its own, since
- * `forceMount` never unmounts at all.
- *
- * Pair it with the `data-state` hook every overlay part already emits: your
- * CSS animates `[data-state='closed']`, and this hook unmounts once that
- * animation ends. With no animation declared it unmounts immediately, so
- * adding it costs nothing.
+ * Keeps a node mounted past `present` going false until its CSS exit animation finishes (immediately if none declared), pairing with the `data-state` hook every overlay part emits.
  *
  * @example
  * ```tsx
@@ -19,22 +12,17 @@ import * as React from 'react';
 export declare function usePresence(present: boolean, nodeRef: React.RefObject<HTMLElement | null>): boolean;
 /** Props for {@link Presence}. */
 export interface PresenceProps {
-    /**
-     * Whether the child should be present. Going false starts the child's exit
-     * animation instead of unmounting it outright.
-     */
+    /** Whether the child should be present; going false starts the child's exit animation instead of unmounting it outright. */
     present: boolean;
     /**
      * A single React element — `Presence` composes its own ref onto it (via
      * {@link Slot}) to watch for `animationend`, and renders no DOM of its own.
      * @default undefined — renders nothing if omitted.
      */
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }
 /**
- * Component form of {@link usePresence}: renders its single child element
- * while `present`, then keeps it mounted until the child's CSS exit animation
- * ends. Renders no DOM of its own.
+ * Component form of {@link usePresence}: renders its single child element while `present`, then keeps it mounted until the child's CSS exit animation ends, rendering no DOM of its own.
  *
  * @example
  * ```tsx

package/dist/utils/presence.js

@@ -1 +1,2 @@
-import*as a from"react";import{Slot as l}from"./slot.js";import{jsx as d}from"react/jsx-runtime";function s(e){let{animationName:n,display:t}=getComputedStyle(e);return n!==""&&n!=="none"&&t!=="none"}function u(e,n){let[t,r]=a.useState(e);return e&&!t&&r(!0),a.useEffect(()=>{if(e)return;let o=n.current;if(!o||!s(o)){r(!1);return}let i=c=>{c.target===o&&r(!1)};return o.addEventListener("animationend",i),o.addEventListener("animationcancel",i),()=>{o.removeEventListener("animationend",i),o.removeEventListener("animationcancel",i)}},[e,n]),t}function m({present:e,children:n}){let t=a.useRef(null);return u(e,t)?d(l,{ref:t,children:n}):null}m.displayName="Presence";export{m as Presence,u as usePresence};
+'use client';
+import*as a from"react";import{Slot as l}from"./slot.js";import{jsx as d}from"react/jsx-runtime";function u(e){let{animationName:n,display:t}=getComputedStyle(e);return n!==""&&n!=="none"&&t!=="none"}function s(e,n){let[t,r]=a.useState(e);return e&&!t&&r(!0),a.useEffect(()=>{if(e)return;let o=n.current;if(!o||!u(o)){r(!1);return}let i=c=>{c.target===o&&r(!1)};return o.addEventListener("animationend",i),o.addEventListener("animationcancel",i),()=>{o.removeEventListener("animationend",i),o.removeEventListener("animationcancel",i)}},[e,n]),t}function m({present:e,children:n}){let t=a.useRef(null);return s(e,t)?d(l,{ref:t,children:n}):null}m.displayName="Presence";export{m as Presence,s as usePresence};

package/dist/utils/primitive.cjs

@@ -1 +1,2 @@
-"use strict";var h=Object.create;var n=Object.defineProperty;var u=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var E=Object.getPrototypeOf,P=Object.prototype.hasOwnProperty;var R=(e,t)=>{for(var r in t)n(e,r,{get:t[r],enumerable:!0})},p=(e,t,r,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of v(t))!P.call(e,o)&&o!==r&&n(e,o,{get:()=>t[o],enumerable:!(i=u(t,o))||i.enumerable});return e};var g=(e,t,r)=>(r=e!=null?h(E(e)):{},p(t||!e||!e.__esModule?n(r,"default",{value:e,enumerable:!0}):r,e)),y=e=>p(n({},"__esModule",{value:!0}),e);var w={};R(w,{Primitive:()=>x,composeEventHandlers:()=>C});module.exports=y(w);var s=g(require("react"),1),m=require("./slot.cjs"),f=require("react/jsx-runtime"),b=["a","article","aside","footer","header","main","nav","section","blockquote","button","caption","code","div","dd","dl","dt","em","fieldset","figcaption","figure","form","h1","h2","h3","h4","h5","h6","hr","img","input","kbd","label","legend","li","ol","p","pre","small","span","strong","svg","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul"],x=b.reduce((e,t)=>{let r=s.forwardRef((i,o)=>{let{asChild:l,...d}=i,c=l?m.Slot:t;if(t==="a"){let a=d;a.target==="_blank"&&a.rel===void 0&&(a.rel="noopener noreferrer")}return(0,f.jsx)(c,{...d,ref:o})});return r.displayName=`Primitive.${t}`,{...e,[t]:r}},{});function C(e,t,{checkForDefaultPrevented:r=!0}={}){return function(o){if(e?.(o),!r||!o.defaultPrevented)return t?.(o)}}0&&(module.exports={Primitive,composeEventHandlers});
+'use client';
+"use strict";var a=Object.defineProperty;var c=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var E=(t,e)=>{for(var n in e)a(t,n,{get:e[n],enumerable:!0})},h=(t,e,n,o)=>{if(e&&typeof e=="object"||typeof e=="function")for(let i of v(e))!u.call(t,i)&&i!==n&&a(t,i,{get:()=>e[i],enumerable:!(o=c(e,i))||o.enumerable});return t};var P=t=>h(a({},"__esModule",{value:!0}),t);var x={};E(x,{Primitive:()=>y,composeEventHandlers:()=>s,useComposedEventHandlers:()=>b});module.exports=P(x);var p=require("./slot.cjs"),l=require("react/jsx-runtime"),g=["a","article","aside","footer","header","main","nav","section","blockquote","button","caption","code","div","dd","dl","dt","em","fieldset","figcaption","figure","form","h1","h2","h3","h4","h5","h6","hr","img","input","kbd","label","legend","li","mark","ol","p","pre","small","span","strong","svg","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul"],y=g.reduce((t,e)=>{let n=o=>{let{asChild:i,ref:m,...d}=o,f=i?p.Slot:e;if(e==="a"){let r=d;r.target==="_blank"&&r.rel===void 0&&(r.rel="noopener noreferrer")}return(0,l.jsx)(f,{...d,ref:m})};return n.displayName=`Primitive.${e}`,{...t,[e]:n}},{});function s(t,e,{checkForDefaultPrevented:n=!0}={}){return function(i){if(t?.(i),!n||!i.defaultPrevented)return e?.(i)}}function b(t,e,n){return s(t,e,n)}0&&(module.exports={Primitive,composeEventHandlers,useComposedEventHandlers});

package/dist/utils/primitive.d.cts

@@ -1,45 +1,37 @@
-import * as React from 'react';
-declare const NODES: readonly ["a", "article", "aside", "footer", "header", "main", "nav", "section", "blockquote", "button", "caption", "code", "div", "dd", "dl", "dt", "em", "fieldset", "figcaption", "figure", "form", "h1", "h2", "h3", "h4", "h5", "h6", "hr", "img", "input", "kbd", "label", "legend", "li", "ol", "p", "pre", "small", "span", "strong", "svg", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "ul"];
+import type * as React from 'react';
+declare const NODES: readonly ["a", "article", "aside", "footer", "header", "main", "nav", "section", "blockquote", "button", "caption", "code", "div", "dd", "dl", "dt", "em", "fieldset", "figcaption", "figure", "form", "h1", "h2", "h3", "h4", "h5", "h6", "hr", "img", "input", "kbd", "label", "legend", "li", "mark", "ol", "p", "pre", "small", "span", "strong", "svg", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "ul"];
 type Primitives = {
-    [E in (typeof NODES)[number]]: PrimitiveForwardRefComponent<E>;
+    [E in (typeof NODES)[number]]: PrimitiveComponent<E>;
 };
-/**
- * The tag names an `as` prop accepts: `NODES` minus the void and replaced
- * elements, none of which can carry a part's children. Mirrors the
- * `POLYMORPHIC_TAGS` contract the parity gates read.
- */
+/** The tag names an `as` prop accepts: `NODES` minus the void and replaced elements, none of which can carry a part's children. */
 export type PolymorphicTag = Exclude<(typeof NODES)[number], 'hr' | 'img' | 'input' | 'svg' | 'textarea'>;
 /** Props of the intrinsic element `E` plus `asChild`; the base prop type every {@link Primitive} part (and component props extending it) is built from. */
 export type PrimitivePropsWithRef<E extends React.ElementType> = React.ComponentPropsWithRef<E> & {
     /**
-     * Render this part's behavior onto your own child element instead of the
-     * default DOM tag, via {@link Slot}. The child must be a single React element.
+     * Render this part's behavior onto your own child element instead of the default DOM tag, via {@link Slot}; the child must be a single React element.
      * @default false
      */
-    asChild?: boolean;
+    asChild?: boolean | undefined;
 };
-interface PrimitiveForwardRefComponent<E extends React.ElementType> extends React.ForwardRefExoticComponent<PrimitivePropsWithRef<E>> {
+interface PrimitiveComponent<E extends React.ElementType> {
+    (props: PrimitivePropsWithRef<E>): React.ReactNode;
+    displayName?: string | undefined;
 }
 /**
- * The base DOM element every primitive part is built on — one forwardRef
- * component per tag (`Primitive.div`, `Primitive.button`, `Primitive.svg`, …),
- * each accepting {@link PrimitivePropsWithRef.asChild}. Internal building
- * block; component authors extending this library reach for it directly,
- * most consumers only ever see it through a component's own parts.
+ * The base DOM element every primitive part is built on — one component per tag, each accepting {@link PrimitivePropsWithRef.asChild}.
  *
  * @example
  * ```tsx
- * const MyPart = React.forwardRef<HTMLDivElement, PrimitivePropsWithRef<'div'>>(
- *   (props, ref) => <Primitive.div data-my-state="idle" {...props} ref={ref} />
+ * const MyPart = ({ ref, ...props }: PrimitivePropsWithRef<'div'>) => (
+ *   <Primitive.div data-my-state="idle" {...props} ref={ref} />
  * );
  * ```
+ *
+ * @internal Not part of the public API; import it inside the package only.
  */
 export declare const Primitive: Primitives;
 /**
- * Composes two event handlers so both run without either clobbering the
- * other. The user-supplied `originalEventHandler` runs first; if it calls
- * `event.preventDefault()`, `ourEventHandler` (the primitive's own internal
- * handler) is skipped unless `checkForDefaultPrevented` is `false`.
+ * Composes two event handlers so both run without clobbering; `originalEventHandler` runs first, and `ourEventHandler` is skipped if it called `preventDefault()` unless `checkForDefaultPrevented` is `false`.
  *
  * @param originalEventHandler - The consumer's handler, passed through `{...props}`, run first.
  * @param ourEventHandler - The primitive's internal handler, run second.
@@ -52,10 +44,29 @@ export declare const Primitive: Primitives;
  *   onClick={composeEventHandlers(props.onClick, () => setOpen(true))}
  * />
  * ```
+ *
+ * @internal Not part of the public API; import it inside the package only.
  */
 export declare function composeEventHandlers<E extends {
     defaultPrevented: boolean;
 }>(originalEventHandler?: (event: E) => void, ourEventHandler?: (event: E) => void, { checkForDefaultPrevented }?: {
     checkForDefaultPrevented?: boolean | undefined;
 }): (event: E) => void;
+/**
+ * Render-phase form of {@link composeEventHandlers}, for handlers that touch a ref.
+ *
+ * The React Compiler cannot see that `composeEventHandlers` only stores its arguments, so a
+ * ref-reading handler passed to it reads as a render-phase ref access; a hook boundary is where
+ * the compiler stops looking. Call it unconditionally, like any hook.
+ *
+ * @param originalEventHandler - The consumer's handler, passed through `{...props}`, run first.
+ * @param ourEventHandler - The primitive's internal handler, run second.
+ * @param options - Forwarded to {@link composeEventHandlers}.
+ * @internal
+ */
+export declare function useComposedEventHandlers<E extends {
+    defaultPrevented: boolean;
+}>(originalEventHandler?: (event: E) => void, ourEventHandler?: (event: E) => void, options?: {
+    checkForDefaultPrevented?: boolean;
+}): (event: E) => void;
 export {};

package/dist/utils/primitive.d.ts

@@ -1,45 +1,37 @@
-import * as React from 'react';
-declare const NODES: readonly ["a", "article", "aside", "footer", "header", "main", "nav", "section", "blockquote", "button", "caption", "code", "div", "dd", "dl", "dt", "em", "fieldset", "figcaption", "figure", "form", "h1", "h2", "h3", "h4", "h5", "h6", "hr", "img", "input", "kbd", "label", "legend", "li", "ol", "p", "pre", "small", "span", "strong", "svg", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "ul"];
+import type * as React from 'react';
+declare const NODES: readonly ["a", "article", "aside", "footer", "header", "main", "nav", "section", "blockquote", "button", "caption", "code", "div", "dd", "dl", "dt", "em", "fieldset", "figcaption", "figure", "form", "h1", "h2", "h3", "h4", "h5", "h6", "hr", "img", "input", "kbd", "label", "legend", "li", "mark", "ol", "p", "pre", "small", "span", "strong", "svg", "table", "tbody", "td", "textarea", "tfoot", "th", "thead", "time", "tr", "ul"];
 type Primitives = {
-    [E in (typeof NODES)[number]]: PrimitiveForwardRefComponent<E>;
+    [E in (typeof NODES)[number]]: PrimitiveComponent<E>;
 };
-/**
- * The tag names an `as` prop accepts: `NODES` minus the void and replaced
- * elements, none of which can carry a part's children. Mirrors the
- * `POLYMORPHIC_TAGS` contract the parity gates read.
- */
+/** The tag names an `as` prop accepts: `NODES` minus the void and replaced elements, none of which can carry a part's children. */
 export type PolymorphicTag = Exclude<(typeof NODES)[number], 'hr' | 'img' | 'input' | 'svg' | 'textarea'>;
 /** Props of the intrinsic element `E` plus `asChild`; the base prop type every {@link Primitive} part (and component props extending it) is built from. */
 export type PrimitivePropsWithRef<E extends React.ElementType> = React.ComponentPropsWithRef<E> & {
     /**
-     * Render this part's behavior onto your own child element instead of the
-     * default DOM tag, via {@link Slot}. The child must be a single React element.
+     * Render this part's behavior onto your own child element instead of the default DOM tag, via {@link Slot}; the child must be a single React element.
      * @default false
      */
-    asChild?: boolean;
+    asChild?: boolean | undefined;
 };
-interface PrimitiveForwardRefComponent<E extends React.ElementType> extends React.ForwardRefExoticComponent<PrimitivePropsWithRef<E>> {
+interface PrimitiveComponent<E extends React.ElementType> {
+    (props: PrimitivePropsWithRef<E>): React.ReactNode;
+    displayName?: string | undefined;
 }
 /**
- * The base DOM element every primitive part is built on — one forwardRef
- * component per tag (`Primitive.div`, `Primitive.button`, `Primitive.svg`, …),
- * each accepting {@link PrimitivePropsWithRef.asChild}. Internal building
- * block; component authors extending this library reach for it directly,
- * most consumers only ever see it through a component's own parts.
+ * The base DOM element every primitive part is built on — one component per tag, each accepting {@link PrimitivePropsWithRef.asChild}.
  *
  * @example
  * ```tsx
- * const MyPart = React.forwardRef<HTMLDivElement, PrimitivePropsWithRef<'div'>>(
- *   (props, ref) => <Primitive.div data-my-state="idle" {...props} ref={ref} />
+ * const MyPart = ({ ref, ...props }: PrimitivePropsWithRef<'div'>) => (
+ *   <Primitive.div data-my-state="idle" {...props} ref={ref} />
  * );
  * ```
+ *
+ * @internal Not part of the public API; import it inside the package only.
  */
 export declare const Primitive: Primitives;
 /**
- * Composes two event handlers so both run without either clobbering the
- * other. The user-supplied `originalEventHandler` runs first; if it calls
- * `event.preventDefault()`, `ourEventHandler` (the primitive's own internal
- * handler) is skipped unless `checkForDefaultPrevented` is `false`.
+ * Composes two event handlers so both run without clobbering; `originalEventHandler` runs first, and `ourEventHandler` is skipped if it called `preventDefault()` unless `checkForDefaultPrevented` is `false`.
  *
  * @param originalEventHandler - The consumer's handler, passed through `{...props}`, run first.
  * @param ourEventHandler - The primitive's internal handler, run second.
@@ -52,10 +44,29 @@ export declare const Primitive: Primitives;
  *   onClick={composeEventHandlers(props.onClick, () => setOpen(true))}
  * />
  * ```
+ *
+ * @internal Not part of the public API; import it inside the package only.
  */
 export declare function composeEventHandlers<E extends {
     defaultPrevented: boolean;
 }>(originalEventHandler?: (event: E) => void, ourEventHandler?: (event: E) => void, { checkForDefaultPrevented }?: {
     checkForDefaultPrevented?: boolean | undefined;
 }): (event: E) => void;
+/**
+ * Render-phase form of {@link composeEventHandlers}, for handlers that touch a ref.
+ *
+ * The React Compiler cannot see that `composeEventHandlers` only stores its arguments, so a
+ * ref-reading handler passed to it reads as a render-phase ref access; a hook boundary is where
+ * the compiler stops looking. Call it unconditionally, like any hook.
+ *
+ * @param originalEventHandler - The consumer's handler, passed through `{...props}`, run first.
+ * @param ourEventHandler - The primitive's internal handler, run second.
+ * @param options - Forwarded to {@link composeEventHandlers}.
+ * @internal
+ */
+export declare function useComposedEventHandlers<E extends {
+    defaultPrevented: boolean;
+}>(originalEventHandler?: (event: E) => void, ourEventHandler?: (event: E) => void, options?: {
+    checkForDefaultPrevented?: boolean;
+}): (event: E) => void;
 export {};

package/dist/utils/primitive.js

@@ -1 +1,2 @@
-import*as d from"react";import{Slot as m}from"./slot.js";import{jsx as l}from"react/jsx-runtime";var f=["a","article","aside","footer","header","main","nav","section","blockquote","button","caption","code","div","dd","dl","dt","em","fieldset","figcaption","figure","form","h1","h2","h3","h4","h5","h6","hr","img","input","kbd","label","legend","li","ol","p","pre","small","span","strong","svg","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul"],h=f.reduce((o,e)=>{let r=d.forwardRef((n,t)=>{let{asChild:p,...a}=n,s=p?m:e;if(e==="a"){let i=a;i.target==="_blank"&&i.rel===void 0&&(i.rel="noopener noreferrer")}return l(s,{...a,ref:t})});return r.displayName=`Primitive.${e}`,{...o,[e]:r}},{});function u(o,e,{checkForDefaultPrevented:r=!0}={}){return function(t){if(o?.(t),!r||!t.defaultPrevented)return e?.(t)}}export{h as Primitive,u as composeEventHandlers};
+'use client';
+import{Slot as s}from"./slot.js";import{jsx as f}from"react/jsx-runtime";var l=["a","article","aside","footer","header","main","nav","section","blockquote","button","caption","code","div","dd","dl","dt","em","fieldset","figcaption","figure","form","h1","h2","h3","h4","h5","h6","hr","img","input","kbd","label","legend","li","mark","ol","p","pre","small","span","strong","svg","table","tbody","td","textarea","tfoot","th","thead","time","tr","ul"],v=l.reduce((n,e)=>{let t=r=>{let{asChild:i,ref:d,...a}=r,p=i?s:e;if(e==="a"){let o=a;o.target==="_blank"&&o.rel===void 0&&(o.rel="noopener noreferrer")}return f(p,{...a,ref:d})};return t.displayName=`Primitive.${e}`,{...n,[e]:t}},{});function m(n,e,{checkForDefaultPrevented:t=!0}={}){return function(i){if(n?.(i),!t||!i.defaultPrevented)return e?.(i)}}function u(n,e,t){return m(n,e,t)}export{v as Primitive,m as composeEventHandlers,u as useComposedEventHandlers};

package/dist/utils/qr-encoder.cjs

@@ -0,0 +1,2 @@
+'use client';
+"use strict";var w=Object.defineProperty;var Y=Object.getOwnPropertyDescriptor;var j=Object.getOwnPropertyNames;var H=Object.prototype.hasOwnProperty;var K=(n,t)=>{for(var e in t)w(n,e,{get:t[e],enumerable:!0})},X=(n,t,e,r)=>{if(t&&typeof t=="object"||typeof t=="function")for(let o of j(t))!H.call(n,o)&&o!==e&&w(n,o,{get:()=>t[o],enumerable:!(r=Y(t,o))||r.enumerable});return n};var W=n=>X(w({},"__esModule",{value:!0}),n);var yn={};K(yn,{MAX_VERSION:()=>U,MIN_VERSION:()=>G,alignmentPatternPositions:()=>I,dataCapacityBits:()=>y,encodeQr:()=>hn,formatInfoBits:()=>T,moduleCount:()=>k,reedSolomonGeneratorPoly:()=>O,totalCodewords:()=>_,versionInfoBits:()=>V});module.exports=W(yn);var q={L:1,M:0,Q:3,H:2},S={L:0,M:1,Q:2,H:3},F=[[-1,7,10,15,20,26,18,20,24,30,18,20,24,26,30,22,24,28,30,28,28,28,28,30,30,26,28,30,30,30,30,30,30,30,30,30,30,30,30,30,30],[-1,10,16,26,18,24,16,18,22,22,26,30,22,22,24,24,28,28,26,26,26,26,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28,28],[-1,13,22,18,26,18,24,18,22,20,24,28,26,24,20,30,24,28,28,26,30,28,30,30,30,30,28,30,30,30,30,30,30,30,30,30,30,30,30,30,30],[-1,17,28,22,16,22,28,26,26,24,28,24,28,22,24,24,30,28,28,26,28,30,24,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30,30]],R=[[-1,1,1,1,1,1,2,2,2,2,4,4,4,4,4,6,6,6,6,7,8,8,9,9,10,12,12,12,13,14,15,16,17,18,19,19,20,21,22,24,25],[-1,1,1,1,2,2,4,4,4,5,5,5,8,9,9,10,10,11,13,14,16,17,17,18,20,21,23,25,26,28,29,31,33,35,37,38,40,43,45,47,49],[-1,1,1,2,2,4,4,6,6,8,8,8,10,12,16,12,17,16,18,21,20,23,23,25,27,29,34,34,35,38,40,43,45,48,51,53,56,59,62,65,68],[-1,1,1,2,4,4,4,5,6,8,8,11,11,16,16,18,16,19,21,25,25,25,34,30,32,35,37,40,42,45,48,51,54,57,60,63,66,70,74,77,81]],G=1,U=40,J=3,Z=3,$=40,v=10;function k(n){return n*4+17}function g(n){let t=(16*n+128)*n+64;if(n>=2){let e=Math.floor(n/7)+2;t-=(25*e-10)*e-55,n>=7&&(t-=36)}return t}function _(n){return Math.floor(g(n)/8)}function y(n,t){let e=S[t],r=F[e][n]*R[e][n];return(_(n)-r)*8}function I(n){if(n===1)return[];let t=Math.floor(n/7)+2,e=n===32?26:Math.ceil((n*4+4)/(t*2-2))*2,r=[6];for(let o=k(n)-7;r.length<t;o-=e)r.splice(1,0,o);return r}var h=new Uint8Array(512),L=new Uint8Array(256);{let n=1;for(let t=0;t<255;t++)h[t]=n,L[n]=t,n<<=1,n&256&&(n^=285);for(let t=255;t<512;t++)h[t]=h[t-255]}function M(n,t){return n===0||t===0?0:h[L[n]+L[t]]}function O(n){let t=new Uint8Array(n);t[n-1]=1;let e=1;for(let r=0;r<n;r++){for(let o=0;o<n;o++){let u=M(t[o]??0,e);t[o]=o+1<n?u^(t[o+1]??0):u}e=M(e,2)}return t}function nn(n,t){let e=new Uint8Array(t.length);for(let r of n){let o=r^(e[0]??0);e.copyWithin(0,1),e[e.length-1]=0;for(let u=0;u<e.length;u++)e[u]=(e[u]??0)^M(t[u]??0,o)}return e}function D(n,t,e){let r=n;for(let o=0;o<e;o++)r=r<<1^(r>>>e-1)*t;return r}function T(n,t){let e=q[n]<<3|t;return((e<<10|D(e,1335,10))^21522)&32767}function V(n){return(n<<12|D(n,7973,12))&262143}function B(n){return n<=9?8:16}function d(n,t,e){for(let r=e-1;r>=0;r--)n.push(t>>>r&1)}function tn(n,t,e){let r=y(t,e),o=[];d(o,4,4),d(o,n.length,B(t));for(let c of n)d(o,c,8);d(o,0,Math.min(4,r-o.length)),d(o,0,(8-o.length%8)%8);for(let c=236;o.length<r;c^=253)d(o,c,8);let u=new Uint8Array(o.length/8);for(let c=0;c<o.length;c++){let l=c>>>3;u[l]=(u[l]??0)|o[c]<<7-(c&7)}return u}function on(n,t,e){let r=S[e],o=R[r][t],u=F[r][t],c=_(t),l=o-c%o,f=Math.floor(c/o)-u,m=O(u),p=[];for(let i=0,b=0;i<o;i++){let N=f+(i<l?0:1),z=n.subarray(b,b+N);b+=N,p.push({data:z,ecc:nn(z,m)})}let x=new Uint8Array(c),P=0;for(let i=0;i<=f;i++)for(let b of p)i<b.data.length&&(x[P++]=b.data[i]);for(let i=0;i<u;i++)for(let b of p)x[P++]=b.ecc[i];return x}var Q=[(n,t)=>(n+t)%2===0,(n,t)=>t%2===0,n=>n%3===0,(n,t)=>(n+t)%3===0,(n,t)=>(Math.floor(t/2)+Math.floor(n/3))%2===0,(n,t)=>n*t%2+n*t%3===0,(n,t)=>(n*t%2+n*t%3)%2===0,(n,t)=>((n+t)%2+n*t%3)%2===0];function rn(n){let t=k(n),e=()=>Array.from({length:t},()=>new Array(t).fill(!1));return{size:t,modules:e(),isFunction:e()}}function s(n,t,e,r){n.modules[e][t]=r,n.isFunction[e][t]=!0}var a=(n,t)=>(n>>>t&1)!==0;function A(n,t,e){for(let r=-4;r<=4;r++)for(let o=-4;o<=4;o++){let u=t+o,c=e+r;if(u<0||u>=n.size||c<0||c>=n.size)continue;let l=Math.max(Math.abs(o),Math.abs(r));s(n,u,c,l!==2&&l!==4)}}function en(n,t,e){for(let r=-2;r<=2;r++)for(let o=-2;o<=2;o++)s(n,t+o,e+r,Math.max(Math.abs(o),Math.abs(r))!==1)}function C(n,t,e){let r=T(t,e),{size:o}=n;for(let u=0;u<=5;u++)s(n,8,u,a(r,u));s(n,8,7,a(r,6)),s(n,8,8,a(r,7)),s(n,7,8,a(r,8));for(let u=9;u<15;u++)s(n,14-u,8,a(r,u));for(let u=0;u<8;u++)s(n,o-1-u,8,a(r,u));for(let u=8;u<15;u++)s(n,8,o-15+u,a(r,u));s(n,8,o-8,!0)}function un(n,t){if(t<7)return;let e=V(t);for(let r=0;r<18;r++){let o=a(e,r),u=n.size-11+r%3,c=Math.floor(r/3);s(n,u,c,o),s(n,c,u,o)}}function cn(n,t,e){let{size:r}=n;for(let c=0;c<r;c++)s(n,6,c,c%2===0),s(n,c,6,c%2===0);A(n,3,3),A(n,r-4,3),A(n,3,r-4);let o=I(t),u=o.length-1;for(let c=0;c<=u;c++)for(let l=0;l<=u;l++)c===0&&l===0||c===0&&l===u||c===u&&l===0||en(n,o[c],o[l]);C(n,e,0),un(n,t)}function ln(n,t){let{size:e}=n,r=0;for(let o=e-1;o>=1;o-=2){o===6&&(o=5);for(let u=0;u<e;u++)for(let c=0;c<2;c++){let l=o-c,m=(o+1&2)===0?e-1-u:u;n.isFunction[m][l]||r>=t.length*8||(n.modules[m][l]=a(t[r>>>3],7-(r&7)),r++)}}}function E(n,t){let e=Q[t];for(let r=0;r<n.size;r++)for(let o=0;o<n.size;o++)!n.isFunction[r][o]&&e(o,r)&&(n.modules[r][o]=!n.modules[r][o])}function sn(n,t){let e=0,r=n(0),o=1;for(let u=1;u<t;u++)n(u)===r?(o++,o===5?e+=J:o>5&&(e+=1)):(r=n(u),o=1);return e}function fn(n,t){let e=0;for(let r=0;r+10<t;r++){let o=0,u=0;for(let c=0;c<11;c++){let l=n(r+c)?1:0;o=o<<1|l,u|=l<<c}(o===1488||u===1488)&&(e+=$)}return e}function an(n){let{size:t,modules:e}=n,r=0;for(let o=0;o+1<t;o++)for(let u=0;u+1<t;u++){let c=e[o][u];c===e[o][u+1]&&c===e[o+1][u]&&c===e[o+1][u+1]&&(r+=Z)}return r}function bn(n){let{size:t,modules:e}=n,r=0;for(let u of e)for(let c of u)c&&r++;let o=t*t;return Math.floor(Math.abs(r*2-o)*10/o)*v}function mn(n){let{size:t,modules:e}=n,r=0;for(let o of[!0,!1])for(let u=0;u<t;u++){let c=l=>o?e[u][l]:e[l][u];r+=sn(c,t),r+=fn(c,t)}return r+an(n)+bn(n)}function dn(n,t){for(let e=G;e<=U;e++)if(4+B(e)+n*8<=y(e,t))return e;return null}function hn(n,t,e){let r=new TextEncoder().encode(n),o;if(e===void 0?o=dn(r.length,t):!Number.isInteger(e)||e<G||e>U?o=null:o=4+B(e)+r.length*8<=y(e,t)?e:null,o===null)return null;let u=rn(o);cn(u,o,t),ln(u,on(tn(r,o,t),o,t));let c=0,l=1/0;for(let f=0;f<Q.length;f++){E(u,f),C(u,t,f);let m=mn(u);m<l&&(l=m,c=f),E(u,f)}return E(u,c),C(u,t,c),u.modules}0&&(module.exports={MAX_VERSION,MIN_VERSION,alignmentPatternPositions,dataCapacityBits,encodeQr,formatInfoBits,moduleCount,reedSolomonGeneratorPoly,totalCodewords,versionInfoBits});