@skdx/react 0.28.0 → 0.30.0

package/dist/angle-slider/types.d.cts

@@ -7,12 +7,7 @@ import type { PrimitivePropsWithRef } from '../utils/primitive.cjs';
 export interface AngleSliderValueChangeDetail {
     /** The angle the change settled on, in degrees, already folded into `[0, 360)`. */
     value: number;
-    /**
-     * The angle held before the change, or `null` when there was none. Needed
-     * because a consumer reacting to a change almost always needs both ends,
-     * and in a controlled component the old value is already gone by the time
-     * the handler runs.
-     */
+    /** The angle held before the change, or `null` when there was none. */
     previousValue: number | null;
     /**
      * What drove the change: `'keyboard'` for arrow/Page/Home/End keys,
@@ -35,13 +30,17 @@ export interface AngleSliderProps extends Omit<PrimitivePropsWithRef<'div'>, 'on
      * Values outside `[0, 360)` are folded into it on the next change — 450 and
      * 90 are the same direction, and the widget only ever reports one of them.
      * @default undefined — uncontrolled, tracks its own value internally.
+     * @min 0
+     * @max 360
      */
-    value?: number;
+    value?: number | undefined;
     /**
      * Initial angle in degrees, for uncontrolled usage, seeding the first render.
      * @default 0 — pointing straight up, since 0° is at 12 o'clock.
+     * @min 0
+     * @max 360
      */
-    defaultValue?: number;
+    defaultValue?: number | undefined;
     /**
      * Fires on every change — each arrow key, and each frame of a drag that
      * crosses a `step` boundary — carrying the new angle, the angle held before
@@ -49,7 +48,7 @@ export interface AngleSliderProps extends Omit<PrimitivePropsWithRef<'div'>, 'on
      * angle already held fires nothing.
      * @default undefined — no-op if omitted.
      */
-    onValueChange?: (detail: AngleSliderValueChangeDetail) => void;
+    onValueChange?: ((detail: AngleSliderValueChangeDetail) => void) | undefined;
     /**
      * Fires once with the committed angle when a drag ends (pointer release or
      * cancel) — the callback to hang an expensive effect on, since a drag emits
@@ -57,7 +56,7 @@ export interface AngleSliderProps extends Omit<PrimitivePropsWithRef<'div'>, 'on
      * do not fire it, being discrete commits already reported by `onValueChange`.
      * @default undefined — no-op if omitted.
      */
-    onValueCommit?: (value: number) => void;
+    onValueCommit?: ((value: number) => void) | undefined;
     /**
      * Increment in degrees that both pointer and keyboard input are rounded to.
      * Shift+arrow always moves 10° and PageUp/PageDown always move 45°,
@@ -65,20 +64,20 @@ export interface AngleSliderProps extends Omit<PrimitivePropsWithRef<'div'>, 'on
      * arrows keep falling back to 1° so every angle stays reachable by keyboard.
      * @default 1 — every whole degree is reachable.
      */
-    step?: number;
+    step?: number | undefined;
     /**
      * Blocks pointer and keyboard interaction and takes the root out of the tab
      * order (it stays programmatically focusable, at `tabIndex={-1}`).
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Displays the current angle but blocks changes, while staying focusable and
      * in the tab order — unlike `disabled`, a read-only dial can still be reached
      * and read by a keyboard user.
      * @default false
      */
-    readOnly?: boolean;
+    readOnly?: boolean | undefined;
     /**
      * Restrict the value to the angles declared by the rendered `AngleSliderMark`
      * parts, discovered from the DOM at interaction time so one added or removed
@@ -88,7 +87,7 @@ export interface AngleSliderProps extends Omit<PrimitivePropsWithRef<'div'>, 'on
      * the `step` grid rather than becoming unchangeable.
      * @default false
      */
-    restrictToMarks?: boolean;
+    restrictToMarks?: boolean | undefined;
     /**
      * Formats the angle for `aria-valuetext`, which is what a screen reader
      * announces in place of the bare `aria-valuenow`. Supply it to localise the
@@ -97,19 +96,19 @@ export interface AngleSliderProps extends Omit<PrimitivePropsWithRef<'div'>, 'on
      * no override.
      * @default (angle) => `${angle}°`
      */
-    formatValue?: (angle: number) => string;
+    formatValue?: ((angle: number) => string) | undefined;
     /**
      * Form field name. With it the current angle is submitted under that name
      * through a visually-hidden input; without it the dial submits nothing.
      * @default undefined
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Id of the `<form>` the dial submits into, forwarded to the hidden input,
      * so a dial can live outside the form it belongs to.
      * @default undefined
      */
-    form?: string;
+    form?: string | undefined;
     /**
      * Ticks rendered around the dial, one derived `AngleSliderMark` part each.
      * Marks are discovered from the DOM at interaction time (same mechanism
@@ -117,7 +116,7 @@ export interface AngleSliderProps extends Omit<PrimitivePropsWithRef<'div'>, 'on
      * as a hand-composed one does. Ignored when `children` is given.
      * @default undefined — no marks are rendered.
      */
-    marks?: readonly AngleSliderMarkData[];
+    marks?: readonly AngleSliderMarkData[] | undefined;
 }
 /**
  * One entry of {@link AngleSliderProps.marks} — a tick at an angle, with an
@@ -128,7 +127,7 @@ export interface AngleSliderMarkData {
     /** The angle in degrees this tick sits at. */
     value: number;
     /** Text rendered inside the derived mark. */
-    label?: string;
+    label?: string | undefined;
 }
 /** Props for the {@link AngleSliderThumb}, the handle that points at the current angle. */
 export interface AngleSliderThumbProps extends PrimitivePropsWithRef<'div'> {

package/dist/angle-slider/types.d.ts

@@ -7,12 +7,7 @@ import type { PrimitivePropsWithRef } from '../utils/primitive.js';
 export interface AngleSliderValueChangeDetail {
     /** The angle the change settled on, in degrees, already folded into `[0, 360)`. */
     value: number;
-    /**
-     * The angle held before the change, or `null` when there was none. Needed
-     * because a consumer reacting to a change almost always needs both ends,
-     * and in a controlled component the old value is already gone by the time
-     * the handler runs.
-     */
+    /** The angle held before the change, or `null` when there was none. */
     previousValue: number | null;
     /**
      * What drove the change: `'keyboard'` for arrow/Page/Home/End keys,
@@ -35,13 +30,17 @@ export interface AngleSliderProps extends Omit<PrimitivePropsWithRef<'div'>, 'on
      * Values outside `[0, 360)` are folded into it on the next change — 450 and
      * 90 are the same direction, and the widget only ever reports one of them.
      * @default undefined — uncontrolled, tracks its own value internally.
+     * @min 0
+     * @max 360
      */
-    value?: number;
+    value?: number | undefined;
     /**
      * Initial angle in degrees, for uncontrolled usage, seeding the first render.
      * @default 0 — pointing straight up, since 0° is at 12 o'clock.
+     * @min 0
+     * @max 360
      */
-    defaultValue?: number;
+    defaultValue?: number | undefined;
     /**
      * Fires on every change — each arrow key, and each frame of a drag that
      * crosses a `step` boundary — carrying the new angle, the angle held before
@@ -49,7 +48,7 @@ export interface AngleSliderProps extends Omit<PrimitivePropsWithRef<'div'>, 'on
      * angle already held fires nothing.
      * @default undefined — no-op if omitted.
      */
-    onValueChange?: (detail: AngleSliderValueChangeDetail) => void;
+    onValueChange?: ((detail: AngleSliderValueChangeDetail) => void) | undefined;
     /**
      * Fires once with the committed angle when a drag ends (pointer release or
      * cancel) — the callback to hang an expensive effect on, since a drag emits
@@ -57,7 +56,7 @@ export interface AngleSliderProps extends Omit<PrimitivePropsWithRef<'div'>, 'on
      * do not fire it, being discrete commits already reported by `onValueChange`.
      * @default undefined — no-op if omitted.
      */
-    onValueCommit?: (value: number) => void;
+    onValueCommit?: ((value: number) => void) | undefined;
     /**
      * Increment in degrees that both pointer and keyboard input are rounded to.
      * Shift+arrow always moves 10° and PageUp/PageDown always move 45°,
@@ -65,20 +64,20 @@ export interface AngleSliderProps extends Omit<PrimitivePropsWithRef<'div'>, 'on
      * arrows keep falling back to 1° so every angle stays reachable by keyboard.
      * @default 1 — every whole degree is reachable.
      */
-    step?: number;
+    step?: number | undefined;
     /**
      * Blocks pointer and keyboard interaction and takes the root out of the tab
      * order (it stays programmatically focusable, at `tabIndex={-1}`).
      * @default false
      */
-    disabled?: boolean;
+    disabled?: boolean | undefined;
     /**
      * Displays the current angle but blocks changes, while staying focusable and
      * in the tab order — unlike `disabled`, a read-only dial can still be reached
      * and read by a keyboard user.
      * @default false
      */
-    readOnly?: boolean;
+    readOnly?: boolean | undefined;
     /**
      * Restrict the value to the angles declared by the rendered `AngleSliderMark`
      * parts, discovered from the DOM at interaction time so one added or removed
@@ -88,7 +87,7 @@ export interface AngleSliderProps extends Omit<PrimitivePropsWithRef<'div'>, 'on
      * the `step` grid rather than becoming unchangeable.
      * @default false
      */
-    restrictToMarks?: boolean;
+    restrictToMarks?: boolean | undefined;
     /**
      * Formats the angle for `aria-valuetext`, which is what a screen reader
      * announces in place of the bare `aria-valuenow`. Supply it to localise the
@@ -97,19 +96,19 @@ export interface AngleSliderProps extends Omit<PrimitivePropsWithRef<'div'>, 'on
      * no override.
      * @default (angle) => `${angle}°`
      */
-    formatValue?: (angle: number) => string;
+    formatValue?: ((angle: number) => string) | undefined;
     /**
      * Form field name. With it the current angle is submitted under that name
      * through a visually-hidden input; without it the dial submits nothing.
      * @default undefined
      */
-    name?: string;
+    name?: string | undefined;
     /**
      * Id of the `<form>` the dial submits into, forwarded to the hidden input,
      * so a dial can live outside the form it belongs to.
      * @default undefined
      */
-    form?: string;
+    form?: string | undefined;
     /**
      * Ticks rendered around the dial, one derived `AngleSliderMark` part each.
      * Marks are discovered from the DOM at interaction time (same mechanism
@@ -117,7 +116,7 @@ export interface AngleSliderProps extends Omit<PrimitivePropsWithRef<'div'>, 'on
      * as a hand-composed one does. Ignored when `children` is given.
      * @default undefined — no marks are rendered.
      */
-    marks?: readonly AngleSliderMarkData[];
+    marks?: readonly AngleSliderMarkData[] | undefined;
 }
 /**
  * One entry of {@link AngleSliderProps.marks} — a tick at an angle, with an
@@ -128,7 +127,7 @@ export interface AngleSliderMarkData {
     /** The angle in degrees this tick sits at. */
     value: number;
     /** Text rendered inside the derived mark. */
-    label?: string;
+    label?: string | undefined;
 }
 /** Props for the {@link AngleSliderThumb}, the handle that points at the current angle. */
 export interface AngleSliderThumbProps extends PrimitivePropsWithRef<'div'> {

package/dist/aspect-ratio/AspectRatio.cjs

@@ -1 +1,2 @@
-"use strict";var u=Object.create;var a=Object.defineProperty;var b=Object.getOwnPropertyDescriptor;var v=Object.getOwnPropertyNames;var A=Object.getPrototypeOf,h=Object.prototype.hasOwnProperty;var x=(t,e)=>{for(var o in e)a(t,o,{get:e[o],enumerable:!0})},s=(t,e,o,i)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of v(e))!h.call(t,r)&&r!==o&&a(t,r,{get:()=>e[r],enumerable:!(i=b(e,r))||i.enumerable});return t};var y=(t,e,o)=>(o=t!=null?u(A(t)):{},s(e||!t||!t.__esModule?a(o,"default",{value:t,enumerable:!0}):o,t)),w=t=>s(a({},"__esModule",{value:!0}),t);var P={};x(P,{AspectRatio:()=>d,resolveAspectRatio:()=>l});module.exports=w(P);var n=y(require("react"),1),m=require("../utils/is-dev-mode.cjs"),c=require("../utils/part.cjs"),f=require("../utils/primitive.cjs"),R=require("react/jsx-runtime"),p=!1;function l(t){return Number.isFinite(t)&&t>0?t:(p||(p=!0,(0,m.isDevMode)()&&console.warn(`[skdx] AspectRatio: \`ratio\` must be a finite number greater than zero, got ${t}. Falling back to the default of 1. A non-positive ratio is not a valid CSS aspect-ratio, so the declaration would be discarded and the box would collapse to no height.`)),1)}var d=n.forwardRef(({ratio:t=1,style:e,...o},i)=>(0,R.jsx)(f.Primitive.div,{...o,...(0,c.skdxPart)("aspect-ratio","root",o.className),ref:i,style:{...e,aspectRatio:l(t)}}));d.displayName="AspectRatio";0&&(module.exports={AspectRatio,resolveAspectRatio});
+'use client';
+"use strict";var i=Object.defineProperty;var l=Object.getOwnPropertyDescriptor;var R=Object.getOwnPropertyNames;var u=Object.prototype.hasOwnProperty;var b=(t,e)=>{for(var o in e)i(t,o,{get:e[o],enumerable:!0})},A=(t,e,o,r)=>{if(e&&typeof e=="object"||typeof e=="function")for(let a of R(e))!u.call(t,a)&&a!==o&&i(t,a,{get:()=>e[a],enumerable:!(r=l(e,a))||r.enumerable});return t};var v=t=>A(i({},"__esModule",{value:!0}),t);var y={};b(y,{AspectRatio:()=>d,resolveAspectRatio:()=>m});module.exports=v(y);var p=require("../utils/dev-mode.cjs"),c=require("../utils/part.cjs"),n=require("../utils/primitive.cjs"),f=require("react/jsx-runtime"),s=!1;function m(t){return Number.isFinite(t)&&t>0?t:(s||(s=!0,(0,p.isDevMode)()&&console.warn(`[skdx] AspectRatio: \`ratio\` must be a finite number greater than zero, got ${t}. Falling back to the default of 1. A non-positive ratio is not a valid CSS aspect-ratio, so the declaration would be discarded and the box would collapse to no height.`)),1)}var d=({ratio:t=1,style:e,ref:o,...r})=>(0,f.jsx)(n.Primitive.div,{...r,...(0,c.skdxPart)("aspect-ratio","root",r.className),ref:o,style:{...e,aspectRatio:m(t)}});d.displayName="AspectRatio";0&&(module.exports={AspectRatio,resolveAspectRatio});

package/dist/aspect-ratio/AspectRatio.d.cts

@@ -1,11 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AspectRatioProps } from './types.cjs';
-/**
- * @internal Falls back to the default for a `ratio` the platform cannot
- * honour. `0`, negative, and non-finite values are invalid for
- * `aspect-ratio`, silently collapsing the element to no height — hence the
- * warning.
- */
+/** @internal Falls back to the default for a non-positive/non-finite `ratio`, and warns once. */
 export declare function resolveAspectRatio(ratio: number): number;
 /**
  * Fixed width:height ratio. Requires a containing block with definite inline
@@ -20,4 +15,7 @@ export declare function resolveAspectRatio(ratio: number): number;
  * </div>
  * ```
  */
-export declare const AspectRatio: React.ForwardRefExoticComponent<Omit<AspectRatioProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AspectRatio: {
+    ({ ratio, style, ref: forwardedRef, ...props }: AspectRatioProps): React.ReactNode;
+    displayName: string;
+};

package/dist/aspect-ratio/AspectRatio.d.ts

@@ -1,11 +1,6 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { AspectRatioProps } from './types.js';
-/**
- * @internal Falls back to the default for a `ratio` the platform cannot
- * honour. `0`, negative, and non-finite values are invalid for
- * `aspect-ratio`, silently collapsing the element to no height — hence the
- * warning.
- */
+/** @internal Falls back to the default for a non-positive/non-finite `ratio`, and warns once. */
 export declare function resolveAspectRatio(ratio: number): number;
 /**
  * Fixed width:height ratio. Requires a containing block with definite inline
@@ -20,4 +15,7 @@ export declare function resolveAspectRatio(ratio: number): number;
  * </div>
  * ```
  */
-export declare const AspectRatio: React.ForwardRefExoticComponent<Omit<AspectRatioProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+export declare const AspectRatio: {
+    ({ ratio, style, ref: forwardedRef, ...props }: AspectRatioProps): React.ReactNode;
+    displayName: string;
+};

package/dist/aspect-ratio/AspectRatio.js

@@ -1 +1,2 @@
-import*as r from"react";import{isDevMode as s}from"../utils/is-dev-mode.js";import{skdxPart as p}from"../utils/part.js";import{Primitive as n}from"../utils/primitive.js";import{jsx as f}from"react/jsx-runtime";var o=!1;function m(t){return Number.isFinite(t)&&t>0?t:(o||(o=!0,s()&&console.warn(`[skdx] AspectRatio: \`ratio\` must be a finite number greater than zero, got ${t}. Falling back to the default of 1. A non-positive ratio is not a valid CSS aspect-ratio, so the declaration would be discarded and the box would collapse to no height.`)),1)}var c=r.forwardRef(({ratio:t=1,style:i,...e},a)=>f(n.div,{...e,...p("aspect-ratio","root",e.className),ref:a,style:{...i,aspectRatio:m(t)}}));c.displayName="AspectRatio";export{c as AspectRatio,m as resolveAspectRatio};
+'use client';
+import{isDevMode as i}from"../utils/dev-mode.js";import{skdxPart as s}from"../utils/part.js";import{Primitive as p}from"../utils/primitive.js";import{jsx as m}from"react/jsx-runtime";var o=!1;function c(t){return Number.isFinite(t)&&t>0?t:(o||(o=!0,i()&&console.warn(`[skdx] AspectRatio: \`ratio\` must be a finite number greater than zero, got ${t}. Falling back to the default of 1. A non-positive ratio is not a valid CSS aspect-ratio, so the declaration would be discarded and the box would collapse to no height.`)),1)}var n=({ratio:t=1,style:r,ref:a,...e})=>m(p.div,{...e,...s("aspect-ratio","root",e.className),ref:a,style:{...r,aspectRatio:c(t)}});n.displayName="AspectRatio";export{n as AspectRatio,c as resolveAspectRatio};

package/dist/aspect-ratio/types.d.cts

@@ -5,5 +5,5 @@ export interface AspectRatioProps extends PrimitivePropsWithRef<'div'> {
      * Desired width:height ratio, e.g. `16 / 9`. Must be positive; invalid values discard the declaration, collapse the box, and warn in development.
      * @default 1
      */
-    ratio?: number;
+    ratio?: number | undefined;
 }

package/dist/aspect-ratio/types.d.ts

@@ -5,5 +5,5 @@ export interface AspectRatioProps extends PrimitivePropsWithRef<'div'> {
      * Desired width:height ratio, e.g. `16 / 9`. Must be positive; invalid values discard the declaration, collapse the box, and warn in development.
      * @default 1
      */
-    ratio?: number;
+    ratio?: number | undefined;
 }

package/dist/autocomplete/Autocomplete.cjs

@@ -1 +1,2 @@
-"use strict";var Ht=Object.create;var K=Object.defineProperty;var Vt=Object.getOwnPropertyDescriptor;var Gt=Object.getOwnPropertyNames;var Nt=Object.getPrototypeOf,Mt=Object.prototype.hasOwnProperty;var Ft=(t,r)=>{for(var e in r)K(t,e,{get:r[e],enumerable:!0})},ge=(t,r,e,l)=>{if(r&&typeof r=="object"||typeof r=="function")for(let p of Gt(r))!Mt.call(t,p)&&p!==e&&K(t,p,{get:()=>r[p],enumerable:!(l=Vt(r,p))||l.enumerable});return t};var g=(t,r,e)=>(e=t!=null?Ht(Nt(t)):{},ge(r||!t||!t.__esModule?K(e,"default",{value:t,enumerable:!0}):e,t)),St=t=>ge(K({},"__esModule",{value:!0}),t);var Kt={};Ft(Kt,{Autocomplete:()=>nt,AutocompleteClear:()=>st,AutocompleteContent:()=>W,AutocompleteEmpty:()=>q,AutocompleteGroup:()=>$,AutocompleteGroupLabel:()=>_,AutocompleteGroupProvider:()=>Te,AutocompleteInput:()=>z,AutocompleteItem:()=>J,AutocompleteList:()=>Q,AutocompletePortal:()=>X,AutocompleteProvider:()=>rt,AutocompleteTrigger:()=>mt,defaultGetSuggestionCountLabel:()=>ot,defaultOptionsFilter:()=>N.defaultOptionsFilter,useAutocompleteContext:()=>m,useAutocompleteGroupContext:()=>le});module.exports=St(Kt);var n=g(require("react"),1),Ye=require("../utils/createContext.cjs"),Ze=require("../utils/formControl.cjs"),je=require("../utils/liveAnnouncer.cjs"),et=require("../utils/popper.cjs"),j=require("../utils/scoredFilter.cjs"),Y=require("../utils/useControllableState.cjs"),tt=require("../utils/useOpenChangeComplete.cjs"),ee=require("../utils/useOptionCollection.cjs");var Re=g(require("react"),1),ye=require("../utils/composeRefs.cjs"),Ce=require("../utils/part.cjs"),ve=require("../utils/popper.cjs"),be=require("../utils/primitive.cjs"),Pe=require("../utils/useDismiss.cjs");var xe=require("react/jsx-runtime"),W=Re.forwardRef(({forceMount:t,side:r="bottom",align:e="start",sideOffset:l=4,onEscapeKeyDown:p,onPointerDownOutside:o,onFocusOutside:f,onInteractOutside:R,...a},D)=>{let u=m("AutocompleteContent"),x=(0,ye.useComposedRefs)(D,u.contentRef);return(0,Pe.useDismiss)({enabled:u.open,onEscapeKeyDown:i=>{p?.(i),i.defaultPrevented||u.revert()},onInteractOutside:R,onPointerDownOutside:i=>{o?.(i),i.defaultPrevented||u.onOpenChange(!1)},onFocusOutside:i=>{f?.(i),i.defaultPrevented||u.onOpenChange(!1)}},[u.contentRef,u.inputRef,u.triggerRef]),!t&&!u.open?null:(0,xe.jsx)(ve.PopperContent,{component:"autocomplete","aria-busy":u.loading?!0:void 0,"data-loading":u.loading?"":void 0,"data-state":u.open?"open":"closed",side:r,align:e,sideOffset:l,...a,...(0,Ce.skdxPart)("autocomplete","content",a.className),ref:x,onMouseDown:(0,be.composeEventHandlers)(a.onMouseDown,i=>i.preventDefault())})});W.displayName="AutocompleteContent";var Ie=g(require("react"),1),he=require("../utils/part.cjs"),Oe=require("../utils/primitive.cjs");var ke=require("react/jsx-runtime"),q=Ie.forwardRef((t,r)=>m("AutocompleteEmpty").itemCount===0?(0,ke.jsx)(Oe.Primitive.div,{role:"presentation",...t,...(0,he.skdxPart)("autocomplete","empty",t.className),ref:r}):null);q.displayName="AutocompleteEmpty";var U=g(require("react"),1),Ee=require("../utils/createContext.cjs"),De=require("../utils/part.cjs"),Le=require("../utils/primitive.cjs"),ne=require("react/jsx-runtime"),[Te,le]=(0,Ee.createSafeContext)("AutocompleteGroup"),$=U.forwardRef((t,r)=>{let e=U.useId();return(0,ne.jsx)(Te,{labelId:e,children:(0,ne.jsx)(Le.Primitive.div,{role:"group","aria-labelledby":e,...t,...(0,De.skdxPart)("autocomplete","group",t.className),ref:r})})});$.displayName="AutocompleteGroup";var we=g(require("react"),1),He=require("../utils/part.cjs"),Ve=require("../utils/primitive.cjs");var Ge=require("react/jsx-runtime"),_=we.forwardRef((t,r)=>{let e=le("AutocompleteGroupLabel");return(0,Ge.jsx)(Ve.Primitive.div,{id:e.labelId,...t,...(0,He.skdxPart)("autocomplete","label",t.className),ref:r})});_.displayName="AutocompleteGroupLabel";var Ne=g(require("react"),1),Me=require("../utils/composeRefs.cjs"),Fe=require("../utils/part.cjs"),Se=require("../utils/popper.cjs"),P=require("../utils/primitive.cjs");var ae=require("react/jsx-runtime"),z=Ne.forwardRef((t,r)=>{let e=m("AutocompleteInput"),l=(0,Me.useComposedRefs)(r,e.inputRef),p=()=>{let o=e.activeId?e.getItem(e.activeId):void 0;return o?(e.commitItem(o.value,o.text||o.value,"keyboard"),!0):!1};return(0,ae.jsx)(Se.PopperAnchor,{asChild:!0,children:(0,ae.jsx)(P.Primitive.input,{type:"text",role:"combobox","aria-expanded":e.open,"aria-controls":e.listId,"aria-autocomplete":"list","aria-activedescendant":e.activeId??void 0,autoComplete:"off",name:e.name,form:e.form,disabled:e.disabled,readOnly:e.readOnly,"aria-invalid":e.invalid?!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-disabled":e.disabled?"":void 0,"data-state":e.open?"open":"closed",...t,...(0,Fe.skdxPart)("autocomplete","input",t.className),ref:l,value:e.inputValue,onChange:(0,P.composeEventHandlers)(t.onChange,o=>{e.onInputValueChange(o.target.value),e.open||e.onOpenChange(!0)}),onFocus:(0,P.composeEventHandlers)(t.onFocus,()=>{e.openOnFocus&&!e.readOnly&&!e.open&&e.onOpenChange(!0)}),onBlur:(0,P.composeEventHandlers)(t.onBlur,()=>{e.commitInputValue("pointer")}),onKeyDown:(0,P.composeEventHandlers)(t.onKeyDown,o=>{if(o.altKey&&o.key==="ArrowDown")o.preventDefault(),e.open||e.onOpenChange(!0);else if(o.altKey&&o.key==="ArrowUp")o.preventDefault(),!p()&&e.open&&e.onOpenChange(!1);else if(o.key==="ArrowDown")o.preventDefault(),e.open?e.moveActive(1):e.openWithHighlight("first");else if(o.key==="ArrowUp")o.preventDefault(),e.open?e.moveActive(-1):e.openWithHighlight("last");else if(o.key==="Home"||o.key==="End"){if(!e.open)return;o.preventDefault(),e.moveActiveToEdge(o.key==="Home"?"first":"last")}else o.key==="Enter"?p()?o.preventDefault():e.allowCustomValue&&e.inputValue!==""?(o.preventDefault(),e.commitInputValue("keyboard")):e.open&&e.onOpenChange(!1):o.key==="Escape"?e.open&&!e.contentRef.current&&(o.preventDefault(),e.revert()):o.key==="Tab"&&e.commitInputValue("keyboard")})})})});z.displayName="AutocompleteInput";var E=g(require("react"),1),Be=require("../utils/composeRefs.cjs"),Ke=require("../utils/part.cjs"),G=require("../utils/primitive.cjs"),We=require("../utils/useOptionCollection.cjs");var qe=require("react/jsx-runtime"),J=E.forwardRef(({value:t,disabled:r,textValue:e,...l},p)=>{let o=m("AutocompleteItem"),f=E.useId(),R=E.useRef(null),a=(0,Be.useComposedRefs)(p,R),{text:D,visible:u}=(0,We.useOptionEntry)({id:f,value:t,textValue:e,itemRef:R,matchesFilter:o.matchesFilter,registerItem:o.registerItem,unregisterItem:o.unregisterItem});if(!u)return null;let x=o.isSelected(t),i=o.activeId===f,I=r||o.disabled||o.readOnly,L=o.itemOrder?.get(f);return(0,qe.jsx)(G.Primitive.div,{role:"option",id:f,"data-value":t,"aria-selected":x,"aria-disabled":I?!0:void 0,"data-state":x?"checked":"unchecked","data-highlighted":i?"":void 0,"data-disabled":I?"":void 0,...l,...(0,Ke.skdxPart)("autocomplete","item",l.className),ref:a,onClick:(0,G.composeEventHandlers)(l.onClick,()=>{I||(o.commitItem(t,D??t,"pointer"),o.inputRef.current?.focus())}),onPointerEnter:(0,G.composeEventHandlers)(l.onPointerEnter,()=>{I||o.setActiveId(f)}),style:L!==void 0?{order:L,...l.style}:l.style})});J.displayName="AutocompleteItem";var Ue=g(require("react"),1),$e=require("../utils/part.cjs"),_e=require("../utils/primitive.cjs");var ze=require("react/jsx-runtime"),Q=Ue.forwardRef((t,r)=>{let e=m("AutocompleteList");return(0,ze.jsx)(_e.Primitive.div,{role:"listbox",id:e.listId,...t,...(0,$e.skdxPart)("autocomplete","list",t.className),ref:r})});Q.displayName="AutocompleteList";var Je=require("../utils/portal.cjs");var Qe=require("react/jsx-runtime"),X=({forceMount:t,children:r,...e})=>{let l=m("AutocompletePortal");return t||l.open?(0,Qe.jsx)(Je.Portal,{...e,children:r}):null};X.displayName="AutocompletePortal";var N=require("../combobox/Combobox.cjs"),s=require("react/jsx-runtime"),Bt=t=>"options"in t,Xe=({options:t,renderOption:r,placeholder:e,ariaLabel:l,passThrough:p})=>{let o=m("Autocomplete"),f=l??e,R=a=>(0,s.jsx)(J,{value:a.value,disabled:a.disabled,textValue:a.label,children:r?r(a,{selected:o.isSelected(a.value)}):a.label??a.value},a.value);return(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)(z,{...p,"aria-label":f,placeholder:e}),(0,s.jsx)(X,{children:(0,s.jsxs)(W,{children:[(0,s.jsx)(Q,{"aria-label":f,children:t.map(a=>Bt(a)?(0,s.jsxs)($,{children:[(0,s.jsx)(_,{children:a.label}),a.options.map(R)]},a.label):R(a))}),(0,s.jsx)(q,{children:"No suggestions"})]})})]})};var Z=require("react/jsx-runtime");function ot(t){return`${t} suggestion${t===1?"":"s"} available`}var[rt,m]=(0,Ye.createSafeContext)("Autocomplete"),nt=n.forwardRef(function({children:r,value:e,defaultValue:l="",onValueChange:p,inputValue:o,defaultInputValue:f,onInputValueChange:R,open:a,defaultOpen:D=!1,onOpenChange:u,onOpenChangeComplete:x,allowCustomValue:i=!0,openOnFocus:I=!1,autoHighlight:L=!1,loop:dt=!0,filter:At,disabled:T=!1,readOnly:w=!1,invalid:gt=!1,loading:te=!1,name:Rt,form:yt,getResultCountLabel:pe=ot,options:me,renderOption:Ct,placeholder:vt,"aria-label":bt,...Pt},xt){let h=At??(me?N.defaultOptionsFilter:void 0),ue=n.useRef(null),It=n.useRef(null),S=n.useRef(null),ht=n.useId(),ie=n.useRef("programmatic"),ce=n.useRef(!1),se=n.useRef(null),[H="",fe]=(0,Y.useControllableState)({prop:e,defaultProp:l,onChange:c=>p?.({value:c,previousValue:se.current,reason:ie.current,created:ce.current})}),oe=n.useRef(H);oe.current=H;let O=n.useCallback((c,v,k)=>{ie.current=v,ce.current=k,se.current=oe.current===""?null:oe.current,fe(c)},[fe]),[y="",C]=(0,Y.useControllableState)({prop:o,defaultProp:f??l,onChange:R}),[b=!1,d]=(0,Y.useControllableState)({prop:a,defaultProp:D,onChange:u});(0,tt.useOpenChangeComplete)(b,S,x);let Ot=n.useCallback(c=>typeof h!="function"||(0,j.filterKeeps)(h(c,y)),[h,y]),kt=n.useCallback(c=>{if(typeof h!="function")return null;let v=h(c.text,y);return typeof v=="number"?v:null},[h,y]),A=(0,ee.useOptionCollection)({open:b,setOpen:d,contentRef:S,loop:dt,scoreItem:kt}),{itemCount:B,itemOrder:re}=A,{activeId:de,setActiveId:Ae}=A;n.useEffect(()=>{if(!L||!b||de!==null)return;let c=requestAnimationFrame(()=>{let v=Array.from(S.current?.querySelectorAll(ee.OPTION_SELECTOR)??[]),k=(0,j.sortByOrder)(v,re)[0];k&&Ae(k.id)});return()=>cancelAnimationFrame(c)},[L,b,de,B,Ae,re]);let V=n.useRef(y);n.useEffect(()=>{!b||te||(0,je.announce)(pe(B))},[b,te,B,pe]),n.useImperativeHandle(xt,()=>(0,Ze.formValidityHandle)(ue),[]);let Et=n.useCallback((c,v,k)=>{T||w||(O(c,k,!1),C(v),V.current=v,d(!1))},[T,w,O,C,d]),Dt=n.useCallback(c=>{if(!(T||w)){if(!i){C(V.current),d(!1);return}O(y,c,!0),V.current=y,d(!1)}},[T,w,i,y,O,C,d]),Lt=n.useCallback(()=>{O("","pointer",!0),C(""),V.current="",d(!1)},[O,C,d]),Tt=n.useCallback(()=>{C(V.current),d(!1)},[C,d]),wt=n.useCallback(c=>c!==""&&c===H,[H]);return(0,Z.jsx)(et.PopperRoot,{children:(0,Z.jsx)(rt,{inputRef:ue,triggerRef:It,contentRef:S,listId:ht,value:H,isSelected:wt,inputValue:y,onInputValueChange:C,open:b,onOpenChange:d,activeId:A.activeId,itemOrder:re,setActiveId:A.setActiveId,moveActive:A.moveActive,moveActiveToEdge:A.moveActiveToEdge,openWithHighlight:A.openWithHighlight,itemCount:B,registerItem:A.registerItem,unregisterItem:A.unregisterItem,getItem:A.getItem,matchesFilter:Ot,commitItem:Et,commitInputValue:Dt,revert:Tt,clear:Lt,allowCustomValue:i,openOnFocus:I,disabled:T,readOnly:w,invalid:gt,loading:te,name:Rt,form:yt,children:r??(0,Z.jsx)(Xe,{options:me??[],renderOption:Ct,placeholder:vt,ariaLabel:bt,passThrough:Pt})})})});nt.displayName="Autocomplete";var lt=g(require("react"),1),at=require("../utils/composeRefs.cjs"),pt=require("../utils/part.cjs"),M=require("../utils/primitive.cjs");var ut=require("react/jsx-runtime"),mt=lt.forwardRef((t,r)=>{let e=m("AutocompleteTrigger"),l=(0,at.useComposedRefs)(r,e.triggerRef);return(0,ut.jsx)(M.Primitive.button,{type:"button",tabIndex:-1,"aria-expanded":e.open,"aria-controls":e.listId,disabled:e.disabled,"data-disabled":e.disabled?"":void 0,"data-readonly":e.readOnly?"":void 0,"data-state":e.open?"open":"closed",...t,...(0,pt.skdxPart)("autocomplete","trigger",t.className),ref:l,onMouseDown:(0,M.composeEventHandlers)(t.onMouseDown,p=>p.preventDefault()),onClick:(0,M.composeEventHandlers)(t.onClick,()=>{e.readOnly||(e.onOpenChange(!e.open),e.inputRef.current?.focus())})})});mt.displayName="AutocompleteTrigger";var it=g(require("react"),1),ct=require("../utils/part.cjs"),F=require("../utils/primitive.cjs");var ft=require("react/jsx-runtime"),st=it.forwardRef((t,r)=>{let e=m("AutocompleteClear"),l=e.value===""&&e.inputValue==="";return(0,ft.jsx)(F.Primitive.button,{type:"button",tabIndex:-1,disabled:e.disabled||e.readOnly||l,"data-disabled":e.disabled?"":void 0,"data-readonly":e.readOnly?"":void 0,...t,...(0,ct.skdxPart)("autocomplete","clear",t.className),ref:r,onMouseDown:(0,F.composeEventHandlers)(t.onMouseDown,p=>p.preventDefault()),onClick:(0,F.composeEventHandlers)(t.onClick,()=>{e.clear(),e.inputRef.current?.focus()})})});st.displayName="AutocompleteClear";0&&(module.exports={Autocomplete,AutocompleteClear,AutocompleteContent,AutocompleteEmpty,AutocompleteGroup,AutocompleteGroupLabel,AutocompleteGroupProvider,AutocompleteInput,AutocompleteItem,AutocompleteList,AutocompletePortal,AutocompleteProvider,AutocompleteTrigger,defaultGetSuggestionCountLabel,defaultOptionsFilter,useAutocompleteContext,useAutocompleteGroupContext});
+'use client';
+"use strict";var ht=Object.create;var S=Object.defineProperty;var Ot=Object.getOwnPropertyDescriptor;var xt=Object.getOwnPropertyNames;var Vt=Object.getPrototypeOf,kt=Object.prototype.hasOwnProperty;var Et=(t,e)=>{for(var o in e)S(t,o,{get:e[o],enumerable:!0})},fe=(t,e,o,a)=>{if(e&&typeof e=="object"||typeof e=="function")for(let r of xt(e))!kt.call(t,r)&&r!==o&&S(t,r,{get:()=>e[r],enumerable:!(a=Ot(e,r))||a.enumerable});return t};var ne=(t,e,o)=>(o=t!=null?ht(Vt(t)):{},fe(e||!t||!t.__esModule?S(o,"default",{value:t,enumerable:!0}):o,t)),Nt=t=>fe(S({},"__esModule",{value:!0}),t);var Ft={};Et(Ft,{Autocomplete:()=>tt,AutocompleteClear:()=>K,AutocompleteContent:()=>B,AutocompleteEmpty:()=>W,AutocompleteGroup:()=>J,AutocompleteGroupLabel:()=>X,AutocompleteGroupProvider:()=>Ee,AutocompleteInput:()=>_,AutocompleteItem:()=>U,AutocompleteList:()=>$,AutocompletePortal:()=>z,AutocompleteProvider:()=>et,AutocompleteTrigger:()=>nt,defaultGetSuggestionCountLabel:()=>je,defaultOptionsFilter:()=>L.defaultOptionsFilter,useAutocompleteContext:()=>m,useAutocompleteGroupContext:()=>ae});module.exports=Nt(Ft);var n=ne(require("react"),1),$e=require("../utils/createContext.cjs"),ze=require("../utils/formControl.cjs"),Qe=require("../utils/liveAnnouncer.cjs"),Ye=require("../utils/popper.cjs"),Z=require("../utils/scoredFilter.cjs"),Y=require("../utils/useControllableState.cjs"),Ze=require("../utils/useOpenChangeComplete.cjs"),j=require("../utils/useOptionCollection.cjs");var qe=require("../utils/Glyph.cjs");var de=require("../utils/part.cjs"),D=require("../utils/primitive.cjs");var Ae=require("react/jsx-runtime"),K=({ref:t,...e})=>{let o=m("AutocompleteClear"),a=o.value===""&&o.inputValue==="";return(0,Ae.jsx)(D.Primitive.button,{type:"button",tabIndex:-1,disabled:o.disabled||o.readOnly||a,"data-disabled":o.disabled?"":void 0,"data-readonly":o.readOnly?"":void 0,...e,...(0,de.skdxPart)("autocomplete","clear",e.className),ref:t,onMouseDown:(0,D.composeEventHandlers)(e.onMouseDown,r=>r.preventDefault()),onClick:(0,D.composeEventHandlers)(e.onClick,()=>{o.clear(),o.inputRef.current?.focus()})})};K.displayName="AutocompleteClear";var ye=require("../utils/composeRefs.cjs"),Re=require("../utils/part.cjs"),ge=require("../utils/popper.cjs"),Ce=require("../utils/primitive.cjs"),be=require("../utils/useDismiss.cjs");var ve=require("react/jsx-runtime"),B=({forceMount:t,side:e="bottom",align:o="start",sideOffset:a=4,onEscapeKeyDown:r,onPointerDownOutside:u,onFocusOutside:s,onInteractOutside:f,ref:A,...l})=>{let p=m("AutocompleteContent"),R=(0,ye.useComposedRefs)(A,p.contentRef);return(0,be.useDismiss)({enabled:p.open,onEscapeKeyDown:i=>{r?.(i),i.defaultPrevented||p.revert()},onInteractOutside:f,onPointerDownOutside:i=>{u?.(i),i.defaultPrevented||p.onOpenChange(!1)},onFocusOutside:i=>{s?.(i),i.defaultPrevented||p.onOpenChange(!1)}},[p.contentRef,p.inputRef,p.triggerRef]),!t&&!p.open?null:(0,ve.jsx)(ge.PopperContent,{component:"autocomplete","aria-busy":p.loading?!0:void 0,"data-loading":p.loading?"":void 0,"data-state":p.open?"open":"closed",side:e,align:o,sideOffset:a,...l,...(0,Re.skdxPart)("autocomplete","content",l.className),ref:R,onMouseDown:(0,Ce.composeEventHandlers)(l.onMouseDown,i=>i.preventDefault())})};B.displayName="AutocompleteContent";var Pe=require("../utils/part.cjs"),Ie=require("../utils/primitive.cjs");var he=require("react/jsx-runtime"),W=({ref:t,...e})=>m("AutocompleteEmpty").itemCount===0?(0,he.jsx)(Ie.Primitive.div,{role:"presentation",...e,...(0,Pe.skdxPart)("autocomplete","empty",e.className),ref:t}):null;W.displayName="AutocompleteEmpty";var Oe=ne(require("react"),1),xe=require("../utils/createContext.cjs"),Ve=require("../utils/part.cjs"),ke=require("../utils/primitive.cjs"),le=require("react/jsx-runtime"),[Ee,ae]=(0,xe.createSafeContext)("AutocompleteGroup"),J=({ref:t,...e})=>{let o=Oe.useId();return(0,le.jsx)(Ee,{labelId:o,children:(0,le.jsx)(ke.Primitive.div,{role:"group","aria-labelledby":o,...e,...(0,Ve.skdxPart)("autocomplete","group",e.className),ref:t})})};J.displayName="AutocompleteGroup";var Ne=require("../utils/part.cjs"),Ge=require("../utils/primitive.cjs");var De=require("react/jsx-runtime"),X=({ref:t,...e})=>{let o=ae("AutocompleteGroupLabel");return(0,De.jsx)(Ge.Primitive.div,{id:o.labelId,...e,...(0,Ne.skdxPart)("autocomplete","label",e.className),ref:t})};X.displayName="AutocompleteGroupLabel";var Te=require("../utils/composeRefs.cjs"),Le=require("../utils/part.cjs"),He=require("../utils/popper.cjs"),k=require("../utils/primitive.cjs");var ue=require("react/jsx-runtime");function we(t){let e=t.activeId?t.getItem(t.activeId):void 0;return e?(t.commitItem(e.value,e.text||e.value,"keyboard"),!0):!1}function Gt(t,e){return e.altKey&&e.key==="ArrowDown"?(e.preventDefault(),t.open||t.onOpenChange(!0),!0):e.altKey&&e.key==="ArrowUp"?(e.preventDefault(),!we(t)&&t.open&&t.onOpenChange(!1),!0):!1}function Dt(t,e){return e.key==="ArrowDown"?(e.preventDefault(),t.open?t.moveActive(1):t.openWithHighlight("first"),!0):e.key==="ArrowUp"?(e.preventDefault(),t.open?t.moveActive(-1):t.openWithHighlight("last"),!0):e.key==="Home"||e.key==="End"?(t.open&&(e.preventDefault(),t.moveActiveToEdge(e.key==="Home"?"first":"last")),!0):!1}function Tt(t,e){e.key==="Enter"?we(t)?e.preventDefault():t.allowCustomValue&&t.inputValue!==""?(e.preventDefault(),t.commitInputValue("keyboard")):t.open&&t.onOpenChange(!1):e.key==="Escape"?t.open&&!t.contentRef.current&&(e.preventDefault(),t.revert()):e.key==="Tab"&&t.commitInputValue("keyboard")}var _=({ref:t,...e})=>{let o=m("AutocompleteInput"),a=(0,Te.useComposedRefs)(t,o.inputRef);return(0,ue.jsx)(He.PopperAnchor,{asChild:!0,children:(0,ue.jsx)(k.Primitive.input,{type:"text",role:"combobox","aria-expanded":o.open,"aria-controls":o.listId,"aria-autocomplete":"list","aria-activedescendant":o.activeId??void 0,autoComplete:"off",name:o.name,form:o.form,disabled:o.disabled,readOnly:o.readOnly,"aria-invalid":o.invalid?!0:void 0,"aria-readonly":o.readOnly?!0:void 0,"aria-busy":o.loading?!0:void 0,"data-invalid":o.invalid?"":void 0,"data-readonly":o.readOnly?"":void 0,"data-loading":o.loading?"":void 0,"data-disabled":o.disabled?"":void 0,"data-state":o.open?"open":"closed",...e,...(0,Le.skdxPart)("autocomplete","input",e.className),ref:a,value:o.inputValue,onChange:(0,k.composeEventHandlers)(e.onChange,r=>{o.onInputValueChange(r.target.value),o.open||o.onOpenChange(!0)}),onFocus:(0,k.composeEventHandlers)(e.onFocus,()=>{o.openOnFocus&&!o.readOnly&&!o.open&&o.onOpenChange(!0)}),onBlur:(0,k.composeEventHandlers)(e.onBlur,()=>{o.commitInputValue("pointer")}),onKeyDown:(0,k.composeEventHandlers)(e.onKeyDown,r=>{o.disabled||Gt(o,r)||Dt(o,r)||Tt(o,r)})})})};_.displayName="AutocompleteInput";var q=ne(require("react"),1),Fe=require("../utils/composeRefs.cjs"),Me=require("../utils/part.cjs"),T=require("../utils/primitive.cjs"),Se=require("../utils/useOptionCollection.cjs");var Ke=require("react/jsx-runtime"),U=({value:t,disabled:e,textValue:o,ref:a,...r})=>{let u=m("AutocompleteItem"),s=q.useId(),f=q.useRef(null),A=(0,Fe.useComposedRefs)(a,f),{text:l,visible:p}=(0,Se.useOptionEntry)({id:s,value:t,textValue:o,itemRef:f,matchesFilter:u.matchesFilter,registerItem:u.registerItem,unregisterItem:u.unregisterItem});if(!p)return null;let R=u.isSelected(t),i=u.activeId===s,C=e||u.disabled||u.readOnly,I=u.itemOrder?.get(s);return(0,Ke.jsx)(T.Primitive.div,{role:"option",id:s,"data-value":t,"aria-selected":R,"aria-disabled":C?!0:void 0,"data-state":R?"checked":"unchecked","data-highlighted":i?"":void 0,"data-disabled":C?"":void 0,...r,...(0,Me.skdxPart)("autocomplete","item",r.className),ref:A,onClick:(0,T.composeEventHandlers)(r.onClick,()=>{C||(u.commitItem(t,l??t,"pointer"),u.inputRef.current?.focus())}),onPointerEnter:(0,T.composeEventHandlers)(r.onPointerEnter,()=>{C||u.setActiveId(s)}),style:I!==void 0?{order:I,...r.style}:r.style})};U.displayName="AutocompleteItem";var Be=require("../utils/part.cjs"),We=require("../utils/primitive.cjs");var Je=require("react/jsx-runtime"),$=({ref:t,...e})=>{let o=m("AutocompleteList");return(0,Je.jsx)(We.Primitive.div,{role:"listbox",id:o.listId,...e,...(0,Be.skdxPart)("autocomplete","list",e.className),ref:t})};$.displayName="AutocompleteList";var Xe=require("../utils/portal.cjs");var _e=require("react/jsx-runtime"),z=({forceMount:t,children:e,...o})=>{let a=m("AutocompletePortal");return t||a.open?(0,_e.jsx)(Xe.Portal,{...o,children:e}):null};z.displayName="AutocompletePortal";var L=require("../combobox/Combobox.cjs"),c=require("react/jsx-runtime"),Lt=t=>"options"in t,Ue=({options:t,renderOption:e,placeholder:o,ariaLabel:a,clearable:r=!1,passThrough:u})=>{let s=m("Autocomplete"),f=a??o,A=l=>(0,c.jsx)(U,{value:l.value,disabled:l.disabled,textValue:l.label,children:e?e(l,{selected:s.isSelected(l.value)}):l.label??l.value},l.value);return(0,c.jsxs)(c.Fragment,{children:[(0,c.jsxs)("div",{className:"skdx-autocomplete__field","data-clearable":r?"":void 0,children:[(0,c.jsx)(_,{...u,"aria-label":f,placeholder:o}),r?(0,c.jsx)(K,{"aria-label":"Clear",children:(0,c.jsx)(qe.Glyph,{name:"close"})}):null]}),(0,c.jsx)(z,{children:(0,c.jsxs)(B,{children:[(0,c.jsx)($,{"aria-label":f,children:t.map(l=>Lt(l)?(0,c.jsxs)(J,{children:[(0,c.jsx)(X,{children:l.label}),l.options.map(A)]},l.label):A(l))}),(0,c.jsx)(W,{children:"No suggestions"})]})})]})};var Q=require("react/jsx-runtime");function je(t){return`${t} suggestion${t===1?"":"s"} available`}var[et,m]=(0,$e.createSafeContext)("Autocomplete");function Ht(t,e){return t??(e?L.defaultOptionsFilter:void 0)}function wt({value:t,defaultValue:e="",onValueChange:o,inputValue:a,defaultInputValue:r,onInputValueChange:u}){let s=n.useRef("programmatic"),f=n.useRef(!1),A=n.useRef(null),[l="",p]=(0,Y.useControllableState)({prop:t,defaultProp:e,onChange:G=>o?.({value:G,previousValue:A.current,reason:s.current,created:f.current})}),R=n.useRef(l);n.useInsertionEffect(()=>{R.current=l});let i=n.useCallback((G,h,O)=>{s.current=h,f.current=O,A.current=R.current===""?null:R.current,p(G)},[p]),[C="",I]=(0,Y.useControllableState)({prop:a,defaultProp:r??e,onChange:u}),ee=n.useRef(C);return{value:l,setValue:i,inputValue:C,setInputValue:I,committedTextRef:ee}}var tt=function({children:e,value:o,defaultValue:a,onValueChange:r,inputValue:u,defaultInputValue:s,onInputValueChange:f,open:A,defaultOpen:l=!1,onOpenChange:p,onOpenChangeComplete:R,allowCustomValue:i=!0,openOnFocus:C=!1,autoHighlight:I=!1,loop:ee=!0,filter:G,disabled:h=!1,readOnly:O=!1,invalid:at=!1,loading:te=!1,name:ut,form:pt,getResultCountLabel:pe=je,options:me,renderOption:mt,placeholder:it,clearable:ct,"aria-label":st,ref:ft,...dt}){let E=Ht(G,me),ie=n.useRef(null),At=n.useRef(null),w=n.useRef(null),yt=n.useId(),{value:oe,setValue:N,inputValue:P,setInputValue:b,committedTextRef:v}=wt({value:o,defaultValue:a,onValueChange:r,inputValue:u,defaultInputValue:s,onInputValueChange:f}),[x=!1,y]=(0,Y.useControllableState)({prop:A,defaultProp:l,onChange:p});(0,Ze.useOpenChangeComplete)(x,w,R);let Rt=n.useCallback(d=>typeof E!="function"||(0,Z.filterKeeps)(E(d,P)),[E,P]),gt=n.useCallback(d=>{if(typeof E!="function")return null;let V=E(d.text,P);return typeof V=="number"?V:null},[E,P]),g=(0,j.useOptionCollection)({open:x,setOpen:y,contentRef:w,loop:ee,scoreItem:gt}),{itemCount:F,itemOrder:re}=g,{activeId:ce,setActiveId:se}=g;n.useEffect(()=>{if(!I||!x||ce!==null)return;let d=requestAnimationFrame(()=>{let V=Array.from(w.current?.querySelectorAll(j.OPTION_SELECTOR)??[]),M=(0,Z.sortByOrder)(V,re)[0];M&&se(M.id)});return()=>cancelAnimationFrame(d)},[I,x,ce,F,se,re]),n.useEffect(()=>{!x||te||(0,Qe.announce)(pe(F))},[x,te,F,pe]),n.useImperativeHandle(ft,()=>(0,ze.formValidityHandle)(ie),[]);let Ct=n.useCallback((d,V,M)=>{h||O||(N(d,M,!1),b(V),v.current=V,y(!1))},[h,O,N,b,y,v]),bt=n.useCallback(d=>{if(!(h||O)){if(!i){b(v.current),y(!1);return}N(P,d,!0),v.current=P,y(!1)}},[h,O,i,P,N,b,y,v]),vt=n.useCallback(()=>{N("","pointer",!0),b(""),v.current="",y(!1)},[N,b,y,v]),Pt=n.useCallback(()=>{b(v.current),y(!1)},[b,y,v]),It=n.useCallback(d=>d!==""&&d===oe,[oe]);return(0,Q.jsx)(Ye.PopperRoot,{children:(0,Q.jsx)(et,{inputRef:ie,triggerRef:At,contentRef:w,listId:yt,value:oe,isSelected:It,inputValue:P,onInputValueChange:b,open:x,onOpenChange:y,activeId:g.activeId,itemOrder:re,setActiveId:g.setActiveId,moveActive:g.moveActive,moveActiveToEdge:g.moveActiveToEdge,openWithHighlight:g.openWithHighlight,itemCount:F,registerItem:g.registerItem,unregisterItem:g.unregisterItem,getItem:g.getItem,matchesFilter:Rt,commitItem:Ct,commitInputValue:bt,revert:Pt,clear:vt,allowCustomValue:i,openOnFocus:C,disabled:h,readOnly:O,invalid:at,loading:te,name:ut,form:pt,children:e??(0,Q.jsx)(Ue,{options:me??[],renderOption:mt,placeholder:it,ariaLabel:st,clearable:ct,passThrough:dt})})})};tt.displayName="Autocomplete";var ot=require("../utils/composeRefs.cjs"),rt=require("../utils/part.cjs"),H=require("../utils/primitive.cjs");var lt=require("react/jsx-runtime"),nt=({ref:t,...e})=>{let o=m("AutocompleteTrigger"),a=(0,ot.useComposedRefs)(t,o.triggerRef);return(0,lt.jsx)(H.Primitive.button,{type:"button",tabIndex:-1,"aria-expanded":o.open,"aria-controls":o.listId,disabled:o.disabled,"data-disabled":o.disabled?"":void 0,"data-readonly":o.readOnly?"":void 0,"data-state":o.open?"open":"closed",...e,...(0,rt.skdxPart)("autocomplete","trigger",e.className),ref:a,onMouseDown:(0,H.composeEventHandlers)(e.onMouseDown,r=>r.preventDefault()),onClick:(0,H.composeEventHandlers)(e.onClick,()=>{o.readOnly||(o.onOpenChange(!o.open),o.inputRef.current?.focus())})})};nt.displayName="AutocompleteTrigger";0&&(module.exports={Autocomplete,AutocompleteClear,AutocompleteContent,AutocompleteEmpty,AutocompleteGroup,AutocompleteGroupLabel,AutocompleteGroupProvider,AutocompleteInput,AutocompleteItem,AutocompleteList,AutocompletePortal,AutocompleteProvider,AutocompleteTrigger,defaultGetSuggestionCountLabel,defaultOptionsFilter,useAutocompleteContext,useAutocompleteGroupContext});

package/dist/autocomplete/Autocomplete.d.cts

@@ -1,20 +1,10 @@
 import * as React from 'react';
-import type { AutocompleteContextValue, AutocompleteProps } from './types.cjs';
-/**
- * Free-text autocomplete: suggests values but accepts any text (unlike {@link Combobox}).
- * Type "foo", blur, and "foo" commits as the value, whether or not it's in the list.
- */
-/**
- * Default `getResultCountLabel`: `"1 suggestion available"` / `"3 suggestions available"`.
- * Exported separately because its wording differs from `defaultGetResultCountLabel` (Combobox).
- */
+import type { AutocompleteContextValue, AutocompleteHandle, AutocompleteProps } from './types.cjs';
+/** Default `getResultCountLabel`: `"1 suggestion available"` / `"3 suggestions available"`. */
 export declare function defaultGetSuggestionCountLabel(count: number): string;
-export declare const AutocompleteProvider: {
-    (props: AutocompleteContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useAutocompleteContext: (consumerName: string) => AutocompleteContextValue;
+export declare const AutocompleteProvider: React.FC<AutocompleteContextValue & {
+    children: React.ReactNode;
+}>, useAutocompleteContext: (consumerName: string) => AutocompleteContextValue;
 /**
  * Free-text field with suggestions. Owns draft text (`inputValue`), committed
  * value (`value`), and popup state; distributes via context. Renders no DOM itself.
@@ -53,20 +43,10 @@ export declare const AutocompleteProvider: {
  *   );
  * }
  * ```
- *
- * @example Built-in filtering, open on focus:
- * ```tsx
- * <Autocomplete openOnFocus filter={(text, input) => text.toLowerCase().startsWith(input.toLowerCase())}>
- *   <AutocompleteInput aria-label="City" />
- *   <AutocompleteTrigger aria-label="Show suggestions">▾</AutocompleteTrigger>
- *   <AutocompletePortal>
- *     <AutocompleteContent>
- *       <AutocompleteList aria-label="Cities">
- *         {CITIES.map((city) => <AutocompleteItem value={city} key={city}>{city}</AutocompleteItem>)}
- *       </AutocompleteList>
- *     </AutocompleteContent>
- *   </AutocompletePortal>
- * </Autocomplete>
- * ```
  */
-export declare const Autocomplete: React.ForwardRefExoticComponent<AutocompleteProps & React.RefAttributes<import("../index.cjs").FormValidityHandle>>;
+export declare const Autocomplete: {
+    ({ children, value: valueProp, defaultValue, onValueChange, inputValue: inputValueProp, defaultInputValue, onInputValueChange, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, allowCustomValue, openOnFocus, autoHighlight, loop, filter: filterProp, disabled, readOnly, invalid, loading, name, form, getResultCountLabel, options, renderOption, placeholder, clearable, "aria-label": ariaLabel, ref: forwardedRef, ...rest }: Omit<AutocompleteProps, "ref"> & {
+        ref?: React.Ref<AutocompleteHandle> | undefined;
+    }): React.ReactNode;
+    displayName: string;
+};

package/dist/autocomplete/Autocomplete.d.ts

@@ -1,20 +1,10 @@
 import * as React from 'react';
-import type { AutocompleteContextValue, AutocompleteProps } from './types.js';
-/**
- * Free-text autocomplete: suggests values but accepts any text (unlike {@link Combobox}).
- * Type "foo", blur, and "foo" commits as the value, whether or not it's in the list.
- */
-/**
- * Default `getResultCountLabel`: `"1 suggestion available"` / `"3 suggestions available"`.
- * Exported separately because its wording differs from `defaultGetResultCountLabel` (Combobox).
- */
+import type { AutocompleteContextValue, AutocompleteHandle, AutocompleteProps } from './types.js';
+/** Default `getResultCountLabel`: `"1 suggestion available"` / `"3 suggestions available"`. */
 export declare function defaultGetSuggestionCountLabel(count: number): string;
-export declare const AutocompleteProvider: {
-    (props: AutocompleteContextValue & {
-        children: React.ReactNode;
-    }): React.JSX.Element;
-    displayName: string;
-}, useAutocompleteContext: (consumerName: string) => AutocompleteContextValue;
+export declare const AutocompleteProvider: React.FC<AutocompleteContextValue & {
+    children: React.ReactNode;
+}>, useAutocompleteContext: (consumerName: string) => AutocompleteContextValue;
 /**
  * Free-text field with suggestions. Owns draft text (`inputValue`), committed
  * value (`value`), and popup state; distributes via context. Renders no DOM itself.
@@ -53,20 +43,10 @@ export declare const AutocompleteProvider: {
  *   );
  * }
  * ```
- *
- * @example Built-in filtering, open on focus:
- * ```tsx
- * <Autocomplete openOnFocus filter={(text, input) => text.toLowerCase().startsWith(input.toLowerCase())}>
- *   <AutocompleteInput aria-label="City" />
- *   <AutocompleteTrigger aria-label="Show suggestions">▾</AutocompleteTrigger>
- *   <AutocompletePortal>
- *     <AutocompleteContent>
- *       <AutocompleteList aria-label="Cities">
- *         {CITIES.map((city) => <AutocompleteItem value={city} key={city}>{city}</AutocompleteItem>)}
- *       </AutocompleteList>
- *     </AutocompleteContent>
- *   </AutocompletePortal>
- * </Autocomplete>
- * ```
  */
-export declare const Autocomplete: React.ForwardRefExoticComponent<AutocompleteProps & React.RefAttributes<import("../index.js").FormValidityHandle>>;
+export declare const Autocomplete: {
+    ({ children, value: valueProp, defaultValue, onValueChange, inputValue: inputValueProp, defaultInputValue, onInputValueChange, open: openProp, defaultOpen, onOpenChange, onOpenChangeComplete, allowCustomValue, openOnFocus, autoHighlight, loop, filter: filterProp, disabled, readOnly, invalid, loading, name, form, getResultCountLabel, options, renderOption, placeholder, clearable, "aria-label": ariaLabel, ref: forwardedRef, ...rest }: Omit<AutocompleteProps, "ref"> & {
+        ref?: React.Ref<AutocompleteHandle> | undefined;
+    }): React.ReactNode;
+    displayName: string;
+};

package/dist/autocomplete/Autocomplete.js

@@ -1 +1,2 @@
-import*as r from"react";import{createSafeContext as yt}from"../utils/createContext.js";import{formValidityHandle as Ct}from"../utils/formControl.js";import{announce as vt}from"../utils/liveAnnouncer.js";import{PopperRoot as bt}from"../utils/popper.js";import{filterKeeps as Pt,sortByOrder as xt}from"../utils/scoredFilter.js";import{useControllableState as X}from"../utils/useControllableState.js";import{useOpenChangeComplete as It}from"../utils/useOpenChangeComplete.js";import{OPTION_SELECTOR as ht,useOptionCollection as Ot}from"../utils/useOptionCollection.js";import*as pe from"react";import{useComposedRefs as Be}from"../utils/composeRefs.js";import{skdxPart as Ke}from"../utils/part.js";import{PopperContent as We}from"../utils/popper.js";import{composeEventHandlers as qe}from"../utils/primitive.js";import{useDismiss as Ue}from"../utils/useDismiss.js";import{jsx as $e}from"react/jsx-runtime";var B=pe.forwardRef(({forceMount:t,side:n="bottom",align:e="start",sideOffset:a=4,onEscapeKeyDown:c,onPointerDownOutside:o,onFocusOutside:s,onInteractOutside:A,...l},k)=>{let m=p("AutocompleteContent"),v=Be(k,m.contentRef);return Ue({enabled:m.open,onEscapeKeyDown:u=>{c?.(u),u.defaultPrevented||m.revert()},onInteractOutside:A,onPointerDownOutside:u=>{o?.(u),u.defaultPrevented||m.onOpenChange(!1)},onFocusOutside:u=>{s?.(u),u.defaultPrevented||m.onOpenChange(!1)}},[m.contentRef,m.inputRef,m.triggerRef]),!t&&!m.open?null:$e(We,{component:"autocomplete","aria-busy":m.loading?!0:void 0,"data-loading":m.loading?"":void 0,"data-state":m.open?"open":"closed",side:n,align:e,sideOffset:a,...l,...Ke("autocomplete","content",l.className),ref:v,onMouseDown:qe(l.onMouseDown,u=>u.preventDefault())})});B.displayName="AutocompleteContent";import*as me from"react";import{skdxPart as _e}from"../utils/part.js";import{Primitive as ze}from"../utils/primitive.js";import{jsx as Je}from"react/jsx-runtime";var K=me.forwardRef((t,n)=>p("AutocompleteEmpty").itemCount===0?Je(ze.div,{role:"presentation",...t,..._e("autocomplete","empty",t.className),ref:n}):null);K.displayName="AutocompleteEmpty";import*as G from"react";import{createSafeContext as Qe}from"../utils/createContext.js";import{skdxPart as Xe}from"../utils/part.js";import{Primitive as Ye}from"../utils/primitive.js";import{jsx as ue}from"react/jsx-runtime";var[Ze,ie]=Qe("AutocompleteGroup"),W=G.forwardRef((t,n)=>{let e=G.useId();return ue(Ze,{labelId:e,children:ue(Ye.div,{role:"group","aria-labelledby":e,...t,...Xe("autocomplete","group",t.className),ref:n})})});W.displayName="AutocompleteGroup";import*as ce from"react";import{skdxPart as je}from"../utils/part.js";import{Primitive as et}from"../utils/primitive.js";import{jsx as tt}from"react/jsx-runtime";var q=ce.forwardRef((t,n)=>{let e=ie("AutocompleteGroupLabel");return tt(et.div,{id:e.labelId,...t,...je("autocomplete","label",t.className),ref:n})});q.displayName="AutocompleteGroupLabel";import*as fe from"react";import{useComposedRefs as ot}from"../utils/composeRefs.js";import{skdxPart as rt}from"../utils/part.js";import{PopperAnchor as nt}from"../utils/popper.js";import{composeEventHandlers as N,Primitive as lt}from"../utils/primitive.js";import{jsx as se}from"react/jsx-runtime";var U=fe.forwardRef((t,n)=>{let e=p("AutocompleteInput"),a=ot(n,e.inputRef),c=()=>{let o=e.activeId?e.getItem(e.activeId):void 0;return o?(e.commitItem(o.value,o.text||o.value,"keyboard"),!0):!1};return se(nt,{asChild:!0,children:se(lt.input,{type:"text",role:"combobox","aria-expanded":e.open,"aria-controls":e.listId,"aria-autocomplete":"list","aria-activedescendant":e.activeId??void 0,autoComplete:"off",name:e.name,form:e.form,disabled:e.disabled,readOnly:e.readOnly,"aria-invalid":e.invalid?!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-disabled":e.disabled?"":void 0,"data-state":e.open?"open":"closed",...t,...rt("autocomplete","input",t.className),ref:a,value:e.inputValue,onChange:N(t.onChange,o=>{e.onInputValueChange(o.target.value),e.open||e.onOpenChange(!0)}),onFocus:N(t.onFocus,()=>{e.openOnFocus&&!e.readOnly&&!e.open&&e.onOpenChange(!0)}),onBlur:N(t.onBlur,()=>{e.commitInputValue("pointer")}),onKeyDown:N(t.onKeyDown,o=>{if(o.altKey&&o.key==="ArrowDown")o.preventDefault(),e.open||e.onOpenChange(!0);else if(o.altKey&&o.key==="ArrowUp")o.preventDefault(),!c()&&e.open&&e.onOpenChange(!1);else if(o.key==="ArrowDown")o.preventDefault(),e.open?e.moveActive(1):e.openWithHighlight("first");else if(o.key==="ArrowUp")o.preventDefault(),e.open?e.moveActive(-1):e.openWithHighlight("last");else if(o.key==="Home"||o.key==="End"){if(!e.open)return;o.preventDefault(),e.moveActiveToEdge(o.key==="Home"?"first":"last")}else o.key==="Enter"?c()?o.preventDefault():e.allowCustomValue&&e.inputValue!==""?(o.preventDefault(),e.commitInputValue("keyboard")):e.open&&e.onOpenChange(!1):o.key==="Escape"?e.open&&!e.contentRef.current&&(o.preventDefault(),e.revert()):o.key==="Tab"&&e.commitInputValue("keyboard")})})})});U.displayName="AutocompleteInput";import*as h from"react";import{useComposedRefs as at}from"../utils/composeRefs.js";import{skdxPart as pt}from"../utils/part.js";import{composeEventHandlers as de,Primitive as mt}from"../utils/primitive.js";import{useOptionEntry as ut}from"../utils/useOptionCollection.js";import{jsx as it}from"react/jsx-runtime";var $=h.forwardRef(({value:t,disabled:n,textValue:e,...a},c)=>{let o=p("AutocompleteItem"),s=h.useId(),A=h.useRef(null),l=at(c,A),{text:k,visible:m}=ut({id:s,value:t,textValue:e,itemRef:A,matchesFilter:o.matchesFilter,registerItem:o.registerItem,unregisterItem:o.unregisterItem});if(!m)return null;let v=o.isSelected(t),u=o.activeId===s,b=n||o.disabled||o.readOnly,E=o.itemOrder?.get(s);return it(mt.div,{role:"option",id:s,"data-value":t,"aria-selected":v,"aria-disabled":b?!0:void 0,"data-state":v?"checked":"unchecked","data-highlighted":u?"":void 0,"data-disabled":b?"":void 0,...a,...pt("autocomplete","item",a.className),ref:l,onClick:de(a.onClick,()=>{b||(o.commitItem(t,k??t,"pointer"),o.inputRef.current?.focus())}),onPointerEnter:de(a.onPointerEnter,()=>{b||o.setActiveId(s)}),style:E!==void 0?{order:E,...a.style}:a.style})});$.displayName="AutocompleteItem";import*as Ae from"react";import{skdxPart as ct}from"../utils/part.js";import{Primitive as st}from"../utils/primitive.js";import{jsx as ft}from"react/jsx-runtime";var _=Ae.forwardRef((t,n)=>{let e=p("AutocompleteList");return ft(st.div,{role:"listbox",id:e.listId,...t,...ct("autocomplete","list",t.className),ref:n})});_.displayName="AutocompleteList";import{Portal as dt}from"../utils/portal.js";import{jsx as At}from"react/jsx-runtime";var z=({forceMount:t,children:n,...e})=>{let a=p("AutocompletePortal");return t||a.open?At(dt,{...e,children:n}):null};z.displayName="AutocompletePortal";import{defaultOptionsFilter as Q}from"../combobox/Combobox.js";import{Fragment as Rt,jsx as O,jsxs as J}from"react/jsx-runtime";var gt=t=>"options"in t,ge=({options:t,renderOption:n,placeholder:e,ariaLabel:a,passThrough:c})=>{let o=p("Autocomplete"),s=a??e,A=l=>O($,{value:l.value,disabled:l.disabled,textValue:l.label,children:n?n(l,{selected:o.isSelected(l.value)}):l.label??l.value},l.value);return J(Rt,{children:[O(U,{...c,"aria-label":s,placeholder:e}),O(z,{children:J(B,{children:[O(_,{"aria-label":s,children:t.map(l=>gt(l)?J(W,{children:[O(q,{children:l.label}),l.options.map(A)]},l.label):A(l))}),O(K,{children:"No suggestions"})]})})]})};import{jsx as Y}from"react/jsx-runtime";function kt(t){return`${t} suggestion${t===1?"":"s"} available`}var[Et,p]=yt("Autocomplete"),Dt=r.forwardRef(function({children:n,value:e,defaultValue:a="",onValueChange:c,inputValue:o,defaultInputValue:s,onInputValueChange:A,open:l,defaultOpen:k=!1,onOpenChange:m,onOpenChangeComplete:v,allowCustomValue:u=!0,openOnFocus:b=!1,autoHighlight:E=!1,loop:be=!0,filter:Pe,disabled:D=!1,readOnly:L=!1,invalid:xe=!1,loading:M=!1,name:Ie,form:he,getResultCountLabel:Z=kt,options:j,renderOption:Oe,placeholder:ke,"aria-label":Ee,...De},Le){let P=Pe??(j?Q:void 0),ee=r.useRef(null),Te=r.useRef(null),H=r.useRef(null),we=r.useId(),te=r.useRef("programmatic"),oe=r.useRef(!1),re=r.useRef(null),[T="",ne]=X({prop:e,defaultProp:a,onChange:i=>c?.({value:i,previousValue:re.current,reason:te.current,created:oe.current})}),F=r.useRef(T);F.current=T;let x=r.useCallback((i,y,I)=>{te.current=y,oe.current=I,re.current=F.current===""?null:F.current,ne(i)},[ne]),[g="",R]=X({prop:o,defaultProp:s??a,onChange:A}),[C=!1,f]=X({prop:l,defaultProp:k,onChange:m});It(C,H,v);let He=r.useCallback(i=>typeof P!="function"||Pt(P(i,g)),[P,g]),Ve=r.useCallback(i=>{if(typeof P!="function")return null;let y=P(i.text,g);return typeof y=="number"?y:null},[P,g]),d=Ot({open:C,setOpen:f,contentRef:H,loop:be,scoreItem:Ve}),{itemCount:V,itemOrder:S}=d,{activeId:le,setActiveId:ae}=d;r.useEffect(()=>{if(!E||!C||le!==null)return;let i=requestAnimationFrame(()=>{let y=Array.from(H.current?.querySelectorAll(ht)??[]),I=xt(y,S)[0];I&&ae(I.id)});return()=>cancelAnimationFrame(i)},[E,C,le,V,ae,S]);let w=r.useRef(g);r.useEffect(()=>{!C||M||vt(Z(V))},[C,M,V,Z]),r.useImperativeHandle(Le,()=>Ct(ee),[]);let Ge=r.useCallback((i,y,I)=>{D||L||(x(i,I,!1),R(y),w.current=y,f(!1))},[D,L,x,R,f]),Ne=r.useCallback(i=>{if(!(D||L)){if(!u){R(w.current),f(!1);return}x(g,i,!0),w.current=g,f(!1)}},[D,L,u,g,x,R,f]),Me=r.useCallback(()=>{x("","pointer",!0),R(""),w.current="",f(!1)},[x,R,f]),Fe=r.useCallback(()=>{R(w.current),f(!1)},[R,f]),Se=r.useCallback(i=>i!==""&&i===T,[T]);return Y(bt,{children:Y(Et,{inputRef:ee,triggerRef:Te,contentRef:H,listId:we,value:T,isSelected:Se,inputValue:g,onInputValueChange:R,open:C,onOpenChange:f,activeId:d.activeId,itemOrder:S,setActiveId:d.setActiveId,moveActive:d.moveActive,moveActiveToEdge:d.moveActiveToEdge,openWithHighlight:d.openWithHighlight,itemCount:V,registerItem:d.registerItem,unregisterItem:d.unregisterItem,getItem:d.getItem,matchesFilter:He,commitItem:Ge,commitInputValue:Ne,revert:Fe,clear:Me,allowCustomValue:u,openOnFocus:b,disabled:D,readOnly:L,invalid:xe,loading:M,name:Ie,form:he,children:n??Y(ge,{options:j??[],renderOption:Oe,placeholder:ke,ariaLabel:Ee,passThrough:De})})})});Dt.displayName="Autocomplete";import*as ye from"react";import{useComposedRefs as Lt}from"../utils/composeRefs.js";import{skdxPart as Tt}from"../utils/part.js";import{composeEventHandlers as Re,Primitive as wt}from"../utils/primitive.js";import{jsx as Vt}from"react/jsx-runtime";var Ht=ye.forwardRef((t,n)=>{let e=p("AutocompleteTrigger"),a=Lt(n,e.triggerRef);return Vt(wt.button,{type:"button",tabIndex:-1,"aria-expanded":e.open,"aria-controls":e.listId,disabled:e.disabled,"data-disabled":e.disabled?"":void 0,"data-readonly":e.readOnly?"":void 0,"data-state":e.open?"open":"closed",...t,...Tt("autocomplete","trigger",t.className),ref:a,onMouseDown:Re(t.onMouseDown,c=>c.preventDefault()),onClick:Re(t.onClick,()=>{e.readOnly||(e.onOpenChange(!e.open),e.inputRef.current?.focus())})})});Ht.displayName="AutocompleteTrigger";import*as ve from"react";import{skdxPart as Gt}from"../utils/part.js";import{composeEventHandlers as Ce,Primitive as Nt}from"../utils/primitive.js";import{jsx as Ft}from"react/jsx-runtime";var Mt=ve.forwardRef((t,n)=>{let e=p("AutocompleteClear"),a=e.value===""&&e.inputValue==="";return Ft(Nt.button,{type:"button",tabIndex:-1,disabled:e.disabled||e.readOnly||a,"data-disabled":e.disabled?"":void 0,"data-readonly":e.readOnly?"":void 0,...t,...Gt("autocomplete","clear",t.className),ref:n,onMouseDown:Ce(t.onMouseDown,c=>c.preventDefault()),onClick:Ce(t.onClick,()=>{e.clear(),e.inputRef.current?.focus()})})});Mt.displayName="AutocompleteClear";export{Dt as Autocomplete,Mt as AutocompleteClear,B as AutocompleteContent,K as AutocompleteEmpty,W as AutocompleteGroup,q as AutocompleteGroupLabel,Ze as AutocompleteGroupProvider,U as AutocompleteInput,$ as AutocompleteItem,_ as AutocompleteList,z as AutocompletePortal,Et as AutocompleteProvider,Ht as AutocompleteTrigger,kt as defaultGetSuggestionCountLabel,Q as defaultOptionsFilter,p as useAutocompleteContext,ie as useAutocompleteGroupContext};
+'use client';
+import*as r from"react";import{createSafeContext as yt}from"../utils/createContext.js";import{formValidityHandle as Rt}from"../utils/formControl.js";import{announce as gt}from"../utils/liveAnnouncer.js";import{PopperRoot as Ct}from"../utils/popper.js";import{filterKeeps as bt,sortByOrder as vt}from"../utils/scoredFilter.js";import{useControllableState as Z}from"../utils/useControllableState.js";import{useOpenChangeComplete as Pt}from"../utils/useOpenChangeComplete.js";import{OPTION_SELECTOR as It,useOptionCollection as ht}from"../utils/useOptionCollection.js";import{Glyph as ft}from"../utils/Glyph.js";import{skdxPart as Ge}from"../utils/part.js";import{composeEventHandlers as ne,Primitive as De}from"../utils/primitive.js";import{jsx as Te}from"react/jsx-runtime";var B=({ref:o,...e})=>{let t=m("AutocompleteClear"),i=t.value===""&&t.inputValue==="";return Te(De.button,{type:"button",tabIndex:-1,disabled:t.disabled||t.readOnly||i,"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,...e,...Ge("autocomplete","clear",e.className),ref:o,onMouseDown:ne(e.onMouseDown,l=>l.preventDefault()),onClick:ne(e.onClick,()=>{t.clear(),t.inputRef.current?.focus()})})};B.displayName="AutocompleteClear";import{useComposedRefs as Le}from"../utils/composeRefs.js";import{skdxPart as He}from"../utils/part.js";import{PopperContent as we}from"../utils/popper.js";import{composeEventHandlers as Fe}from"../utils/primitive.js";import{useDismiss as Me}from"../utils/useDismiss.js";import{jsx as Se}from"react/jsx-runtime";var W=({forceMount:o,side:e="bottom",align:t="start",sideOffset:i=4,onEscapeKeyDown:l,onPointerDownOutside:a,onFocusOutside:c,onInteractOutside:s,ref:d,...n})=>{let u=m("AutocompleteContent"),y=Le(d,u.contentRef);return Me({enabled:u.open,onEscapeKeyDown:p=>{l?.(p),p.defaultPrevented||u.revert()},onInteractOutside:s,onPointerDownOutside:p=>{a?.(p),p.defaultPrevented||u.onOpenChange(!1)},onFocusOutside:p=>{c?.(p),p.defaultPrevented||u.onOpenChange(!1)}},[u.contentRef,u.inputRef,u.triggerRef]),!o&&!u.open?null:Se(we,{component:"autocomplete","aria-busy":u.loading?!0:void 0,"data-loading":u.loading?"":void 0,"data-state":u.open?"open":"closed",side:e,align:t,sideOffset:i,...n,...He("autocomplete","content",n.className),ref:y,onMouseDown:Fe(n.onMouseDown,p=>p.preventDefault())})};W.displayName="AutocompleteContent";import{skdxPart as Ke}from"../utils/part.js";import{Primitive as Be}from"../utils/primitive.js";import{jsx as We}from"react/jsx-runtime";var J=({ref:o,...e})=>m("AutocompleteEmpty").itemCount===0?We(Be.div,{role:"presentation",...e,...Ke("autocomplete","empty",e.className),ref:o}):null;J.displayName="AutocompleteEmpty";import*as ae from"react";import{createSafeContext as Je}from"../utils/createContext.js";import{skdxPart as Xe}from"../utils/part.js";import{Primitive as _e}from"../utils/primitive.js";import{jsx as le}from"react/jsx-runtime";var[qe,ue]=Je("AutocompleteGroup"),X=({ref:o,...e})=>{let t=ae.useId();return le(qe,{labelId:t,children:le(_e.div,{role:"group","aria-labelledby":t,...e,...Xe("autocomplete","group",e.className),ref:o})})};X.displayName="AutocompleteGroup";import{skdxPart as Ue}from"../utils/part.js";import{Primitive as $e}from"../utils/primitive.js";import{jsx as ze}from"react/jsx-runtime";var _=({ref:o,...e})=>{let t=ue("AutocompleteGroupLabel");return ze($e.div,{id:t.labelId,...e,...Ue("autocomplete","label",e.className),ref:o})};_.displayName="AutocompleteGroupLabel";import{useComposedRefs as Qe}from"../utils/composeRefs.js";import{skdxPart as Ye}from"../utils/part.js";import{PopperAnchor as Ze}from"../utils/popper.js";import{composeEventHandlers as L,Primitive as je}from"../utils/primitive.js";import{jsx as pe}from"react/jsx-runtime";function me(o){let e=o.activeId?o.getItem(o.activeId):void 0;return e?(o.commitItem(e.value,e.text||e.value,"keyboard"),!0):!1}function et(o,e){return e.altKey&&e.key==="ArrowDown"?(e.preventDefault(),o.open||o.onOpenChange(!0),!0):e.altKey&&e.key==="ArrowUp"?(e.preventDefault(),!me(o)&&o.open&&o.onOpenChange(!1),!0):!1}function tt(o,e){return e.key==="ArrowDown"?(e.preventDefault(),o.open?o.moveActive(1):o.openWithHighlight("first"),!0):e.key==="ArrowUp"?(e.preventDefault(),o.open?o.moveActive(-1):o.openWithHighlight("last"),!0):e.key==="Home"||e.key==="End"?(o.open&&(e.preventDefault(),o.moveActiveToEdge(e.key==="Home"?"first":"last")),!0):!1}function ot(o,e){e.key==="Enter"?me(o)?e.preventDefault():o.allowCustomValue&&o.inputValue!==""?(e.preventDefault(),o.commitInputValue("keyboard")):o.open&&o.onOpenChange(!1):e.key==="Escape"?o.open&&!o.contentRef.current&&(e.preventDefault(),o.revert()):e.key==="Tab"&&o.commitInputValue("keyboard")}var q=({ref:o,...e})=>{let t=m("AutocompleteInput"),i=Qe(o,t.inputRef);return pe(Ze,{asChild:!0,children:pe(je.input,{type:"text",role:"combobox","aria-expanded":t.open,"aria-controls":t.listId,"aria-autocomplete":"list","aria-activedescendant":t.activeId??void 0,autoComplete:"off",name:t.name,form:t.form,disabled:t.disabled,readOnly:t.readOnly,"aria-invalid":t.invalid?!0:void 0,"aria-readonly":t.readOnly?!0:void 0,"aria-busy":t.loading?!0:void 0,"data-invalid":t.invalid?"":void 0,"data-readonly":t.readOnly?"":void 0,"data-loading":t.loading?"":void 0,"data-disabled":t.disabled?"":void 0,"data-state":t.open?"open":"closed",...e,...Ye("autocomplete","input",e.className),ref:i,value:t.inputValue,onChange:L(e.onChange,l=>{t.onInputValueChange(l.target.value),t.open||t.onOpenChange(!0)}),onFocus:L(e.onFocus,()=>{t.openOnFocus&&!t.readOnly&&!t.open&&t.onOpenChange(!0)}),onBlur:L(e.onBlur,()=>{t.commitInputValue("pointer")}),onKeyDown:L(e.onKeyDown,l=>{t.disabled||et(t,l)||tt(t,l)||ot(t,l)})})})};q.displayName="AutocompleteInput";import*as H from"react";import{useComposedRefs as rt}from"../utils/composeRefs.js";import{skdxPart as nt}from"../utils/part.js";import{composeEventHandlers as ie,Primitive as lt}from"../utils/primitive.js";import{useOptionEntry as at}from"../utils/useOptionCollection.js";import{jsx as ut}from"react/jsx-runtime";var U=({value:o,disabled:e,textValue:t,ref:i,...l})=>{let a=m("AutocompleteItem"),c=H.useId(),s=H.useRef(null),d=rt(i,s),{text:n,visible:u}=at({id:c,value:o,textValue:t,itemRef:s,matchesFilter:a.matchesFilter,registerItem:a.registerItem,unregisterItem:a.unregisterItem});if(!u)return null;let y=a.isSelected(o),p=a.activeId===c,g=e||a.disabled||a.readOnly,I=a.itemOrder?.get(c);return ut(lt.div,{role:"option",id:c,"data-value":o,"aria-selected":y,"aria-disabled":g?!0:void 0,"data-state":y?"checked":"unchecked","data-highlighted":p?"":void 0,"data-disabled":g?"":void 0,...l,...nt("autocomplete","item",l.className),ref:d,onClick:ie(l.onClick,()=>{g||(a.commitItem(o,n??o,"pointer"),a.inputRef.current?.focus())}),onPointerEnter:ie(l.onPointerEnter,()=>{g||a.setActiveId(c)}),style:I!==void 0?{order:I,...l.style}:l.style})};U.displayName="AutocompleteItem";import{skdxPart as pt}from"../utils/part.js";import{Primitive as mt}from"../utils/primitive.js";import{jsx as it}from"react/jsx-runtime";var $=({ref:o,...e})=>{let t=m("AutocompleteList");return it(mt.div,{role:"listbox",id:t.listId,...e,...pt("autocomplete","list",e.className),ref:o})};$.displayName="AutocompleteList";import{Portal as ct}from"../utils/portal.js";import{jsx as st}from"react/jsx-runtime";var z=({forceMount:o,children:e,...t})=>{let i=m("AutocompletePortal");return o||i.open?st(ct,{...t,children:e}):null};z.displayName="AutocompletePortal";import{defaultOptionsFilter as Q}from"../combobox/Combobox.js";import{Fragment as At,jsx as P,jsxs as w}from"react/jsx-runtime";var dt=o=>"options"in o,ce=({options:o,renderOption:e,placeholder:t,ariaLabel:i,clearable:l=!1,passThrough:a})=>{let c=m("Autocomplete"),s=i??t,d=n=>P(U,{value:n.value,disabled:n.disabled,textValue:n.label,children:e?e(n,{selected:c.isSelected(n.value)}):n.label??n.value},n.value);return w(At,{children:[w("div",{className:"skdx-autocomplete__field","data-clearable":l?"":void 0,children:[P(q,{...a,"aria-label":s,placeholder:t}),l?P(B,{"aria-label":"Clear",children:P(ft,{name:"close"})}):null]}),P(z,{children:w(W,{children:[P($,{"aria-label":s,children:o.map(n=>dt(n)?w(X,{children:[P(_,{children:n.label}),n.options.map(d)]},n.label):d(n))}),P(J,{children:"No suggestions"})]})})]})};import{jsx as Y}from"react/jsx-runtime";function Ot(o){return`${o} suggestion${o===1?"":"s"} available`}var[xt,m]=yt("Autocomplete");function Vt(o,e){return o??(e?Q:void 0)}function kt({value:o,defaultValue:e="",onValueChange:t,inputValue:i,defaultInputValue:l,onInputValueChange:a}){let c=r.useRef("programmatic"),s=r.useRef(!1),d=r.useRef(null),[n="",u]=Z({prop:o,defaultProp:e,onChange:N=>t?.({value:N,previousValue:d.current,reason:c.current,created:s.current})}),y=r.useRef(n);r.useInsertionEffect(()=>{y.current=n});let p=r.useCallback((N,h,O)=>{c.current=h,s.current=O,d.current=y.current===""?null:y.current,u(N)},[u]),[g="",I]=Z({prop:i,defaultProp:l??e,onChange:a}),F=r.useRef(g);return{value:n,setValue:p,inputValue:g,setInputValue:I,committedTextRef:F}}var Et=function({children:e,value:t,defaultValue:i,onValueChange:l,inputValue:a,defaultInputValue:c,onInputValueChange:s,open:d,defaultOpen:n=!1,onOpenChange:u,onOpenChangeComplete:y,allowCustomValue:p=!0,openOnFocus:g=!1,autoHighlight:I=!1,loop:F=!0,filter:N,disabled:h=!1,readOnly:O=!1,invalid:fe=!1,loading:M=!1,name:de,form:Ae,getResultCountLabel:j=Ot,options:ee,renderOption:ye,placeholder:Re,clearable:ge,"aria-label":Ce,ref:be,...ve}){let k=Vt(N,ee),te=r.useRef(null),Pe=r.useRef(null),G=r.useRef(null),Ie=r.useId(),{value:S,setValue:E,inputValue:v,setInputValue:C,committedTextRef:b}=kt({value:t,defaultValue:i,onValueChange:l,inputValue:a,defaultInputValue:c,onInputValueChange:s}),[x=!1,A]=Z({prop:d,defaultProp:n,onChange:u});Pt(x,G,y);let he=r.useCallback(f=>typeof k!="function"||bt(k(f,v)),[k,v]),Oe=r.useCallback(f=>{if(typeof k!="function")return null;let V=k(f.text,v);return typeof V=="number"?V:null},[k,v]),R=ht({open:x,setOpen:A,contentRef:G,loop:F,scoreItem:Oe}),{itemCount:D,itemOrder:K}=R,{activeId:oe,setActiveId:re}=R;r.useEffect(()=>{if(!I||!x||oe!==null)return;let f=requestAnimationFrame(()=>{let V=Array.from(G.current?.querySelectorAll(It)??[]),T=vt(V,K)[0];T&&re(T.id)});return()=>cancelAnimationFrame(f)},[I,x,oe,D,re,K]),r.useEffect(()=>{!x||M||gt(j(D))},[x,M,D,j]),r.useImperativeHandle(be,()=>Rt(te),[]);let xe=r.useCallback((f,V,T)=>{h||O||(E(f,T,!1),C(V),b.current=V,A(!1))},[h,O,E,C,A,b]),Ve=r.useCallback(f=>{if(!(h||O)){if(!p){C(b.current),A(!1);return}E(v,f,!0),b.current=v,A(!1)}},[h,O,p,v,E,C,A,b]),ke=r.useCallback(()=>{E("","pointer",!0),C(""),b.current="",A(!1)},[E,C,A,b]),Ee=r.useCallback(()=>{C(b.current),A(!1)},[C,A,b]),Ne=r.useCallback(f=>f!==""&&f===S,[S]);return Y(Ct,{children:Y(xt,{inputRef:te,triggerRef:Pe,contentRef:G,listId:Ie,value:S,isSelected:Ne,inputValue:v,onInputValueChange:C,open:x,onOpenChange:A,activeId:R.activeId,itemOrder:K,setActiveId:R.setActiveId,moveActive:R.moveActive,moveActiveToEdge:R.moveActiveToEdge,openWithHighlight:R.openWithHighlight,itemCount:D,registerItem:R.registerItem,unregisterItem:R.unregisterItem,getItem:R.getItem,matchesFilter:he,commitItem:xe,commitInputValue:Ve,revert:Ee,clear:ke,allowCustomValue:p,openOnFocus:g,disabled:h,readOnly:O,invalid:fe,loading:M,name:de,form:Ae,children:e??Y(ce,{options:ee??[],renderOption:ye,placeholder:Re,ariaLabel:Ce,clearable:ge,passThrough:ve})})})};Et.displayName="Autocomplete";import{useComposedRefs as Nt}from"../utils/composeRefs.js";import{skdxPart as Gt}from"../utils/part.js";import{composeEventHandlers as se,Primitive as Dt}from"../utils/primitive.js";import{jsx as Lt}from"react/jsx-runtime";var Tt=({ref:o,...e})=>{let t=m("AutocompleteTrigger"),i=Nt(o,t.triggerRef);return Lt(Dt.button,{type:"button",tabIndex:-1,"aria-expanded":t.open,"aria-controls":t.listId,disabled:t.disabled,"data-disabled":t.disabled?"":void 0,"data-readonly":t.readOnly?"":void 0,"data-state":t.open?"open":"closed",...e,...Gt("autocomplete","trigger",e.className),ref:i,onMouseDown:se(e.onMouseDown,l=>l.preventDefault()),onClick:se(e.onClick,()=>{t.readOnly||(t.onOpenChange(!t.open),t.inputRef.current?.focus())})})};Tt.displayName="AutocompleteTrigger";export{Et as Autocomplete,B as AutocompleteClear,W as AutocompleteContent,J as AutocompleteEmpty,X as AutocompleteGroup,_ as AutocompleteGroupLabel,qe as AutocompleteGroupProvider,q as AutocompleteInput,U as AutocompleteItem,$ as AutocompleteList,z as AutocompletePortal,xt as AutocompleteProvider,Tt as AutocompleteTrigger,Ot as defaultGetSuggestionCountLabel,Q as defaultOptionsFilter,m as useAutocompleteContext,ue as useAutocompleteGroupContext};

package/dist/autocomplete/AutocompleteAnatomy.d.cts

@@ -2,16 +2,14 @@ import type * as React from 'react';
 import type { PassThroughProps } from '../utils/passThrough.cjs';
 import type { AutocompleteOption, AutocompleteOptionOrGroup } from './types.cjs';
 export { defaultOptionsFilter } from '../combobox/ComboboxAnatomy.cjs';
-/**
- * Renders Autocomplete anatomy from `options`: input, portal, and listbox.
- * @internal
- */
-export declare const AutocompleteAnatomy: ({ options, renderOption, placeholder, ariaLabel, passThrough, }: {
+/** @internal Renders Autocomplete anatomy from `options`: input, portal, and listbox. */
+export declare const AutocompleteAnatomy: ({ options, renderOption, placeholder, ariaLabel, clearable, passThrough, }: {
     options: AutocompleteOptionOrGroup[];
-    renderOption?: (option: AutocompleteOption, state: {
+    renderOption?: ((option: AutocompleteOption, state: {
         selected: boolean;
-    }) => React.ReactNode;
-    placeholder?: string;
-    ariaLabel?: string;
-    passThrough?: PassThroughProps;
+    }) => React.ReactNode) | undefined;
+    placeholder?: string | undefined;
+    ariaLabel?: string | undefined;
+    clearable?: boolean | undefined;
+    passThrough?: PassThroughProps | undefined;
 }) => React.JSX.Element;