@skdx/react 0.28.0 → 0.30.0

package/dist/pin-input/PinInputField.d.cts

@@ -1,14 +1,7 @@
 import * as React from 'react';
 import type { PinInputFieldProps } from './types.cjs';
 /**
- * A single character box of a {@link PinInput}. Reads/writes its character at `index` via context. Sets
- * `maxLength={1}`, `inputMode` from the pin's `type`, `autoComplete="one-time-code"` on the first box, and
- * renders `type="password"` once filled when `mask` is set.
- *
- * Named "Digit 3 of 6" by the root's `digitLabel`, since an `<input>` has no content to take a name from.
- * Pass your own `aria-label` to override it. No `aria-invalid` here on purpose — it belongs once on the
- * `role="group"` root. Typing/pasting auto-advances focus; Backspace on an empty box clears and focuses the
- * previous one; Arrow Left/Right move focus between boxes; a multi-character paste fills consecutive boxes.
+ * A single character box of a {@link PinInput} that reads and writes its character at `index` via context.
  *
  * @example
  * ```tsx
@@ -20,4 +13,7 @@ import type { PinInputFieldProps } from './types.cjs';
  * </PinInput>
  * ```
  */
-export declare const PinInputField: React.ForwardRefExoticComponent<Omit<PinInputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const PinInputField: {
+    ({ index, ref: forwardedRef, ...props }: PinInputFieldProps): React.ReactNode;
+    displayName: string;
+};

package/dist/pin-input/PinInputField.d.ts

@@ -1,14 +1,7 @@
 import * as React from 'react';
 import type { PinInputFieldProps } from './types.js';
 /**
- * A single character box of a {@link PinInput}. Reads/writes its character at `index` via context. Sets
- * `maxLength={1}`, `inputMode` from the pin's `type`, `autoComplete="one-time-code"` on the first box, and
- * renders `type="password"` once filled when `mask` is set.
- *
- * Named "Digit 3 of 6" by the root's `digitLabel`, since an `<input>` has no content to take a name from.
- * Pass your own `aria-label` to override it. No `aria-invalid` here on purpose — it belongs once on the
- * `role="group"` root. Typing/pasting auto-advances focus; Backspace on an empty box clears and focuses the
- * previous one; Arrow Left/Right move focus between boxes; a multi-character paste fills consecutive boxes.
+ * A single character box of a {@link PinInput} that reads and writes its character at `index` via context.
  *
  * @example
  * ```tsx
@@ -20,4 +13,7 @@ import type { PinInputFieldProps } from './types.js';
  * </PinInput>
  * ```
  */
-export declare const PinInputField: React.ForwardRefExoticComponent<Omit<PinInputFieldProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+export declare const PinInputField: {
+    ({ index, ref: forwardedRef, ...props }: PinInputFieldProps): React.ReactNode;
+    displayName: string;
+};

package/dist/pin-input/index.d.cts

@@ -1,4 +1,4 @@
 export { PinInput } from './PinInput.cjs';
-export { pinInputDigitLabel } from './digitLabel.cjs';
-export type { PinInputType } from './charFilter.cjs';
+export { pinInputDigitLabel } from '../utils/pin-chars.cjs';
+export type { PinInputType } from '../utils/pin-chars.cjs';
 export type { PinInputProps, PinInputHandle, PinInputInvalidDetail } from './types.cjs';

package/dist/pin-input/index.d.ts

@@ -1,4 +1,4 @@
 export { PinInput } from './PinInput.js';
-export { pinInputDigitLabel } from './digitLabel.js';
-export type { PinInputType } from './charFilter.js';
+export { pinInputDigitLabel } from '../utils/pin-chars.js';
+export type { PinInputType } from '../utils/pin-chars.js';
 export type { PinInputProps, PinInputHandle, PinInputInvalidDetail } from './types.js';

package/dist/pin-input/slots.d.cts

@@ -1,10 +1,3 @@
-/**
- * Pin input data model: fixed-length array of single characters, not a string.
- *
- * A string cannot hold empty positions (holes); an array can, so box 3 stays box 3 whether filled or not.
- *
- * @internal
- */
 /** Split value into slots (left-packed for external values, holes from skipped boxes). */
 export declare function toPinSlots(value: string, length: number): string[];
 /** Join slots back into string, omitting holes. */

package/dist/pin-input/slots.d.ts

@@ -1,10 +1,3 @@
-/**
- * Pin input data model: fixed-length array of single characters, not a string.
- *
- * A string cannot hold empty positions (holes); an array can, so box 3 stays box 3 whether filled or not.
- *
- * @internal
- */
 /** Split value into slots (left-packed for external values, holes from skipped boxes). */
 export declare function toPinSlots(value: string, length: number): string[];
 /** Join slots back into string, omitting holes. */

package/dist/pin-input/types.d.cts

@@ -1,5 +1,5 @@
+import type { PinInputType } from '../utils/pin-chars.cjs';
 import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
-import type { PinInputType } from './charFilter.cjs';
 /** What a rejected character reports: the character, and the box it was aimed at. */
 export interface PinInputInvalidDetail {
     /** The character the `type`/`pattern` filter refused. */
@@ -7,9 +7,9 @@ export interface PinInputInvalidDetail {
     /** The 0-based index of the box it was typed or pasted into. */
     index: number;
 }
-/** @internal Shared state distributed from {@link PinInput} to its `PinInputField`s via context. Not part of the public API. */
+/** @internal Shared state distributed from {@link PinInput} to its `PinInputField`s via context. */
 export interface PinInputContextValue {
-    /** The joined value. Boxes read {@link charAt} instead; this is what changes identity to re-render them. */
+    /** The joined value, whose identity change re-renders boxes that read {@link charAt} instead. */
     value: string;
     length: number;
     type: PinInputType;
@@ -18,7 +18,7 @@ export interface PinInputContextValue {
     invalid: boolean;
     readOnly: boolean;
     /** A single character drawn in every empty box, or `undefined` for none. */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /** Whether box 0 advertises `autocomplete="one-time-code"`. */
     otp: boolean;
     /** Whether a box selects the character it already holds when focus lands in it. */
@@ -45,143 +45,149 @@ export interface PinInputProps extends Omit<PrimitivePropsWithRef<'div'>, 'defau
      * Current value, for controlled usage. Pair with `onValueChange`.
      * @default undefined — uncontrolled, tracks its own value internally.
      */
-    value?: string;
+    value?: string | undefined;
     /**
      * Initial combined value, for uncontrolled usage.
      * @default ''
      */
-    defaultValue?: string;
+    defaultValue?: string | undefined;
     /**
      * Fires with the new value whenever any box changes, controlled or not.
      * @default undefined — no-op if omitted.
      */
-    onValueChange?: (value: string) => void;
+    onValueChange?: ((value: string) => void) | undefined;
     /**
      * Number of character boxes rendered and the max length of the combined value.
      * @default 6
+     * @min 1
      */
-    length?: number;
+    length?: number | undefined;
     /**
      * Disables every `PinInputField` in this pin input.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Which characters a box accepts; `pattern` overrides it entirely.
      * @default 'text'
      */
-    type?: PinInputType;
+    type?: PinInputType | undefined;
     /**
      * A regular-expression source tested against **one character at a time**, replacing whatever set `type` names.
      * @default undefined — `type` decides.
      */
-    pattern?: string;
+    pattern?: string | undefined;
     /**
      * A single character drawn in every empty box, so the boxes read as slots waiting for a code.
      * @default undefined — empty boxes are blank.
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /**
      * Advertises `autocomplete="one-time-code"` on the first box only — a second such field suppresses both.
      * @default true
      */
-    otp?: boolean;
+    otp?: boolean | undefined;
     /**
      * Focuses the first box on mount.
      * @default false
      */
-    autoFocus?: boolean;
+    autoFocus?: boolean | undefined;
     /**
      * Blurs the focused box the moment the code completes, running after `onValueComplete`.
      * @default false
      */
-    blurOnComplete?: boolean;
+    blurOnComplete?: boolean | undefined;
     /**
      * Selects a box's existing character when focus lands in it, on click, Tab and auto-advance alike.
      * @default false
      */
-    selectOnFocus?: boolean;
+    selectOnFocus?: boolean | undefined;
     /**
      * Fires once per character the `type`/`pattern` filter refused, with the index of the box it was aimed at.
      * @default undefined — no-op if omitted.
      */
-    onValueInvalid?: (detail: PinInputInvalidDetail) => void;
+    onValueInvalid?: ((detail: PinInputInvalidDetail) => void) | undefined;
     /**
      * Renders filled boxes as `type="password"` (dots) instead of plain text.
      * @default false
      */
-    mask?: boolean;
+    mask?: boolean | undefined;
     /**
      * Marks the field as invalid: `aria-invalid` on the `role="group"` root,
      * `data-invalid` on the root and every field.
      * @default false
      */
-    invalid?: boolean;
+    invalid?: boolean | undefined;
     /**
      * Makes every `PinInputField` read-only (native `readOnly`, plus
      * `aria-readonly`/`data-readonly` on the root and each field).
      * @default false
      */
-    readOnly?: boolean;
+    readOnly?: boolean | undefined;
     /**
      * Fires with the full value once per completion, not on every keystroke that keeps it complete.
      * @default undefined — no-op if omitted.
      */
-    onValueComplete?: (value: string) => void;
+    onValueComplete?: ((value: string) => void) | undefined;
     /**
      * Submit the surrounding `<form>` (via `requestSubmit`, so validation and
      * the submit event still run) as soon as the value completes.
      * @default false
      */
-    autoSubmit?: boolean;
+    autoSubmit?: boolean | undefined;
     /**
      * Cleans pasted text before it is distributed across the boxes, running before the `type` filter.
      * @default undefined — pasted text is used as-is.
      */
-    sanitize?: (pasted: string) => string;
+    sanitize?: ((pasted: string) => string) | undefined;
     /**
      * Form field name; a hidden input submits the joined value as one entry, matching what `<skdx-pin-input>` publishes.
      * @default undefined — submits nothing.
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Id of the `<form>` this pin submits into, for a pin rendered outside it (a portalled Dialog).
      * @default undefined — the pin belongs to its nearest ancestor `<form>`, if any.
      */
-    form?: string;
+    form?: string | undefined;
     /**
      * Marks the pin required: with `name`, native `valueMissing` until every box
      * is filled, reported through `checkValidity()`/`reportValidity()`.
      * @default false
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
-     * Words each `PinInputField`'s `aria-label` from the box's **1-based** position and the pin's `length`.
-     *
-     * A consumer's own `aria-label` on a `PinInputField` still wins over it.
+     * Words each `PinInputField`'s `aria-label` from the box's **1-based** position and the pin's `length`, unless the field sets its own.
      * @default {@link pinInputDigitLabel} — `` `Digit ${index} of ${length}` ``
      */
-    digitLabel?: (index: number, length: number) => string;
+    digitLabel?: ((index: number, length: number) => string) | undefined;
+    /**
+     * Spacing rung the skin packs the boxes by, mirrored to `data-density`.
+     * @default undefined — the skin's own default spacing.
+     */
+    density?: 'default' | 'compact' | 'loose' | (string & {}) | undefined;
+    /**
+     * Corner rung the skin rounds the boxes by, mirrored to `data-shape`.
+     * @default undefined — the skin's own default corner.
+     */
+    shape?: 'rounded' | 'square' | 'pill' | (string & {}) | undefined;
+    /**
+     * Size rung the skin scales the boxes by, mirrored to `data-size`.
+     * @default undefined — the skin's own default size.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
 }
-/**
- * What {@link PinInput}'s forwarded ref carries: the root `<div>` with the constraint-validation methods, `clear()` and `focus()` assigned onto it.
- */
+/** What {@link PinInput}'s forwarded ref carries: the root `<div>` with the constraint-validation methods, `clear()` and `focus()` assigned onto it. */
 export interface PinInputHandle extends HTMLDivElement {
     /** Returns whether the current code satisfies its constraints, firing `invalid` if not. */
     checkValidity(): boolean;
     /** Like {@link PinInputHandle.checkValidity}, but also shows the browser's validation message. */
     reportValidity(): boolean;
-    /**
-     * Pushes an externally-computed error in, exactly like `HTMLInputElement.setCustomValidity()`; `''` clears it.
-     */
+    /** Pushes an externally-computed error in, exactly like `HTMLInputElement.setCustomValidity()`; `''` clears it. */
     setCustomValidity(message: string): void;
-    /**
-     * Empties every box and publishes the empty value — the only imperative writer, since `value` is already controllable.
-     */
+    /** Empties every box and publishes the empty value — the only imperative writer, since `value` is already controllable. */
     clear(): void;
-    /**
-     * Moves DOM focus into the first box, shadowing the root `<div>`'s own no-op `focus()`.
-     */
+    /** Moves DOM focus into the first box, shadowing the root `<div>`'s own no-op `focus()`. */
     focus(): void;
 }
 /** Props for a single {@link PinInputField} character box. */

package/dist/pin-input/types.d.ts

@@ -1,5 +1,5 @@
+import type { PinInputType } from '../utils/pin-chars.js';
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
-import type { PinInputType } from './charFilter.js';
 /** What a rejected character reports: the character, and the box it was aimed at. */
 export interface PinInputInvalidDetail {
     /** The character the `type`/`pattern` filter refused. */
@@ -7,9 +7,9 @@ export interface PinInputInvalidDetail {
     /** The 0-based index of the box it was typed or pasted into. */
     index: number;
 }
-/** @internal Shared state distributed from {@link PinInput} to its `PinInputField`s via context. Not part of the public API. */
+/** @internal Shared state distributed from {@link PinInput} to its `PinInputField`s via context. */
 export interface PinInputContextValue {
-    /** The joined value. Boxes read {@link charAt} instead; this is what changes identity to re-render them. */
+    /** The joined value, whose identity change re-renders boxes that read {@link charAt} instead. */
     value: string;
     length: number;
     type: PinInputType;
@@ -18,7 +18,7 @@ export interface PinInputContextValue {
     invalid: boolean;
     readOnly: boolean;
     /** A single character drawn in every empty box, or `undefined` for none. */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /** Whether box 0 advertises `autocomplete="one-time-code"`. */
     otp: boolean;
     /** Whether a box selects the character it already holds when focus lands in it. */
@@ -45,143 +45,149 @@ export interface PinInputProps extends Omit<PrimitivePropsWithRef<'div'>, 'defau
      * Current value, for controlled usage. Pair with `onValueChange`.
      * @default undefined — uncontrolled, tracks its own value internally.
      */
-    value?: string;
+    value?: string | undefined;
     /**
      * Initial combined value, for uncontrolled usage.
      * @default ''
      */
-    defaultValue?: string;
+    defaultValue?: string | undefined;
     /**
      * Fires with the new value whenever any box changes, controlled or not.
      * @default undefined — no-op if omitted.
      */
-    onValueChange?: (value: string) => void;
+    onValueChange?: ((value: string) => void) | undefined;
     /**
      * Number of character boxes rendered and the max length of the combined value.
      * @default 6
+     * @min 1
      */
-    length?: number;
+    length?: number | undefined;
     /**
      * Disables every `PinInputField` in this pin input.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Which characters a box accepts; `pattern` overrides it entirely.
      * @default 'text'
      */
-    type?: PinInputType;
+    type?: PinInputType | undefined;
     /**
      * A regular-expression source tested against **one character at a time**, replacing whatever set `type` names.
      * @default undefined — `type` decides.
      */
-    pattern?: string;
+    pattern?: string | undefined;
     /**
      * A single character drawn in every empty box, so the boxes read as slots waiting for a code.
      * @default undefined — empty boxes are blank.
      */
-    placeholder?: string;
+    placeholder?: string | undefined;
     /**
      * Advertises `autocomplete="one-time-code"` on the first box only — a second such field suppresses both.
      * @default true
      */
-    otp?: boolean;
+    otp?: boolean | undefined;
     /**
      * Focuses the first box on mount.
      * @default false
      */
-    autoFocus?: boolean;
+    autoFocus?: boolean | undefined;
     /**
      * Blurs the focused box the moment the code completes, running after `onValueComplete`.
      * @default false
      */
-    blurOnComplete?: boolean;
+    blurOnComplete?: boolean | undefined;
     /**
      * Selects a box's existing character when focus lands in it, on click, Tab and auto-advance alike.
      * @default false
      */
-    selectOnFocus?: boolean;
+    selectOnFocus?: boolean | undefined;
     /**
      * Fires once per character the `type`/`pattern` filter refused, with the index of the box it was aimed at.
      * @default undefined — no-op if omitted.
      */
-    onValueInvalid?: (detail: PinInputInvalidDetail) => void;
+    onValueInvalid?: ((detail: PinInputInvalidDetail) => void) | undefined;
     /**
      * Renders filled boxes as `type="password"` (dots) instead of plain text.
      * @default false
      */
-    mask?: boolean;
+    mask?: boolean | undefined;
     /**
      * Marks the field as invalid: `aria-invalid` on the `role="group"` root,
      * `data-invalid` on the root and every field.
      * @default false
      */
-    invalid?: boolean;
+    invalid?: boolean | undefined;
     /**
      * Makes every `PinInputField` read-only (native `readOnly`, plus
      * `aria-readonly`/`data-readonly` on the root and each field).
      * @default false
      */
-    readOnly?: boolean;
+    readOnly?: boolean | undefined;
     /**
      * Fires with the full value once per completion, not on every keystroke that keeps it complete.
      * @default undefined — no-op if omitted.
      */
-    onValueComplete?: (value: string) => void;
+    onValueComplete?: ((value: string) => void) | undefined;
     /**
      * Submit the surrounding `<form>` (via `requestSubmit`, so validation and
      * the submit event still run) as soon as the value completes.
      * @default false
      */
-    autoSubmit?: boolean;
+    autoSubmit?: boolean | undefined;
     /**
      * Cleans pasted text before it is distributed across the boxes, running before the `type` filter.
      * @default undefined — pasted text is used as-is.
      */
-    sanitize?: (pasted: string) => string;
+    sanitize?: ((pasted: string) => string) | undefined;
     /**
      * Form field name; a hidden input submits the joined value as one entry, matching what `<skdx-pin-input>` publishes.
      * @default undefined — submits nothing.
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Id of the `<form>` this pin submits into, for a pin rendered outside it (a portalled Dialog).
      * @default undefined — the pin belongs to its nearest ancestor `<form>`, if any.
      */
-    form?: string;
+    form?: string | undefined;
     /**
      * Marks the pin required: with `name`, native `valueMissing` until every box
      * is filled, reported through `checkValidity()`/`reportValidity()`.
      * @default false
      */
-    required?: boolean;
+    required?: boolean | undefined;
     /**
-     * Words each `PinInputField`'s `aria-label` from the box's **1-based** position and the pin's `length`.
-     *
-     * A consumer's own `aria-label` on a `PinInputField` still wins over it.
+     * Words each `PinInputField`'s `aria-label` from the box's **1-based** position and the pin's `length`, unless the field sets its own.
      * @default {@link pinInputDigitLabel} — `` `Digit ${index} of ${length}` ``
      */
-    digitLabel?: (index: number, length: number) => string;
+    digitLabel?: ((index: number, length: number) => string) | undefined;
+    /**
+     * Spacing rung the skin packs the boxes by, mirrored to `data-density`.
+     * @default undefined — the skin's own default spacing.
+     */
+    density?: 'default' | 'compact' | 'loose' | (string & {}) | undefined;
+    /**
+     * Corner rung the skin rounds the boxes by, mirrored to `data-shape`.
+     * @default undefined — the skin's own default corner.
+     */
+    shape?: 'rounded' | 'square' | 'pill' | (string & {}) | undefined;
+    /**
+     * Size rung the skin scales the boxes by, mirrored to `data-size`.
+     * @default undefined — the skin's own default size.
+     */
+    size?: 'md' | 'sm' | 'lg' | (string & {}) | undefined;
 }
-/**
- * What {@link PinInput}'s forwarded ref carries: the root `<div>` with the constraint-validation methods, `clear()` and `focus()` assigned onto it.
- */
+/** What {@link PinInput}'s forwarded ref carries: the root `<div>` with the constraint-validation methods, `clear()` and `focus()` assigned onto it. */
 export interface PinInputHandle extends HTMLDivElement {
     /** Returns whether the current code satisfies its constraints, firing `invalid` if not. */
     checkValidity(): boolean;
     /** Like {@link PinInputHandle.checkValidity}, but also shows the browser's validation message. */
     reportValidity(): boolean;
-    /**
-     * Pushes an externally-computed error in, exactly like `HTMLInputElement.setCustomValidity()`; `''` clears it.
-     */
+    /** Pushes an externally-computed error in, exactly like `HTMLInputElement.setCustomValidity()`; `''` clears it. */
     setCustomValidity(message: string): void;
-    /**
-     * Empties every box and publishes the empty value — the only imperative writer, since `value` is already controllable.
-     */
+    /** Empties every box and publishes the empty value — the only imperative writer, since `value` is already controllable. */
     clear(): void;
-    /**
-     * Moves DOM focus into the first box, shadowing the root `<div>`'s own no-op `focus()`.
-     */
+    /** Moves DOM focus into the first box, shadowing the root `<div>`'s own no-op `focus()`. */
     focus(): void;
 }
 /** Props for a single {@link PinInputField} character box. */

package/dist/popover/Popover.cjs

@@ -1 +1,2 @@
-"use strict";var wo=Object.create;var b=Object.defineProperty;var bo=Object.getOwnPropertyDescriptor;var Eo=Object.getOwnPropertyNames;var ko=Object.getPrototypeOf,Do=Object.prototype.hasOwnProperty;var Ho=(o,e)=>{for(var t in e)b(o,t,{get:e[t],enumerable:!0})},K=(o,e,t,n)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of Eo(e))!Do.call(o,a)&&a!==t&&b(o,a,{get:()=>e[a],enumerable:!(n=bo(e,a))||n.enumerable});return o};var R=(o,e,t)=>(t=o!=null?wo(ko(o)):{},K(e||!o||!o.__esModule?b(t,"default",{value:o,enumerable:!0}):t,o)),Ao=o=>K(b({},"__esModule",{value:!0}),o);var Mo={};Ho(Mo,{Popover:()=>xo,PopoverAnchor:()=>Lo,PopoverArrow:()=>B,PopoverClose:()=>k,PopoverContent:()=>A,PopoverDescription:()=>F,PopoverPortal:()=>S,PopoverProvider:()=>yo,PopoverRoot:()=>_,PopoverTitle:()=>M,PopoverTrigger:()=>I,usePopoverContext:()=>l});module.exports=Ao(Mo);var i=R(require("react"),1),go=require("../utils/createContext.cjs"),Ro=require("../utils/part.cjs"),C=require("../utils/popper.cjs"),ho=require("../utils/useControllableState.cjs"),Co=require("../utils/useOpenChangeComplete.cjs");var z=R(require("react"),1),G=require("../utils/part.cjs"),E=require("../utils/primitive.cjs");var J=require("react/jsx-runtime"),k=z.forwardRef((o,e)=>{let t=l("PopoverClose");return(0,J.jsx)(E.Primitive.button,{type:"button",...o,...(0,G.skdxPart)("popover","close",o.className),ref:e,onClick:(0,E.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!1))})});k.displayName="PopoverClose";var D=R(require("react"),1),Q=require("../utils/composeRefs.cjs"),U=require("../utils/is-dev-mode.cjs"),X=require("../utils/part.cjs"),Y=require("../utils/popper.cjs"),Z=require("../utils/tabbable.cjs"),j=require("../utils/useBodyScrollLock.cjs"),oo=require("../utils/useDismiss.cjs"),H=require("../utils/useFocusTrap.cjs"),eo=require("../utils/useOutsideInert.cjs");var W=require("../utils/is-dev-mode.cjs");function q(o,e,t){if(!e)return null;let n;try{n=o.querySelector(e)}catch{return(0,W.isDevMode)()&&console.warn(`[skdx] Popover: ${t}="${e}" is not a valid CSS selector. Falling back to the default focus target.`),null}return!n&&(0,W.isDevMode)()&&console.warn(Oo(t,e)),n}function Oo(o,e){return o==="initialFocus"?`[skdx] Popover: initialFocus="${e}" matched no element inside the popover panel. Falling back to the first tabbable element, then the panel itself.`:`[skdx] Popover: finalFocus="${e}" matched no element in the document. Falling back to the trigger.`}var to=require("react/jsx-runtime");function Fo(o,e){D.useEffect(()=>{if(!(0,U.isDevMode)()||!e)return;let t=o.current;!t||t.querySelector(".skdx-popover__close")||console.warn("[skdx] Popover: `modal` contains focus inside PopoverContent, but no PopoverClose was rendered inside it. A user who cannot press Escape \u2014 a touch screen-reader user has no Escape key \u2014 has no way out of the panel. Render a PopoverClose, or set `modal={false}`.")},[o,e])}var A=D.forwardRef(({forceMount:o,onEscapeKeyDown:e,onPointerDownOutside:t,onFocusOutside:n,onInteractOutside:a,onOpenAutoFocus:m,onCloseAutoFocus:f,sideOffset:c=4,arrowPadding:y=8,initialFocus:u,finalFocus:d,...P},v)=>{let r=l("PopoverContent"),x=(0,Q.useComposedRefs)(v,r.contentRef),T=()=>{let p=q(document,d,"finalFocus");return p?(p.focus({preventScroll:!0}),!0):!1},w=r.modal!==!1,To=r.modal===!0;return(0,j.useBodyScrollLock)(r.open&&To),(0,eo.useOutsideInert)(r.contentRef,r.open&&w),(0,H.useFocusTrap)(r.contentRef,r.open&&w,{onOpenAutoFocus:p=>{if(m?.(p),p.defaultPrevented||!u)return;let g=r.contentRef.current;if(!g)return;let V=q(g,u,"initialFocus")??g.querySelector(Z.TABBABLE_SELECTOR)??g;p.preventDefault(),V===g&&g.setAttribute("tabindex","-1"),V.focus({preventScroll:!0})},onCloseAutoFocus:p=>{f?.(p),!(p.defaultPrevented||!d)&&T()&&p.preventDefault()}}),Fo(r.contentRef,r.open&&w),(0,oo.useDismiss)({enabled:r.open,onEscapeKeyDown:p=>{e?.(p),!p.defaultPrevented&&(r.onOpenChange(!1),w?r.triggerRef.current?.focus():(0,H.autoFocusEvent)("close-auto-focus",f)&&(T()||r.triggerRef.current?.focus()))},onInteractOutside:a,onPointerDownOutside:p=>{t?.(p),p.defaultPrevented||r.onOpenChange(!1)},onFocusOutside:p=>{n?.(p),p.defaultPrevented||r.onOpenChange(!1)}},[r.contentRef,r.triggerRef]),o||r.open?(0,to.jsx)(Y.PopperContent,{component:"popover",role:"dialog","aria-labelledby":r.hasTitle?r.titleId:void 0,"aria-describedby":r.hasDescription?r.descriptionId:void 0,id:r.contentId,"data-state":r.open?"open":"closed",sideOffset:c,arrowPadding:y,...P,...(0,X.skdxPart)("popover","content",P.className),ref:x}):null});A.displayName="PopoverContent";var O=R(require("react"),1),ro=require("../utils/part.cjs"),no=require("../utils/primitive.cjs");var po=require("react/jsx-runtime"),F=O.forwardRef((o,e)=>{let t=l("PopoverDescription"),{setHasDescription:n}=t;return O.useEffect(()=>(n(!0),()=>n(!1)),[n]),(0,po.jsx)(no.Primitive.p,{id:t.descriptionId,...o,...(0,ro.skdxPart)("popover","description",o.className),ref:e})});F.displayName="PopoverDescription";var so=require("../utils/portal.cjs");var io=require("react/jsx-runtime"),S=({forceMount:o,children:e,...t})=>{let n=l("PopoverPortal");return o||n.open?(0,io.jsx)(so.Portal,{...t,children:e}):null};S.displayName="PopoverPortal";var L=R(require("react"),1),ao=require("../utils/part.cjs"),lo=require("../utils/primitive.cjs");var co=require("react/jsx-runtime"),M=L.forwardRef((o,e)=>{let t=l("PopoverTitle"),{setHasTitle:n}=t;return L.useEffect(()=>(n(!0),()=>n(!1)),[n]),(0,co.jsx)(lo.Primitive.h2,{id:t.titleId,...o,...(0,ao.skdxPart)("popover","title",o.className),ref:e})});M.displayName="PopoverTitle";var fo=R(require("react"),1),mo=require("../utils/composeRefs.cjs"),uo=require("../utils/part.cjs"),Po=require("../utils/popper.cjs"),N=require("../utils/primitive.cjs");var $=require("react/jsx-runtime"),I=fo.forwardRef((o,e)=>{let t=l("PopoverTrigger"),n=(0,mo.useComposedRefs)(e,t.triggerRef);return(0,$.jsx)(Po.PopperAnchor,{asChild:!0,children:(0,$.jsx)(N.Primitive.button,{type:"button","aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId,"data-state":t.open?"open":"closed",...o,...(0,uo.skdxPart)("popover","trigger",o.className),ref:n,onClick:(0,N.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!t.open))})})});I.displayName="PopoverTrigger";var s=require("react/jsx-runtime"),So=()=>(0,s.jsx)("svg",{viewBox:"0 0 16 16",width:"1em",height:"1em",fill:"none","aria-hidden":"true",focusable:"false",children:(0,s.jsx)("path",{d:"M4 4l8 8M12 4l-8 8",stroke:"currentColor",strokeWidth:"1.5",strokeLinecap:"round"})}),vo=({trigger:o,title:e,description:t,side:n,align:a,showArrow:m,children:f,passThrough:c})=>(0,s.jsxs)(s.Fragment,{children:[o?(0,s.jsx)(I,{asChild:!0,...c?.id?{"aria-controls":c.id}:{},children:o}):null,(0,s.jsx)(S,{children:(0,s.jsxs)(A,{...c,side:n,align:a,children:[e?(0,s.jsx)(M,{children:e}):null,t?(0,s.jsx)(F,{children:t}):null,f,m?(0,s.jsx)(B,{}):null,(0,s.jsx)(k,{"aria-label":"Close",children:(0,s.jsx)(So,{})})]})})]});var h=require("react/jsx-runtime"),[yo,l]=(0,go.createSafeContext)("Popover");function _({children:o,open:e,defaultOpen:t=!1,onOpenChange:n,onOpenChangeComplete:a,modal:m=!1}){let f=i.useRef(null),c=i.useRef(null),[y,u]=i.useState(!1),[d,P]=i.useState(!1),[v=!1,r]=(0,ho.useControllableState)({prop:e,defaultProp:t,onChange:n});(0,Co.useOpenChangeComplete)(v,c,a);let x=i.useRef(null),T=i.useCallback(()=>{x.current?.()},[]);return(0,h.jsx)(C.PopperRoot,{updateRef:x,children:(0,h.jsx)(yo,{triggerRef:f,contentRef:c,contentId:i.useId(),titleId:i.useId(),descriptionId:i.useId(),hasTitle:y,setHasTitle:u,hasDescription:d,setHasDescription:P,open:v,onOpenChange:r,modal:m,reposition:T,children:o})})}_.displayName="PopoverRoot";function xo({children:o,open:e,defaultOpen:t,onOpenChange:n,onOpenChangeComplete:a,modal:m,trigger:f,title:c,description:y,side:u,align:d,showArrow:P=!1,...v}){return(0,h.jsx)(_,{open:e,defaultOpen:t,onOpenChange:n,onOpenChangeComplete:a,modal:m,children:(0,h.jsx)(vo,{trigger:f,title:c,description:y,side:u,align:d,showArrow:P,passThrough:v,children:o})})}xo.displayName="Popover";var Lo=C.PopperAnchor,B=i.forwardRef((o,e)=>(0,h.jsx)(C.PopperArrow,{...o,...(0,Ro.skdxPart)("popover","arrow",o.className),ref:e}));B.displayName="PopoverArrow";0&&(module.exports={Popover,PopoverAnchor,PopoverArrow,PopoverClose,PopoverContent,PopoverDescription,PopoverPortal,PopoverProvider,PopoverRoot,PopoverTitle,PopoverTrigger,usePopoverContext});
+'use client';
+"use strict";var Qe=Object.create;var A=Object.defineProperty;var Ue=Object.getOwnPropertyDescriptor;var Ye=Object.getOwnPropertyNames;var Ze=Object.getPrototypeOf,$e=Object.prototype.hasOwnProperty;var je=(e,o)=>{for(var t in o)A(e,t,{get:o[t],enumerable:!0})},$=(e,o,t,i)=>{if(o&&typeof o=="object"||typeof o=="function")for(let a of Ye(o))!$e.call(e,a)&&a!==t&&A(e,a,{get:()=>o[a],enumerable:!(i=Ue(o,a))||i.enumerable});return e};var E=(e,o,t)=>(t=e!=null?Qe(Ze(e)):{},$(o||!e||!e.__esModule?A(t,"default",{value:e,enumerable:!0}):t,e)),eo=e=>$(A({},"__esModule",{value:!0}),e);var po={};je(po,{Popover:()=>Ie,PopoverAnchor:()=>Fe,PopoverArrow:()=>V,PopoverClose:()=>H,PopoverContent:()=>S,PopoverContextProvider:()=>Se,PopoverDescription:()=>I,PopoverPortal:()=>F,PopoverProvider:()=>ke,PopoverProviderContext:()=>xe,PopoverRoot:()=>G,PopoverTitle:()=>L,PopoverTrigger:()=>B,usePopoverContext:()=>u,usePopoverProviderContext:()=>K});module.exports=eo(po);var s=E(require("react"),1),Ae=require("../utils/createContext.cjs"),q=require("../utils/part.cjs"),k=require("../utils/popper.cjs"),Ne=require("../utils/useControllableState.cjs"),He=require("../utils/useOpenChangeComplete.cjs");var De=require("../utils/Glyph.cjs");var j=require("../utils/part.cjs"),N=require("../utils/primitive.cjs");var ee=require("react/jsx-runtime"),H=({ref:e,...o})=>{let t=u("PopoverClose");return(0,ee.jsx)(N.Primitive.button,{type:"button",...o,...(0,j.skdxPart)("popover","close",o.className),ref:e,onClick:(0,N.composeEventHandlers)(o.onClick,()=>t.onOpenChange(!1))})};H.displayName="PopoverClose";var oe=E(require("react"),1),te=require("../utils/composeRefs.cjs"),re=require("../utils/dev-mode.cjs"),x=require("../utils/focus-targets.cjs"),ne=require("../utils/part.cjs"),ie=require("../utils/popper.cjs"),W=require("../utils/primitive.cjs"),se=require("../utils/useBodyScrollLock.cjs"),ae=require("../utils/useDismiss.cjs"),pe=require("../utils/useFocusTrap.cjs"),le=require("../utils/useOutsideInert.cjs");var ce=require("react/jsx-runtime");function oo(e,o){oe.useEffect(()=>{if(!(0,re.isDevMode)()||!o)return;let t=e.current;!t||t.querySelector(".skdx-popover__close")||console.warn('[skdx] Popover: `modal` contains focus inside PopoverContent, but no PopoverClose was rendered inside it. A user who cannot press Escape \u2014 a touch screen-reader user has no Escape key \u2014 has no way out of the panel. Render a PopoverClose, or set `modal="none"`.')},[e,o])}function to(e,{initialFocus:o,finalFocus:t,onEscapeKeyDown:i,onPointerDownOutside:a,onFocusOutside:p,onInteractOutside:c,onOpenAutoFocus:l,onCloseAutoFocus:f}){let v=e.role==="tooltip",P=e.modal!=="none",m=e.open&&P;(0,se.useBodyScrollLock)(e.open&&e.modal==="modal"),(0,le.useOutsideInert)(e.contentRef,m),(0,pe.useFocusTrap)(e.contentRef,m,{onOpenAutoFocus:r=>{if(l?.(r),r.defaultPrevented||!o)return;let n=e.contentRef.current;if(!n)return;let C=(0,x.initialFocusTarget)(n,o,"Popover");r.preventDefault(),C===n&&n.setAttribute("tabindex","-1"),C.focus({preventScroll:!0})},onCloseAutoFocus:r=>{f?.(r),!(r.defaultPrevented||!t)&&(0,x.applyFinalFocus)(t,"Popover")&&r.preventDefault()}}),oo(e.contentRef,m),(0,ae.useDismiss)({enabled:e.open,onEscapeKeyDown:r=>{if(i?.(r),!r.defaultPrevented){if(v){e.onClose();return}e.onClose(),P?e.triggerRef.current?.focus():(0,x.returnFocus)(t,"Popover",e.triggerRef.current,f)}},onInteractOutside:c,onPointerDownOutside:r=>{a?.(r),!r.defaultPrevented&&!v&&e.onOpenChange(!1)},onFocusOutside:r=>{p?.(r),!r.defaultPrevented&&!v&&e.onOpenChange(!1)}},[e.contentRef,e.triggerRef])}var S=({forceMount:e,onEscapeKeyDown:o,onPointerDownOutside:t,onFocusOutside:i,onInteractOutside:a,onOpenAutoFocus:p,onCloseAutoFocus:c,sideOffset:l=4,arrowPadding:f=8,initialFocus:v,finalFocus:P,ref:m,...r})=>{let n=u("PopoverContent"),C=(0,te.useComposedRefs)(m,n.contentRef),h=n.role==="tooltip",w=n.openOn==="hover",D=w&&n.hoverable;return to(n,{initialFocus:v,finalFocus:P,onEscapeKeyDown:o,onPointerDownOutside:t,onFocusOutside:i,onInteractOutside:a,onOpenAutoFocus:p,onCloseAutoFocus:c}),e||n.open?(0,ce.jsx)(ie.PopperContent,{component:"popover",role:h?"tooltip":"dialog","aria-labelledby":!h&&n.hasTitle?n.titleId:void 0,"aria-describedby":!h&&n.hasDescription?n.descriptionId:void 0,id:n.contentId,"data-state":n.state,"data-hoverable":D?"":void 0,sideOffset:l,arrowPadding:f,...r,...(0,ne.skdxPart)("popover","content",r.className),ref:C,onPointerEnter:(0,W.composeEventHandlers)(r.onPointerEnter,g=>{D&&g.pointerType!=="touch"&&n.onOpen()}),onPointerLeave:(0,W.composeEventHandlers)(r.onPointerLeave,g=>{D&&g.pointerType!=="touch"&&n.onClose()}),style:w?{pointerEvents:D?"auto":"none",...r.style}:r.style}):null};S.displayName="PopoverContent";var fe=E(require("react"),1),ue=require("../utils/part.cjs"),de=require("../utils/primitive.cjs");var me=require("react/jsx-runtime"),I=({ref:e,...o})=>{let t=u("PopoverDescription"),{setHasDescription:i}=t;return fe.useEffect(()=>(i(!0),()=>i(!1)),[i]),(0,me.jsx)(de.Primitive.p,{id:t.descriptionId,...o,...(0,ue.skdxPart)("popover","description",o.className),ref:e})};I.displayName="PopoverDescription";var Pe=require("../utils/portal.cjs");var ve=require("react/jsx-runtime"),F=({forceMount:e,children:o,...t})=>{let i=u("PopoverPortal");return e||i.open?(0,ve.jsx)(Pe.Portal,{...t,children:o}):null};F.displayName="PopoverPortal";var Re=E(require("react"),1),ye=require("../utils/part.cjs"),Ce=require("../utils/primitive.cjs");var he=require("react/jsx-runtime"),L=({ref:e,...o})=>{let t=u("PopoverTitle"),{setHasTitle:i}=t;return Re.useEffect(()=>(i(!0),()=>i(!1)),[i]),(0,he.jsx)(Ce.Primitive.h2,{id:t.titleId,...o,...(0,ye.skdxPart)("popover","title",o.className),ref:e})};L.displayName="PopoverTitle";var ge=require("../utils/composeRefs.cjs"),be=require("../utils/part.cjs"),Oe=require("../utils/popper.cjs"),b=require("../utils/primitive.cjs");var _=require("react/jsx-runtime"),B=({ref:e,...o})=>{let t=u("PopoverTrigger"),i=(0,ge.useComposedRefs)(e,t.triggerRef),a=t.role==="tooltip",p=t.openOn==="hover",c=a||p;return(0,_.jsx)(Oe.PopperAnchor,{asChild:!0,children:(0,_.jsx)(b.Primitive.button,{type:"button",...c?{"aria-describedby":t.open?t.contentId:void 0}:{"aria-haspopup":"dialog","aria-expanded":t.open,"aria-controls":t.contentId},"data-state":t.state,...o,...(0,be.skdxPart)("popover","trigger",o.className),ref:i,onPointerEnter:(0,b.composeEventHandlers)(o.onPointerEnter,l=>{p&&l.pointerType!=="touch"&&t.onDelayedOpen()}),onPointerLeave:(0,b.composeEventHandlers)(o.onPointerLeave,l=>{p&&l.pointerType!=="touch"&&t.onDelayedClose()}),onFocus:(0,b.composeEventHandlers)(o.onFocus,()=>{a&&t.onOpen()}),onBlur:(0,b.composeEventHandlers)(o.onBlur,()=>{a&&t.onClose()}),onClick:(0,b.composeEventHandlers)(o.onClick,()=>{a?t.onClose():p||t.onOpenChange(!t.open)})})})};B.displayName="PopoverTrigger";var d=require("react/jsx-runtime"),ro=()=>(0,d.jsx)(De.Glyph,{name:"close"});function no(e,o,t){return e?o?t?{"aria-describedby":e}:{}:{"aria-controls":e}:{}}var Te=({trigger:e,title:o,description:t,side:i,align:a,showArrow:p,children:c,passThrough:l})=>{let f=u("PopoverAnatomy"),v=f.role==="tooltip"||f.openOn==="hover",P=f.role==="dialog"&&f.openOn==="click";return(0,d.jsxs)(d.Fragment,{children:[e?(0,d.jsx)(B,{asChild:!0,...no(l?.id,v,f.open),children:e}):null,(0,d.jsx)(F,{children:(0,d.jsxs)(S,{...l,side:i,align:a,children:[o&&P?(0,d.jsx)(L,{children:o}):null,t&&P?(0,d.jsx)(I,{children:t}):null,c,p?(0,d.jsx)(V,{}):null,P?(0,d.jsx)(H,{"aria-label":"Close",children:(0,d.jsx)(ro,{})}):null]})})]})};var O=E(require("react"),1),we=require("../utils/createContext.cjs"),Ee=require("react/jsx-runtime"),[xe,K]=(0,we.createSafeContext)("PopoverProvider",{delayDuration:700,skipDelayDuration:300,closeDelay:0,disableHoverableContent:!1,isOpenDelayedRef:{current:!0},onOpen:()=>{},onClose:()=>{}});function ke({children:e,delayDuration:o=700,skipDelayDuration:t=300,closeDelay:i=0,disableHoverableContent:a=!1}){let p=O.useRef(!0),c=O.useRef(0);O.useEffect(()=>()=>window.clearTimeout(c.current),[]);let l=O.useCallback(()=>{window.clearTimeout(c.current),p.current=!1},[]),f=O.useCallback(()=>{window.clearTimeout(c.current),c.current=window.setTimeout(()=>{p.current=!0},t)},[t]);return(0,Ee.jsx)(xe,{delayDuration:o,skipDelayDuration:t,closeDelay:i,disableHoverableContent:a,isOpenDelayedRef:p,onOpen:l,onClose:f,children:e})}ke.displayName="PopoverProvider";var T=require("react/jsx-runtime"),[Se,u]=(0,Ae.createSafeContext)("Popover"),io=150;function so(e,o){return o?Math.max(e,io):e}function ao(e,o,t){return e?o?t?"delayed-open":"instant-open":"open":"closed"}function G({children:e,open:o,defaultOpen:t=!1,onOpenChange:i,onOpenChangeComplete:a,modal:p="none",openOn:c="click",role:l="dialog",openDelay:f,closeDelay:v,disableHoverableContent:P,disabled:m=!1}){let r=K("Popover"),n=l==="tooltip",C=n?"none":p,h=f??(n?r.delayDuration:700),w=v??(n?r.closeDelay:300),g=!(P??(n?r.disableHoverableContent:!1)),Le=s.useRef(null),z=s.useRef(null),Q=s.useRef(0),U=s.useRef(0),[Be,J]=s.useState(!0),[Ve,Je]=s.useState(!1),[Me,Xe]=s.useState(!1),[We=!1,R]=(0,Ne.useControllableState)({prop:o,defaultProp:t,onChange:Z=>{n&&(Z?r.onOpen():r.onClose()),i?.(Z)}}),M=m?!1:We;(0,He.useOpenChangeComplete)(M,z,a);let y=s.useCallback(()=>{window.clearTimeout(Q.current),window.clearTimeout(U.current)},[]);s.useEffect(()=>y,[y]);let _e=s.useCallback(()=>{m||(y(),J(!1),R(!0))},[y,R,m]),Ke=s.useCallback(()=>{if(!m){if(y(),!r.isOpenDelayedRef.current){J(!1),R(!0);return}Q.current=window.setTimeout(()=>{J(!0),R(!0)},h)}},[y,R,h,r.isOpenDelayedRef,m]),qe=s.useCallback(()=>{y(),R(!1)},[y,R]),X=so(w,g),Ge=s.useCallback(()=>{if(y(),X<=0){R(!1);return}U.current=window.setTimeout(()=>R(!1),X)},[y,R,X]),Y=s.useRef(null),ze=s.useCallback(()=>{Y.current?.()},[]);return(0,T.jsx)(k.PopperRoot,{updateRef:Y,children:(0,T.jsx)(Se,{triggerRef:Le,contentRef:z,contentId:s.useId(),titleId:s.useId(),descriptionId:s.useId(),hasTitle:Ve,setHasTitle:Je,hasDescription:Me,setHasDescription:Xe,open:M,onOpenChange:R,modal:C,role:l,openOn:c,state:ao(M,n,Be),hoverable:g,onOpen:_e,onDelayedOpen:Ke,onClose:qe,onDelayedClose:Ge,reposition:ze,children:e})})}G.displayName="PopoverRoot";function Ie({children:e,open:o,defaultOpen:t,onOpenChange:i,onOpenChangeComplete:a,modal:p,openOn:c,role:l,openDelay:f,closeDelay:v,disableHoverableContent:P,disabled:m,trigger:r,title:n,description:C,side:h,align:w,showArrow:D=!1,...g}){return(0,T.jsx)(G,{open:o,defaultOpen:t,onOpenChange:i,onOpenChangeComplete:a,modal:p,openOn:c,role:l,openDelay:f,closeDelay:v,disableHoverableContent:P,disabled:m,children:(0,T.jsx)(Te,{trigger:r,title:n,description:C,side:h,align:w,showArrow:D,passThrough:g,children:e})})}Ie.displayName="Popover";var Fe=({ref:e,...o})=>(0,T.jsx)(k.PopperAnchor,{explicit:!0,ref:e,...o,...(0,q.skdxPart)("popover","anchor",o.className)});Fe.displayName="PopoverAnchor";var V=({ref:e,...o})=>(0,T.jsx)(k.PopperArrow,{...o,...(0,q.skdxPart)("popover","arrow",o.className),ref:e});V.displayName="PopoverArrow";0&&(module.exports={Popover,PopoverAnchor,PopoverArrow,PopoverClose,PopoverContent,PopoverContextProvider,PopoverDescription,PopoverPortal,PopoverProvider,PopoverProviderContext,PopoverRoot,PopoverTitle,PopoverTrigger,usePopoverContext,usePopoverProviderContext});