@skdx/vue 0.28.0 → 0.29.0

package/dist/utils/placement.d.ts

@@ -0,0 +1,102 @@
+/** A physical edge of the anchor. */
+export type PhysicalSide = 'top' | 'right' | 'bottom' | 'left';
+/** Side the floating content is placed against; `start`/`end` are logical and resolve under `dir`. */
+export type Side = PhysicalSide | 'start' | 'end';
+/** Alignment of the floating element along the chosen {@link Side}. */
+export type Align = 'start' | 'center' | 'end';
+/** Minimum distance from the collision boundary, for every side or per side. */
+export type CollisionPadding = number | Partial<Record<PhysicalSide, number>>;
+/** The floating-ui placement string for a resolved side and alignment. */
+export declare function toPlacement(side: PhysicalSide, align: Align): string;
+/** The side and alignment a floating-ui placement string resolved to. */
+export declare function placementParts(placement: string): [PhysicalSide, Align];
+/**
+ * Writes the four `--skdx-<component>-*` measurement properties onto the floating element after a reposition, with the transform origin derived from the resolved side/alignment so a flipped panel grows from the edge it actually sits on.
+ */
+export declare function setMeasurementProperties(floating: HTMLElement, component: string, measurements: {
+    availableWidth: number;
+    availableHeight: number;
+    triggerWidth: number;
+    side: PhysicalSide;
+    align: Align;
+}): void;
+/** The edge an arrow sits on: opposite the side the panel was placed against. */
+export declare const OPPOSITE_SIDE: Record<PhysicalSide, PhysicalSide>;
+/** Inline style for an arrow element given floating-ui's arrow offsets and the resolved side. */
+export declare function arrowStyle(offsets: {
+    x?: number | undefined;
+    y?: number | undefined;
+} | undefined, side: PhysicalSide): {
+    position: 'absolute';
+    left: string;
+    top: string;
+    right: string;
+    bottom: string;
+    transform: string;
+};
+/** Applies {@link arrowStyle} to an arrow element in place. */
+export declare function styleArrow(el: HTMLElement, offsets: {
+    x?: number | undefined;
+    y?: number | undefined;
+} | undefined, side: PhysicalSide): void;
+/** What the `size` middleware reports after flip/shift settled. */
+export interface SizeState {
+    availableWidth: number;
+    availableHeight: number;
+    elements: {
+        floating: HTMLElement;
+    };
+    rects: {
+        reference: {
+            width: number;
+        };
+    };
+    placement: string;
+}
+/** The floating-ui middleware factories an adapter injects — `M` is its `Middleware`, `L` its shift limiter, `E` what its `arrow` accepts as the element. */
+export interface FloatingMiddleware<M, L, E> {
+    offset(options: {
+        mainAxis: number;
+        alignmentAxis: number;
+    }): M;
+    flip(options: {
+        padding: CollisionPadding;
+        boundary?: Element | Element[];
+    }): M;
+    shift(options: {
+        padding: CollisionPadding;
+        limiter: L;
+        boundary?: Element | Element[];
+    }): M;
+    limitShift(): L;
+    size(options: {
+        padding: CollisionPadding;
+        boundary?: Element | Element[];
+        apply(state: SizeState): void;
+    }): M;
+    arrow(options: {
+        element: E;
+        padding: number;
+    }): M;
+    hide(options: {
+        strategy: 'referenceHidden';
+        boundary?: Element | Element[];
+    }): M;
+}
+/** The options {@link positioningMiddleware} turns into a middleware list. */
+export interface PositioningOptions<E> {
+    sideOffset?: number | undefined;
+    alignOffset?: number | undefined;
+    avoidCollisions?: boolean | undefined;
+    collisionPadding?: CollisionPadding | undefined;
+    collisionBoundary?: Element | Element[] | null | undefined;
+    /** Kebab-case component name the measurement properties are written under; omitted, none are written. */
+    component?: string | undefined;
+    arrow?: E | null | undefined;
+    arrowPadding?: number | undefined;
+    hideWhenDetached?: boolean | undefined;
+}
+/**
+ * The one middleware order every panel uses: offset, then flip/shift when collisions are avoided, then `size` (so it measures the placement the content landed on), the arrow, and `hide` last so visibility is judged against the settled placement.
+ */
+export declare function positioningMiddleware<M, L, E>(fu: FloatingMiddleware<M, L, E>, options: PositioningOptions<E>): M[];

package/dist/utils/placement.js

@@ -0,0 +1 @@
+function t(t,e){return"center"===e?t:`${t}-${e}`}function e(t){const[e,i="center"]=t.split("-");return[e,i]}var i={start:"0%",center:"50%",end:"100%"};function a(t,e,a){const{availableWidth:r,availableHeight:n,triggerWidth:s,side:o,align:l}=a,d=i[l],p="top"===o||"bottom"===o?`${d} ${"top"===o?"100%":"0%"}`:`${"left"===o?"100%":"0%"} ${d}`;t.style.setProperty(`--skdx-${e}-available-width`,`${r}px`),t.style.setProperty(`--skdx-${e}-available-height`,`${n}px`),t.style.setProperty(`--skdx-${e}-trigger-width`,`${s}px`),t.style.setProperty(`--skdx-${e}-transform-origin`,p)}var r={top:"bottom",right:"left",bottom:"top",left:"right"};function n(t,e){const i=r[e],a={position:"absolute",left:null!=t?.x?`${t.x}px`:"",top:null!=t?.y?`${t.y}px`:"",right:"",bottom:"",transform:""};return"top"===i&&Object.assign(a,{top:"0px",transform:"translateY(-100%)"}),"bottom"===i&&Object.assign(a,{bottom:"0px",transform:"translateY(100%)"}),"left"===i&&Object.assign(a,{left:"0px",transform:"translateX(-100%)"}),"right"===i&&Object.assign(a,{right:"0px",transform:"translateX(100%)"}),a}function s(t,i){const{sideOffset:r=0,alignOffset:n=0,avoidCollisions:s=!0,collisionPadding:o=8,collisionBoundary:l,component:d,arrow:p,arrowPadding:g=0,hideWhenDetached:f=!1}=i,c=l?{boundary:l}:{};return[t.offset({mainAxis:r,alignmentAxis:n}),...s?[t.flip({padding:o,...c}),t.shift({padding:o,limiter:t.limitShift(),...c})]:[],t.size({padding:o,...c,apply({availableWidth:t,availableHeight:i,elements:r,rects:n,placement:s}){if(!d)return;const[o,l]=e(s);a(r.floating,d,{availableWidth:t,availableHeight:i,triggerWidth:n.reference.width,side:o,align:l})}}),...p?[t.arrow({element:p,padding:g})]:[],...f?[t.hide({strategy:"referenceHidden",...c})]:[]]}export{r as OPPOSITE_SIDE,n as arrowStyle,e as placementParts,s as positioningMiddleware,a as setMeasurementProperties,t as toPlacement};

package/dist/utils/polymorphic.d.cts

@@ -1,7 +1,4 @@
-/**
- * Kept in step with `@skdx/shared`'s `polymorphic.ts` contract. Copied rather
- * than imported: `@skdx/shared` is a devDependency, invisible at runtime.
- */
-export declare const POLYMORPHIC_TAGS: 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", "kbd", "label", "legend", "li", "ol", "p", "pre", "small", "span", "strong", "table", "tbody", "td", "tfoot", "th", "thead", "time", "tr", "ul"];
+/** Kept in step with `@skdx/shared`'s `polymorphic.ts` contract; copied rather than imported since `@skdx/shared` is a devDependency, invisible at runtime. */
+export declare const POLYMORPHIC_TAGS: 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", "kbd", "label", "legend", "li", "mark", "ol", "p", "pre", "small", "span", "strong", "table", "tbody", "td", "tfoot", "th", "thead", "time", "tr", "ul"];
 /** One of {@link POLYMORPHIC_TAGS} — the type of every part's `as` prop. */
 export type PolymorphicTag = (typeof POLYMORPHIC_TAGS)[number];

package/dist/utils/polymorphic.d.ts

@@ -1,7 +1,4 @@
-/**
- * Kept in step with `@skdx/shared`'s `polymorphic.ts` contract. Copied rather
- * than imported: `@skdx/shared` is a devDependency, invisible at runtime.
- */
-export declare const POLYMORPHIC_TAGS: 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", "kbd", "label", "legend", "li", "ol", "p", "pre", "small", "span", "strong", "table", "tbody", "td", "tfoot", "th", "thead", "time", "tr", "ul"];
+/** Kept in step with `@skdx/shared`'s `polymorphic.ts` contract; copied rather than imported since `@skdx/shared` is a devDependency, invisible at runtime. */
+export declare const POLYMORPHIC_TAGS: 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", "kbd", "label", "legend", "li", "mark", "ol", "p", "pre", "small", "span", "strong", "table", "tbody", "td", "tfoot", "th", "thead", "time", "tr", "ul"];
 /** One of {@link POLYMORPHIC_TAGS} — the type of every part's `as` prop. */
 export type PolymorphicTag = (typeof POLYMORPHIC_TAGS)[number];

package/dist/utils/popper.cjs

@@ -1 +1 @@
-const D=require("./direction.cjs");let t=require("vue"),r=require("@floating-ui/dom");var j=Symbol("skdx-popper-context"),z=Symbol("skdx-popper-arrow-context");function L(i,o){return o==="center"?i:`${i}-${o}`}var V={top:"bottom",right:"left",bottom:"top",left:"right"},J={start:"0%",center:"50%",end:"100%"};function G(i,o,s){const{availableWidth:b,availableHeight:p,triggerWidth:d,side:l,align:f}=s,c=J[f],v=l==="top"||l==="bottom"?`${c} ${l==="top"?"100%":"0%"}`:`${l==="left"?"100%":"0%"} ${c}`;i.style.setProperty(`--skdx-${o}-available-width`,`${b}px`),i.style.setProperty(`--skdx-${o}-available-height`,`${p}px`),i.style.setProperty(`--skdx-${o}-trigger-width`,`${d}px`),i.style.setProperty(`--skdx-${o}-transform-origin`,v)}function K(i,o,s,b={},p){function d(){const{side:e="bottom",align:n="center",sideOffset:E=0,alignOffset:A=0,avoidCollisions:_=!0,collisionPadding:T=8,collisionBoundary:k,component:u,arrowPadding:g=0,hideWhenDetached:h=!1}=(0,t.toValue)(b);return{side:e,align:n,sideOffset:E,alignOffset:A,avoidCollisions:_,collisionPadding:T,collisionBoundary:k,component:u,arrowPadding:g,hideWhenDetached:h}}const l=D.useDirection(),f=e=>D.resolvePhysicalSide(e,D.resolveDirection(i.value,l())),c=d(),v=(0,t.ref)(f(c.side)),I=(0,t.ref)(c.align),H=(0,t.shallowRef)({position:"fixed",left:"0px",top:"0px"}),B=(0,t.shallowRef)({position:"absolute"});let m,a,F=0;function w(){const e=i.value,n=o.value;if(!e||!n)return;const{side:E,align:A,sideOffset:_,alignOffset:T,avoidCollisions:k,collisionPadding:u,collisionBoundary:g,component:h,arrowPadding:M,hideWhenDetached:U}=d(),x=g?{boundary:g}:{},Y=++F;(0,r.computePosition)(e,n,{strategy:"fixed",placement:L(f(E),A),middleware:[(0,r.offset)({mainAxis:_,alignmentAxis:T}),...k?[(0,r.flip)({padding:u,...x}),(0,r.shift)({padding:u,limiter:(0,r.limitShift)(),...x})]:[],(0,r.size)({padding:u,...x,apply({availableWidth:W,availableHeight:q,elements:C,rects:y,placement:N}){if(!h)return;const[P,X="center"]=N.split("-");G(C.floating,h,{availableWidth:W,availableHeight:q,triggerWidth:y.reference.width,side:P,align:X})}}),...p?.value?[(0,r.arrow)({element:p.value,padding:M})]:[],...U?[(0,r.hide)({strategy:"referenceHidden",...x})]:[]]}).then(({x:W,y:q,placement:C,middlewareData:y})=>{if(Y!==F)return;const N=y.hide?.referenceHidden===!0;H.value={position:"fixed",left:`${W}px`,top:`${q}px`,...N&&{visibility:"hidden",pointerEvents:"none"}};const[P,X="center"]=C.split("-");v.value=P,I.value=X;const O=y.arrow,$=V[P];B.value={position:"absolute",left:O?.x!=null?`${O.x}px`:void 0,top:O?.y!=null?`${O.y}px`:void 0,...$==="top"&&{top:"0px",transform:"translateY(-100%)"},...$==="bottom"&&{bottom:"0px",transform:"translateY(100%)"},...$==="left"&&{left:"0px",transform:"translateX(-100%)"},...$==="right"&&{right:"0px",transform:"translateX(100%)"}}})}function R(){a=void 0;const e=i.value,n=o.value;!e||!n||m||(m=(0,r.autoUpdate)(e,n,w))}function S(){a!==void 0&&cancelAnimationFrame(a),a=void 0,m?.(),m=void 0}return typeof document<"u"&&((0,t.watch)(s,e=>{e?a===void 0&&(a=requestAnimationFrame(R)):S()},{immediate:!0}),(0,t.watch)([i,o],([e,n])=>{s.value&&(S(),!(!e||!n)&&(a=requestAnimationFrame(R)))}),(0,t.watch)(()=>Object.values(d()),()=>{s.value&&w()}),(0,t.onBeforeUnmount)(S)),{style:(0,t.computed)(()=>H.value),arrowStyle:(0,t.computed)(()=>B.value),placedSide:(0,t.computed)(()=>v.value),placedAlign:(0,t.computed)(()=>I.value),reposition:w}}exports.ARROW_CONTEXT=z;exports.POPPER_CONTEXT=j;exports.setMeasurementProperties=G;exports.usePopperPosition=K;
+const O=require("./direction.cjs"),a=require("./placement.cjs");let i=require("vue"),o=require("@floating-ui/dom");var G={offset:o.offset,flip:o.flip,shift:o.shift,limitShift:o.limitShift,size:o.size,arrow:o.arrow,hide:o.hide},I=Symbol("skdx-popper-context"),L=Symbol("skdx-popper-arrow-context");function M(r,s,c,F={},W){function d(){const{side:e="bottom",align:t="center",sideOffset:p=0,alignOffset:v=0,avoidCollisions:m=!0,collisionPadding:h=8,collisionBoundary:P,component:g,arrowPadding:w=0,hideWhenDetached:y=!1}=(0,i.toValue)(F);return{side:e,align:t,sideOffset:p,alignOffset:v,avoidCollisions:m,collisionPadding:h,collisionBoundary:P,component:g,arrowPadding:w,hideWhenDetached:y}}const X=O.useDirection(),k=()=>{const e=r.value;return e&&"nodeType"in e?e:e?.contextElement??null},E=e=>O.resolvePhysicalSide(e,O.resolveDirection(k(),X())),x=d(),S=(0,i.ref)(E(x.side)),T=(0,i.ref)(x.align),A=(0,i.shallowRef)({position:"fixed",left:"0px",top:"0px"}),_=(0,i.shallowRef)({position:"absolute"});let l,n,q=0;function u(){const e=r.value,t=s.value;if(!e||!t)return;const{side:p,align:v,sideOffset:m,alignOffset:h,avoidCollisions:P,collisionPadding:g,collisionBoundary:w,component:y,arrowPadding:B,hideWhenDetached:D}=d(),R=++q;(0,o.computePosition)(e,t,{strategy:"fixed",placement:a.toPlacement(E(p),v),middleware:a.positioningMiddleware(G,{sideOffset:m,alignOffset:h,avoidCollisions:P,collisionPadding:g,collisionBoundary:w,component:y,arrow:W?.value,arrowPadding:B,hideWhenDetached:D})}).then(({x:$,y:z,placement:H,middlewareData:N})=>{if(R!==q)return;const U=N.hide?.referenceHidden===!0;A.value={position:"fixed",left:`${$}px`,top:`${z}px`,...U&&{visibility:"hidden",pointerEvents:"none"}};const[b,j]=a.placementParts(H);S.value=b,T.value=j,_.value=a.arrowStyle(N.arrow,b)})}function C(){n=void 0;const e=r.value,t=s.value;!e||!t||l||(l=(0,o.autoUpdate)(e,t,u))}function f(){n!==void 0&&cancelAnimationFrame(n),n=void 0,l?.(),l=void 0}return typeof document<"u"&&((0,i.watch)(c,e=>{e?n===void 0&&(n=requestAnimationFrame(C)):f()},{immediate:!0}),(0,i.watch)([r,s],([e,t])=>{c.value&&(f(),!(!e||!t)&&(n=requestAnimationFrame(C)))}),(0,i.watch)(()=>Object.values(d()),()=>{c.value&&u()}),(0,i.onBeforeUnmount)(f)),{style:(0,i.computed)(()=>A.value),arrowStyle:(0,i.computed)(()=>_.value),placedSide:(0,i.computed)(()=>S.value),placedAlign:(0,i.computed)(()=>T.value),reposition:u}}exports.ARROW_CONTEXT=L;exports.POPPER_CONTEXT=I;exports.usePopperPosition=M;

package/dist/utils/popper.d.cts

@@ -1,24 +1,22 @@
-import { type CSSProperties, type InjectionKey, type MaybeRefOrGetter, type Ref } from 'vue';
+import { type ComputedRef, type CSSProperties, type InjectionKey, type MaybeRefOrGetter, type Ref } from 'vue';
 import { type PhysicalSide } from './direction.cjs';
+import type { VirtualAnchor } from './mentions.cjs';
+import { type Align, type Side } from './placement.cjs';
+export { setMeasurementProperties, type Align, type Side } from './placement.cjs';
 export type { PhysicalSide } from './direction.cjs';
 /**
- * Internal positioning layer shared by Popover, Tooltip, HoverCard and any
- * future floating-content component. Wraps `@floating-ui/dom` with a
- * Radix-like side/align API, mirroring `packages/react/src/utils/popper.tsx`.
+ * Internal positioning layer shared by every floating-content component, wrapping `@floating-ui/dom` with a Radix-like side/align API.
  * @internal
  */
-/**
- * @internal Edge of the anchor the floating content is placed against.
- * `start`/`end` are logical (swap in RTL); `left`/`right` are physical.
- * `data-side` always reports a physical side.
- */
-export type Side = PhysicalSide | 'start' | 'end';
-/** @internal How floating content aligns along its chosen side: to the anchor's start, center, or end. */
-export type Align = 'start' | 'center' | 'end';
 /** @internal Injection key a PopperRoot provides so PopperAnchor/trigger components can register the anchor element. */
 export interface PopperContext {
     anchor: Ref<HTMLElement | null>;
-    setAnchor(node: HTMLElement | null): void;
+    /**
+     * Registers the positioning reference. An explicit `Anchor` part passes
+     * `explicit`, which outranks the trigger's own registration however the two
+     * happen to mount.
+     */
+    setAnchor(node: HTMLElement | null, explicit?: boolean): void;
 }
 /** @internal Injection key connecting a PopperRoot to the anchor/trigger parts that register its positioning anchor. */
 export declare const POPPER_CONTEXT: InjectionKey<PopperContext>;
@@ -32,68 +30,40 @@ export declare const ARROW_CONTEXT: InjectionKey<PopperArrowContext>;
 /** @internal Side/align, offsets and collision settings for placing floating content relative to its anchor. */
 export interface PopperPositionOptions {
     /** Preferred edge. `start`/`end` are logical and follow the writing direction; `left`/`right` are physical. */
-    side?: Side;
-    align?: Align;
-    sideOffset?: number;
-    alignOffset?: number;
-    avoidCollisions?: boolean;
-    /**
-     * Minimum distance in pixels kept from the collision boundary. A number
-     * applies to every side; an object sets only the sides it names.
-     */
-    collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
+    side?: Side | undefined;
+    align?: Align | undefined;
+    sideOffset?: number | undefined;
+    alignOffset?: number | undefined;
+    avoidCollisions?: boolean | undefined;
+    /** Minimum distance in pixels kept from the collision boundary; a number applies to every side, an object sets only the sides it names. */
+    collisionPadding?: number | Partial<Record<PhysicalSide, number>> | undefined;
     /** Element(s) collisions are measured against, instead of the content's clipping ancestors. */
-    collisionBoundary?: Element | Element[] | null;
+    collisionBoundary?: Element | Element[] | null | undefined;
     /**
-     * Kebab-case component name the measurement CSS custom properties are
-     * namespaced under — `"popover"` yields `--skdx-popover-available-width`. Never a public prop.
+     * Kebab-case component name the measurement CSS custom properties are namespaced under.
      * @internal
      * @default undefined — writes no measurement properties.
      */
-    component?: string;
+    component?: string | undefined;
     /**
      * Clearance in pixels between the arrow and each end of the panel's edge.
-     * Defaults to `0`, not Popover's public `8`: every family shares this
-     * layer, and moving Tooltip's/HoverCard's arrows isn't their call.
      * @default 0
      */
-    arrowPadding?: number;
+    arrowPadding?: number | undefined;
     /**
-     * Hides the panel while the anchor is fully clipped out of view by a
-     * scroll container. Off by default: it costs an extra overflow
-     * measurement per reposition for a failure most anchors never risk.
+     * Hides the panel while the anchor is fully clipped out of view by a scroll container.
      * @default false
      */
-    hideWhenDetached?: boolean;
+    hideWhenDetached?: boolean | undefined;
 }
 /**
- * Writes measurement custom properties onto the floating element so consumers
- * can size the panel from CSS. Transform origin is derived from resolved
- * side/align, so a flipped panel grows from its actual edge, not the arrow.
+ * Positions a floating element relative to its anchor, re-running on scroll/resize, with an optional arrow.
  * @internal
  */
-export declare function setMeasurementProperties(floating: HTMLElement, component: string, measurements: {
-    availableWidth: number;
-    availableHeight: number;
-    triggerWidth: number;
-    side: PhysicalSide;
-    align: Align;
-}): void;
-/**
- * Positions floating element relative to anchor, re-running on scroll/resize,
- * with optional arrow. Cleans up and re-registers autoUpdate when either
- * element changes identity while enabled. Options read fresh each pass
- * (changes to side/offset/collision trigger reposition).
- * @internal
- */
-export declare function usePopperPosition(anchorRef: Ref<HTMLElement | null>, floatingRef: Ref<HTMLElement | null>, enabled: Ref<boolean>, options?: MaybeRefOrGetter<PopperPositionOptions>, arrowRef?: Ref<HTMLElement | null>): {
-    style: import("vue").ComputedRef<CSSProperties>;
-    arrowStyle: import("vue").ComputedRef<CSSProperties>;
-    placedSide: import("vue").ComputedRef<PhysicalSide>;
-    placedAlign: import("vue").ComputedRef<Align>;
-    /**
-     * Recomputes position now (for families exposing public `reposition()`).
-     * No-op while either element is missing.
-     */
+export declare function usePopperPosition(anchorRef: Ref<HTMLElement | null> | Ref<VirtualAnchor | null>, floatingRef: Ref<HTMLElement | null>, enabled: Ref<boolean>, options?: MaybeRefOrGetter<PopperPositionOptions>, arrowRef?: Ref<HTMLElement | null>): {
+    style: ComputedRef<CSSProperties>;
+    arrowStyle: ComputedRef<CSSProperties>;
+    placedSide: ComputedRef<PhysicalSide>;
+    placedAlign: ComputedRef<Align>;
     reposition: () => void;
 };

package/dist/utils/popper.d.ts

@@ -1,24 +1,22 @@
-import { type CSSProperties, type InjectionKey, type MaybeRefOrGetter, type Ref } from 'vue';
+import { type ComputedRef, type CSSProperties, type InjectionKey, type MaybeRefOrGetter, type Ref } from 'vue';
 import { type PhysicalSide } from './direction.js';
+import type { VirtualAnchor } from './mentions.js';
+import { type Align, type Side } from './placement.js';
+export { setMeasurementProperties, type Align, type Side } from './placement.js';
 export type { PhysicalSide } from './direction.js';
 /**
- * Internal positioning layer shared by Popover, Tooltip, HoverCard and any
- * future floating-content component. Wraps `@floating-ui/dom` with a
- * Radix-like side/align API, mirroring `packages/react/src/utils/popper.tsx`.
+ * Internal positioning layer shared by every floating-content component, wrapping `@floating-ui/dom` with a Radix-like side/align API.
  * @internal
  */
-/**
- * @internal Edge of the anchor the floating content is placed against.
- * `start`/`end` are logical (swap in RTL); `left`/`right` are physical.
- * `data-side` always reports a physical side.
- */
-export type Side = PhysicalSide | 'start' | 'end';
-/** @internal How floating content aligns along its chosen side: to the anchor's start, center, or end. */
-export type Align = 'start' | 'center' | 'end';
 /** @internal Injection key a PopperRoot provides so PopperAnchor/trigger components can register the anchor element. */
 export interface PopperContext {
     anchor: Ref<HTMLElement | null>;
-    setAnchor(node: HTMLElement | null): void;
+    /**
+     * Registers the positioning reference. An explicit `Anchor` part passes
+     * `explicit`, which outranks the trigger's own registration however the two
+     * happen to mount.
+     */
+    setAnchor(node: HTMLElement | null, explicit?: boolean): void;
 }
 /** @internal Injection key connecting a PopperRoot to the anchor/trigger parts that register its positioning anchor. */
 export declare const POPPER_CONTEXT: InjectionKey<PopperContext>;
@@ -32,68 +30,40 @@ export declare const ARROW_CONTEXT: InjectionKey<PopperArrowContext>;
 /** @internal Side/align, offsets and collision settings for placing floating content relative to its anchor. */
 export interface PopperPositionOptions {
     /** Preferred edge. `start`/`end` are logical and follow the writing direction; `left`/`right` are physical. */
-    side?: Side;
-    align?: Align;
-    sideOffset?: number;
-    alignOffset?: number;
-    avoidCollisions?: boolean;
-    /**
-     * Minimum distance in pixels kept from the collision boundary. A number
-     * applies to every side; an object sets only the sides it names.
-     */
-    collisionPadding?: number | Partial<Record<PhysicalSide, number>>;
+    side?: Side | undefined;
+    align?: Align | undefined;
+    sideOffset?: number | undefined;
+    alignOffset?: number | undefined;
+    avoidCollisions?: boolean | undefined;
+    /** Minimum distance in pixels kept from the collision boundary; a number applies to every side, an object sets only the sides it names. */
+    collisionPadding?: number | Partial<Record<PhysicalSide, number>> | undefined;
     /** Element(s) collisions are measured against, instead of the content's clipping ancestors. */
-    collisionBoundary?: Element | Element[] | null;
+    collisionBoundary?: Element | Element[] | null | undefined;
     /**
-     * Kebab-case component name the measurement CSS custom properties are
-     * namespaced under — `"popover"` yields `--skdx-popover-available-width`. Never a public prop.
+     * Kebab-case component name the measurement CSS custom properties are namespaced under.
      * @internal
      * @default undefined — writes no measurement properties.
      */
-    component?: string;
+    component?: string | undefined;
     /**
      * Clearance in pixels between the arrow and each end of the panel's edge.
-     * Defaults to `0`, not Popover's public `8`: every family shares this
-     * layer, and moving Tooltip's/HoverCard's arrows isn't their call.
      * @default 0
      */
-    arrowPadding?: number;
+    arrowPadding?: number | undefined;
     /**
-     * Hides the panel while the anchor is fully clipped out of view by a
-     * scroll container. Off by default: it costs an extra overflow
-     * measurement per reposition for a failure most anchors never risk.
+     * Hides the panel while the anchor is fully clipped out of view by a scroll container.
      * @default false
      */
-    hideWhenDetached?: boolean;
+    hideWhenDetached?: boolean | undefined;
 }
 /**
- * Writes measurement custom properties onto the floating element so consumers
- * can size the panel from CSS. Transform origin is derived from resolved
- * side/align, so a flipped panel grows from its actual edge, not the arrow.
+ * Positions a floating element relative to its anchor, re-running on scroll/resize, with an optional arrow.
  * @internal
  */
-export declare function setMeasurementProperties(floating: HTMLElement, component: string, measurements: {
-    availableWidth: number;
-    availableHeight: number;
-    triggerWidth: number;
-    side: PhysicalSide;
-    align: Align;
-}): void;
-/**
- * Positions floating element relative to anchor, re-running on scroll/resize,
- * with optional arrow. Cleans up and re-registers autoUpdate when either
- * element changes identity while enabled. Options read fresh each pass
- * (changes to side/offset/collision trigger reposition).
- * @internal
- */
-export declare function usePopperPosition(anchorRef: Ref<HTMLElement | null>, floatingRef: Ref<HTMLElement | null>, enabled: Ref<boolean>, options?: MaybeRefOrGetter<PopperPositionOptions>, arrowRef?: Ref<HTMLElement | null>): {
-    style: import("vue").ComputedRef<CSSProperties>;
-    arrowStyle: import("vue").ComputedRef<CSSProperties>;
-    placedSide: import("vue").ComputedRef<PhysicalSide>;
-    placedAlign: import("vue").ComputedRef<Align>;
-    /**
-     * Recomputes position now (for families exposing public `reposition()`).
-     * No-op while either element is missing.
-     */
+export declare function usePopperPosition(anchorRef: Ref<HTMLElement | null> | Ref<VirtualAnchor | null>, floatingRef: Ref<HTMLElement | null>, enabled: Ref<boolean>, options?: MaybeRefOrGetter<PopperPositionOptions>, arrowRef?: Ref<HTMLElement | null>): {
+    style: ComputedRef<CSSProperties>;
+    arrowStyle: ComputedRef<CSSProperties>;
+    placedSide: ComputedRef<PhysicalSide>;
+    placedAlign: ComputedRef<Align>;
     reposition: () => void;
 };

package/dist/utils/popper.js

@@ -1 +1 @@
-import{resolveDirection as e,resolvePhysicalSide as t,useDirection as i}from"./direction.js";import{computed as a,onBeforeUnmount as o,ref as n,shallowRef as s,toValue as l,watch as r}from"vue";import{arrow as d,autoUpdate as p,computePosition as c,flip as f,hide as u,limitShift as m,offset as v,shift as g,size as h}from"@floating-ui/dom";var x=/* @__PURE__ */Symbol("skdx-popper-context"),y=/* @__PURE__ */Symbol("skdx-popper-arrow-context");function b(e,t){return"center"===t?e:`${e}-${t}`}var P={top:"bottom",right:"left",bottom:"top",left:"right"},$={start:"0%",center:"50%",end:"100%"};function w(e,t,i){const{availableWidth:a,availableHeight:o,triggerWidth:n,side:s,align:l}=i,r=$[l],d="top"===s||"bottom"===s?`${r} ${"top"===s?"100%":"0%"}`:`${"left"===s?"100%":"0%"} ${r}`;e.style.setProperty(`--skdx-${t}-available-width`,`${a}px`),e.style.setProperty(`--skdx-${t}-available-height`,`${o}px`),e.style.setProperty(`--skdx-${t}-trigger-width`,`${n}px`),e.style.setProperty(`--skdx-${t}-transform-origin`,d)}function O(x,y,$,O={},W){function A(){const{side:e="bottom",align:t="center",sideOffset:i=0,alignOffset:a=0,avoidCollisions:o=!0,collisionPadding:n=8,collisionBoundary:s,component:r,arrowPadding:d=0,hideWhenDetached:p=!1}=l(O);return{side:e,align:t,sideOffset:i,alignOffset:a,avoidCollisions:o,collisionPadding:n,collisionBoundary:s,component:r,arrowPadding:d,hideWhenDetached:p}}const k=i(),D=i=>t(i,e(x.value,k())),S=A(),C=n(D(S.side)),H=n(S.align),B=s({position:"fixed",left:"0px",top:"0px"}),E=s({position:"absolute"});let R,T,X=0;function F(){const e=x.value,t=y.value;if(!e||!t)return;const{side:i,align:a,sideOffset:o,alignOffset:n,avoidCollisions:s,collisionPadding:l,collisionBoundary:r,component:p,arrowPadding:$,hideWhenDetached:O}=A(),k=r?{boundary:r}:{},S=++X;c(e,t,{strategy:"fixed",placement:b(D(i),a),middleware:[v({mainAxis:o,alignmentAxis:n}),...s?[f({padding:l,...k}),g({padding:l,limiter:m(),...k})]:[],h({padding:l,...k,apply({availableWidth:e,availableHeight:t,elements:i,rects:a,placement:o}){if(!p)return;const[n,s="center"]=o.split("-");w(i.floating,p,{availableWidth:e,availableHeight:t,triggerWidth:a.reference.width,side:n,align:s})}}),...W?.value?[d({element:W.value,padding:$})]:[],...O?[u({strategy:"referenceHidden",...k})]:[]]}).then(({x:e,y:t,placement:i,middlewareData:a})=>{if(S!==X)return;const o=!0===a.hide?.referenceHidden;B.value={position:"fixed",left:`${e}px`,top:`${t}px`,...o&&{visibility:"hidden",pointerEvents:"none"}};const[n,s="center"]=i.split("-");C.value=n,H.value=s;const l=a.arrow,r=P[n];E.value={position:"absolute",left:null!=l?.x?`${l.x}px`:void 0,top:null!=l?.y?`${l.y}px`:void 0,..."top"===r&&{top:"0px",transform:"translateY(-100%)"},..."bottom"===r&&{bottom:"0px",transform:"translateY(100%)"},..."left"===r&&{left:"0px",transform:"translateX(-100%)"},..."right"===r&&{right:"0px",transform:"translateX(100%)"}}})}function j(){T=void 0;const e=x.value,t=y.value;!e||!t||R||(R=p(e,t,F))}function q(){void 0!==T&&cancelAnimationFrame(T),T=void 0,R?.(),R=void 0}return typeof document<"u"&&(r($,e=>{e?void 0===T&&(T=requestAnimationFrame(j)):q()},{immediate:!0}),r([x,y],([e,t])=>{$.value&&(q(),e&&t&&(T=requestAnimationFrame(j)))}),r(()=>Object.values(A()),()=>{$.value&&F()}),o(q)),{style:a(()=>B.value),arrowStyle:a(()=>E.value),placedSide:a(()=>C.value),placedAlign:a(()=>H.value),reposition:F}}export{y as ARROW_CONTEXT,x as POPPER_CONTEXT,w as setMeasurementProperties,O as usePopperPosition};
+import{resolveDirection as e,resolvePhysicalSide as i,useDirection as o}from"./direction.js";import{arrowStyle as a,placementParts as n,positioningMiddleware as t,toPlacement as s}from"./placement.js";import{computed as l,onBeforeUnmount as d,ref as r,shallowRef as c,toValue as f,watch as u}from"vue";import{arrow as p,autoUpdate as m,computePosition as v,flip as h,hide as g,limitShift as P,offset as w,shift as y,size as x}from"@floating-ui/dom";var O={offset:w,flip:h,shift:y,limitShift:P,size:x,arrow:p,hide:g},S=/* @__PURE__ */Symbol("skdx-popper-context"),D=/* @__PURE__ */Symbol("skdx-popper-arrow-context");function b(p,h,g,P={},w){function y(){const{side:e="bottom",align:i="center",sideOffset:o=0,alignOffset:a=0,avoidCollisions:n=!0,collisionPadding:t=8,collisionBoundary:s,component:l,arrowPadding:d=0,hideWhenDetached:r=!1}=f(P);return{side:e,align:i,sideOffset:o,alignOffset:a,avoidCollisions:n,collisionPadding:t,collisionBoundary:s,component:l,arrowPadding:d,hideWhenDetached:r}}const x=o(),S=o=>i(o,e((()=>{const e=p.value;return e&&"nodeType"in e?e:e?.contextElement??null})(),x())),D=y(),b=r(S(D.side)),C=r(D.align),A=c({position:"fixed",left:"0px",top:"0px"}),B=c({position:"absolute"});let E,T,W=0;function R(){const e=p.value,i=h.value;if(!e||!i)return;const{side:o,align:l,sideOffset:d,alignOffset:r,avoidCollisions:c,collisionPadding:f,collisionBoundary:u,component:m,arrowPadding:g,hideWhenDetached:P}=y(),x=++W;v(e,i,{strategy:"fixed",placement:s(S(o),l),middleware:t(O,{sideOffset:d,alignOffset:r,avoidCollisions:c,collisionPadding:f,collisionBoundary:u,component:m,arrow:w?.value,arrowPadding:g,hideWhenDetached:P})}).then(({x:e,y:i,placement:o,middlewareData:t})=>{if(x!==W)return;const s=!0===t.hide?.referenceHidden;A.value={position:"fixed",left:`${e}px`,top:`${i}px`,...s&&{visibility:"hidden",pointerEvents:"none"}};const[l,d]=n(o);b.value=l,C.value=d,B.value=a(t.arrow,l)})}function j(){T=void 0;const e=p.value,i=h.value;!e||!i||E||(E=m(e,i,R))}function F(){void 0!==T&&cancelAnimationFrame(T),T=void 0,E?.(),E=void 0}return typeof document<"u"&&(u(g,e=>{e?void 0===T&&(T=requestAnimationFrame(j)):F()},{immediate:!0}),u([p,h],([e,i])=>{g.value&&(F(),e&&i&&(T=requestAnimationFrame(j)))}),u(()=>Object.values(y()),()=>{g.value&&R()}),d(F)),{style:l(()=>A.value),arrowStyle:l(()=>B.value),placedSide:l(()=>b.value),placedAlign:l(()=>C.value),reposition:R}}export{D as ARROW_CONTEXT,S as POPPER_CONTEXT,b as usePopperPosition};

package/dist/utils/portal.d.cts

@@ -1,6 +1,2 @@
-/**
- * Where SkdxPortal may move children. Superset of React's container (adds CSS
- * selector). DocumentFragment (ShadowRoot), not just HTMLElement; Element for
- * SVG. `null` → `document.body`.
- */
+/** Where SkdxPortal may move children: a CSS selector, an Element (including SVG), a DocumentFragment (e.g. ShadowRoot), or `null` for `document.body`. */
 export type PortalContainer = string | Element | DocumentFragment | null;

package/dist/utils/portal.d.ts

@@ -1,6 +1,2 @@
-/**
- * Where SkdxPortal may move children. Superset of React's container (adds CSS
- * selector). DocumentFragment (ShadowRoot), not just HTMLElement; Element for
- * SVG. `null` → `document.body`.
- */
+/** Where SkdxPortal may move children: a CSS selector, an Element (including SVG), a DocumentFragment (e.g. ShadowRoot), or `null` for `document.body`. */
 export type PortalContainer = string | Element | DocumentFragment | null;

package/dist/utils/qr-encoder.cjs

@@ -0,0 +1 @@
+var T={L:1,M:0,Q:3,H:2},z={L:0,M:1,Q:2,H:3},I=[[-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]],F=[[-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]];var V=3,Q=3,Y=40,j=10;function A(t){return t*4+17}function K(t){let n=(16*t+128)*t+64;if(t>=2){const r=Math.floor(t/7)+2;n-=(25*r-10)*r-55,t>=7&&(n-=36)}return n}function E(t){return Math.floor(K(t)/8)}function y(t,n){const r=z[n],e=I[r][t]*F[r][t];return(E(t)-e)*8}function x(t){if(t===1)return[];const n=Math.floor(t/7)+2,r=t===32?26:Math.ceil((t*4+4)/(n*2-2))*2,e=[6];for(let o=A(t)-7;e.length<n;o-=r)e.splice(1,0,o);return e}var w=new Uint8Array(512),P=new Uint8Array(256);{let t=1;for(let n=0;n<255;n++)w[n]=t,P[t]=n,t<<=1,t&256&&(t^=285);for(let n=255;n<512;n++)w[n]=w[n-255]}function k(t,n){return t===0||n===0?0:w[P[t]+P[n]]}function R(t){const n=new Uint8Array(t);n[t-1]=1;let r=1;for(let e=0;e<t;e++){for(let o=0;o<t;o++){const c=k(n[o]??0,r);n[o]=o+1<t?c^(n[o+1]??0):c}r=k(r,2)}return n}function X(t,n){const r=new Uint8Array(n.length);for(const e of t){const o=e^(r[0]??0);r.copyWithin(0,1),r[r.length-1]=0;for(let c=0;c<r.length;c++)r[c]=(r[c]??0)^k(n[c]??0,o)}return r}function O(t,n,r){let e=t;for(let o=0;o<r;o++)e=e<<1^(e>>>r-1)*n;return e}function U(t,n){const r=T[t]<<3|n;return((r<<10|O(r,1335,10))^21522)&32767}function D(t){return(t<<12|O(t,7973,12))&262143}function L(t){return t<=9?8:16}function m(t,n,r){for(let e=r-1;e>=0;e--)t.push(n>>>e&1)}function H(t,n,r){const e=y(n,r),o=[];m(o,4,4),m(o,t.length,L(n));for(const l of t)m(o,l,8);m(o,0,Math.min(4,e-o.length)),m(o,0,(8-o.length%8)%8);for(let l=236;o.length<e;l^=253)m(o,l,8);const c=new Uint8Array(o.length/8);for(let l=0;l<o.length;l++){const s=l>>>3;c[s]=(c[s]??0)|o[l]<<7-(l&7)}return c}function W(t,n,r){const e=z[r],o=F[e][n],c=I[e][n],l=E(n),s=o-l%o,a=Math.floor(l/o)-c,d=R(c),M=[];for(let i=0,h=0;i<o;i++){const N=a+(i<s?0:1),S=t.subarray(h,h+N);h+=N,M.push({data:S,ecc:X(S,d)})}const b=new Uint8Array(l);let _=0;for(let i=0;i<=a;i++)for(const h of M)i<h.data.length&&(b[_++]=h.data[i]);for(let i=0;i<c;i++)for(const h of M)b[_++]=h.ecc[i];return b}var G=[(t,n)=>(t+n)%2===0,(t,n)=>n%2===0,t=>t%3===0,(t,n)=>(t+n)%3===0,(t,n)=>(Math.floor(n/2)+Math.floor(t/3))%2===0,(t,n)=>t*n%2+t*n%3===0,(t,n)=>(t*n%2+t*n%3)%2===0,(t,n)=>((t+n)%2+t*n%3)%2===0];function q(t){const n=A(t),r=()=>Array.from({length:n},()=>new Array(n).fill(!1));return{size:n,modules:r(),isFunction:r()}}function f(t,n,r,e){t.modules[r][n]=e,t.isFunction[r][n]=!0}var u=(t,n)=>(t>>>n&1)!==0;function B(t,n,r){for(let e=-4;e<=4;e++)for(let o=-4;o<=4;o++){const c=n+o,l=r+e;if(c<0||c>=t.size||l<0||l>=t.size)continue;const s=Math.max(Math.abs(o),Math.abs(e));f(t,c,l,s!==2&&s!==4)}}function J(t,n,r){for(let e=-2;e<=2;e++)for(let o=-2;o<=2;o++)f(t,n+o,r+e,Math.max(Math.abs(o),Math.abs(e))!==1)}function p(t,n,r){const e=U(n,r),{size:o}=t;for(let c=0;c<=5;c++)f(t,8,c,u(e,c));f(t,8,7,u(e,6)),f(t,8,8,u(e,7)),f(t,7,8,u(e,8));for(let c=9;c<15;c++)f(t,14-c,8,u(e,c));for(let c=0;c<8;c++)f(t,o-1-c,8,u(e,c));for(let c=8;c<15;c++)f(t,8,o-15+c,u(e,c));f(t,8,o-8,!0)}function Z(t,n){if(n<7)return;const r=D(n);for(let e=0;e<18;e++){const o=u(r,e),c=t.size-11+e%3,l=Math.floor(e/3);f(t,c,l,o),f(t,l,c,o)}}function $(t,n,r){const{size:e}=t;for(let l=0;l<e;l++)f(t,6,l,l%2===0),f(t,l,6,l%2===0);B(t,3,3),B(t,e-4,3),B(t,3,e-4);const o=x(n),c=o.length-1;for(let l=0;l<=c;l++)for(let s=0;s<=c;s++)l===0&&s===0||l===0&&s===c||l===c&&s===0||J(t,o[l],o[s]);p(t,r,0),Z(t,n)}function g(t,n){const{size:r}=t;let e=0;for(let o=r-1;o>=1;o-=2){o===6&&(o=5);for(let c=0;c<r;c++)for(let l=0;l<2;l++){const s=o-l,a=(o+1&2)===0?r-1-c:c;t.isFunction[a][s]||e>=n.length*8||(t.modules[a][s]=u(n[e>>>3],7-(e&7)),e++)}}}function C(t,n){const r=G[n];for(let e=0;e<t.size;e++)for(let o=0;o<t.size;o++)!t.isFunction[e][o]&&r(o,e)&&(t.modules[e][o]=!t.modules[e][o])}function v(t,n){let r=0,e=t(0),o=1;for(let c=1;c<n;c++)t(c)===e?(o++,o===5?r+=V:o>5&&(r+=1)):(e=t(c),o=1);return r}function tt(t,n){let r=0;for(let e=0;e+10<n;e++){let o=0,c=0;for(let l=0;l<11;l++){const s=t(e+l)?1:0;o=o<<1|s,c|=s<<l}(o===1488||c===1488)&&(r+=Y)}return r}function nt(t){const{size:n,modules:r}=t;let e=0;for(let o=0;o+1<n;o++)for(let c=0;c+1<n;c++){const l=r[o][c];l===r[o][c+1]&&l===r[o+1][c]&&l===r[o+1][c+1]&&(e+=Q)}return e}function ot(t){const{size:n,modules:r}=t;let e=0;for(const c of r)for(const l of c)l&&e++;const o=n*n;return Math.floor(Math.abs(e*2-o)*10/o)*j}function et(t){const{size:n,modules:r}=t;let e=0;for(const o of[!0,!1])for(let c=0;c<n;c++){const l=s=>o?r[c][s]:r[s][c];e+=v(l,n),e+=tt(l,n)}return e+nt(t)+ot(t)}function rt(t,n){for(let r=1;r<=40;r++)if(4+L(r)+t*8<=y(r,n))return r;return null}function ct(t,n,r){const e=new TextEncoder().encode(t);let o;if(r===void 0?o=rt(e.length,n):!Number.isInteger(r)||r<1||r>40?o=null:o=4+L(r)+e.length*8<=y(r,n)?r:null,o===null)return null;const c=q(o);$(c,o,n),g(c,W(H(e,o,n),o,n));let l=0,s=1/0;for(let a=0;a<G.length;a++){C(c,a),p(c,n,a);const d=et(c);d<s&&(s=d,l=a),C(c,a)}return C(c,l),p(c,n,l),c.modules}exports.alignmentPatternPositions=x;exports.dataCapacityBits=y;exports.encodeQr=ct;exports.formatInfoBits=U;exports.moduleCount=A;exports.reedSolomonGeneratorPoly=R;exports.totalCodewords=E;exports.versionInfoBits=D;

package/dist/utils/qr-encoder.d.cts

@@ -0,0 +1,33 @@
+/**
+ * QR Code encoder from ISO/IEC 18004: byte mode only (UTF-8), versions 1–40, all four error-correction levels.
+ *
+ * @module
+ */
+/** Error-correction level, in ascending order of redundancy: `L` ≈ 7%, `M` ≈ 15%, `Q` ≈ 25%, `H` ≈ 30%. */
+export type ErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H';
+export declare const MIN_VERSION = 1;
+export declare const MAX_VERSION = 40;
+/** Module count along one edge for `version`: `4 × version + 17`, so 21 at v1 and 177 at v40. */
+export declare function moduleCount(version: number): number;
+/** Total codewords (data + EC) a version holds, independent of level. */
+export declare function totalCodewords(version: number): number;
+/** Bits available for the data segment (mode indicator, character count, payload, padding) at this version and level. */
+export declare function dataCapacityBits(version: number, level: ErrorCorrectionLevel): number;
+/** Centre coordinates of alignment patterns for `version`, ascending, per ISO/IEC 18004 Table E.1. */
+export declare function alignmentPatternPositions(version: number): number[];
+/** Reed–Solomon generator polynomial `(x − α^0)(x − α^1)…(x − α^(degree−1))`, returned monic-implicit (leading 1 omitted). */
+export declare function reedSolomonGeneratorPoly(degree: number): Uint8Array;
+/** 15-bit format-information word: BCH(15, 5) over `level | mask`, XOR-masked to avoid all-zero output. */
+export declare function formatInfoBits(level: ErrorCorrectionLevel, mask: number): number;
+/** 18-bit version-information word: BCH(18, 6), used only for version 7 and up. */
+export declare function versionInfoBits(version: number): number;
+/**
+ * Encodes `value` as a QR Code matrix.
+ *
+ * @param value - The payload, encoded as UTF-8 bytes (byte mode).
+ * @param level - Error-correction level. Use `'H'` whenever a logo covers the centre.
+ * @param version - Force a symbol version 1–40. Omit to pick the smallest that fits.
+ * @returns A square `boolean[][]` indexed `[row][column]`, `true` meaning a dark
+ * module — or `null` when the payload exceeds capacity or `version` is invalid. Never throws.
+ */
+export declare function encodeQr(value: string, level: ErrorCorrectionLevel, version?: number): boolean[][] | null;

package/dist/utils/qr-encoder.d.ts

@@ -0,0 +1,33 @@
+/**
+ * QR Code encoder from ISO/IEC 18004: byte mode only (UTF-8), versions 1–40, all four error-correction levels.
+ *
+ * @module
+ */
+/** Error-correction level, in ascending order of redundancy: `L` ≈ 7%, `M` ≈ 15%, `Q` ≈ 25%, `H` ≈ 30%. */
+export type ErrorCorrectionLevel = 'L' | 'M' | 'Q' | 'H';
+export declare const MIN_VERSION = 1;
+export declare const MAX_VERSION = 40;
+/** Module count along one edge for `version`: `4 × version + 17`, so 21 at v1 and 177 at v40. */
+export declare function moduleCount(version: number): number;
+/** Total codewords (data + EC) a version holds, independent of level. */
+export declare function totalCodewords(version: number): number;
+/** Bits available for the data segment (mode indicator, character count, payload, padding) at this version and level. */
+export declare function dataCapacityBits(version: number, level: ErrorCorrectionLevel): number;
+/** Centre coordinates of alignment patterns for `version`, ascending, per ISO/IEC 18004 Table E.1. */
+export declare function alignmentPatternPositions(version: number): number[];
+/** Reed–Solomon generator polynomial `(x − α^0)(x − α^1)…(x − α^(degree−1))`, returned monic-implicit (leading 1 omitted). */
+export declare function reedSolomonGeneratorPoly(degree: number): Uint8Array;
+/** 15-bit format-information word: BCH(15, 5) over `level | mask`, XOR-masked to avoid all-zero output. */
+export declare function formatInfoBits(level: ErrorCorrectionLevel, mask: number): number;
+/** 18-bit version-information word: BCH(18, 6), used only for version 7 and up. */
+export declare function versionInfoBits(version: number): number;
+/**
+ * Encodes `value` as a QR Code matrix.
+ *
+ * @param value - The payload, encoded as UTF-8 bytes (byte mode).
+ * @param level - Error-correction level. Use `'H'` whenever a logo covers the centre.
+ * @param version - Force a symbol version 1–40. Omit to pick the smallest that fits.
+ * @returns A square `boolean[][]` indexed `[row][column]`, `true` meaning a dark
+ * module — or `null` when the payload exceeds capacity or `version` is invalid. Never throws.
+ */
+export declare function encodeQr(value: string, level: ErrorCorrectionLevel, version?: number): boolean[][] | null;

package/dist/utils/qr-encoder.js

@@ -0,0 +1 @@
+var t={L:1,M:0,Q:3,H:2},n={L:0,M:1,Q:2,H:3},o=[[-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]],e=[[-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]];function r(t){return 4*t+17}function l(t){return Math.floor(function(t){let n=(16*t+128)*t+64;if(t>=2){const o=Math.floor(t/7)+2;n-=(25*o-10)*o-55,t>=7&&(n-=36)}return n}(t)/8)}function f(t,r){const f=n[r],s=o[f][t]*e[f][t];return 8*(l(t)-s)}function s(t){if(1===t)return[];const n=Math.floor(t/7)+2,o=32===t?26:2*Math.ceil((4*t+4)/(2*n-2)),e=[6];for(let l=r(t)-7;e.length<n;l-=o)e.splice(1,0,l);return e}var c=/* @__PURE__ */new Uint8Array(512),u=/* @__PURE__ */new Uint8Array(256);{let t=1;for(let n=0;n<255;n++)c[n]=t,u[t]=n,t<<=1,256&t&&(t^=285);for(let t=255;t<512;t++)c[t]=c[t-255]}function i(t,n){return 0===t||0===n?0:c[u[t]+u[n]]}function a(t){const n=new Uint8Array(t);n[t-1]=1;let o=1;for(let e=0;e<t;e++){for(let e=0;e<t;e++){const r=i(n[e]??0,o);n[e]=e+1<t?r^(n[e+1]??0):r}o=i(o,2)}return n}function h(t,n){const o=new Uint8Array(n.length);for(const e of t){const t=e^(o[0]??0);o.copyWithin(0,1),o[o.length-1]=0;for(let e=0;e<o.length;e++)o[e]=(o[e]??0)^i(n[e]??0,t)}return o}function d(t,n,o){let e=t;for(let t=0;t<o;t++)e=e<<1^(e>>>o-1)*n;return e}function g(n,o){const e=t[n]<<3|o;return 32767&(21522^(e<<10|d(e,1335,10)))}function M(t){return 262143&(t<<12|d(t,7973,12))}function m(t){return t<=9?8:16}function y(t,n,o){for(let e=o-1;e>=0;e--)t.push(n>>>e&1)}var z=[(t,n)=>(t+n)%2==0,(t,n)=>n%2==0,t=>t%3==0,(t,n)=>(t+n)%3==0,(t,n)=>(Math.floor(n/2)+Math.floor(t/3))%2==0,(t,n)=>t*n%2+t*n%3==0,(t,n)=>(t*n%2+t*n%3)%2==0,(t,n)=>((t+n)%2+t*n%3)%2==0];function w(t,n,o,e){t.modules[o][n]=e,t.isFunction[o][n]=!0}var A=(t,n)=>!!(t>>>n&1);function b(t,n,o){for(let e=-4;e<=4;e++)for(let r=-4;r<=4;r++){const l=n+r,f=o+e;if(l<0||l>=t.size||f<0||f>=t.size)continue;const s=Math.max(Math.abs(r),Math.abs(e));w(t,l,f,2!==s&&4!==s)}}function p(t,n,o){for(let e=-2;e<=2;e++)for(let r=-2;r<=2;r++)w(t,n+r,o+e,1!==Math.max(Math.abs(r),Math.abs(e)))}function v(t,n,o){const e=g(n,o),{size:r}=t;for(let n=0;n<=5;n++)w(t,8,n,A(e,n));w(t,8,7,A(e,6)),w(t,8,8,A(e,7)),w(t,7,8,A(e,8));for(let n=9;n<15;n++)w(t,14-n,8,A(e,n));for(let n=0;n<8;n++)w(t,r-1-n,8,A(e,n));for(let n=8;n<15;n++)w(t,8,r-15+n,A(e,n));w(t,8,r-8,!0)}function U(t,n){const o=z[n];for(let n=0;n<t.size;n++)for(let e=0;e<t.size;e++)!t.isFunction[n][e]&&o(e,n)&&(t.modules[n][e]=!t.modules[n][e])}function x(t,n){let o=0,e=t(0),r=1;for(let l=1;l<n;l++)t(l)===e?(r++,5===r?o+=3:r>5&&(o+=1)):(e=t(l),r=1);return o}function F(t,n){let o=0;for(let e=0;e+10<n;e++){let n=0,r=0;for(let o=0;o<11;o++){const l=t(e+o)?1:0;n=n<<1|l,r|=l<<o}(1488===n||1488===r)&&(o+=40)}return o}function B(t){const{size:n,modules:o}=t;let e=0;for(const t of[!0,!1])for(let r=0;r<n;r++){const l=n=>t?o[r][n]:o[n][r];e+=x(l,n),e+=F(l,n)}return e+function(t){const{size:n,modules:o}=t;let e=0;for(let t=0;t+1<n;t++)for(let r=0;r+1<n;r++){const n=o[t][r];n===o[t][r+1]&&n===o[t+1][r]&&n===o[t+1][r+1]&&(e+=3)}return e}(t)+function(t){const{size:n,modules:o}=t;let e=0;for(const t of o)for(const n of t)n&&e++;const r=n*n;return 10*Math.floor(10*Math.abs(2*e-r)/r)}(t)}function C(t,c,u){const i=(new TextEncoder).encode(t);let d;if(d=void 0===u?function(t,n){for(let o=1;o<=40;o++)if(4+m(o)+8*t<=f(o,n))return o;return null}(i.length,c):!Number.isInteger(u)||u<1||u>40?null:4+m(u)+8*i.length<=f(u,c)?u:null,null===d)return null;const g=function(t){const n=r(t),o=()=>Array.from({length:n},()=>new Array(n).fill(!1));return{size:n,modules:o(),isFunction:o()}}(d);(function(t,n,o){const{size:e}=t;for(let n=0;n<e;n++)w(t,6,n,n%2==0),w(t,n,6,n%2==0);b(t,3,3),b(t,e-4,3),b(t,3,e-4);const r=s(n),l=r.length-1;for(let n=0;n<=l;n++)for(let o=0;o<=l;o++)0===n&&0===o||0===n&&o===l||n===l&&0===o||p(t,r[n],r[o]);v(t,o,0),function(t,n){if(n<7)return;const o=M(n);for(let n=0;n<18;n++){const e=A(o,n),r=t.size-11+n%3,l=Math.floor(n/3);w(t,r,l,e),w(t,l,r,e)}}(t,n)})(g,d,c),function(t,n){const{size:o}=t;let e=0;for(let r=o-1;r>=1;r-=2){6===r&&(r=5);for(let l=0;l<o;l++)for(let f=0;f<2;f++){const s=r-f,c=r+1&2?l:o-1-l;t.isFunction[c][s]||e>=8*n.length||(t.modules[c][s]=A(n[e>>>3],7-(7&e)),e++)}}}(g,function(t,r,f){const s=n[f],c=e[s][r],u=o[s][r],i=l(r),d=c-i%c,g=Math.floor(i/c)-u,M=a(u),m=[];for(let n=0,o=0;n<c;n++){const e=g+(n<d?0:1),r=t.subarray(o,o+e);o+=e,m.push({data:r,ecc:h(r,M)})}const y=new Uint8Array(i);let z=0;for(let t=0;t<=g;t++)for(const n of m)t<n.data.length&&(y[z++]=n.data[t]);for(let t=0;t<u;t++)for(const n of m)y[z++]=n.ecc[t];return y}(function(t,n,o){const e=f(n,o),r=[];y(r,4,4),y(r,t.length,m(n));for(const n of t)y(r,n,8);y(r,0,Math.min(4,e-r.length)),y(r,0,(8-r.length%8)%8);for(let t=236;r.length<e;t^=253)y(r,t,8);const l=new Uint8Array(r.length/8);for(let t=0;t<r.length;t++){const n=t>>>3;l[n]=(l[n]??0)|r[t]<<7-(7&t)}return l}(i,d,c),d,c));let x=0,F=1/0;for(let t=0;t<z.length;t++){U(g,t),v(g,c,t);const n=B(g);n<F&&(F=n,x=t),U(g,t)}return U(g,x),v(g,c,x),g.modules}export{s as alignmentPatternPositions,f as dataCapacityBits,C as encodeQr,g as formatInfoBits,r as moduleCount,a as reedSolomonGeneratorPoly,l as totalCodewords,M as versionInfoBits};

package/dist/utils/reassertValue.d.cts

@@ -1,9 +1,2 @@
-/**
- * @internal Reset an input to truth after a controlled owner rejects a change.
- *
- * When owner declines to update a controlled `:value`, Vue doesn't re-render
- * and rejected text stays on screen. `truth` is read after `nextTick`
- * to see the state the owner settled on, not the mid-keystroke value.
- * Uncontrolled use is a no-op: the two already agree.
- */
+/** @internal Resets an input to `truth` after a controlled owner rejects a change, since Vue won't re-render rejected text away on its own. */
 export declare function reassertValue(el: HTMLInputElement | HTMLTextAreaElement, truth: () => string): Promise<void>;

package/dist/utils/reassertValue.d.ts

@@ -1,9 +1,2 @@
-/**
- * @internal Reset an input to truth after a controlled owner rejects a change.
- *
- * When owner declines to update a controlled `:value`, Vue doesn't re-render
- * and rejected text stays on screen. `truth` is read after `nextTick`
- * to see the state the owner settled on, not the mid-keystroke value.
- * Uncontrolled use is a no-op: the two already agree.
- */
+/** @internal Resets an input to `truth` after a controlled owner rejects a change, since Vue won't re-render rejected text away on its own. */
 export declare function reassertValue(el: HTMLInputElement | HTMLTextAreaElement, truth: () => string): Promise<void>;

package/dist/utils/renderProp.cjs

@@ -1 +1 @@
-var r=e=>e.render();r.props=["render"];exports.RenderProp=r;
+let d=require("vue");var e=r=>r.render();e.props=["render"];exports.RenderProp=e;

package/dist/utils/renderProp.d.cts

@@ -1,8 +1,5 @@
 import { type FunctionalComponent } from 'vue';
-/**
- * @internal Renders whatever a `render*` prop returns (VNode, string, or
- * array) inline, avoiding `{{ }}` stringification in template SFCs.
- */
+/** @internal Renders whatever a `render*` prop returns (VNode, string, or array) inline, avoiding `{{ }}` stringification. */
 export declare const RenderProp: FunctionalComponent<{
     render: () => unknown;
 }>;

package/dist/utils/renderProp.d.ts

@@ -1,8 +1,5 @@
 import { type FunctionalComponent } from 'vue';
-/**
- * @internal Renders whatever a `render*` prop returns (VNode, string, or
- * array) inline, avoiding `{{ }}` stringification in template SFCs.
- */
+/** @internal Renders whatever a `render*` prop returns (VNode, string, or array) inline, avoiding `{{ }}` stringification. */
 export declare const RenderProp: FunctionalComponent<{
     render: () => unknown;
 }>;

package/dist/utils/renderProp.js

@@ -1 +1 @@
-var r=r=>r.render();r.props=["render"];export{r as RenderProp};
+import"vue";var r=r=>r.render();r.props=["render"];export{r as RenderProp};

package/dist/utils/roving-tab-stop.cjs

@@ -0,0 +1 @@
+var i="[disabled], [data-disabled]";function r(n){return n.matches(i)}function o(n,l,e){return Array.from(n?.querySelectorAll(l)??[]).filter(t=>!r(t)&&(!e||t.closest(e)===n))}function s(n,l,e){const t=l.filter(a=>n.includes(a));return t.length>0?e!==null&&t.includes(e)?e:t[0]:e!==null&&n.includes(e)?e:n[0]??null}function u(n,l){return n.map(e=>e.getAttribute(l)).filter(e=>e!==null&&e!=="")}function f(n,l,e=!1){return n||e?l?0:-1:0}exports.DISABLED_ITEM_SELECTOR=i;exports.enabledRovingItems=o;exports.isRovingItemDisabled=r;exports.resolveTabStopId=s;exports.rovingItemIds=u;exports.rovingTabIndex=f;