@skdx/react 0.28.0 → 0.30.0

package/dist/color-picker/types.d.ts

@@ -1,26 +1,26 @@
 import type * as React from 'react';
 import type { ColorFormat, HsbColor } from '../utils/color.js';
 import type { PrimitivePropsWithRef } from '../utils/primitive.js';
-/** @internal Shared state distributed from {@link ColorPicker} to its parts via context. Not part of the public API. */
+/** @internal Shared state distributed from {@link ColorPicker} to its parts via context. */
 export interface ColorPickerContextValue {
-    /** The canonical colour. HSB, so hue survives a trip to black — see `utils/color.md`. */
+    /** @internal The canonical colour, stored as HSB so hue survives a trip to black. */
     color: HsbColor;
-    /** The colour serialised in the current `format`; what `value`/`onValueChange` speak. */
+    /** @internal The colour serialised in the current `format`. */
     value: string;
     format: ColorFormat;
     alpha: boolean;
     step: number;
     disabled: boolean;
     readOnly: boolean;
-    /** `!disabled && !readOnly` — the single condition every part gates input on. */
+    /** @internal `!disabled && !readOnly`. */
     interactive: boolean;
-    /** Human-readable description of a colour, used both as `aria-valuetext` and as the body of a live announcement. */
+    /** @internal Human-readable description of a colour, used as `aria-valuetext` and live-announcement text. */
     describe: (color: HsbColor) => string;
-    /** Applies a new colour. `announce` is for controls whose own role does not already speak the result — see `ColorPicker.md`. */
+    /** @internal Applies a new colour; `announce` is for controls whose own role doesn't already speak the result. */
     setColor: (next: HsbColor, options?: {
-        announce?: boolean;
+        announce?: boolean | undefined;
     }) => void;
-    /** Fires `onValueCommit` with the value as it currently stands. Called once at the end of a drag. */
+    /** @internal Fires `onValueCommit` with the value as it currently stands. */
     commit: () => void;
     setFormat: (format: ColorFormat) => void;
 }
@@ -29,137 +29,127 @@ export type ColorChannel = 'hex' | 'red' | 'green' | 'blue' | 'hue' | 'saturatio
 /** Props for the {@link ColorPicker} root. */
 export interface ColorPickerProps extends Omit<PrimitivePropsWithRef<'div'>, 'onChange'> {
     /**
-     * Composed parts for full control over anatomy. Omitted, the picker derives the area,
-     * tracks, input, and swatches from the show* and swatches props.
+     * Composed parts for full control over anatomy, replacing the derived area, tracks, input, and swatches.
      * @default undefined — the picker derives its anatomy.
      */
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
     /**
-     * Current colour for controlled usage. Pair with `onValueChange`. Accepts
-     * any {@link parseColor} notation; unparseable input keeps the last colour.
+     * Current colour for controlled usage, in any {@link parseColor} notation. Pair with `onValueChange`.
      * @default undefined — uncontrolled, tracks its own colour internally.
      */
-    value?: string;
+    value?: string | undefined;
     /**
      * Initial colour, for uncontrolled usage, seeding the first render.
      * @default '#000000' — opaque black, the one colour every format agrees on.
      */
-    defaultValue?: string;
+    defaultValue?: string | undefined;
     /**
-     * Fires with the new string on every change: arrow keys, drag frames,
-     * swatch clicks, and format switches; suppressed when the string doesn't change.
+     * Fires with the new string on every change: arrow keys, drag frames, swatch clicks, and format switches.
      * @default undefined — no-op if omitted.
      */
-    onValueChange?: (value: string) => void;
+    onValueChange?: ((value: string) => void) | undefined;
     /**
-     * Fires once with the final string when a pointer drag ends. Use for
-     * expensive effects; `onValueChange` fires per frame but this fires once.
-     * Keyboard and click changes do not fire it.
+     * Fires once with the final string when a pointer drag ends; keyboard and click changes don't fire it.
      * @default undefined — no-op if omitted.
      */
-    onValueCommit?: (value: string) => void;
+    onValueCommit?: ((value: string) => void) | undefined;
     /**
-     * Notation `value` is written in, for controlled usage. Pair with
-     * `onFormatChange`. Colour is stored as HSB; format only decides spelling.
+     * Notation `value` is written in, for controlled usage. Pair with `onFormatChange`.
      * @default undefined — uncontrolled, tracks its own format internally.
      */
-    format?: ColorFormat;
+    format?: ColorFormat | undefined;
     /**
      * The notation the picker starts in when it is left uncontrolled.
      * @default 'hex' — the notation people paste, type and recognise.
      */
-    defaultFormat?: ColorFormat;
+    defaultFormat?: ColorFormat | undefined;
     /**
-     * Fires with the new notation whenever it changes. `onValueChange` fires
-     * alongside it with the re-spelled string.
+     * Fires with the new notation whenever it changes, alongside `onValueChange` with the re-spelled string.
      * @default undefined — no-op if omitted.
      */
-    onFormatChange?: (format: ColorFormat) => void;
+    onFormatChange?: ((format: ColorFormat) => void) | undefined;
     /**
-     * Whether the picker has an alpha channel. When `false`, `ColorPickerAlphaSlider`
-     * renders nothing and every emitted string is fully opaque.
+     * Whether the picker has an alpha channel; when `false`, `ColorPickerAlphaSlider` renders nothing.
      * @default true
      */
-    alpha?: boolean;
+    alpha?: boolean | undefined;
     /**
-     * Keyboard increment in channel units: percent for saturation/brightness/alpha,
-     * degrees for hue. Shift multiplies by ten.
+     * Keyboard increment in channel units: percent for saturation/brightness/alpha, degrees for hue.
      * @default 1 — every whole unit is reachable without a pointer.
      */
-    step?: number;
+    step?: number | undefined;
     /**
-     * Blocks pointer and keyboard interaction across every part, and takes the
-     * focusable parts out of the tab order.
+     * Blocks pointer and keyboard interaction and takes every focusable part out of the tab order.
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
-     * Displays the colour but blocks changes, while every part stays focusable
-     * and in the tab order — unlike `disabled`, a read-only picker can still be
-     * reached and read by a keyboard user.
+     * Displays the colour but blocks changes, while every part stays focusable and in the tab order.
      * @default false
      */
-    readOnly?: boolean;
+    readOnly?: boolean | undefined;
     /**
      * Whether to render a {@link ColorPickerInput}. Ignored when `children` is given.
      * @default true
      */
-    showInput?: boolean;
+    showInput?: boolean | undefined;
     /**
      * Whether to render a {@link ColorPickerSwatchGroup}. Ignored when `children`
      * is given or `swatches` is empty.
      * @default true
      */
-    showSwatches?: boolean;
+    showSwatches?: boolean | undefined;
     /**
      * Whether to render a {@link ColorPickerEyeDropper} trigger.
      * Ignored when `children` is given.
      * @default true
      */
-    showEyeDropper?: boolean;
+    showEyeDropper?: boolean | undefined;
     /**
      * Preset colours the derived anatomy renders as {@link ColorPickerSwatch}
      * parts, one per entry. Ignored when `children` is given or `showSwatches` is `false`.
      * @default [] — no swatches rendered.
      */
-    swatches?: string[];
+    swatches?: string[] | undefined;
+    /**
+     * Stretches the control across its container width, mirrored as a bare `data-full-width`.
+     * @default undefined — the control sizes to its content.
+     */
+    fullWidth?: boolean | undefined;
+    /**
+     * Size rung the skin scales the picker by, mirrored to `data-size`.
+     * @default undefined — the skin's own default size.
+     */
+    size?: 'sm' | 'lg' | (string & {}) | undefined;
 }
 /** Props for the {@link ColorPickerArea}, the 2D saturation/brightness surface. */
 export interface ColorPickerAreaProps extends PrimitivePropsWithRef<'div'> {
 }
-/**
- * Props for the {@link ColorPickerAreaThumb}, the handle on the 2D surface.
- *
- * `asChild` is deliberately absent: the thumb renders the area's two
- * `role="slider"` axes as its own children, and `Slot` merges onto exactly one
- * element, so there is nothing here to slot onto.
- */
+/** Props for the {@link ColorPickerAreaThumb}, the handle on the 2D surface. No `asChild`: it renders two `role="slider"` axes as its own children. */
 export interface ColorPickerAreaThumbProps extends Omit<PrimitivePropsWithRef<'div'>, 'asChild'> {
     /**
      * Accessible name of the horizontal saturation slider.
      * @default 'Saturation'
      */
-    saturationLabel?: string;
+    saturationLabel?: string | undefined;
     /**
      * Accessible name of the vertical brightness slider.
      * @default 'Brightness'
      */
-    brightnessLabel?: string;
+    brightnessLabel?: string | undefined;
 }
 /** Props for the {@link ColorPickerHueSlider}, the 0–360° hue track. */
 export interface ColorPickerHueSliderProps extends Omit<PrimitivePropsWithRef<'div'>, 'onChange'> {
     /**
-     * Accessible name of the slider. A prop, not just `aria-label`, so a
-     * localised UI doesn't need to reach past the component's API to translate it.
+     * Accessible name for the hue slider control.
      * @default 'Hue'
      */
-    label?: string;
+    label?: string | undefined;
     /**
-     * Axis the track runs along: `clientX`/`clientY` for horizontal/vertical.
-     * Vertical tracks run bottom-to-top, matching `Slider`.
+     * Axis the track runs along; vertical tracks run bottom-to-top.
      * @default 'horizontal'
      */
-    orientation?: 'horizontal' | 'vertical';
+    orientation?: 'horizontal' | 'vertical' | undefined;
 }
 /** Props for the {@link ColorPickerHueSliderThumb}, the handle on the hue track. */
 export interface ColorPickerHueSliderThumbProps extends PrimitivePropsWithRef<'div'> {
@@ -167,17 +157,15 @@ export interface ColorPickerHueSliderThumbProps extends PrimitivePropsWithRef<'d
 /** Props for the {@link ColorPickerAlphaSlider}, the 0–100% opacity track. */
 export interface ColorPickerAlphaSliderProps extends Omit<PrimitivePropsWithRef<'div'>, 'onChange'> {
     /**
-     * Accessible name of the slider. A prop, not just `aria-label`, so a
-     * localised UI doesn't need to reach past the component's API to translate it.
+     * Accessible name for the opacity slider control.
      * @default 'Opacity'
      */
-    label?: string;
+    label?: string | undefined;
     /**
-     * Axis the track runs along: `clientX`/`clientY` for horizontal/vertical.
-     * Vertical tracks run bottom-to-top, matching `Slider`.
+     * Axis the track runs along; vertical tracks run bottom-to-top.
      * @default 'horizontal'
      */
-    orientation?: 'horizontal' | 'vertical';
+    orientation?: 'horizontal' | 'vertical' | undefined;
 }
 /** Props for the {@link ColorPickerAlphaSliderThumb}, the handle on the alpha track. */
 export interface ColorPickerAlphaSliderThumbProps extends PrimitivePropsWithRef<'div'> {
@@ -188,7 +176,7 @@ export interface ColorPickerSwatchGroupProps extends PrimitivePropsWithRef<'div'
      * Whether arrow-key navigation wraps from the last swatch to the first.
      * @default true
      */
-    loop?: boolean;
+    loop?: boolean | undefined;
 }
 /** Props for a single {@link ColorPickerSwatch} preset. */
 export interface ColorPickerSwatchProps extends PrimitivePropsWithRef<'button'> {
@@ -205,7 +193,7 @@ export interface ColorPickerInputProps extends Omit<PrimitivePropsWithRef<'input
      * in the picker's current `format`; it re-spells itself on format changes.
      * @default undefined — the whole colour, in the current format.
      */
-    channel?: ColorChannel;
+    channel?: ColorChannel | undefined;
 }
 /** Props for the {@link ColorPickerFormatSelect}, a native `<select>` over the notations. */
 export interface ColorPickerFormatSelectProps extends Omit<React.ComponentPropsWithRef<'select'>, 'value' | 'defaultValue' | 'children'> {
@@ -213,13 +201,13 @@ export interface ColorPickerFormatSelectProps extends Omit<React.ComponentPropsW
      * Which notations to offer, in display order.
      * @default ['hex', 'rgb', 'hsl', 'hsb'] — every format the picker can emit.
      */
-    formats?: ColorFormat[];
+    formats?: ColorFormat[] | undefined;
     /**
      * Replaces the generated `<option>` list for custom labels or grouping.
      * `value` attributes must still be {@link ColorFormat} strings.
      * @default undefined — one `<option>` per entry in `formats`.
      */
-    children?: React.ReactNode;
+    children?: React.ReactNode | undefined;
 }
 /** Props for the {@link ColorPickerEyeDropper} trigger. */
 export interface ColorPickerEyeDropperProps extends PrimitivePropsWithRef<'button'> {

package/dist/color-picker/useChannelSlider.d.cts

@@ -8,13 +8,10 @@ export interface UseChannelSliderOptions {
     /** Top of the range as ARIA reports it; the bottom is always 0. */
     max: number;
     /**
-     * Highest value actually reachable, when that is not `max`. Hue needs it:
-     * the axis genuinely spans 360°, but 360 *is* 0, so the track stops at the
-     * last hue on the step grid below it rather than folding round and throwing
-     * the thumb back to the left edge mid-drag.
+     * Highest value actually reachable, when that is not `max`; hue needs it since 360 is 0.
      * @default options.max
      */
-    limit?: number;
+    limit?: number | undefined;
     /** Current position on that range. */
     value: number;
     orientation: 'horizontal' | 'vertical';
@@ -25,11 +22,6 @@ export interface UseChannelSliderOptions {
     /** Receives an already clamped and step-snapped value. */
     onChange: (value: number) => void;
 }
-/**
- * @internal Element props plus the `data-*` keys TypeScript only permits when
- * they are written inline in JSX — the same escape the `--skdx-*` custom
- * property bags use, and for the same reason.
- */
 type ChannelSliderElementProps = React.ComponentPropsWithoutRef<'div'> & Record<`data-${string}`, string | number | undefined>;
 /** @internal What {@link useChannelSlider} hands back for the part to assemble. */
 export interface ChannelSlider {
@@ -43,26 +35,14 @@ export interface ChannelSlider {
     style: React.CSSProperties;
     dragging: boolean;
 }
-/** @internal Two decimals, so a fractional `step` neither leaks float noise into the DOM nor is rounded away. */
+/** @internal Rounds to two decimals so a fractional `step` doesn't leak float noise into the DOM. */
 export declare function round2(value: number): number;
-/**
- * @internal Rounds a raw channel value onto the `step` grid — with the
- * float-drift correction a fractional step needs, the same one `Slider` and
- * `AngleSlider` apply — and then into `0…max`. Shared by every channel in the
- * family so the hue track, the alpha track and the 2D area all land on the
- * same grid.
- */
+/** @internal Rounds a raw channel value onto the `step` grid, with float-drift correction, and clamps into `0...max`. */
 export declare function snapChannel(raw: number, step: number, max: number): number;
-/**
- * @internal `step: 0` means "continuous under the pointer", not "the keyboard
- * does nothing" — the arrows fall back to one unit so every value stays
- * reachable without a pointer, the same fallback `AngleSlider` makes.
- */
+/** @internal `step: 0` means continuous under the pointer, not that the keyboard does nothing; arrows fall back to one unit. */
 export declare function arrowStep(step: number): number;
 /**
- * Shared behavior for `ColorPickerHueSlider` and `ColorPickerAlphaSlider`:
- * linear `role="slider"` track with pointer drag, click-to-seek, full keyboard path.
- * Track has ends; does not wrap. Pointer geometry physical; arrow keys mirror under `dir="rtl"`.
+ * Shared behavior for `ColorPickerHueSlider` and `ColorPickerAlphaSlider`: a linear `role="slider"` track with pointer drag, click-to-seek, and full keyboard support.
  * @internal
  */
 export declare function useChannelSlider(options: UseChannelSliderOptions): ChannelSlider;

package/dist/color-picker/useChannelSlider.d.ts

@@ -8,13 +8,10 @@ export interface UseChannelSliderOptions {
     /** Top of the range as ARIA reports it; the bottom is always 0. */
     max: number;
     /**
-     * Highest value actually reachable, when that is not `max`. Hue needs it:
-     * the axis genuinely spans 360°, but 360 *is* 0, so the track stops at the
-     * last hue on the step grid below it rather than folding round and throwing
-     * the thumb back to the left edge mid-drag.
+     * Highest value actually reachable, when that is not `max`; hue needs it since 360 is 0.
      * @default options.max
      */
-    limit?: number;
+    limit?: number | undefined;
     /** Current position on that range. */
     value: number;
     orientation: 'horizontal' | 'vertical';
@@ -25,11 +22,6 @@ export interface UseChannelSliderOptions {
     /** Receives an already clamped and step-snapped value. */
     onChange: (value: number) => void;
 }
-/**
- * @internal Element props plus the `data-*` keys TypeScript only permits when
- * they are written inline in JSX — the same escape the `--skdx-*` custom
- * property bags use, and for the same reason.
- */
 type ChannelSliderElementProps = React.ComponentPropsWithoutRef<'div'> & Record<`data-${string}`, string | number | undefined>;
 /** @internal What {@link useChannelSlider} hands back for the part to assemble. */
 export interface ChannelSlider {
@@ -43,26 +35,14 @@ export interface ChannelSlider {
     style: React.CSSProperties;
     dragging: boolean;
 }
-/** @internal Two decimals, so a fractional `step` neither leaks float noise into the DOM nor is rounded away. */
+/** @internal Rounds to two decimals so a fractional `step` doesn't leak float noise into the DOM. */
 export declare function round2(value: number): number;
-/**
- * @internal Rounds a raw channel value onto the `step` grid — with the
- * float-drift correction a fractional step needs, the same one `Slider` and
- * `AngleSlider` apply — and then into `0…max`. Shared by every channel in the
- * family so the hue track, the alpha track and the 2D area all land on the
- * same grid.
- */
+/** @internal Rounds a raw channel value onto the `step` grid, with float-drift correction, and clamps into `0...max`. */
 export declare function snapChannel(raw: number, step: number, max: number): number;
-/**
- * @internal `step: 0` means "continuous under the pointer", not "the keyboard
- * does nothing" — the arrows fall back to one unit so every value stays
- * reachable without a pointer, the same fallback `AngleSlider` makes.
- */
+/** @internal `step: 0` means continuous under the pointer, not that the keyboard does nothing; arrows fall back to one unit. */
 export declare function arrowStep(step: number): number;
 /**
- * Shared behavior for `ColorPickerHueSlider` and `ColorPickerAlphaSlider`:
- * linear `role="slider"` track with pointer drag, click-to-seek, full keyboard path.
- * Track has ends; does not wrap. Pointer geometry physical; arrow keys mirror under `dir="rtl"`.
+ * Shared behavior for `ColorPickerHueSlider` and `ColorPickerAlphaSlider`: a linear `role="slider"` track with pointer drag, click-to-seek, and full keyboard support.
  * @internal
  */
 export declare function useChannelSlider(options: UseChannelSliderOptions): ChannelSlider;

package/dist/color-picker/usePointerRatio.d.cts

@@ -9,7 +9,7 @@ export interface UsePointerRatioOptions {
     /** Fires with the position on pointer down and on every subsequent move that changes it, plus the native event. */
     onRatioChange: (ratio: PointerRatio, event: PointerEvent) => void;
     /** Fires once when the drag ends — `pointerup` or `pointercancel`. The final position was already reported by `onRatioChange`. */
-    onRatioChangeEnd?: (event: PointerEvent) => void;
+    onRatioChangeEnd?: ((event: PointerEvent) => void) | undefined;
 }
 /** Return value of {@link usePointerRatio}. */
 export interface UsePointerRatioResult {
@@ -19,9 +19,7 @@ export interface UsePointerRatioResult {
     dragging: boolean;
 }
 /**
- * Turns pointer position inside an element into normalized `x`/`y` fractions
- * in `[0, 1]` for 2D widgets (color picker area, hue/alpha tracks). Emits
- * drag-end signals and `data-dragging`. Measures left-to-right from border box.
+ * Turns pointer position inside an element into normalized `x`/`y` fractions in `[0, 1]`.
  *
  * @internal
  */

package/dist/color-picker/usePointerRatio.d.ts

@@ -9,7 +9,7 @@ export interface UsePointerRatioOptions {
     /** Fires with the position on pointer down and on every subsequent move that changes it, plus the native event. */
     onRatioChange: (ratio: PointerRatio, event: PointerEvent) => void;
     /** Fires once when the drag ends — `pointerup` or `pointercancel`. The final position was already reported by `onRatioChange`. */
-    onRatioChangeEnd?: (event: PointerEvent) => void;
+    onRatioChangeEnd?: ((event: PointerEvent) => void) | undefined;
 }
 /** Return value of {@link usePointerRatio}. */
 export interface UsePointerRatioResult {
@@ -19,9 +19,7 @@ export interface UsePointerRatioResult {
     dragging: boolean;
 }
 /**
- * Turns pointer position inside an element into normalized `x`/`y` fractions
- * in `[0, 1]` for 2D widgets (color picker area, hue/alpha tracks). Emits
- * drag-end signals and `data-dragging`. Measures left-to-right from border box.
+ * Turns pointer position inside an element into normalized `x`/`y` fractions in `[0, 1]`.
  *
  * @internal
  */

package/dist/combobox/Combobox.cjs

@@ -1 +1,2 @@
-"use strict";var Jo=Object.create;var U=Object.defineProperty;var Qo=Object.getOwnPropertyDescriptor;var Xo=Object.getOwnPropertyNames;var Zo=Object.getPrototypeOf,jo=Object.prototype.hasOwnProperty;var et=(o,n)=>{for(var e in n)U(o,e,{get:n[e],enumerable:!0})},Pe=(o,n,e,l)=>{if(n&&typeof n=="object"||typeof n=="function")for(let u of Xo(n))!jo.call(o,u)&&u!==e&&U(o,u,{get:()=>n[u],enumerable:!(l=Qo(n,u))||l.enumerable});return o};var I=(o,n,e)=>(e=o!=null?Jo(Zo(o)):{},Pe(n||!o||!o.__esModule?U(e,"default",{value:o,enumerable:!0}):e,o)),ot=o=>Pe(U({},"__esModule",{value:!0}),o);var at={};et(at,{Combobox:()=>uo,ComboboxAnatomy:()=>ce,ComboboxClear:()=>Ro,ComboboxContent:()=>_,ComboboxEmpty:()=>$,ComboboxGroup:()=>Y,ComboboxGroupLabel:()=>J,ComboboxGroupProvider:()=>Be,ComboboxInput:()=>Q,ComboboxItem:()=>Z,ComboboxPortal:()=>j,ComboboxProvider:()=>mo,ComboboxTrigger:()=>fo,OPTION_SELECTOR:()=>X,defaultGetResultCountLabel:()=>so,defaultOptionsFilter:()=>ee,useComboboxContext:()=>f,useComboboxGroupContext:()=>me});module.exports=ot(at);var r=I(require("react"),1),to=require("../utils/createContext.cjs"),oe=require("../utils/formControl.cjs"),no=require("../utils/hiddenInput.cjs"),ro=require("../utils/liveAnnouncer.cjs"),ao=require("../utils/popper.cjs"),H=require("../utils/scoredFilter.cjs"),be=require("../utils/useControllableState.cjs"),io=require("../utils/useOpenChangeComplete.cjs"),lo=require("../utils/useSelection.cjs");var ke=I(require("react"),1),Ee=require("../utils/composeRefs.cjs"),we=require("../utils/part.cjs"),Te=require("../utils/popper.cjs"),He=require("../utils/primitive.cjs"),De=require("../utils/useDismiss.cjs");var Me=require("react/jsx-runtime"),_=ke.forwardRef(({forceMount:o,side:n="bottom",align:e="start",sideOffset:l=4,onEscapeKeyDown:u,onPointerDownOutside:s,onFocusOutside:p,onInteractOutside:x,...t},c)=>{let m=f("ComboboxContent"),y=(0,Ee.useComposedRefs)(c,m.contentRef);return(0,De.useDismiss)({enabled:m.open,onEscapeKeyDown:b=>{u?.(b),b.defaultPrevented||m.onOpenChange(!1)},onInteractOutside:x,onPointerDownOutside:b=>{s?.(b),b.defaultPrevented||m.onOpenChange(!1)},onFocusOutside:b=>{p?.(b),b.defaultPrevented||m.onOpenChange(!1)}},[m.contentRef,m.inputRef,m.triggerRef]),o||m.open?(0,Me.jsx)(Te.PopperContent,{component:"combobox",role:"listbox",id:m.contentId,"aria-multiselectable":m.multiple?!0:void 0,"aria-busy":m.loading?!0:void 0,"data-state":m.open?"open":"closed","data-loading":m.loading?"":void 0,"data-multiple":m.multiple?"":void 0,side:n,align:e,sideOffset:l,...t,...(0,we.skdxPart)("combobox","content",t.className),ref:y,onMouseDown:(0,He.composeEventHandlers)(t.onMouseDown,b=>b.preventDefault())}):null});_.displayName="ComboboxContent";var Le=I(require("react"),1),Ve=require("../utils/part.cjs"),Ge=require("../utils/primitive.cjs");var Se=require("react/jsx-runtime"),$=Le.forwardRef((o,n)=>f("ComboboxEmpty").itemCount===0?(0,Se.jsx)(Ge.Primitive.div,{role:"presentation",...o,...(0,Ve.skdxPart)("combobox","empty",o.className),ref:n}):null);$.displayName="ComboboxEmpty";var z=I(require("react"),1),Ae=require("../utils/createContext.cjs"),Ne=require("../utils/part.cjs"),Fe=require("../utils/primitive.cjs"),se=require("react/jsx-runtime"),[Be,me]=(0,Ae.createSafeContext)("ComboboxGroup"),Y=z.forwardRef((o,n)=>{let e=z.useId();return(0,se.jsx)(Be,{labelId:e,children:(0,se.jsx)(Fe.Primitive.div,{role:"group","aria-labelledby":e,...o,...(0,Ne.skdxPart)("combobox","group",o.className),ref:n})})});Y.displayName="ComboboxGroup";var qe=I(require("react"),1),Ke=require("../utils/part.cjs"),We=require("../utils/primitive.cjs");var Ue=require("react/jsx-runtime"),J=qe.forwardRef((o,n)=>{let e=me("ComboboxGroupLabel");return(0,Ue.jsx)(We.Primitive.div,{id:e.labelId,...o,...(0,Ke.skdxPart)("combobox","label",o.className),ref:n})});J.displayName="ComboboxGroupLabel";var _e=I(require("react"),1),$e=require("../utils/composeRefs.cjs"),ze=require("../utils/part.cjs"),Ye=require("../utils/popper.cjs"),O=require("../utils/primitive.cjs"),Je=require("../utils/scoredFilter.cjs");var ue=require("react/jsx-runtime"),tt=new Set(["Home","End","PageUp","PageDown"]),Q=_e.forwardRef((o,n)=>{let e=f("ComboboxInput"),l=(0,$e.useComposedRefs)(n,e.inputRef),u=t=>{t&&(e.setActiveId(t.id,"keyboard"),t.scrollIntoView?.({block:"nearest"}))},s=()=>{let t=e.contentRef.current;return t?(0,Je.sortByOrder)(Array.from(t.querySelectorAll(X)),e.itemOrder):[]},p=t=>{let c=s();if(c.length===0)return;let m=c.findIndex(D=>D.id===e.activeId),y=m===-1?t===1?-1:0:m,b=e.loop?(y+t+c.length)%c.length:Math.min(c.length-1,Math.max(0,y+t));u(c[b])},x=()=>{if(!e.activeId)return;let t=e.getItem(e.activeId);t&&e.selectItem(t.value,t.text||t.value,"keyboard")};return(0,ue.jsx)(Ye.PopperAnchor,{asChild:!0,children:(0,ue.jsx)(O.Primitive.input,{type:"text",role:"combobox","aria-expanded":e.open,"aria-controls":e.contentId,"aria-autocomplete":"list","aria-activedescendant":e.activeId??void 0,autoComplete:"off",readOnly:e.readOnly,disabled:e.disabled,"data-disabled":e.disabled?"":void 0,"aria-invalid":e.invalid?!0:void 0,"aria-required":e.required?!0:void 0,"aria-readonly":e.readOnly?!0:void 0,"aria-busy":e.loading?!0:void 0,"data-invalid":e.invalid?"":void 0,"data-readonly":e.readOnly?"":void 0,"data-loading":e.loading?"":void 0,"data-multiple":e.multiple?"":void 0,...o,...(0,ze.skdxPart)("combobox","input",o.className),ref:l,value:e.inputValue,onChange:(0,O.composeEventHandlers)(o.onChange,t=>{e.onInputValueChange(t.target.value),e.open||e.onOpenChange(!0)}),onClick:(0,O.composeEventHandlers)(o.onClick,()=>{e.openOn==="type"||e.readOnly||e.open||e.onOpenChange(!0)}),onFocus:(0,O.composeEventHandlers)(o.onFocus,()=>{e.openOn!=="focus"||e.readOnly||e.open||e.onOpenChange(!0)}),onBlur:(0,O.composeEventHandlers)(o.onBlur,t=>{let c=t.relatedTarget;c&&(c===t.currentTarget||e.contentRef.current?.contains(c))||e.reconcileDraftText()}),onKeyDown:(0,O.composeEventHandlers)(o.onKeyDown,t=>{if(t.altKey&&t.key==="ArrowDown")t.preventDefault(),e.open||e.onOpenChange(!0);else if(t.altKey&&t.key==="ArrowUp")t.preventDefault(),e.activeId&&x(),e.open&&e.onOpenChange(!1);else if(t.key==="ArrowDown")t.preventDefault(),e.open?p(1):e.openWithHighlight("first");else if(t.key==="ArrowUp")t.preventDefault(),e.open?p(-1):e.openWithHighlight("last");else if(tt.has(t.key)&&e.open){t.preventDefault();let c=s(),m=t.key==="Home"||t.key==="PageUp";u(m?c[0]:c[c.length-1])}else t.key==="Enter"?e.activeId?(t.preventDefault(),x()):e.allowCustomValue&&e.inputValue!==""?(t.preventDefault(),e.selectItem(e.inputValue,e.inputValue,"keyboard")):e.open&&e.onOpenChange(!1):t.key==="Escape"&&e.open&&!e.contentRef.current&&(t.preventDefault(),e.onOpenChange(!1))})})})});Q.displayName="ComboboxInput";var w=I(require("react"),1),Qe=require("../utils/composeRefs.cjs"),Xe=require("../utils/part.cjs"),N=require("../utils/primitive.cjs"),Ze=require("../utils/useOptionCollection.cjs");var je=require("react/jsx-runtime"),Z=w.forwardRef(({value:o,disabled:n,textValue:e,...l},u)=>{let s=f("ComboboxItem"),p=w.useId(),x=w.useRef(null),t=(0,Qe.useComposedRefs)(u,x),c=s.isSelected(o),m=s.activeId===p,y=s.itemOrder?.get(p),{text:b,visible:D}=(0,Ze.useOptionEntry)({id:p,value:o,textValue:e,itemRef:x,matchesFilter:s.matchesFilter,registerItem:s.registerItem,unregisterItem:s.unregisterItem}),q=()=>{n||(s.selectItem(o,b??o,"pointer"),s.inputRef.current?.focus())};return D?(0,je.jsx)(N.Primitive.div,{role:"option",id:p,"data-value":o,"aria-selected":c,"data-state":c?"checked":"unchecked","data-highlighted":m?"":void 0,"aria-disabled":n||void 0,"data-disabled":n?"":void 0,...l,...(0,Xe.skdxPart)("combobox","item",l.className),ref:t,onClick:(0,N.composeEventHandlers)(l.onClick,q),onPointerEnter:(0,N.composeEventHandlers)(l.onPointerEnter,()=>{n||s.setActiveId(p,"pointer")}),style:y!==void 0?{order:y,...l.style}:l.style}):null});Z.displayName="ComboboxItem";var eo=require("../utils/portal.cjs");var oo=require("react/jsx-runtime"),j=({forceMount:o,children:n,...e})=>{let l=f("ComboboxPortal");return o||l.open?(0,oo.jsx)(eo.Portal,{...e,children:n}):null};j.displayName="ComboboxPortal";var R=require("react/jsx-runtime"),nt=o=>"options"in o;function ee(o,n){return o.toLowerCase().includes(n.trim().toLowerCase())}var ce=({options:o,renderOption:n,placeholder:e,ariaLabel:l,passThrough:u})=>{let s=f("Combobox"),p=l??e,x=t=>(0,R.jsx)(Z,{value:t.value,disabled:t.disabled,textValue:t.label,children:n?n(t,{selected:s.isSelected(t.value)}):t.label??t.value},t.value);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(Q,{...u,"aria-label":p,placeholder:e}),(0,R.jsx)(j,{children:(0,R.jsxs)(_,{"aria-label":p,children:[o.map(t=>nt(t)?(0,R.jsxs)(Y,{children:[(0,R.jsx)(J,{children:t.label}),t.options.map(x)]},t.label):x(t)),(0,R.jsx)($,{children:"No results"})]})})]})};var T=require("react/jsx-runtime"),X='[role="option"]:not([data-disabled])';function rt(o,n){let e=o.querySelector('[data-part="viewport"]')??o;if(e===n||!e.contains(n))return;let l=e.getBoundingClientRect(),u=n.getBoundingClientRect();e.scrollTop+=u.top-l.top-(l.height-u.height)/2}function so(o){return`${o} result${o===1?"":"s"} available`}var[mo,f]=(0,to.createSafeContext)("Combobox"),uo=r.forwardRef(function({children:n,value:e,defaultValue:l,onValueChange:u,multiple:s=!1,allowCustomValue:p=!1,filter:x,autoHighlight:t=!1,loop:c=!0,openOn:m="type",onHighlightChange:y,loading:b=!1,inputValue:D,defaultInputValue:q="",onInputValueChange:yo,open:vo,defaultOpen:Io=!1,onOpenChange:Oo,onOpenChangeComplete:Po,invalid:ko=!1,readOnly:Eo=!1,disabled:pe=!1,getResultCountLabel:fe=so,name:wo,form:To,required:de=!1,options:xe,renderOption:Ho,placeholder:Do,"aria-label":Mo,...Lo},Vo){let E=x??(xe?ee:"manual"),Ce=r.useRef(null),Go=r.useRef(null),ge=r.useRef(null),M=r.useRef(null),[P,L]=r.useState(null),[v,Re]=r.useState(()=>new Map),te=r.useRef(null),ne=r.useRef("programmatic"),re=r.useRef(null),{selectedValues:C,isSelected:So,selectItem:he,setSelection:ye}=(0,lo.useSelection)({value:e,defaultValue:l,onValueChange:a=>u?.({value:a.value,previousValue:re.current,reason:ne.current,selectedValue:a.selectedValue}),multiple:s,label:"Combobox"}),ve=r.useCallback((a,i)=>{re.current=C.length===0?null:C,ne.current=i,he(a)},[he,C]),ae=r.useCallback((a,i)=>{re.current=C.length===0?null:C,ne.current=i,ye(a)},[ye,C]),[V="",h]=(0,be.useControllableState)({prop:D,defaultProp:q,onChange:yo}),[g=!1,G]=(0,be.useControllableState)({prop:vo,defaultProp:Io,onChange:Oo});(0,io.useOpenChangeComplete)(g,M,Po);let[Ao,No]=r.useState(g);g!==Ao&&(No(g),g||L(null));let ie=r.useMemo(()=>E==="manual"?null:(0,H.rankByScore)([...v.keys()],a=>{let i=v.get(a);if(!i)return null;let d=E(i.text,V);return typeof d=="number"?d:null}),[E,V,v]),S=r.useCallback(a=>(0,H.sortByOrder)(Array.from(a?.querySelectorAll(X)??[]),ie),[ie]);r.useEffect(()=>{if(!g)return;let a=requestAnimationFrame(()=>{let i=te.current;if(te.current=null,!i)return;let d=M.current,k=S(d);if(!d||k.length===0)return;let A=i==="last"?k[k.length-1]:k[0];L(Yo=>Yo??A.id),rt(d,A)});return()=>cancelAnimationFrame(a)},[g,S]);let K=v.size,Ie=r.useRef("auto"),Oe=r.useRef(null),Fo=r.useCallback((a,i="auto")=>{Ie.current=i,L(a)},[]),W=P?v.get(P)?.value??null:null;r.useEffect(()=>{let a=Oe.current;W!==a&&(Oe.current=W,y?.({value:W,previousValue:a,reason:Ie.current}))},[W,y]),r.useLayoutEffect(()=>{if(P===null)return;let a=S(M.current);a.some(i=>i.id===P)||L(a[0]?.id??null)}),r.useEffect(()=>{if(!t||!g||P!==null)return;let a=requestAnimationFrame(()=>{let i=S(M.current)[0];i&&L(i.id)});return()=>cancelAnimationFrame(a)},[t,g,P,K,S]),r.useEffect(()=>{!g||b||(0,ro.announce)(fe(K))},[g,b,K,fe]);let Bo=r.useCallback(a=>{te.current=a,G(!0)},[G]),qo=r.useCallback((a,i)=>{Re(d=>{let k=d.get(a);if(k?.value===i.value&&k.text===i.text)return d;let A=new Map(d);return A.set(a,i),A})},[]),Ko=r.useCallback(a=>{Re(i=>{if(!i.has(a))return i;let d=new Map(i);return d.delete(a),d})},[]),Wo=r.useCallback(a=>v.get(a),[v]),Uo=r.useCallback(a=>E==="manual"||(0,H.filterKeeps)(E(a,V)),[E,V]),le=r.useRef(null),_o=r.useCallback((a,i,d)=>{if(ve(a,d),!s){le.current=i,h(i),G(!1);return}h("")},[ve,s,h,G]),$o=r.useCallback(()=>{C.length>0&&ae([],"pointer"),le.current=null,h("")},[C.length,ae,h]),zo=r.useCallback(()=>{if(p)return;let a=s?void 0:C[0];if(a===void 0){h("");return}for(let i of v.values())if(i.value===a){h(i.text||i.value);return}h(le.current??a)},[p,s,C,v,h]);return r.useImperativeHandle(Vo,()=>(0,oe.formValidityHandle)(ge),[]),(0,oe.useFormReset)(Ce,()=>{l!==void 0&&ae(l,"programmatic"),h(q)}),(0,T.jsx)(ao.PopperRoot,{children:(0,T.jsxs)(mo,{inputRef:Ce,triggerRef:Go,contentRef:M,contentId:r.useId(),multiple:s,selectedValues:C,isSelected:So,selectItem:_o,clear:$o,inputValue:V,onInputValueChange:h,open:g,onOpenChange:G,activeId:P,itemOrder:ie,setActiveId:Fo,openWithHighlight:Bo,loop:c,openOn:m,reconcileDraftText:zo,itemCount:K,registerItem:qo,unregisterItem:Ko,getItem:Wo,matchesFilter:Uo,invalid:ko,readOnly:Eo,disabled:pe,loading:b,allowCustomValue:p,required:de,children:[n??(0,T.jsx)(ce,{options:xe??[],renderOption:Ho,placeholder:Do,ariaLabel:Mo,passThrough:Lo}),(0,T.jsx)(no.MirroredValues,{name:wo,values:C,required:de,disabled:pe,form:To,singleValued:!s,controlRef:ge})]})})});uo.displayName="Combobox";var co=I(require("react"),1),bo=require("../utils/composeRefs.cjs"),po=require("../utils/part.cjs"),F=require("../utils/primitive.cjs");var xo=require("react/jsx-runtime"),fo=co.forwardRef((o,n)=>{let e=f("ComboboxTrigger"),l=(0,bo.useComposedRefs)(n,e.triggerRef);return(0,xo.jsx)(F.Primitive.button,{type:"button",tabIndex:-1,"aria-expanded":e.open,"aria-controls":e.open?e.contentId:void 0,disabled:e.disabled,"data-disabled":e.disabled?"":void 0,"data-readonly":e.readOnly?"":void 0,"data-state":e.open?"open":"closed",...o,...(0,po.skdxPart)("combobox","trigger",o.className),ref:l,onMouseDown:(0,F.composeEventHandlers)(o.onMouseDown,u=>u.preventDefault()),onClick:(0,F.composeEventHandlers)(o.onClick,()=>{e.readOnly||(e.onOpenChange(!e.open),e.inputRef.current?.focus())})})});fo.displayName="ComboboxTrigger";var Co=I(require("react"),1),go=require("../utils/part.cjs"),B=require("../utils/primitive.cjs");var ho=require("react/jsx-runtime"),Ro=Co.forwardRef((o,n)=>{let e=f("ComboboxClear"),l=e.selectedValues.length===0&&e.inputValue==="";return(0,ho.jsx)(B.Primitive.button,{type:"button",tabIndex:-1,disabled:e.disabled||e.readOnly||l,"data-disabled":e.disabled?"":void 0,"data-readonly":e.readOnly?"":void 0,...o,...(0,go.skdxPart)("combobox","clear",o.className),ref:n,onMouseDown:(0,B.composeEventHandlers)(o.onMouseDown,u=>u.preventDefault()),onClick:(0,B.composeEventHandlers)(o.onClick,()=>{e.clear(),e.inputRef.current?.focus()})})});Ro.displayName="ComboboxClear";0&&(module.exports={Combobox,ComboboxAnatomy,ComboboxClear,ComboboxContent,ComboboxEmpty,ComboboxGroup,ComboboxGroupLabel,ComboboxGroupProvider,ComboboxInput,ComboboxItem,ComboboxPortal,ComboboxProvider,ComboboxTrigger,OPTION_SELECTOR,defaultGetResultCountLabel,defaultOptionsFilter,useComboboxContext,useComboboxGroupContext});
+'use client';
+"use strict";var Mo=Object.create;var K=Object.defineProperty;var So=Object.getOwnPropertyDescriptor;var Lo=Object.getOwnPropertyNames;var No=Object.getPrototypeOf,Go=Object.prototype.hasOwnProperty;var Ao=(o,t)=>{for(var n in t)K(o,n,{get:t[n],enumerable:!0})},he=(o,t,n,i)=>{if(t&&typeof t=="object"||typeof t=="function")for(let e of Lo(t))!Go.call(o,e)&&e!==n&&K(o,e,{get:()=>t[e],enumerable:!(i=So(t,e))||i.enumerable});return o};var ae=(o,t,n)=>(n=o!=null?Mo(No(o)):{},he(t||!o||!o.__esModule?K(n,"default",{value:o,enumerable:!0}):n,o)),Fo=o=>he(K({},"__esModule",{value:!0}),o);var Yo={};Ao(Yo,{Combobox:()=>no,ComboboxAnatomy:()=>me,ComboboxClear:()=>mo,ComboboxContent:()=>q,ComboboxEmpty:()=>B,ComboboxGroup:()=>W,ComboboxGroupLabel:()=>z,ComboboxGroupProvider:()=>Se,ComboboxInput:()=>U,ComboboxItem:()=>_,ComboboxPortal:()=>$,ComboboxProvider:()=>to,ComboboxTrigger:()=>io,OPTION_SELECTOR:()=>J,defaultGetResultCountLabel:()=>oo,defaultOptionsFilter:()=>Y,useComboboxContext:()=>C,useComboboxGroupContext:()=>le});module.exports=Fo(Yo);var s=ae(require("react"),1),$e=require("../utils/createContext.cjs"),Q=require("../utils/formControl.cjs"),Ye=require("../utils/hiddenInput.cjs"),Qe=require("../utils/liveAnnouncer.cjs"),Ze=require("../utils/popper.cjs"),ue=require("../utils/recipeAxis.cjs"),w=require("../utils/scoredFilter.cjs"),ce=require("../utils/useControllableState.cjs"),je=require("../utils/useOpenChangeComplete.cjs"),eo=require("../utils/useSelection.cjs");var ye=require("../utils/composeRefs.cjs"),Pe=require("../utils/part.cjs"),Ie=require("../utils/popper.cjs"),Oe=require("../utils/primitive.cjs"),ve=require("../utils/useDismiss.cjs");var Ee=require("react/jsx-runtime"),q=({forceMount:o,side:t="bottom",align:n="start",sideOffset:i=4,onEscapeKeyDown:e,onPointerDownOutside:a,onFocusOutside:m,onInteractOutside:u,ref:p,...c})=>{let l=C("ComboboxContent"),x=(0,ye.useComposedRefs)(p,l.contentRef);return(0,ve.useDismiss)({enabled:l.open,onEscapeKeyDown:b=>{e?.(b),b.defaultPrevented||l.onOpenChange(!1)},onInteractOutside:u,onPointerDownOutside:b=>{a?.(b),b.defaultPrevented||l.onOpenChange(!1)},onFocusOutside:b=>{m?.(b),b.defaultPrevented||l.onOpenChange(!1)}},[l.contentRef,l.inputRef,l.triggerRef]),o||l.open?(0,Ee.jsx)(Ie.PopperContent,{component:"combobox",role:"listbox",id:l.contentId,"aria-multiselectable":l.multiple?!0:void 0,"aria-busy":l.loading?!0:void 0,"data-state":l.open?"open":"closed","data-loading":l.loading?"":void 0,"data-multiple":l.multiple?"":void 0,side:t,align:n,sideOffset:i,...c,...(0,Pe.skdxPart)("combobox","content",c.className),ref:x,onMouseDown:(0,Oe.composeEventHandlers)(c.onMouseDown,b=>b.preventDefault())}):null};q.displayName="ComboboxContent";var ke=require("../utils/part.cjs"),He=require("../utils/primitive.cjs");var Ve=require("react/jsx-runtime"),B=({ref:o,...t})=>C("ComboboxEmpty").itemCount===0?(0,Ve.jsx)(He.Primitive.div,{role:"presentation",...t,...(0,ke.skdxPart)("combobox","empty",t.className),ref:o}):null;B.displayName="ComboboxEmpty";var Te=ae(require("react"),1),we=require("../utils/createContext.cjs"),De=require("../utils/part.cjs"),Me=require("../utils/primitive.cjs"),ie=require("react/jsx-runtime"),[Se,le]=(0,we.createSafeContext)("ComboboxGroup"),W=({ref:o,...t})=>{let n=Te.useId();return(0,ie.jsx)(Se,{labelId:n,children:(0,ie.jsx)(Me.Primitive.div,{role:"group","aria-labelledby":n,...t,...(0,De.skdxPart)("combobox","group",t.className),ref:o})})};W.displayName="ComboboxGroup";var Le=require("../utils/part.cjs"),Ne=require("../utils/primitive.cjs");var Ge=require("react/jsx-runtime"),z=({ref:o,...t})=>{let n=le("ComboboxGroupLabel");return(0,Ge.jsx)(Ne.Primitive.div,{id:n.labelId,...t,...(0,Le.skdxPart)("combobox","label",t.className),ref:o})};z.displayName="ComboboxGroupLabel";var Ae=require("../utils/appearance.cjs"),Fe=require("../utils/composeRefs.cjs"),Ke=require("../utils/part.cjs"),qe=require("../utils/popper.cjs"),O=require("../utils/primitive.cjs"),Be=require("../utils/scoredFilter.cjs");var se=require("react/jsx-runtime"),Ko=new Set(["Home","End","PageUp","PageDown"]),U=({ref:o,shape:t,size:n,...i})=>{let e=C("ComboboxInput"),a=(0,Fe.useComposedRefs)(o,e.inputRef),m=r=>{r&&(e.setActiveId(r.id,"keyboard"),r.scrollIntoView?.({block:"nearest"}))},u=()=>{let r=e.contentRef.current;return r?(0,Be.sortByOrder)(Array.from(r.querySelectorAll(J)),e.itemOrder):[]},p=r=>{let f=u();if(f.length===0)return;let I=f.findIndex(v=>v.id===e.activeId),d=I;I===-1&&(d=r===1?-1:0);let g=e.loop?(d+r+f.length)%f.length:Math.min(f.length-1,Math.max(0,d+r));m(f[g])},c=()=>{if(!e.activeId)return;let r=e.getItem(e.activeId);r&&e.selectItem(r.value,r.text||r.value,"keyboard")},l=r=>r.altKey&&r.key==="ArrowDown"?(r.preventDefault(),e.open||e.onOpenChange(!0),!0):r.altKey&&r.key==="ArrowUp"?(r.preventDefault(),e.activeId&&c(),e.open&&e.onOpenChange(!1),!0):!1,x=r=>{if(r.key==="ArrowDown")return r.preventDefault(),e.open?p(1):e.openWithHighlight("first"),!0;if(r.key==="ArrowUp")return r.preventDefault(),e.open?p(-1):e.openWithHighlight("last"),!0;if(Ko.has(r.key)&&e.open){r.preventDefault();let f=u(),I=r.key==="Home"||r.key==="PageUp";return m(I?f[0]:f[f.length-1]),!0}return!1},b=r=>{r.key==="Enter"?e.activeId?(r.preventDefault(),c()):e.allowCustomValue&&e.inputValue!==""?(r.preventDefault(),e.selectItem(e.inputValue,e.inputValue,"keyboard")):e.open&&e.onOpenChange(!1):r.key==="Escape"&&e.open&&!e.contentRef.current&&(r.preventDefault(),e.onOpenChange(!1))};return(0,se.jsx)(qe.PopperAnchor,{asChild:!0,children:(0,se.jsx)(O.Primitive.input,{type:"text",role:"combobox","aria-expanded":e.open,"aria-controls":e.contentId,"aria-autocomplete":"list","aria-activedescendant":e.activeId??void 0,autoComplete:"off",readOnly:e.readOnly,disabled:e.disabled,"data-disabled":e.disabled?"":void 0,"aria-invalid":e.invalid?!0:void 0,"aria-required":e.required?!0:void 0,"aria-readonly":e.readOnly?!0:void 0,"aria-busy":e.loading?!0:void 0,"data-invalid":e.invalid?"":void 0,"data-readonly":e.readOnly?"":void 0,"data-loading":e.loading?"":void 0,"data-multiple":e.multiple?"":void 0,...i,...(0,Ae.appearanceAttrs)({shape:t,size:n},i),...(0,Ke.skdxPart)("combobox","input",i.className),ref:a,value:e.inputValue,onChange:(0,O.composeEventHandlers)(i.onChange,r=>{e.onInputValueChange(r.target.value),e.open||e.onOpenChange(!0)}),onClick:(0,O.composeEventHandlers)(i.onClick,()=>{e.openOn==="type"||e.readOnly||e.open||e.onOpenChange(!0)}),onFocus:(0,O.composeEventHandlers)(i.onFocus,()=>{e.openOn!=="focus"||e.readOnly||e.open||e.onOpenChange(!0)}),onBlur:(0,O.composeEventHandlers)(i.onBlur,r=>{let f=r.relatedTarget;f&&(f===r.currentTarget||e.contentRef.current?.contains(f))||e.reconcileDraftText()}),onKeyDown:(0,O.composeEventHandlers)(i.onKeyDown,r=>{l(r)||x(r)||b(r)})})})};U.displayName="ComboboxInput";var X=ae(require("react"),1),We=require("../utils/composeRefs.cjs"),ze=require("../utils/part.cjs"),M=require("../utils/primitive.cjs"),Ue=require("../utils/useOptionCollection.cjs");var Je=require("react/jsx-runtime"),_=({value:o,disabled:t,textValue:n,ref:i,...e})=>{let a=C("ComboboxItem"),m=X.useId(),u=X.useRef(null),p=(0,We.useComposedRefs)(i,u),c=a.isSelected(o),l=a.activeId===m,x=a.itemOrder?.get(m),{text:b,visible:r}=(0,Ue.useOptionEntry)({id:m,value:o,textValue:n,itemRef:u,matchesFilter:a.matchesFilter,registerItem:a.registerItem,unregisterItem:a.unregisterItem}),f=()=>{t||(a.selectItem(o,b??o,"pointer"),a.inputRef.current?.focus())};return r?(0,Je.jsx)(M.Primitive.div,{role:"option",id:m,"data-value":o,"aria-selected":c,"data-state":c?"checked":"unchecked","data-highlighted":l?"":void 0,"aria-disabled":t||void 0,"data-disabled":t?"":void 0,...e,...(0,ze.skdxPart)("combobox","item",e.className),ref:p,onClick:(0,M.composeEventHandlers)(e.onClick,f),onPointerEnter:(0,M.composeEventHandlers)(e.onPointerEnter,()=>{t||a.setActiveId(m,"pointer")}),style:x!==void 0?{order:x,...e.style}:e.style}):null};_.displayName="ComboboxItem";var Xe=require("../utils/portal.cjs");var _e=require("react/jsx-runtime"),$=({forceMount:o,children:t,...n})=>{let i=C("ComboboxPortal");return o||i.open?(0,_e.jsx)(Xe.Portal,{...n,children:t}):null};$.displayName="ComboboxPortal";var R=require("react/jsx-runtime"),qo=o=>"options"in o;function Y(o,t){return o.toLowerCase().includes(t.trim().toLowerCase())}var me=({shape:o,size:t,options:n,renderOption:i,placeholder:e,ariaLabel:a,passThrough:m})=>{let u=C("Combobox"),p=a??e,c=l=>(0,R.jsx)(_,{value:l.value,disabled:l.disabled,textValue:l.label,children:i?i(l,{selected:u.isSelected(l.value)}):l.label??l.value},l.value);return(0,R.jsxs)(R.Fragment,{children:[(0,R.jsx)(U,{...m,shape:o,size:t,"aria-label":p,placeholder:e}),(0,R.jsx)($,{children:(0,R.jsxs)(q,{"aria-label":p,children:[n.map(l=>qo(l)?(0,R.jsxs)(W,{children:[(0,R.jsx)(z,{children:l.label}),l.options.map(c)]},l.label):c(l)),(0,R.jsx)(B,{children:"No results"})]})})]})};var T=require("react/jsx-runtime"),J='[role="option"]:not([data-disabled])';function Bo(o,t){let n=o.querySelector('[data-part="viewport"]')??o;if(n===t||!n.contains(t))return;let i=n.getBoundingClientRect(),e=t.getBoundingClientRect();n.scrollTop+=e.top-i.top-(i.height-e.height)/2}function oo(o){return`${o} result${o===1?"":"s"} available`}var[to,C]=(0,$e.createSafeContext)("Combobox");function Wo(o,t){return o??(t?Y:"manual")}function zo(){let[o,t]=s.useState(()=>new Map),n=s.useCallback((a,m)=>{t(u=>{let p=u.get(a);if(p?.value===m.value&&p.text===m.text)return u;let c=new Map(u);return c.set(a,m),c})},[]),i=s.useCallback(a=>{t(m=>{if(!m.has(a))return m;let u=new Map(m);return u.delete(a),u})},[]),e=s.useCallback(a=>o.get(a),[o]);return{items:o,itemCount:o.size,registerItem:n,unregisterItem:i,getItem:e}}function Uo({value:o,defaultValue:t,onValueChange:n,multiple:i}){let e=s.useRef("programmatic"),a=s.useRef([]),{selectedValues:m,isSelected:u,selectItem:p,setSelection:c}=(0,eo.useSelection)({value:o,defaultValue:t,onValueChange:b=>n?.({value:b.value,previousValue:a.current,reason:e.current,selectedValue:b.selectedValue}),multiple:i,label:"Combobox"}),l=s.useCallback((b,r)=>{a.current=m,e.current=r,p(b)},[p,m]),x=s.useCallback((b,r)=>{a.current=m,e.current=r,c(b)},[c,m]);return{selectedValues:m,isSelected:u,commitSelection:l,setSelection:x}}function Jo({inputValue:o,defaultInputValue:t="",onInputValueChange:n,inputRef:i,defaultValue:e,setSelection:a}){let[m="",u]=(0,ce.useControllableState)({prop:o,defaultProp:t,onChange:n});return(0,Q.useFormReset)(i,()=>{e!==void 0&&a(e,"programmatic"),u(t)}),[m,u]}function Xo({open:o,defaultOpen:t=!1,onOpenChange:n,setActiveId:i}){let[e=!1,a]=(0,ce.useControllableState)({prop:o,defaultProp:t,onChange:n}),[m,u]=s.useState(e);return e!==m&&(u(e),e||i(null)),[e,a]}function _o({open:o,setOpen:t,autoHighlight:n,itemCount:i,items:e,contentRef:a,orderedOptions:m,onHighlightChange:u,activeId:p,setActiveId:c}){let l=s.useRef(null);s.useEffect(()=>{if(!o)return;let d=requestAnimationFrame(()=>{let g=l.current;if(l.current=null,!g)return;let v=a.current,E=m(v);if(!v||E.length===0)return;let N=g==="last"?E[E.length-1]:E[0];c(Z=>Z??N.id),Bo(v,N)});return()=>cancelAnimationFrame(d)},[o,m,a,c]);let x=s.useRef("auto"),b=s.useRef(null),r=s.useCallback((d,g="auto")=>{x.current=g,c(d)},[c]),f=p?e.get(p)?.value??null:null;s.useEffect(()=>{let d=b.current;f!==d&&(b.current=f,u?.({value:f,previousValue:d,reason:x.current}))},[f,u]),s.useLayoutEffect(()=>{if(p===null)return;let d=m(a.current);d.some(g=>g.id===p)||c(d[0]?.id??null)}),s.useEffect(()=>{if(!n||!o||p!==null)return;let d=requestAnimationFrame(()=>{let g=m(a.current)[0];g&&c(g.id)});return()=>cancelAnimationFrame(d)},[n,o,p,i,m,a,c]);let I=s.useCallback(d=>{l.current=d,t(!0)},[t]);return{setActiveIdWithReason:r,openWithHighlight:I}}function $o(o,t,n,i){s.useEffect(()=>{!o||t||(0,Qe.announce)(i(n))},[o,t,n,i])}var no=function({children:t,value:n,defaultValue:i,onValueChange:e,multiple:a=!1,allowCustomValue:m=!1,filter:u,autoHighlight:p=!1,loop:c=!0,openOn:l="type",onHighlightChange:x,loading:b=!1,inputValue:r,defaultInputValue:f,onInputValueChange:I,open:d,defaultOpen:g,onOpenChange:v,onOpenChangeComplete:E,invalid:N=!1,readOnly:Z=!1,disabled:be=!1,getResultCountLabel:co=oo,name:bo,form:po,required:pe=!1,options:fe,renderOption:fo,placeholder:Co,"aria-label":xo,shape:go,size:Ro,ref:ho,...j}){let k=Wo(u,fe),de=s.useRef(null),yo=s.useRef(null),Ce=s.useRef(null),ee=s.useRef(null),[xe,ge]=s.useState(null),{items:H,itemCount:oe,registerItem:Po,unregisterItem:Io,getItem:Oo}=zo(),{selectedValues:V,isSelected:vo,commitSelection:Re,setSelection:te}=Uo({value:n,defaultValue:i,onValueChange:e,multiple:a}),[D,y]=Jo({inputValue:r,defaultInputValue:f,onInputValueChange:I,inputRef:de,defaultValue:i,setSelection:te}),[G,A]=Xo({open:d,defaultOpen:g,onOpenChange:v,setActiveId:ge});(0,je.useOpenChangeComplete)(G,ee,E);let ne=s.useMemo(()=>k==="manual"?null:(0,w.rankByScore)([...H.keys()],h=>{let P=H.get(h);if(!P)return null;let F=k(P.text,D);return typeof F=="number"?F:null}),[k,D,H]),Eo=s.useCallback(h=>(0,w.sortByOrder)(Array.from(h?.querySelectorAll(J)??[]),ne),[ne]),{setActiveIdWithReason:ko,openWithHighlight:Ho}=_o({open:G,setOpen:A,autoHighlight:p,itemCount:oe,items:H,contentRef:ee,orderedOptions:Eo,onHighlightChange:x,activeId:xe,setActiveId:ge});$o(G,b,oe,co);let Vo=s.useCallback(h=>k==="manual"||(0,w.filterKeeps)(k(h,D)),[k,D]),re=s.useRef(null),To=s.useCallback((h,P,F)=>{if(Re(h,F),!a){re.current=P,y(P),A(!1);return}y("")},[Re,a,y,A]),wo=s.useCallback(()=>{V.length>0&&te([],"pointer"),re.current=null,y("")},[V.length,te,y]),Do=s.useCallback(()=>{if(m)return;let h=a?void 0:V[0];if(h===void 0){y("");return}for(let P of H.values())if(P.value===h){y(P.text||P.value);return}y(re.current??h)},[m,a,V,H,y]);return s.useImperativeHandle(ho,()=>(0,Q.formValidityHandle)(Ce),[]),(0,T.jsx)(Ze.PopperRoot,{children:(0,T.jsxs)(to,{inputRef:de,triggerRef:yo,contentRef:ee,contentId:s.useId(),multiple:a,selectedValues:V,isSelected:vo,selectItem:To,clear:wo,inputValue:D,onInputValueChange:y,open:G,onOpenChange:A,activeId:xe,itemOrder:ne,setActiveId:ko,openWithHighlight:Ho,loop:c,openOn:l,reconcileDraftText:Do,itemCount:oe,registerItem:Po,unregisterItem:Io,getItem:Oo,matchesFilter:Vo,invalid:N,readOnly:Z,disabled:be,loading:b,allowCustomValue:m,required:pe,children:[t??(0,T.jsx)(me,{shape:(0,ue.recipeAxis)(go,j,"data-shape"),size:(0,ue.recipeAxis)(Ro,j,"data-size"),options:fe??[],renderOption:fo,placeholder:Co,ariaLabel:xo,passThrough:j}),(0,T.jsx)(Ye.MirroredValues,{name:bo,values:V,required:pe,disabled:be,form:po,singleValued:!a,controlRef:Ce})]})})};no.displayName="Combobox";var ro=require("../utils/composeRefs.cjs"),ao=require("../utils/part.cjs"),S=require("../utils/primitive.cjs");var lo=require("react/jsx-runtime"),io=({ref:o,...t})=>{let n=C("ComboboxTrigger"),i=(0,ro.useComposedRefs)(o,n.triggerRef);return(0,lo.jsx)(S.Primitive.button,{type:"button",tabIndex:-1,"aria-expanded":n.open,"aria-controls":n.open?n.contentId:void 0,disabled:n.disabled,"data-disabled":n.disabled?"":void 0,"data-readonly":n.readOnly?"":void 0,"data-state":n.open?"open":"closed",...t,...(0,ao.skdxPart)("combobox","trigger",t.className),ref:i,onMouseDown:(0,S.composeEventHandlers)(t.onMouseDown,e=>e.preventDefault()),onClick:(0,S.composeEventHandlers)(t.onClick,()=>{n.readOnly||(n.onOpenChange(!n.open),n.inputRef.current?.focus())})})};io.displayName="ComboboxTrigger";var so=require("../utils/part.cjs"),L=require("../utils/primitive.cjs");var uo=require("react/jsx-runtime"),mo=({ref:o,...t})=>{let n=C("ComboboxClear"),i=n.selectedValues.length===0&&n.inputValue==="";return(0,uo.jsx)(L.Primitive.button,{type:"button",tabIndex:-1,disabled:n.disabled||n.readOnly||i,"data-disabled":n.disabled?"":void 0,"data-readonly":n.readOnly?"":void 0,...t,...(0,so.skdxPart)("combobox","clear",t.className),ref:o,onMouseDown:(0,L.composeEventHandlers)(t.onMouseDown,e=>e.preventDefault()),onClick:(0,L.composeEventHandlers)(t.onClick,()=>{n.clear(),n.inputRef.current?.focus()})})};mo.displayName="ComboboxClear";0&&(module.exports={Combobox,ComboboxAnatomy,ComboboxClear,ComboboxContent,ComboboxEmpty,ComboboxGroup,ComboboxGroupLabel,ComboboxGroupProvider,ComboboxInput,ComboboxItem,ComboboxPortal,ComboboxProvider,ComboboxTrigger,OPTION_SELECTOR,defaultGetResultCountLabel,defaultOptionsFilter,useComboboxContext,useComboboxGroupContext});

package/dist/combobox/Combobox.d.cts

@@ -1,19 +1,13 @@
 import * as React from 'react';
-import type { ComboboxContextValue, ComboboxProps } from './types.cjs';
+import type { ComboboxContextValue, ComboboxHandle, ComboboxProps } from './types.cjs';
 export declare const OPTION_SELECTOR = "[role=\"option\"]:not([data-disabled])";
 /** Default `getResultCountLabel`: `"1 result available"` / `"3 results available"`. */
 export declare function defaultGetResultCountLabel(count: number): string;
-export declare const ComboboxProvider: {
-    (props: ComboboxContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useComboboxContext: (consumerName: string) => ComboboxContextValue;
+export declare const ComboboxProvider: React.FC<ComboboxContextValue & {
+    children: React.ReactNode;
+}>, useComboboxContext: (consumerName: string) => ComboboxContextValue;
 /**
- * WAI-ARIA 1.2 "combobox with list autocomplete": real DOM focus stays on the input,
- * highlighted option is virtual focus via aria-activedescendant. Filtering is
- * consumer-driven by default or moves inside with a `filter` predicate.
- * Works controlled or uncontrolled.
+ * WAI-ARIA 1.2 "combobox with list autocomplete": DOM focus stays on the input, and the highlighted option is virtual focus via `aria-activedescendant`.
  *
  * @example
  * ```tsx
@@ -26,48 +20,10 @@ export declare const ComboboxProvider: {
  *   </ComboboxPortal>
  * </Combobox>
  * ```
- *
- * @example Consumer-side (default) filtering:
- * ```tsx
- * function FruitCombobox() {
- *   const [inputValue, setInputValue] = React.useState('');
- *   const filtered = FRUITS.filter((f) => f.toLowerCase().includes(inputValue.toLowerCase()));
- *
- *   return (
- *     <Combobox inputValue={inputValue} onInputValueChange={setInputValue}>
- *       <ComboboxInput placeholder="Search a fruit…" />
- *       <ComboboxPortal>
- *         <ComboboxContent>
- *           {filtered.length === 0 ? (
- *             <ComboboxEmpty>No results</ComboboxEmpty>
- *           ) : (
- *             filtered.map((fruit) => (
- *               <ComboboxItem value={fruit} key={fruit}>{fruit}</ComboboxItem>
- *             ))
- *           )}
- *         </ComboboxContent>
- *       </ComboboxPortal>
- *     </Combobox>
- *   );
- * }
- * ```
- *
- * @example Built-in filtering, multi-select, creatable:
- * ```tsx
- * <Combobox
- *   multiple
- *   allowCustomValue
- *   autoHighlight
- *   filter={(text, input) => text.toLowerCase().includes(input.toLowerCase())}
- * >
- *   <ComboboxInput placeholder="Search a fruit…" />
- *   <ComboboxPortal>
- *     <ComboboxContent>
- *       {FRUITS.map((fruit) => <ComboboxItem value={fruit} key={fruit}>{fruit}</ComboboxItem>)}
- *       <ComboboxEmpty>No results</ComboboxEmpty>
- *     </ComboboxContent>
- *   </ComboboxPortal>
- * </Combobox>
- * ```
  */
-export declare const Combobox: React.ForwardRefExoticComponent<ComboboxProps & React.RefAttributes<import("../index.cjs").FormValidityHandle>>;
+export declare const Combobox: {
+    ({ children, value: valueProp, defaultValue, onValueChange, multiple, allowCustomValue, filter: filterProp, autoHighlight, loop, openOn, onHighlightChange, loading, inputValue: inputValueProp, defaultInputValue, onInputValueChange, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, invalid, readOnly, disabled, getResultCountLabel, name, form, required, options, renderOption, placeholder, "aria-label": ariaLabel, shape, size, ref: forwardedRef, ...rest }: Omit<ComboboxProps, "ref"> & {
+        ref?: React.Ref<ComboboxHandle> | undefined;
+    }): React.ReactNode;
+    displayName: string;
+};