@headlessui/react - npm Package Compare versions

Comparing version 0.0.0-insiders.2f99644 to 0.0.0-insiders.2ff8458

dist/components/combobox/combobox.d.ts

@@ -1,118 +0,135 @@
-import React, { ElementType, Ref } from 'react';
-import { ByComparator, EnsureArray, Expand, Props } from '../../types.js';
-import { PropsForFeatures } from '../../utils/render.js';
+import React, { type ElementType, type Ref } from 'react';
+import { type ByComparator } from '../../hooks/use-by-comparator.js';
+import { type AnchorProps } from '../../internal/floating.js';
+import type { EnsureArray, Props } from '../../types.js';
+import { type HasDisplayName, type PropsForFeatures, type RefProp } from '../../utils/render.js';
+import { type _internal_ComponentLabel } from '../label/label.js';
 declare let DEFAULT_COMBOBOX_TAG: React.ExoticComponent<{
     children?: React.ReactNode;
 }>;
-interface ComboboxRenderPropArg<T> {
+type ComboboxRenderPropArg<TValue, TActive = TValue> = {
     open: boolean;
     disabled: boolean;
     activeIndex: number | null;
-    activeOption: T | null;
-    value: T;
-}
-declare type O = 'value' | 'defaultValue' | 'nullable' | 'multiple' | 'onChange' | 'by';
-declare type ComboboxValueProps<TValue, TNullable extends boolean | undefined, TMultiple extends boolean | undefined, TTag extends ElementType> = Extract<({
-    value?: EnsureArray<TValue>;
-    defaultValue?: EnsureArray<TValue>;
-    nullable: true;
-    multiple: true;
-    onChange?(value: EnsureArray<TValue>): void;
-    by?: ByComparator<TValue>;
-} & Props<TTag, ComboboxRenderPropArg<EnsureArray<TValue>>, O>) | ({
-    value?: TValue | null;
-    defaultValue?: TValue | null;
-    nullable: true;
-    multiple?: false;
-    onChange?(value: TValue | null): void;
-    by?: ByComparator<TValue | null>;
-} & Expand<Props<TTag, ComboboxRenderPropArg<TValue | null>, O>>) | ({
-    value?: EnsureArray<TValue>;
-    defaultValue?: EnsureArray<TValue>;
-    nullable?: false;
-    multiple: true;
-    onChange?(value: EnsureArray<TValue>): void;
-    by?: ByComparator<TValue extends Array<infer U> ? U : TValue>;
-} & Expand<Props<TTag, ComboboxRenderPropArg<EnsureArray<TValue>>, O>>) | ({
-    value?: TValue;
-    nullable?: false;
-    multiple?: false;
-    defaultValue?: TValue;
-    onChange?(value: TValue): void;
-    by?: ByComparator<TValue>;
-} & Props<TTag, ComboboxRenderPropArg<TValue>, O>), {
-    nullable?: TNullable;
+    activeOption: TActive | null;
+    value: TValue;
+};
+export type ComboboxProps<TValue, TMultiple extends boolean | undefined, TTag extends ElementType = typeof DEFAULT_COMBOBOX_TAG> = Props<TTag, ComboboxRenderPropArg<NoInfer<TValue>>, 'value' | 'defaultValue' | 'multiple' | 'onChange' | 'by', {
+    value?: TMultiple extends true ? EnsureArray<TValue> : TValue;
+    defaultValue?: TMultiple extends true ? EnsureArray<NoInfer<TValue>> : NoInfer<TValue>;
+    onChange?(value: TMultiple extends true ? EnsureArray<NoInfer<TValue>> : NoInfer<TValue> | null): void;
+    by?: ByComparator<TMultiple extends true ? EnsureArray<NoInfer<TValue>>[number] : NoInfer<TValue>>;
+    /** @deprecated The `<Combobox />` is now nullable default */
+    nullable?: boolean;
     multiple?: TMultiple;
-}>;
-declare type ComboboxProps<TValue, TNullable extends boolean | undefined, TMultiple extends boolean | undefined, TTag extends ElementType> = ComboboxValueProps<TValue, TNullable, TMultiple, TTag> & {
     disabled?: boolean;
+    form?: string;
+    name?: string;
+    immediate?: boolean;
+    virtual?: {
+        options: TMultiple extends true ? EnsureArray<NoInfer<TValue>> : NoInfer<TValue>[];
+        disabled?: (value: TMultiple extends true ? EnsureArray<NoInfer<TValue>>[number] : NoInfer<TValue>) => boolean;
+    } | null;
+    onClose?(): void;
     __demoMode?: boolean;
-    name?: string;
-};
-declare function ComboboxFn<TValue, TTag extends ElementType = typeof DEFAULT_COMBOBOX_TAG>(props: ComboboxProps<TValue, true, true, TTag>, ref: Ref<TTag>): JSX.Element;
-declare function ComboboxFn<TValue, TTag extends ElementType = typeof DEFAULT_COMBOBOX_TAG>(props: ComboboxProps<TValue, true, false, TTag>, ref: Ref<TTag>): JSX.Element;
-declare function ComboboxFn<TValue, TTag extends ElementType = typeof DEFAULT_COMBOBOX_TAG>(props: ComboboxProps<TValue, false, false, TTag>, ref: Ref<TTag>): JSX.Element;
-declare function ComboboxFn<TValue, TTag extends ElementType = typeof DEFAULT_COMBOBOX_TAG>(props: ComboboxProps<TValue, false, true, TTag>, ref: Ref<TTag>): JSX.Element;
-interface InputRenderPropArg {
+}>;
+declare function ComboboxFn<TValue, TTag extends ElementType = typeof DEFAULT_COMBOBOX_TAG>(props: ComboboxProps<TValue, boolean | undefined, TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+declare let DEFAULT_INPUT_TAG: "input";
+type InputRenderPropArg = {
     open: boolean;
     disabled: boolean;
-}
-declare type InputPropsWeControl = 'role' | 'aria-labelledby' | 'aria-expanded' | 'aria-activedescendant' | 'aria-autocomplete' | 'onKeyDown' | 'onChange' | 'displayValue';
-interface ButtonRenderPropArg {
+    hover: boolean;
+    focus: boolean;
+    autofocus: boolean;
+};
+type InputPropsWeControl = 'aria-activedescendant' | 'aria-autocomplete' | 'aria-controls' | 'aria-expanded' | 'aria-labelledby' | 'disabled' | 'role';
+export type ComboboxInputProps<TTag extends ElementType = typeof DEFAULT_INPUT_TAG, TType = string> = Props<TTag, InputRenderPropArg, InputPropsWeControl, {
+    defaultValue?: TType;
+    disabled?: boolean;
+    displayValue?(item: TType): string;
+    onChange?(event: React.ChangeEvent<HTMLInputElement>): void;
+    autoFocus?: boolean;
+}>;
+declare function InputFn<TTag extends ElementType = typeof DEFAULT_INPUT_TAG, TType = Parameters<typeof ComboboxRoot>[0]['value']>(props: ComboboxInputProps<TTag, TType>, ref: Ref<HTMLInputElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+declare let DEFAULT_BUTTON_TAG: "button";
+type ButtonRenderPropArg = {
     open: boolean;
+    active: boolean;
     disabled: boolean;
     value: any;
-}
-declare type ButtonPropsWeControl = 'type' | 'tabIndex' | 'aria-haspopup' | 'aria-controls' | 'aria-expanded' | 'aria-labelledby' | 'disabled' | 'onClick' | 'onKeyDown';
-interface LabelRenderPropArg {
+    focus: boolean;
+    hover: boolean;
+};
+type ButtonPropsWeControl = 'aria-controls' | 'aria-expanded' | 'aria-haspopup' | 'aria-labelledby' | 'disabled' | 'tabIndex';
+export type ComboboxButtonProps<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG> = Props<TTag, ButtonRenderPropArg, ButtonPropsWeControl, {
+    autoFocus?: boolean;
+    disabled?: boolean;
+}>;
+declare function ButtonFn<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG>(props: ComboboxButtonProps<TTag>, ref: Ref<HTMLButtonElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+declare let DEFAULT_OPTIONS_TAG: "div";
+type OptionsRenderPropArg = {
     open: boolean;
-    disabled: boolean;
-}
-declare type LabelPropsWeControl = 'ref' | 'onClick';
-interface OptionsRenderPropArg {
-    open: boolean;
-}
-declare type OptionsPropsWeControl = 'aria-labelledby' | 'hold' | 'onKeyDown' | 'role' | 'tabIndex';
+    option: any;
+};
+type OptionsPropsWeControl = 'aria-labelledby' | 'aria-multiselectable' | 'role' | 'tabIndex';
 declare let OptionsRenderFeatures: number;
-interface OptionRenderPropArg {
+export type ComboboxOptionsProps<TTag extends ElementType = typeof DEFAULT_OPTIONS_TAG> = Props<TTag, OptionsRenderPropArg, OptionsPropsWeControl, PropsForFeatures<typeof OptionsRenderFeatures> & {
+    hold?: boolean;
+    anchor?: AnchorProps;
+    portal?: boolean;
+    modal?: boolean;
+    transition?: boolean;
+}>;
+declare function OptionsFn<TTag extends ElementType = typeof DEFAULT_OPTIONS_TAG>(props: ComboboxOptionsProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+declare let DEFAULT_OPTION_TAG: "div";
+type OptionRenderPropArg = {
+    focus: boolean;
+    /** @deprecated use `focus` instead */
     active: boolean;
     selected: boolean;
     disabled: boolean;
+};
+type OptionPropsWeControl = 'role' | 'tabIndex' | 'aria-disabled' | 'aria-selected';
+export type ComboboxOptionProps<TTag extends ElementType = typeof DEFAULT_OPTION_TAG, TType = string> = Props<TTag, OptionRenderPropArg, OptionPropsWeControl, {
+    disabled?: boolean;
+    value: TType;
+    order?: number;
+}>;
+declare function OptionFn<TTag extends ElementType = typeof DEFAULT_OPTION_TAG, TType = Parameters<typeof ComboboxRoot>[0]['value']>(props: ComboboxOptionProps<TTag, TType>, ref: Ref<HTMLElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export interface _internal_ComponentCombobox extends HasDisplayName {
+    <TValue, TMultiple extends boolean | undefined = false, TTag extends ElementType = typeof DEFAULT_COMBOBOX_TAG>(props: ComboboxProps<TValue, TMultiple, TTag> & RefProp<typeof ComboboxFn>): JSX.Element;
 }
-declare type ComboboxOptionPropsWeControl = 'role' | 'tabIndex' | 'aria-disabled' | 'aria-selected';
-export declare let Combobox: typeof ComboboxFn & {
-    displayName: string;
-} & {
-    Input: (<TTag extends React.ElementType<any> = "input", TType = {}[] | undefined>(props: Props<TTag, InputRenderPropArg, InputPropsWeControl> & {
-        displayValue?(item: TType): string;
-        onChange(event: React.ChangeEvent<HTMLInputElement>): void;
-    }, ref: Ref<HTMLInputElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Button: (<TTag_1 extends React.ElementType<any> = "button">(props: Props<TTag_1, ButtonRenderPropArg, ButtonPropsWeControl>, ref: Ref<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Label: (<TTag_2 extends React.ElementType<any> = "label">(props: Props<TTag_2, LabelRenderPropArg, LabelPropsWeControl>, ref: Ref<HTMLLabelElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Options: (<TTag_3 extends React.ElementType<any> = "ul">(props: Props<TTag_3, OptionsRenderPropArg, OptionsPropsWeControl> & (({
-        static?: undefined;
-    } & {
-        unmount?: boolean | undefined;
-    }) | ({
-        unmount?: undefined;
-    } & {
-        static?: boolean | undefined;
-    })) & {
-        hold?: boolean | undefined;
-    }, ref: Ref<HTMLUListElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Option: (<TTag_4 extends React.ElementType<any> = "li", TType_1 = {}[] | undefined>(props: Props<TTag_4, OptionRenderPropArg, "value" | ComboboxOptionPropsWeControl> & {
-        disabled?: boolean | undefined;
-        value: TType_1;
-    }, ref: Ref<HTMLLIElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
+export interface _internal_ComponentComboboxButton extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_BUTTON_TAG>(props: ComboboxButtonProps<TTag> & RefProp<typeof ButtonFn>): JSX.Element;
+}
+export interface _internal_ComponentComboboxInput extends HasDisplayName {
+    <TType, TTag extends ElementType = typeof DEFAULT_INPUT_TAG>(props: ComboboxInputProps<TTag, TType> & RefProp<typeof InputFn>): JSX.Element;
+}
+export interface _internal_ComponentComboboxLabel extends _internal_ComponentLabel {
+}
+export interface _internal_ComponentComboboxOptions extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_OPTIONS_TAG>(props: ComboboxOptionsProps<TTag> & RefProp<typeof OptionsFn>): JSX.Element;
+}
+export interface _internal_ComponentComboboxOption extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_OPTION_TAG, TType = Parameters<typeof ComboboxRoot>[0]['value']>(props: ComboboxOptionProps<TTag, TType> & RefProp<typeof OptionFn>): JSX.Element;
+}
+declare let ComboboxRoot: _internal_ComponentCombobox;
+export declare let ComboboxButton: _internal_ComponentComboboxButton;
+export declare let ComboboxInput: _internal_ComponentComboboxInput;
+/** @deprecated use `<Label>` instead of `<ComboboxLabel>` */
+export declare let ComboboxLabel: _internal_ComponentComboboxLabel;
+export declare let ComboboxOptions: _internal_ComponentComboboxOptions;
+export declare let ComboboxOption: _internal_ComponentComboboxOption;
+export declare let Combobox: _internal_ComponentCombobox & {
+    /** @deprecated use `<ComboboxInput>` instead of `<Combobox.Input>` */
+    Input: _internal_ComponentComboboxInput;
+    /** @deprecated use `<ComboboxButton>` instead of `<Combobox.Button>` */
+    Button: _internal_ComponentComboboxButton;
+    /** @deprecated use `<Label>` instead of `<Combobox.Label>` */
+    Label: _internal_ComponentComboboxLabel;
+    /** @deprecated use `<ComboboxOptions>` instead of `<Combobox.Options>` */
+    Options: _internal_ComponentComboboxOptions;
+    /** @deprecated use `<ComboboxOption>` instead of `<Combobox.Option>` */
+    Option: _internal_ComponentComboboxOption;
 };
 export {};

dist/components/combobox/combobox.js

@@ -1,1 +0,1 @@
-import z,{Fragment as fe,createContext as ie,createRef as me,useCallback as Te,useContext as ue,useMemo as M,useReducer as xe,useRef as I,useEffect as ge}from"react";import{useComputed as ee}from'../../hooks/use-computed.js';import{useDisposables as oe}from'../../hooks/use-disposables.js';import{useEvent as x}from'../../hooks/use-event.js';import{useId as J}from'../../hooks/use-id.js';import{useIsoMorphicEffect as k}from'../../hooks/use-iso-morphic-effect.js';import{useLatestValue as Ce}from'../../hooks/use-latest-value.js';import{useOutsideClick as Oe}from'../../hooks/use-outside-click.js';import{useResolveButtonType as Re}from'../../hooks/use-resolve-button-type.js';import{useSyncRefs as q}from'../../hooks/use-sync-refs.js';import{useTreeWalker as ve}from'../../hooks/use-tree-walker.js';import{calculateActiveIndex as ye,Focus as v}from'../../utils/calculate-active-index.js';import{disposables as pe}from'../../utils/disposables.js';import{forwardRefWithAs as G,render as N,compact as Se,Features as se}from'../../utils/render.js';import{isDisabledReactIssue7711 as Pe}from'../../utils/bugs.js';import{match as H}from'../../utils/match.js';import{objectToFormEntries as Ae}from'../../utils/form.js';import{sortByDomNode as Ee}from'../../utils/focus-management.js';import{Hidden as Ie,Features as Le}from'../../internal/hidden.js';import{useOpenClosed as De,State as te,OpenClosedProvider as Ve}from'../../internal/open-closed.js';import{Keys as S}from'../keyboard.js';import{useControllable as Me}from'../../hooks/use-controllable.js';import{useWatch as be}from'../../hooks/use-watch.js';import{useTrackedPointer as he}from'../../hooks/use-tracked-pointer.js';var Fe=(n=>(n[n.Open=0]="Open",n[n.Closed=1]="Closed",n))(Fe||{}),_e=(n=>(n[n.Single=0]="Single",n[n.Multi=1]="Multi",n))(_e||{}),ke=(n=>(n[n.Pointer=0]="Pointer",n[n.Other=1]="Other",n))(ke||{}),we=(i=>(i[i.OpenCombobox=0]="OpenCombobox",i[i.CloseCombobox=1]="CloseCombobox",i[i.GoToOption=2]="GoToOption",i[i.RegisterOption=3]="RegisterOption",i[i.UnregisterOption=4]="UnregisterOption",i[i.RegisterLabel=5]="RegisterLabel",i))(we||{});function ne(t,r=n=>n){let n=t.activeOptionIndex!==null?t.options[t.activeOptionIndex]:null,o=Ee(r(t.options.slice()),u=>u.dataRef.current.domRef.current),a=n?o.indexOf(n):null;return a===-1&&(a=null),{options:o,activeOptionIndex:a}}let Be={[1](t){return t.dataRef.current.disabled||t.comboboxState===1?t:{...t,activeOptionIndex:null,comboboxState:1}},[0](t){if(t.dataRef.current.disabled||t.comboboxState===0)return t;let r=t.activeOptionIndex,{isSelected:n}=t.dataRef.current,o=t.options.findIndex(a=>n(a.dataRef.current.value));return o!==-1&&(r=o),{...t,comboboxState:0,activeOptionIndex:r}},[2](t,r){var a;if(t.dataRef.current.disabled||t.dataRef.current.optionsRef.current&&!t.dataRef.current.optionsPropsRef.current.static&&t.comboboxState===1)return t;let n=ne(t);if(n.activeOptionIndex===null){let u=n.options.findIndex(i=>!i.dataRef.current.disabled);u!==-1&&(n.activeOptionIndex=u)}let o=ye(r,{resolveItems:()=>n.options,resolveActiveIndex:()=>n.activeOptionIndex,resolveId:u=>u.id,resolveDisabled:u=>u.dataRef.current.disabled});return{...t,...n,activeOptionIndex:o,activationTrigger:(a=r.trigger)!=null?a:1}},[3]:(t,r)=>{let n={id:r.id,dataRef:r.dataRef},o=ne(t,u=>[...u,n]);t.activeOptionIndex===null&&t.dataRef.current.isSelected(r.dataRef.current.value)&&(o.activeOptionIndex=o.options.indexOf(n));let a={...t,...o,activationTrigger:1};return t.dataRef.current.__demoMode&&t.dataRef.current.value===void 0&&(a.activeOptionIndex=0),a},[4]:(t,r)=>{let n=ne(t,o=>{let a=o.findIndex(u=>u.id===r.id);return a!==-1&&o.splice(a,1),o});return{...t,...n,activationTrigger:1}},[5]:(t,r)=>({...t,labelId:r.id})},re=ie(null);re.displayName="ComboboxActionsContext";function Q(t){let r=ue(re);if(r===null){let n=new Error(`<${t} /> is missing a parent <Combobox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,Q),n}return r}let ae=ie(null);ae.displayName="ComboboxDataContext";function j(t){let r=ue(ae);if(r===null){let n=new Error(`<${t} /> is missing a parent <Combobox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(n,j),n}return r}function Ue(t,r){return H(r.type,Be,t,r)}let Ge=fe;function Ne(t,r){let{value:n,defaultValue:o,onChange:a,name:u,by:i=(b,m)=>b===m,disabled:d=!1,__demoMode:c=!1,nullable:e=!1,multiple:p=!1,...P}=t,[s=p?[]:void 0,y]=Me(n,a,o),[T,C]=xe(Ue,{dataRef:me(),comboboxState:c?0:1,options:[],activeOptionIndex:null,activationTrigger:1,labelId:null}),g=I(!1),R=I({static:!1,hold:!1}),K=I(null),h=I(null),w=I(null),B=I(null),D=x(typeof i=="string"?(b,m)=>{let A=i;return(b==null?void 0:b[A])===(m==null?void 0:m[A])}:i),W=Te(b=>H(f.mode,{[1]:()=>s.some(m=>D(m,b)),[0]:()=>D(s,b)}),[s]),f=M(()=>({...T,optionsPropsRef:R,labelRef:K,inputRef:h,buttonRef:w,optionsRef:B,value:s,defaultValue:o,disabled:d,mode:p?1:0,get activeOptionIndex(){if(g.current&&T.activeOptionIndex===null&&T.options.length>0){let b=T.options.findIndex(m=>!m.dataRef.current.disabled);if(b!==-1)return b}return T.activeOptionIndex},compare:D,isSelected:W,nullable:e,__demoMode:c}),[s,o,d,p,e,c,T]);k(()=>{T.dataRef.current=f},[f]),Oe([f.buttonRef,f.inputRef,f.optionsRef],()=>U.closeCombobox(),f.comboboxState===0);let F=M(()=>({open:f.comboboxState===0,disabled:d,activeIndex:f.activeOptionIndex,activeOption:f.activeOptionIndex===null?null:f.options[f.activeOptionIndex].dataRef.current.value,value:s}),[f,d,s]),_=x(b=>{let m=f.options.find(A=>A.id===b);!m||V(m.dataRef.current.value)}),O=x(()=>{if(f.activeOptionIndex!==null){let{dataRef:b,id:m}=f.options[f.activeOptionIndex];V(b.current.value),U.goToOption(v.Specific,m)}}),l=x(()=>{C({type:0}),g.current=!0}),L=x(()=>{C({type:1}),g.current=!1}),E=x((b,m,A)=>(g.current=!1,b===v.Specific?C({type:2,focus:v.Specific,id:m,trigger:A}):C({type:2,focus:b,trigger:A}))),X=x((b,m)=>(C({type:3,id:b,dataRef:m}),()=>C({type:4,id:b}))),Y=x(b=>(C({type:5,id:b}),()=>C({type:5,id:null}))),V=x(b=>H(f.mode,{[0](){return y==null?void 0:y(b)},[1](){let m=f.value.slice(),A=m.findIndex($=>D($,b));return A===-1?m.push(b):m.splice(A,1),y==null?void 0:y(m)}})),U=M(()=>({onChange:V,registerOption:X,registerLabel:Y,goToOption:E,closeCombobox:L,openCombobox:l,selectActiveOption:O,selectOption:_}),[]),de=r===null?{}:{ref:r},Z=I(null),ce=oe();return ge(()=>{!Z.current||o!==void 0&&ce.addEventListener(Z.current,"reset",()=>{V(o)})},[Z,V]),z.createElement(re.Provider,{value:U},z.createElement(ae.Provider,{value:f},z.createElement(Ve,{value:H(f.comboboxState,{[0]:te.Open,[1]:te.Closed})},u!=null&&s!=null&&Ae({[u]:s}).map(([b,m],A)=>z.createElement(Ie,{features:Le.Hidden,ref:A===0?$=>{var le;Z.current=(le=$==null?void 0:$.closest("form"))!=null?le:null}:void 0,...Se({key:b,as:"input",type:"hidden",hidden:!0,readOnly:!0,name:b,value:m})})),N({ourProps:de,theirProps:P,slot:F,defaultTag:Ge,name:"Combobox"}))))}let He=G(Ne),je="input",Ke=G(function(r,n){var f,F,_,O;let o=J(),{id:a=`headlessui-combobox-input-${o}`,onChange:u,displayValue:i,type:d="text",...c}=r,e=j("Combobox.Input"),p=Q("Combobox.Input"),P=q(e.inputRef,n),s=I(!1),y=oe(),T=function(){var l;return typeof i=="function"&&e.value!==void 0?(l=i(e.value))!=null?l:"":typeof e.value=="string"?e.value:""}();be(([l,L],[E,X])=>{s.current||!e.inputRef.current||(X===0&&L===1||l!==E)&&(e.inputRef.current.value=l)},[T,e.comboboxState]),be(([l],[L])=>{if(l===0&&L===1){let E=e.inputRef.current;if(!E)return;let X=E.value,{selectionStart:Y,selectionEnd:V,selectionDirection:U}=E;E.value="",E.value=X,U!==null?E.setSelectionRange(Y,V,U):E.setSelectionRange(Y,V)}},[e.comboboxState]);let C=I(!1),g=x(()=>{C.current=!0}),R=x(()=>{setTimeout(()=>{C.current=!1})}),K=x(l=>{switch(s.current=!0,l.key){case S.Backspace:case S.Delete:if(e.mode!==0||!e.nullable)return;let L=l.currentTarget;y.requestAnimationFrame(()=>{L.value===""&&(p.onChange(null),e.optionsRef.current&&(e.optionsRef.current.scrollTop=0),p.goToOption(v.Nothing))});break;case S.Enter:if(s.current=!1,e.comboboxState!==0||C.current)return;if(l.preventDefault(),l.stopPropagation(),e.activeOptionIndex===null){p.closeCombobox();return}p.selectActiveOption(),e.mode===0&&p.closeCombobox();break;case S.ArrowDown:return s.current=!1,l.preventDefault(),l.stopPropagation(),H(e.comboboxState,{[0]:()=>{p.goToOption(v.Next)},[1]:()=>{p.openCombobox()}});case S.ArrowUp:return s.current=!1,l.preventDefault(),l.stopPropagation(),H(e.comboboxState,{[0]:()=>{p.goToOption(v.Previous)},[1]:()=>{p.openCombobox(),y.nextFrame(()=>{e.value||p.goToOption(v.Last)})}});case S.Home:if(l.shiftKey)break;return s.current=!1,l.preventDefault(),l.stopPropagation(),p.goToOption(v.First);case S.PageUp:return s.current=!1,l.preventDefault(),l.stopPropagation(),p.goToOption(v.First);case S.End:if(l.shiftKey)break;return s.current=!1,l.preventDefault(),l.stopPropagation(),p.goToOption(v.Last);case S.PageDown:return s.current=!1,l.preventDefault(),l.stopPropagation(),p.goToOption(v.Last);case S.Escape:return s.current=!1,e.comboboxState!==0?void 0:(l.preventDefault(),e.optionsRef.current&&!e.optionsPropsRef.current.static&&l.stopPropagation(),p.closeCombobox());case S.Tab:if(s.current=!1,e.comboboxState!==0)return;e.mode===0&&p.selectActiveOption(),p.closeCombobox();break}}),h=x(l=>{p.openCombobox(),u==null||u(l)}),w=x(()=>{s.current=!1}),B=ee(()=>{if(!!e.labelId)return[e.labelId].join(" ")},[e.labelId]),D=M(()=>({open:e.comboboxState===0,disabled:e.disabled}),[e]),W={ref:P,id:a,role:"combobox",type:d,"aria-controls":(f=e.optionsRef.current)==null?void 0:f.id,"aria-expanded":e.disabled?void 0:e.comboboxState===0,"aria-activedescendant":e.activeOptionIndex===null||(F=e.options[e.activeOptionIndex])==null?void 0:F.id,"aria-multiselectable":e.mode===1?!0:void 0,"aria-labelledby":B,"aria-autocomplete":"list",defaultValue:(O=(_=r.defaultValue)!=null?_:e.defaultValue!==void 0?i==null?void 0:i(e.defaultValue):null)!=null?O:e.defaultValue,disabled:e.disabled,onCompositionStart:g,onCompositionEnd:R,onKeyDown:K,onChange:h,onBlur:w};return N({ourProps:W,theirProps:c,slot:D,defaultTag:je,name:"Combobox.Input"})}),We="button",Xe=G(function(r,n){var C;let o=j("Combobox.Button"),a=Q("Combobox.Button"),u=q(o.buttonRef,n),i=J(),{id:d=`headlessui-combobox-button-${i}`,...c}=r,e=oe(),p=x(g=>{switch(g.key){case S.ArrowDown:return g.preventDefault(),g.stopPropagation(),o.comboboxState===1&&a.openCombobox(),e.nextFrame(()=>{var R;return(R=o.inputRef.current)==null?void 0:R.focus({preventScroll:!0})});case S.ArrowUp:return g.preventDefault(),g.stopPropagation(),o.comboboxState===1&&(a.openCombobox(),e.nextFrame(()=>{o.value||a.goToOption(v.Last)})),e.nextFrame(()=>{var R;return(R=o.inputRef.current)==null?void 0:R.focus({preventScroll:!0})});case S.Escape:return o.comboboxState!==0?void 0:(g.preventDefault(),o.optionsRef.current&&!o.optionsPropsRef.current.static&&g.stopPropagation(),a.closeCombobox(),e.nextFrame(()=>{var R;return(R=o.inputRef.current)==null?void 0:R.focus({preventScroll:!0})}));default:return}}),P=x(g=>{if(Pe(g.currentTarget))return g.preventDefault();o.comboboxState===0?a.closeCombobox():(g.preventDefault(),a.openCombobox()),e.nextFrame(()=>{var R;return(R=o.inputRef.current)==null?void 0:R.focus({preventScroll:!0})})}),s=ee(()=>{if(!!o.labelId)return[o.labelId,d].join(" ")},[o.labelId,d]),y=M(()=>({open:o.comboboxState===0,disabled:o.disabled,value:o.value}),[o]),T={ref:u,id:d,type:Re(r,o.buttonRef),tabIndex:-1,"aria-haspopup":"listbox","aria-controls":(C=o.optionsRef.current)==null?void 0:C.id,"aria-expanded":o.disabled?void 0:o.comboboxState===0,"aria-labelledby":s,disabled:o.disabled,onClick:P,onKeyDown:p};return N({ourProps:T,theirProps:c,slot:y,defaultTag:We,name:"Combobox.Button"})}),$e="label",Je=G(function(r,n){let o=J(),{id:a=`headlessui-combobox-label-${o}`,...u}=r,i=j("Combobox.Label"),d=Q("Combobox.Label"),c=q(i.labelRef,n);k(()=>d.registerLabel(a),[a]);let e=x(()=>{var s;return(s=i.inputRef.current)==null?void 0:s.focus({preventScroll:!0})}),p=M(()=>({open:i.comboboxState===0,disabled:i.disabled}),[i]);return N({ourProps:{ref:c,id:a,onClick:e},theirProps:u,slot:p,defaultTag:$e,name:"Combobox.Label"})}),qe="ul",Qe=se.RenderStrategy|se.Static,Ye=G(function(r,n){let o=J(),{id:a=`headlessui-combobox-options-${o}`,hold:u=!1,...i}=r,d=j("Combobox.Options"),c=q(d.optionsRef,n),e=De(),p=(()=>e!==null?e===te.Open:d.comboboxState===0)();k(()=>{var T;d.optionsPropsRef.current.static=(T=r.static)!=null?T:!1},[d.optionsPropsRef,r.static]),k(()=>{d.optionsPropsRef.current.hold=u},[d.optionsPropsRef,u]),ve({container:d.optionsRef.current,enabled:d.comboboxState===0,accept(T){return T.getAttribute("role")==="option"?NodeFilter.FILTER_REJECT:T.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(T){T.setAttribute("role","none")}});let P=ee(()=>{var T,C;return(C=d.labelId)!=null?C:(T=d.buttonRef.current)==null?void 0:T.id},[d.labelId,d.buttonRef.current]),s=M(()=>({open:d.comboboxState===0}),[d]);return N({ourProps:{"aria-labelledby":P,role:"listbox",id:a,ref:c},theirProps:i,slot:s,defaultTag:qe,features:Qe,visible:p,name:"Combobox.Options"})}),Ze="li",ze=G(function(r,n){var F,_;let o=J(),{id:a=`headlessui-combobox-option-${o}`,disabled:u=!1,value:i,...d}=r,c=j("Combobox.Option"),e=Q("Combobox.Option"),p=c.activeOptionIndex!==null?c.options[c.activeOptionIndex].id===a:!1,P=c.isSelected(i),s=I(null),y=Ce({disabled:u,value:i,domRef:s,textValue:(_=(F=s.current)==null?void 0:F.textContent)==null?void 0:_.toLowerCase()}),T=q(n,s),C=x(()=>e.selectOption(a));k(()=>e.registerOption(a,y),[y,a]);let g=I(!c.__demoMode);k(()=>{if(!c.__demoMode)return;let O=pe();return O.requestAnimationFrame(()=>{g.current=!0}),O.dispose},[]),k(()=>{if(c.comboboxState!==0||!p||!g.current||c.activationTrigger===0)return;let O=pe();return O.requestAnimationFrame(()=>{var l,L;(L=(l=s.current)==null?void 0:l.scrollIntoView)==null||L.call(l,{block:"nearest"})}),O.dispose},[s,p,c.comboboxState,c.activationTrigger,c.activeOptionIndex]);let R=x(O=>{if(u)return O.preventDefault();C(),c.mode===0&&e.closeCombobox()}),K=x(()=>{if(u)return e.goToOption(v.Nothing);e.goToOption(v.Specific,a)}),h=he(),w=x(O=>h.update(O)),B=x(O=>{!h.wasMoved(O)||u||p||e.goToOption(v.Specific,a,0)}),D=x(O=>{!h.wasMoved(O)||u||!p||c.optionsPropsRef.current.hold||e.goToOption(v.Nothing)}),W=M(()=>({active:p,selected:P,disabled:u}),[p,P,u]);return N({ourProps:{id:a,ref:T,role:"option",tabIndex:u===!0?void 0:-1,"aria-disabled":u===!0?!0:void 0,"aria-selected":P,disabled:void 0,onClick:R,onFocus:K,onPointerEnter:w,onMouseEnter:w,onPointerMove:B,onMouseMove:B,onPointerLeave:D,onMouseLeave:D},theirProps:d,slot:W,defaultTag:Ze,name:"Combobox.Option"})}),ko=Object.assign(He,{Input:Ke,Button:Xe,Label:Je,Options:Ye,Option:ze});export{ko as Combobox};
+"use client";import{useFocusRing as Ee}from"@react-aria/focus";import{useHover as Se}from"@react-aria/interactions";import{useVirtualizer as Ne}from"@tanstack/react-virtual";import F,{Fragment as Ie,createContext as me,createRef as ke,useCallback as ce,useContext as fe,useMemo as W,useReducer as Ue,useRef as Z,useState as He}from"react";import{flushSync as ee}from"react-dom";import{useActivePress as Ge}from'../../hooks/use-active-press.js';import{useByComparator as ze}from'../../hooks/use-by-comparator.js';import{useControllable as Ke}from'../../hooks/use-controllable.js';import{useDefaultValue as We}from'../../hooks/use-default-value.js';import{useDisposables as je}from'../../hooks/use-disposables.js';import{useElementSize as Pe}from'../../hooks/use-element-size.js';import{useEvent as c}from'../../hooks/use-event.js';import{useId as se}from'../../hooks/use-id.js';import{useInertOthers as $e}from'../../hooks/use-inert-others.js';import{useIsoMorphicEffect as X}from'../../hooks/use-iso-morphic-effect.js';import{useLatestValue as Xe}from'../../hooks/use-latest-value.js';import{useOnDisappear as Je}from'../../hooks/use-on-disappear.js';import{useOutsideClick as qe}from'../../hooks/use-outside-click.js';import{useOwnerDocument as Ae}from'../../hooks/use-owner.js';import{useRefocusableInput as Re}from'../../hooks/use-refocusable-input.js';import{useResolveButtonType as Ye}from'../../hooks/use-resolve-button-type.js';import{useScrollLock as Qe}from'../../hooks/use-scroll-lock.js';import{useSyncRefs as de}from'../../hooks/use-sync-refs.js';import{useTrackedPointer as Ze}from'../../hooks/use-tracked-pointer.js';import{transitionDataAttributes as et,useTransition as tt}from'../../hooks/use-transition.js';import{useTreeWalker as ot}from'../../hooks/use-tree-walker.js';import{useWatch as _e}from'../../hooks/use-watch.js';import{useDisabled as nt}from'../../internal/disabled.js';import{FloatingProvider as it,useFloatingPanel as rt,useFloatingPanelProps as lt,useFloatingReference as at,useResolvedAnchor as ut}from'../../internal/floating.js';import{FormFields as pt}from'../../internal/form-fields.js';import{Frozen as st,useFrozenData as he}from'../../internal/frozen.js';import{useProvidedId as dt}from'../../internal/id.js';import{OpenClosedProvider as bt,State as be,useOpenClosed as mt}from'../../internal/open-closed.js';import{history as Me}from'../../utils/active-element-history.js';import{isDisabledReactIssue7711 as ct}from'../../utils/bugs.js';import{Focus as I,calculateActiveIndex as De}from'../../utils/calculate-active-index.js';import{disposables as Fe}from'../../utils/disposables.js';import{sortByDomNode as ft}from'../../utils/focus-management.js';import{match as te}from'../../utils/match.js';import{isMobile as Tt}from'../../utils/platform.js';import{RenderFeatures as Ve,forwardRefWithAs as ne,mergeProps as Te,render as ie}from'../../utils/render.js';import{useDescribedBy as xt}from'../description/description.js';import{Keys as B}from'../keyboard.js';import{Label as gt,useLabelledBy as xe,useLabels as vt}from'../label/label.js';import{MouseButton as Le}from'../mouse.js';import{Portal as yt}from'../portal/portal.js';var Ot=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(Ot||{}),Ct=(e=>(e[e.Single=0]="Single",e[e.Multi=1]="Multi",e))(Ct||{}),Et=(o=>(o[o.Pointer=0]="Pointer",o[o.Focus=1]="Focus",o[o.Other=2]="Other",o))(Et||{}),St=(l=>(l[l.OpenCombobox=0]="OpenCombobox",l[l.CloseCombobox=1]="CloseCombobox",l[l.GoToOption=2]="GoToOption",l[l.SetTyping=3]="SetTyping",l[l.RegisterOption=4]="RegisterOption",l[l.UnregisterOption=5]="UnregisterOption",l[l.SetActivationTrigger=6]="SetActivationTrigger",l[l.UpdateVirtualConfiguration=7]="UpdateVirtualConfiguration",l[l.SetInputElement=8]="SetInputElement",l[l.SetButtonElement=9]="SetButtonElement",l[l.SetOptionsElement=10]="SetOptionsElement",l))(St||{});function ge(t,n=e=>e){let e=t.activeOptionIndex!==null?t.options[t.activeOptionIndex]:null,o=n(t.options.slice()),f=o.length>0&&o[0].dataRef.current.order!==null?o.sort((m,d)=>m.dataRef.current.order-d.dataRef.current.order):ft(o,m=>m.dataRef.current.domRef.current),b=e?f.indexOf(e):null;return b===-1&&(b=null),{options:f,activeOptionIndex:b}}let It={[1](t){var n;return(n=t.dataRef.current)!=null&&n.disabled||t.comboboxState===1?t:{...t,activeOptionIndex:null,comboboxState:1,isTyping:!1,activationTrigger:2,__demoMode:!1}},[0](t){var n,e;if((n=t.dataRef.current)!=null&&n.disabled||t.comboboxState===0)return t;if((e=t.dataRef.current)!=null&&e.value){let o=t.dataRef.current.calculateIndex(t.dataRef.current.value);if(o!==-1)return{...t,activeOptionIndex:o,comboboxState:0,__demoMode:!1}}return{...t,comboboxState:0,__demoMode:!1}},[3](t,n){return t.isTyping===n.isTyping?t:{...t,isTyping:n.isTyping}},[2](t,n){var b,m,d,T;if((b=t.dataRef.current)!=null&&b.disabled||t.optionsElement&&!((m=t.dataRef.current)!=null&&m.optionsPropsRef.current.static)&&t.comboboxState===1)return t;if(t.virtual){let{options:r,disabled:i}=t.virtual,l=n.focus===I.Specific?n.idx:De(n,{resolveItems:()=>r,resolveActiveIndex:()=>{var A,s;return(s=(A=t.activeOptionIndex)!=null?A:r.findIndex(V=>!i(V)))!=null?s:null},resolveDisabled:i,resolveId(){throw new Error("Function not implemented.")}}),S=(d=n.trigger)!=null?d:2;return t.activeOptionIndex===l&&t.activationTrigger===S?t:{...t,activeOptionIndex:l,activationTrigger:S,isTyping:!1,__demoMode:!1}}let e=ge(t);if(e.activeOptionIndex===null){let r=e.options.findIndex(i=>!i.dataRef.current.disabled);r!==-1&&(e.activeOptionIndex=r)}let o=n.focus===I.Specific?n.idx:De(n,{resolveItems:()=>e.options,resolveActiveIndex:()=>e.activeOptionIndex,resolveId:r=>r.id,resolveDisabled:r=>r.dataRef.current.disabled}),f=(T=n.trigger)!=null?T:2;return t.activeOptionIndex===o&&t.activationTrigger===f?t:{...t,...e,isTyping:!1,activeOptionIndex:o,activationTrigger:f,__demoMode:!1}},[4]:(t,n)=>{var b,m,d;if((b=t.dataRef.current)!=null&&b.virtual)return{...t,options:[...t.options,n.payload]};let e=n.payload,o=ge(t,T=>(T.push(e),T));t.activeOptionIndex===null&&(m=t.dataRef.current)!=null&&m.isSelected(n.payload.dataRef.current.value)&&(o.activeOptionIndex=o.options.indexOf(e));let f={...t,...o,activationTrigger:2};return(d=t.dataRef.current)!=null&&d.__demoMode&&t.dataRef.current.value===void 0&&(f.activeOptionIndex=0),f},[5]:(t,n)=>{var o;if((o=t.dataRef.current)!=null&&o.virtual)return{...t,options:t.options.filter(f=>f.id!==n.id)};let e=ge(t,f=>{let b=f.findIndex(m=>m.id===n.id);return b!==-1&&f.splice(b,1),f});return{...t,...e,activationTrigger:2}},[6]:(t,n)=>t.activationTrigger===n.trigger?t:{...t,activationTrigger:n.trigger},[7]:(t,n)=>{var o,f;if(t.virtual===null)return{...t,virtual:{options:n.options,disabled:(o=n.disabled)!=null?o:()=>!1}};if(t.virtual.options===n.options&&t.virtual.disabled===n.disabled)return t;let e=t.activeOptionIndex;if(t.activeOptionIndex!==null){let b=n.options.indexOf(t.virtual.options[t.activeOptionIndex]);b!==-1?e=b:e=null}return{...t,activeOptionIndex:e,virtual:{options:n.options,disabled:(f=n.disabled)!=null?f:()=>!1}}},[8]:(t,n)=>t.inputElement===n.element?t:{...t,inputElement:n.element},[9]:(t,n)=>t.buttonElement===n.element?t:{...t,buttonElement:n.element},[10]:(t,n)=>t.optionsElement===n.element?t:{...t,optionsElement:n.element}},ve=me(null);ve.displayName="ComboboxActionsContext";function re(t){let n=fe(ve);if(n===null){let e=new Error(`<${t} /> is missing a parent <Combobox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(e,re),e}return n}let Be=me(null);function Pt(t){let n=oe("VirtualProvider"),{options:e}=n.virtual,[o,f]=W(()=>{let r=n.optionsElement;if(!r)return[0,0];let i=window.getComputedStyle(r);return[parseFloat(i.paddingBlockStart||i.paddingTop),parseFloat(i.paddingBlockEnd||i.paddingBottom)]},[n.optionsElement]),b=Ne({enabled:e.length!==0,scrollPaddingStart:o,scrollPaddingEnd:f,count:e.length,estimateSize(){return 40},getScrollElement(){return n.optionsElement},overscan:12}),[m,d]=He(0);X(()=>{d(r=>r+1)},[e]);let T=b.getVirtualItems();return T.length===0?null:F.createElement(Be.Provider,{value:b},F.createElement("div",{style:{position:"relative",width:"100%",height:`${b.getTotalSize()}px`},ref:r=>{if(r){if(typeof process!="undefined"&&process.env.JEST_WORKER_ID!==void 0||n.activationTrigger===0)return;n.activeOptionIndex!==null&&e.length>n.activeOptionIndex&&b.scrollToIndex(n.activeOptionIndex)}}},T.map(r=>{var i;return F.createElement(Ie,{key:r.key},F.cloneElement((i=t.children)==null?void 0:i.call(t,{...t.slot,option:e[r.index]}),{key:`${m}-${r.key}`,"data-index":r.index,"aria-setsize":e.length,"aria-posinset":r.index+1,style:{position:"absolute",top:0,left:0,transform:`translateY(${r.start}px)`,overflowAnchor:"none"}}))})))}let le=me(null);le.displayName="ComboboxDataContext";function oe(t){let n=fe(le);if(n===null){let e=new Error(`<${t} /> is missing a parent <Combobox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(e,oe),e}return n}function At(t,n){return te(n.type,It,t,n)}let Rt=Ie;function _t(t,n){var ye,Oe;let e=nt(),{value:o,defaultValue:f,onChange:b,form:m,name:d,by:T,disabled:r=e||!1,onClose:i,__demoMode:l=!1,multiple:S=!1,immediate:A=!1,virtual:s=null,nullable:V,...N}=t,_=We(f),[C=S?[]:void 0,x]=Ke(o,b,_),[P,v]=Ue(At,{dataRef:ke(),comboboxState:l?0:1,isTyping:!1,options:[],virtual:s?{options:s.options,disabled:(ye=s.disabled)!=null?ye:()=>!1}:null,activeOptionIndex:null,activationTrigger:2,inputElement:null,buttonElement:null,optionsElement:null,__demoMode:l}),M=Z(!1),y=Z({static:!1,hold:!1}),D=ze(T),j=c(p=>s?T===null?s.options.indexOf(p):s.options.findIndex(g=>D(g,p)):P.options.findIndex(g=>D(g.dataRef.current.value,p))),q=ce(p=>te(u.mode,{[1]:()=>C.some(g=>D(g,p)),[0]:()=>D(C,p)}),[C]),H=c(p=>P.activeOptionIndex===j(p)),u=W(()=>({...P,immediate:A,optionsPropsRef:y,value:C,defaultValue:_,disabled:r,mode:S?1:0,virtual:s?P.virtual:null,get activeOptionIndex(){if(M.current&&P.activeOptionIndex===null&&(s?s.options.length>0:P.options.length>0)){if(s){let g=s.options.findIndex(z=>{var pe,Ce;return!((Ce=(pe=s.disabled)==null?void 0:pe.call(s,z))!=null&&Ce)});if(g!==-1)return g}let p=P.options.findIndex(g=>!g.dataRef.current.disabled);if(p!==-1)return p}return P.activeOptionIndex},calculateIndex:j,compare:D,isSelected:q,isActive:H}),[C,_,r,S,l,P,s]);X(()=>{var p;s&&v({type:7,options:s.options,disabled:(p=s.disabled)!=null?p:null})},[s,s==null?void 0:s.options,s==null?void 0:s.disabled]),X(()=>{P.dataRef.current=u},[u]);let G=u.comboboxState===0;qe(G,[u.buttonElement,u.inputElement,u.optionsElement],()=>L.closeCombobox());let K=W(()=>{var p,g,z;return{open:u.comboboxState===0,disabled:r,activeIndex:u.activeOptionIndex,activeOption:u.activeOptionIndex===null?null:u.virtual?u.virtual.options[(p=u.activeOptionIndex)!=null?p:0]:(z=(g=u.options[u.activeOptionIndex])==null?void 0:g.dataRef.current.value)!=null?z:null,value:C}},[u,r,C]),O=c(()=>{if(u.activeOptionIndex!==null){if(L.setIsTyping(!1),u.virtual)Q(u.virtual.options[u.activeOptionIndex]);else{let{dataRef:p}=u.options[u.activeOptionIndex];Q(p.current.value)}L.goToOption(I.Specific,u.activeOptionIndex)}}),k=c(()=>{v({type:0}),M.current=!0}),Y=c(()=>{v({type:1}),M.current=!1,i==null||i()}),J=c(p=>{v({type:3,isTyping:p})}),h=c((p,g,z)=>(M.current=!1,p===I.Specific?v({type:2,focus:I.Specific,idx:g,trigger:z}):v({type:2,focus:p,trigger:z}))),ae=c((p,g)=>(v({type:4,payload:{id:p,dataRef:g}}),()=>{u.isActive(g.current.value)&&(M.current=!0),v({type:5,id:p})})),Q=c(p=>te(u.mode,{[0](){return x==null?void 0:x(p)},[1](){let g=u.value.slice(),z=g.findIndex(pe=>D(pe,p));return z===-1?g.push(p):g.splice(z,1),x==null?void 0:x(g)}})),ue=c(p=>{v({type:6,trigger:p})}),a=c(p=>{v({type:8,element:p})}),U=c(p=>{v({type:9,element:p})}),R=c(p=>{v({type:10,element:p})}),L=W(()=>({onChange:Q,registerOption:ae,goToOption:h,setIsTyping:J,closeCombobox:Y,openCombobox:k,setActivationTrigger:ue,selectActiveOption:O,setInputElement:a,setButtonElement:U,setOptionsElement:R}),[]),[E,w]=vt(),$=n===null?{}:{ref:n},we=ce(()=>{if(_!==void 0)return x==null?void 0:x(_)},[x,_]);return F.createElement(w,{value:E,props:{htmlFor:(Oe=u.inputElement)==null?void 0:Oe.id},slot:{open:u.comboboxState===0,disabled:r}},F.createElement(it,null,F.createElement(ve.Provider,{value:L},F.createElement(le.Provider,{value:u},F.createElement(bt,{value:te(u.comboboxState,{[0]:be.Open,[1]:be.Closed})},d!=null&&F.createElement(pt,{disabled:r,data:C!=null?{[d]:C}:{},form:m,onReset:we}),ie({ourProps:$,theirProps:N,slot:K,defaultTag:Rt,name:"Combobox"}))))))}let ht="input";function Mt(t,n){var J,h,ae,Q,ue;let e=oe("Combobox.Input"),o=re("Combobox.Input"),f=se(),b=dt(),{id:m=b||`headlessui-combobox-input-${f}`,onChange:d,displayValue:T,disabled:r=e.disabled||!1,autoFocus:i=!1,type:l="text",...S}=t,A=Z(null),s=de(A,n,at(),o.setInputElement),V=Ae(e.inputElement),N=je(),_=c(()=>{o.onChange(null),e.optionsElement&&(e.optionsElement.scrollTop=0),o.goToOption(I.Nothing)}),C=W(()=>{var a;return typeof T=="function"&&e.value!==void 0?(a=T(e.value))!=null?a:"":typeof e.value=="string"?e.value:""},[e.value,T]);_e(([a,U],[R,L])=>{if(e.isTyping)return;let E=A.current;E&&((L===0&&U===1||a!==R)&&(E.value=a),requestAnimationFrame(()=>{if(e.isTyping||!E||(V==null?void 0:V.activeElement)!==E)return;let{selectionStart:w,selectionEnd:$}=E;Math.abs(($!=null?$:0)-(w!=null?w:0))===0&&w===0&&E.setSelectionRange(E.value.length,E.value.length)}))},[C,e.comboboxState,V,e.isTyping]),_e(([a],[U])=>{if(a===0&&U===1){if(e.isTyping)return;let R=A.current;if(!R)return;let L=R.value,{selectionStart:E,selectionEnd:w,selectionDirection:$}=R;R.value="",R.value=L,$!==null?R.setSelectionRange(E,w,$):R.setSelectionRange(E,w)}},[e.comboboxState]);let x=Z(!1),P=c(()=>{x.current=!0}),v=c(()=>{N.nextFrame(()=>{x.current=!1})}),M=c(a=>{switch(o.setIsTyping(!0),a.key){case B.Enter:if(e.comboboxState!==0||x.current)return;if(a.preventDefault(),a.stopPropagation(),e.activeOptionIndex===null){o.closeCombobox();return}o.selectActiveOption(),e.mode===0&&o.closeCombobox();break;case B.ArrowDown:return a.preventDefault(),a.stopPropagation(),te(e.comboboxState,{[0]:()=>o.goToOption(I.Next),[1]:()=>o.openCombobox()});case B.ArrowUp:return a.preventDefault(),a.stopPropagation(),te(e.comboboxState,{[0]:()=>o.goToOption(I.Previous),[1]:()=>{ee(()=>o.openCombobox()),e.value||o.goToOption(I.Last)}});case B.Home:if(a.shiftKey)break;return a.preventDefault(),a.stopPropagation(),o.goToOption(I.First);case B.PageUp:return a.preventDefault(),a.stopPropagation(),o.goToOption(I.First);case B.End:if(a.shiftKey)break;return a.preventDefault(),a.stopPropagation(),o.goToOption(I.Last);case B.PageDown:return a.preventDefault(),a.stopPropagation(),o.goToOption(I.Last);case B.Escape:return e.comboboxState!==0?void 0:(a.preventDefault(),e.optionsElement&&!e.optionsPropsRef.current.static&&a.stopPropagation(),e.mode===0&&e.value===null&&_(),o.closeCombobox());case B.Tab:if(e.comboboxState!==0)return;e.mode===0&&e.activationTrigger!==1&&o.selectActiveOption(),o.closeCombobox();break}}),y=c(a=>{d==null||d(a),e.mode===0&&a.target.value===""&&_(),o.openCombobox()}),D=c(a=>{var R,L,E;let U=(R=a.relatedTarget)!=null?R:Me.find(w=>w!==a.currentTarget);if(!((L=e.optionsElement)!=null&&L.contains(U))&&!((E=e.buttonElement)!=null&&E.contains(U))&&e.comboboxState===0)return a.preventDefault(),e.mode===0&&e.value===null&&_(),o.closeCombobox()}),j=c(a=>{var R,L,E;let U=(R=a.relatedTarget)!=null?R:Me.find(w=>w!==a.currentTarget);(L=e.buttonElement)!=null&&L.contains(U)||(E=e.optionsElement)!=null&&E.contains(U)||e.disabled||e.immediate&&e.comboboxState!==0&&N.microTask(()=>{ee(()=>o.openCombobox()),o.setActivationTrigger(1)})}),q=xe(),H=xt(),{isFocused:u,focusProps:G}=Ee({autoFocus:i}),{isHovered:K,hoverProps:O}=Se({isDisabled:r}),k=W(()=>({open:e.comboboxState===0,disabled:r,hover:K,focus:u,autofocus:i}),[e,K,u,i,r]),Y=Te({ref:s,id:m,role:"combobox",type:l,"aria-controls":(J=e.optionsElement)==null?void 0:J.id,"aria-expanded":e.comboboxState===0,"aria-activedescendant":e.activeOptionIndex===null?void 0:e.virtual?(h=e.options.find(a=>!a.dataRef.current.disabled&&e.compare(a.dataRef.current.value,e.virtual.options[e.activeOptionIndex])))==null?void 0:h.id:(ae=e.options[e.activeOptionIndex])==null?void 0:ae.id,"aria-labelledby":q,"aria-describedby":H,"aria-autocomplete":"list",defaultValue:(ue=(Q=t.defaultValue)!=null?Q:e.defaultValue!==void 0?T==null?void 0:T(e.defaultValue):null)!=null?ue:e.defaultValue,disabled:r||void 0,autoFocus:i,onCompositionStart:P,onCompositionEnd:v,onKeyDown:M,onChange:y,onFocus:j,onBlur:D},G,O);return ie({ourProps:Y,theirProps:S,slot:k,defaultTag:ht,name:"Combobox.Input"})}let Dt="button";function Ft(t,n){var M;let e=oe("Combobox.Button"),o=re("Combobox.Button"),f=de(n,o.setButtonElement),b=se(),{id:m=`headlessui-combobox-button-${b}`,disabled:d=e.disabled||!1,autoFocus:T=!1,...r}=t,i=Re(e.inputElement),l=c(y=>{switch(y.key){case B.Space:case B.Enter:y.preventDefault(),y.stopPropagation(),e.comboboxState===1&&ee(()=>o.openCombobox()),i();return;case B.ArrowDown:y.preventDefault(),y.stopPropagation(),e.comboboxState===1&&(ee(()=>o.openCombobox()),e.value||o.goToOption(I.First)),i();return;case B.ArrowUp:y.preventDefault(),y.stopPropagation(),e.comboboxState===1&&(ee(()=>o.openCombobox()),e.value||o.goToOption(I.Last)),i();return;case B.Escape:if(e.comboboxState!==0)return;y.preventDefault(),e.optionsElement&&!e.optionsPropsRef.current.static&&y.stopPropagation(),ee(()=>o.closeCombobox()),i();return;default:return}}),S=c(y=>{y.preventDefault(),!ct(y.currentTarget)&&(y.button===Le.Left&&(e.comboboxState===0?o.closeCombobox():o.openCombobox()),i())}),A=xe([m]),{isFocusVisible:s,focusProps:V}=Ee({autoFocus:T}),{isHovered:N,hoverProps:_}=Se({isDisabled:d}),{pressed:C,pressProps:x}=Ge({disabled:d}),P=W(()=>({open:e.comboboxState===0,active:C||e.comboboxState===0,disabled:d,value:e.value,hover:N,focus:s}),[e,N,s,C,d]),v=Te({ref:f,id:m,type:Ye(t,e.buttonElement),tabIndex:-1,"aria-haspopup":"listbox","aria-controls":(M=e.optionsElement)==null?void 0:M.id,"aria-expanded":e.comboboxState===0,"aria-labelledby":A,disabled:d||void 0,autoFocus:T,onMouseDown:S,onKeyDown:l},V,_,x);return ie({ourProps:v,theirProps:r,slot:P,defaultTag:Dt,name:"Combobox.Button"})}let Vt="div",Lt=Ve.RenderStrategy|Ve.Static;function Bt(t,n){var k,Y,J;let e=se(),{id:o=`headlessui-combobox-options-${e}`,hold:f=!1,anchor:b,portal:m=!1,modal:d=!0,transition:T=!1,...r}=t,i=oe("Combobox.Options"),l=re("Combobox.Options"),S=ut(b);S&&(m=!0);let[A,s]=rt(S),V=lt(),N=de(n,S?A:null,l.setOptionsElement),_=Ae(i.optionsElement),C=mt(),[x,P]=tt(T,i.optionsElement,C!==null?(C&be.Open)===be.Open:i.comboboxState===0);Je(x,i.inputElement,l.closeCombobox);let v=i.__demoMode?!1:d&&i.comboboxState===0;Qe(v,_);let M=i.__demoMode?!1:d&&i.comboboxState===0;$e(M,{allowed:ce(()=>[i.inputElement,i.buttonElement,i.optionsElement],[i.inputElement,i.buttonElement,i.optionsElement])}),X(()=>{var h;i.optionsPropsRef.current.static=(h=t.static)!=null?h:!1},[i.optionsPropsRef,t.static]),X(()=>{i.optionsPropsRef.current.hold=f},[i.optionsPropsRef,f]),ot(i.comboboxState===0,{container:i.optionsElement,accept(h){return h.getAttribute("role")==="option"?NodeFilter.FILTER_REJECT:h.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(h){h.setAttribute("role","none")}});let y=xe([(k=i.buttonElement)==null?void 0:k.id]),D=W(()=>({open:i.comboboxState===0,option:void 0}),[i.comboboxState]),j=c(()=>{l.setActivationTrigger(0)}),q=c(h=>{h.preventDefault(),l.setActivationTrigger(0)}),H=Te(S?V():{},{"aria-labelledby":y,role:"listbox","aria-multiselectable":i.mode===1?!0:void 0,id:o,ref:N,style:{...r.style,...s,"--input-width":Pe(i.inputElement,!0).width,"--button-width":Pe(i.buttonElement,!0).width},onWheel:i.activationTrigger===0?void 0:j,onMouseDown:q,...et(P)}),u=x&&i.comboboxState===1,G=he(u,(Y=i.virtual)==null?void 0:Y.options),K=he(u,i.value),O=c(h=>i.compare(K,h));if(i.virtual){if(G===void 0)throw new Error("Missing `options` in virtual mode");Object.assign(r,{children:F.createElement(le.Provider,{value:G!==i.virtual.options?{...i,virtual:{...i.virtual,options:G}}:i},F.createElement(Pt,{slot:D},r.children))})}return F.createElement(yt,{enabled:m?t.static||x:!1},F.createElement(le.Provider,{value:i.mode===1?i:{...i,isSelected:O}},ie({ourProps:H,theirProps:{...r,children:F.createElement(st,{freeze:u},typeof r.children=="function"?(J=r.children)==null?void 0:J.call(r,D):r.children)},slot:D,defaultTag:Vt,features:Lt,visible:x,name:"Combobox.Options"})))}let wt="div";function Nt(t,n){var H,u,G,K;let e=oe("Combobox.Option"),o=re("Combobox.Option"),f=se(),{id:b=`headlessui-combobox-option-${f}`,value:m,disabled:d=(G=(u=(H=e.virtual)==null?void 0:H.disabled)==null?void 0:u.call(H,m))!=null?G:!1,order:T=null,...r}=t,i=Re(e.inputElement),l=e.virtual?e.activeOptionIndex===e.calculateIndex(m):e.activeOptionIndex===null?!1:((K=e.options[e.activeOptionIndex])==null?void 0:K.id)===b,S=e.isSelected(m),A=Z(null),s=Xe({disabled:d,value:m,domRef:A,order:T}),V=fe(Be),N=de(n,A,V?V.measureElement:null),_=c(()=>{o.setIsTyping(!1),o.onChange(m)});X(()=>o.registerOption(b,s),[s,b]);let C=Z(!(e.virtual||e.__demoMode));X(()=>{if(!e.virtual&&!e.__demoMode)return Fe().requestAnimationFrame(()=>{C.current=!0})},[e.virtual,e.__demoMode]),X(()=>{if(C.current&&e.comboboxState===0&&l&&e.activationTrigger!==0)return Fe().requestAnimationFrame(()=>{var O,k;(k=(O=A.current)==null?void 0:O.scrollIntoView)==null||k.call(O,{block:"nearest"})})},[A,l,e.comboboxState,e.activationTrigger,e.activeOptionIndex]);let x=c(O=>{O.preventDefault(),O.button===Le.Left&&(d||(_(),Tt()||requestAnimationFrame(()=>i()),e.mode===0&&o.closeCombobox()))}),P=c(()=>{if(d)return o.goToOption(I.Nothing);let O=e.calculateIndex(m);o.goToOption(I.Specific,O)}),v=Ze(),M=c(O=>v.update(O)),y=c(O=>{if(!v.wasMoved(O)||d||l)return;let k=e.calculateIndex(m);o.goToOption(I.Specific,k,0)}),D=c(O=>{v.wasMoved(O)&&(d||l&&(e.optionsPropsRef.current.hold||o.goToOption(I.Nothing)))}),j=W(()=>({active:l,focus:l,selected:S,disabled:d}),[l,S,d]);return ie({ourProps:{id:b,ref:N,role:"option",tabIndex:d===!0?void 0:-1,"aria-disabled":d===!0?!0:void 0,"aria-selected":S,disabled:void 0,onMouseDown:x,onFocus:P,onPointerEnter:M,onMouseEnter:M,onPointerMove:y,onMouseMove:y,onPointerLeave:D,onMouseLeave:D},theirProps:r,slot:j,defaultTag:wt,name:"Combobox.Option"})}let kt=ne(_t),Ut=ne(Ft),Ht=ne(Mt),Gt=gt,zt=ne(Bt),Kt=ne(Nt),ko=Object.assign(kt,{Input:Ht,Button:Ut,Label:Gt,Options:zt,Option:Kt});export{ko as Combobox,Ut as ComboboxButton,Ht as ComboboxInput,Gt as ComboboxLabel,Kt as ComboboxOption,zt as ComboboxOptions};

dist/components/description/description.d.ts

@@ -1,3 +0,4 @@
-import React, { ReactNode, Ref } from 'react';
-import { Props } from '../../types.js';
+import React, { type ElementType, type ReactNode, type Ref } from 'react';
+import type { Props } from '../../types.js';
+import { type HasDisplayName, type RefProp } from '../../utils/render.js';
 interface SharedData {
@@ -8,4 +9,6 @@ slot?: {};
 }
+export declare function useDescribedBy(): string | undefined;
 interface DescriptionProviderProps extends SharedData {
     children: ReactNode;
+    value?: string | undefined;
 }
@@ -16,5 +19,9 @@ export declare function useDescriptions(): [
 ];
-export declare let Description: (<TTag extends React.ElementType<any> = "p">(props: Props<TTag, {}, "1D45E01E-AF44-47C4-988A-19A94EBAF55C">, ref: Ref<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-    displayName: string;
-};
+declare let DEFAULT_DESCRIPTION_TAG: "p";
+export type DescriptionProps<TTag extends ElementType = typeof DEFAULT_DESCRIPTION_TAG> = Props<TTag>;
+declare function DescriptionFn<TTag extends ElementType = typeof DEFAULT_DESCRIPTION_TAG>(props: DescriptionProps<TTag>, ref: Ref<HTMLElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export interface _internal_ComponentDescription extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_DESCRIPTION_TAG>(props: DescriptionProps<TTag> & RefProp<typeof DescriptionFn>): JSX.Element;
+}
+export declare let Description: _internal_ComponentDescription;
 export {};

dist/components/description/description.js

@@ -1,1 +0,1 @@
-import f,{createContext as m,useContext as D,useMemo as l,useState as P}from"react";import{useId as T}from'../../hooks/use-id.js';import{forwardRefWithAs as g,render as x}from'../../utils/render.js';import{useIsoMorphicEffect as E}from'../../hooks/use-iso-morphic-effect.js';import{useSyncRefs as h}from'../../hooks/use-sync-refs.js';import{useEvent as v}from'../../hooks/use-event.js';let d=m(null);function u(){let n=D(d);if(n===null){let t=new Error("You used a <Description /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(t,u),t}return n}function k(){let[n,t]=P([]);return[n.length>0?n.join(" "):void 0,l(()=>function(e){let i=v(r=>(t(o=>[...o,r]),()=>t(o=>{let s=o.slice(),p=s.indexOf(r);return p!==-1&&s.splice(p,1),s}))),a=l(()=>({register:i,slot:e.slot,name:e.name,props:e.props}),[i,e.slot,e.name,e.props]);return f.createElement(d.Provider,{value:a},e.children)},[t])]}let S="p",F=g(function(t,c){let e=T(),{id:i=`headlessui-description-${e}`,...a}=t,r=u(),o=h(c);E(()=>r.register(i),[i,r.register]);let s={ref:o,...r.props,id:i};return x({ourProps:s,theirProps:a,slot:r.slot||{},defaultTag:S,name:r.name||"Description"})});export{F as Description,k as useDescriptions};
+"use client";import m,{createContext as T,useContext as u,useMemo as c,useState as P}from"react";import{useEvent as g}from'../../hooks/use-event.js';import{useId as x}from'../../hooks/use-id.js';import{useIsoMorphicEffect as y}from'../../hooks/use-iso-morphic-effect.js';import{useSyncRefs as E}from'../../hooks/use-sync-refs.js';import{useDisabled as v}from'../../internal/disabled.js';import{forwardRefWithAs as R,render as I}from'../../utils/render.js';let a=T(null);a.displayName="DescriptionContext";function f(){let r=u(a);if(r===null){let e=new Error("You used a <Description /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(e,f),e}return r}function G(){var r,e;return(e=(r=u(a))==null?void 0:r.value)!=null?e:void 0}function U(){let[r,e]=P([]);return[r.length>0?r.join(" "):void 0,c(()=>function(t){let i=g(n=>(e(s=>[...s,n]),()=>e(s=>{let o=s.slice(),p=o.indexOf(n);return p!==-1&&o.splice(p,1),o}))),l=c(()=>({register:i,slot:t.slot,name:t.name,props:t.props,value:t.value}),[i,t.slot,t.name,t.props,t.value]);return m.createElement(a.Provider,{value:l},t.children)},[e])]}let S="p";function C(r,e){let d=x(),t=v(),{id:i=`headlessui-description-${d}`,...l}=r,n=f(),s=E(e);y(()=>n.register(i),[i,n.register]);let o=t||!1,p=c(()=>({...n.slot,disabled:o}),[n.slot,o]),D={ref:s,...n.props,id:i};return I({ourProps:D,theirProps:l,slot:p,defaultTag:S,name:n.name||"Description"})}let _=R(C),w=Object.assign(_,{});export{w as Description,G as useDescribedBy,U as useDescriptions};

dist/components/dialog/dialog.d.ts

@@ -1,55 +0,70 @@
-import React, { MutableRefObject, Ref } from 'react';
-import { Props } from '../../types.js';
-import { PropsForFeatures } from '../../utils/render.js';
-interface DialogRenderPropArg {
+import React, { type ElementType, type MutableRefObject, type Ref } from 'react';
+import type { Props } from '../../types.js';
+import { type HasDisplayName, type PropsForFeatures, type RefProp } from '../../utils/render.js';
+import { type _internal_ComponentDescription } from '../description/description.js';
+declare let DEFAULT_DIALOG_TAG: "div";
+type DialogRenderPropArg = {
     open: boolean;
-}
-declare type DialogPropsWeControl = 'role' | 'aria-modal' | 'aria-describedby' | 'aria-labelledby';
+};
+type DialogPropsWeControl = 'aria-describedby' | 'aria-labelledby' | 'aria-modal';
 declare let DialogRenderFeatures: number;
-interface OverlayRenderPropArg {
+export type DialogProps<TTag extends ElementType = typeof DEFAULT_DIALOG_TAG> = Props<TTag, DialogRenderPropArg, DialogPropsWeControl, PropsForFeatures<typeof DialogRenderFeatures> & {
+    open?: boolean;
+    onClose(value: boolean): void;
+    initialFocus?: MutableRefObject<HTMLElement | null>;
+    role?: 'dialog' | 'alertdialog';
+    autoFocus?: boolean;
+    transition?: boolean;
+    __demoMode?: boolean;
+}>;
+declare function DialogFn<TTag extends ElementType = typeof DEFAULT_DIALOG_TAG>(props: DialogProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+declare let DEFAULT_PANEL_TAG: "div";
+type PanelRenderPropArg = {
     open: boolean;
-}
-declare type OverlayPropsWeControl = 'aria-hidden' | 'onClick';
-interface BackdropRenderPropArg {
+};
+export type DialogPanelProps<TTag extends ElementType = typeof DEFAULT_PANEL_TAG> = Props<TTag, PanelRenderPropArg, never, {
+    transition?: boolean;
+}>;
+declare function PanelFn<TTag extends ElementType = typeof DEFAULT_PANEL_TAG>(props: DialogPanelProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+declare let DEFAULT_BACKDROP_TAG: "div";
+type BackdropRenderPropArg = {
     open: boolean;
-}
-declare type BackdropPropsWeControl = 'aria-hidden' | 'onClick';
-interface PanelRenderPropArg {
+};
+export type DialogBackdropProps<TTag extends ElementType = typeof DEFAULT_BACKDROP_TAG> = Props<TTag, BackdropRenderPropArg, never, {
+    transition?: boolean;
+}>;
+declare function BackdropFn<TTag extends ElementType = typeof DEFAULT_BACKDROP_TAG>(props: DialogBackdropProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+declare let DEFAULT_TITLE_TAG: "h2";
+type TitleRenderPropArg = {
     open: boolean;
+};
+export type DialogTitleProps<TTag extends ElementType = typeof DEFAULT_TITLE_TAG> = Props<TTag, TitleRenderPropArg>;
+declare function TitleFn<TTag extends ElementType = typeof DEFAULT_TITLE_TAG>(props: DialogTitleProps<TTag>, ref: Ref<HTMLElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export interface _internal_ComponentDialog extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_DIALOG_TAG>(props: DialogProps<TTag> & RefProp<typeof DialogFn>): JSX.Element;
 }
-interface TitleRenderPropArg {
-    open: boolean;
+export interface _internal_ComponentDialogPanel extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_PANEL_TAG>(props: DialogPanelProps<TTag> & RefProp<typeof PanelFn>): JSX.Element;
 }
-export declare let Dialog: (<TTag extends React.ElementType<any> = "div">(props: Props<TTag, DialogRenderPropArg, DialogPropsWeControl> & (({
-    static?: undefined;
-} & {
-    unmount?: boolean | undefined;
-}) | ({
-    unmount?: undefined;
-} & {
-    static?: boolean | undefined;
-})) & {
-    open?: boolean | undefined;
-    onClose(value: boolean): void;
-    initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
-    __demoMode?: boolean | undefined;
-}, ref: Ref<HTMLDivElement>) => JSX.Element) & {
-    displayName: string;
-} & {
-    Backdrop: (<TTag_1 extends React.ElementType<any> = "div">(props: Props<TTag_1, BackdropRenderPropArg, BackdropPropsWeControl>, ref: Ref<HTMLDivElement>) => JSX.Element) & {
-        displayName: string;
-    };
-    Panel: (<TTag_2 extends React.ElementType<any> = "div">(props: Props<TTag_2, PanelRenderPropArg, "1D45E01E-AF44-47C4-988A-19A94EBAF55C">, ref: Ref<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Overlay: (<TTag_3 extends React.ElementType<any> = "div">(props: Props<TTag_3, OverlayRenderPropArg, OverlayPropsWeControl>, ref: Ref<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Title: (<TTag_4 extends React.ElementType<any> = "h2">(props: Props<TTag_4, TitleRenderPropArg, "1D45E01E-AF44-47C4-988A-19A94EBAF55C">, ref: Ref<HTMLHeadingElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Description: (<TTag_5 extends React.ElementType<any> = "p">(props: Props<TTag_5, {}, "1D45E01E-AF44-47C4-988A-19A94EBAF55C">, ref: React.Ref<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
+export interface _internal_ComponentDialogBackdrop extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_BACKDROP_TAG>(props: DialogBackdropProps<TTag> & RefProp<typeof BackdropFn>): JSX.Element;
+}
+export interface _internal_ComponentDialogTitle extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_TITLE_TAG>(props: DialogTitleProps<TTag> & RefProp<typeof TitleFn>): JSX.Element;
+}
+export interface _internal_ComponentDialogDescription extends _internal_ComponentDescription {
+}
+export declare let DialogPanel: _internal_ComponentDialogPanel;
+export declare let DialogBackdrop: _internal_ComponentDialogBackdrop;
+export declare let DialogTitle: _internal_ComponentDialogTitle;
+/** @deprecated use `<Description>` instead of `<DialogDescription>` */
+export declare let DialogDescription: _internal_ComponentDialogDescription;
+export declare let Dialog: _internal_ComponentDialog & {
+    /** @deprecated use `<DialogPanel>` instead of `<Dialog.Panel>` */
+    Panel: _internal_ComponentDialogPanel;
+    /** @deprecated use `<DialogTitle>` instead of `<Dialog.Title>` */
+    Title: _internal_ComponentDialogTitle;
+    /** @deprecated use `<Description>` instead of `<Dialog.Description>` */
+    Description: _internal_ComponentDialogDescription;
 };
 export {};

dist/components/dialog/dialog.js

@@ -1,1 +0,1 @@
-import u,{createContext as le,createRef as ne,useContext as K,useEffect as x,useMemo as E,useReducer as ae,useRef as H,useState as ie}from"react";import{match as I}from'../../utils/match.js';import{forwardRefWithAs as b,render as h,Features as V}from'../../utils/render.js';import{useSyncRefs as C}from'../../hooks/use-sync-refs.js';import{Keys as se}from'../keyboard.js';import{isDisabledReactIssue7711 as pe}from'../../utils/bugs.js';import{useId as O}from'../../hooks/use-id.js';import{FocusTrap as S}from'../../components/focus-trap/focus-trap.js';import{useInertOthers as de}from'../../hooks/use-inert-others.js';import{Portal as G}from'../../components/portal/portal.js';import{ForcePortalRoot as B}from'../../internal/portal-force-root.js';import{Description as ue,useDescriptions as fe}from'../description/description.js';import{useOpenClosed as ce,State as q}from'../../internal/open-closed.js';import{useServerHandoffComplete as ge}from'../../hooks/use-server-handoff-complete.js';import{StackProvider as Te,StackMessage as z}from'../../internal/stack-context.js';import{useOutsideClick as me}from'../../hooks/use-outside-click.js';import{useOwnerDocument as De}from'../../hooks/use-owner.js';import{useEventListener as Pe}from'../../hooks/use-event-listener.js';import{Hidden as ye,Features as Re}from'../../internal/hidden.js';import{useEvent as v}from'../../hooks/use-event.js';import{useDocumentOverflowLockedEffect as Ae}from'../../hooks/document-overflow/use-document-overflow.js';var Ee=(t=>(t[t.Open=0]="Open",t[t.Closed=1]="Closed",t))(Ee||{}),ve=(e=>(e[e.SetTitleId=0]="SetTitleId",e))(ve||{});let be={[0](r,e){return r.titleId===e.id?r:{...r,titleId:e.id}}},M=le(null);M.displayName="DialogContext";function L(r){let e=K(M);if(e===null){let t=new Error(`<${r} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,L),t}return e}function he(r,e,t=()=>[document.body]){Ae(r,e,d=>{var l;return{containers:[...(l=d.containers)!=null?l:[],t]}})}function Ce(r,e){return I(e.type,be,r,e)}let Oe="div",Se=V.RenderStrategy|V.Static,Le=b(function(e,t){let d=O(),{id:l=`headlessui-dialog-${d}`,open:n,onClose:o,initialFocus:a,__demoMode:c=!1,...g}=e,[D,F]=ie(0),i=ce();n===void 0&&i!==null&&(n=I(i,{[q.Open]:!0,[q.Closed]:!1}));let _=H(new Set),T=H(null),J=C(T,t),U=H(null),P=De(T),$=e.hasOwnProperty("open")||i!==null,N=e.hasOwnProperty("onClose");if(!$&&!N)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!$)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!N)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if(typeof n!="boolean")throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${n}`);if(typeof o!="function")throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${o}`);let s=n?0:1,[y,Q]=ae(Ce,{titleId:null,descriptionId:null,panelRef:ne()}),R=v(()=>o(!1)),W=v(p=>Q({type:0,id:p})),w=ge()?c?!1:s===0:!1,k=D>1,X=K(M)!==null,Z=k?"parent":"leaf";de(T,k?w:!1);let Y=v(()=>{var A,f;return[...Array.from((A=P==null?void 0:P.querySelectorAll("html > *, body > *, [data-headlessui-portal]"))!=null?A:[]).filter(m=>!(m===document.body||m===document.head||!(m instanceof HTMLElement)||m.contains(U.current)||y.panelRef.current&&m.contains(y.panelRef.current))),(f=y.panelRef.current)!=null?f:T.current]});me(()=>Y(),R,w&&!k),Pe(P==null?void 0:P.defaultView,"keydown",p=>{p.defaultPrevented||p.key===se.Escape&&s===0&&(k||(p.preventDefault(),p.stopPropagation(),R()))}),he(P,s===0&&!X,Y),x(()=>{if(s!==0||!T.current)return;let p=new IntersectionObserver(A=>{for(let f of A)f.boundingClientRect.x===0&&f.boundingClientRect.y===0&&f.boundingClientRect.width===0&&f.boundingClientRect.height===0&&R()});return p.observe(T.current),()=>p.disconnect()},[s,T,R]);let[ee,te]=fe(),oe=E(()=>[{dialogState:s,close:R,setTitleId:W},y],[s,y,R,W]),j=E(()=>({open:s===0}),[s]),re={ref:J,id:l,role:"dialog","aria-modal":s===0?!0:void 0,"aria-labelledby":y.titleId,"aria-describedby":ee};return u.createElement(Te,{type:"Dialog",enabled:s===0,element:T,onUpdate:v((p,A,f)=>{A==="Dialog"&&I(p,{[z.Add](){_.current.add(f),F(m=>m+1)},[z.Remove](){_.current.add(f),F(m=>m-1)}})})},u.createElement(B,{force:!0},u.createElement(G,null,u.createElement(M.Provider,{value:oe},u.createElement(G.Group,{target:T},u.createElement(B,{force:!1},u.createElement(te,{slot:j,name:"Dialog.Description"},u.createElement(S,{initialFocus:a,containers:_,features:w?I(Z,{parent:S.features.RestoreFocus,leaf:S.features.All&~S.features.FocusLock}):S.features.None},h({ourProps:re,theirProps:g,slot:j,defaultTag:Oe,features:Se,visible:s===0,name:"Dialog"})))))))),u.createElement(ye,{features:Re.Hidden,ref:U}))}),Fe="div",ke=b(function(e,t){let d=O(),{id:l=`headlessui-dialog-overlay-${d}`,...n}=e,[{dialogState:o,close:a}]=L("Dialog.Overlay"),c=C(t),g=v(i=>{if(i.target===i.currentTarget){if(pe(i.currentTarget))return i.preventDefault();i.preventDefault(),i.stopPropagation(),a()}}),D=E(()=>({open:o===0}),[o]);return h({ourProps:{ref:c,id:l,"aria-hidden":!0,onClick:g},theirProps:n,slot:D,defaultTag:Fe,name:"Dialog.Overlay"})}),Ie="div",Me=b(function(e,t){let d=O(),{id:l=`headlessui-dialog-backdrop-${d}`,...n}=e,[{dialogState:o},a]=L("Dialog.Backdrop"),c=C(t);x(()=>{if(a.panelRef.current===null)throw new Error("A <Dialog.Backdrop /> component is being used, but a <Dialog.Panel /> component is missing.")},[a.panelRef]);let g=E(()=>({open:o===0}),[o]);return u.createElement(B,{force:!0},u.createElement(G,null,h({ourProps:{ref:c,id:l,"aria-hidden":!0},theirProps:n,slot:g,defaultTag:Ie,name:"Dialog.Backdrop"})))}),_e="div",we=b(function(e,t){let d=O(),{id:l=`headlessui-dialog-panel-${d}`,...n}=e,[{dialogState:o},a]=L("Dialog.Panel"),c=C(t,a.panelRef),g=E(()=>({open:o===0}),[o]),D=v(i=>{i.stopPropagation()});return h({ourProps:{ref:c,id:l,onClick:D},theirProps:n,slot:g,defaultTag:_e,name:"Dialog.Panel"})}),xe="h2",He=b(function(e,t){let d=O(),{id:l=`headlessui-dialog-title-${d}`,...n}=e,[{dialogState:o,setTitleId:a}]=L("Dialog.Title"),c=C(t);x(()=>(a(l),()=>a(null)),[l,a]);let g=E(()=>({open:o===0}),[o]);return h({ourProps:{ref:c,id:l},theirProps:n,slot:g,defaultTag:xe,name:"Dialog.Title"})}),gt=Object.assign(Le,{Backdrop:Me,Panel:we,Overlay:ke,Title:He,Description:ue});export{gt as Dialog};
+"use client";import n,{Fragment as H,createContext as le,createRef as ae,useContext as ie,useEffect as pe,useMemo as E,useReducer as se,useRef as N}from"react";import{useEscape as de}from'../../hooks/use-escape.js';import{useEvent as A}from'../../hooks/use-event.js';import{useId as I}from'../../hooks/use-id.js';import{useInertOthers as ue}from'../../hooks/use-inert-others.js';import{useIsTouchDevice as Te}from'../../hooks/use-is-touch-device.js';import{useOnDisappear as fe}from'../../hooks/use-on-disappear.js';import{useOutsideClick as ge}from'../../hooks/use-outside-click.js';import{useOwnerDocument as me}from'../../hooks/use-owner.js';import{MainTreeProvider as W,useMainTreeNode as ce,useRootContainers as De}from'../../hooks/use-root-containers.js';import{useScrollLock as Pe}from'../../hooks/use-scroll-lock.js';import{useServerHandoffComplete as ye}from'../../hooks/use-server-handoff-complete.js';import{useSyncRefs as M}from'../../hooks/use-sync-refs.js';import{CloseProvider as Ee}from'../../internal/close-provider.js';import{ResetOpenClosedProvider as Ae,State as R,useOpenClosed as $}from'../../internal/open-closed.js';import{ForcePortalRoot as j}from'../../internal/portal-force-root.js';import{match as _e}from'../../utils/match.js';import{RenderFeatures as Y,forwardRefWithAs as _,render as x}from'../../utils/render.js';import{Description as J,useDescriptions as Ce}from'../description/description.js';import{FocusTrap as Fe,FocusTrapFeatures as C}from'../focus-trap/focus-trap.js';import{Portal as be,PortalGroup as ve,useNestedPortals as Re}from'../portal/portal.js';import{Transition as xe,TransitionChild as K}from'../transition/transition.js';var Le=(o=>(o[o.Open=0]="Open",o[o.Closed=1]="Closed",o))(Le||{}),Oe=(t=>(t[t.SetTitleId=0]="SetTitleId",t))(Oe||{});let he={[0](e,t){return e.titleId===t.id?e:{...e,titleId:t.id}}},w=le(null);w.displayName="DialogContext";function L(e){let t=ie(w);if(t===null){let o=new Error(`<${e} /> is missing a parent <Dialog /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,L),o}return t}function Se(e,t){return _e(t.type,he,e,t)}let X=_(function(t,o){let a=I(),{id:l=`headlessui-dialog-${a}`,open:i,onClose:p,initialFocus:d,role:s="dialog",autoFocus:c=!0,__demoMode:f=!1,unmount:D=!1,...O}=t,h=N(!1);s=function(){return s==="dialog"||s==="alertdialog"?s:(h.current||(h.current=!0,console.warn(`Invalid role [${s}] passed to <Dialog />. Only \`dialog\` and and \`alertdialog\` are supported. Using \`dialog\` instead.`)),"dialog")}();let P=$();i===void 0&&P!==null&&(i=(P&R.Open)===R.Open);let u=N(null),V=M(u,o),F=me(u),T=i?0:1,[b,q]=se(Se,{titleId:null,descriptionId:null,panelRef:ae()}),g=A(()=>p(!1)),G=A(r=>q({type:0,id:r})),m=ye()?T===0:!1,[z,Q]=Re(),Z={get current(){var r;return(r=b.panelRef.current)!=null?r:u.current}},v=ce(),{resolveContainers:S}=De({mainTreeNode:v,portals:z,defaultContainers:[Z]}),k=P!==null?(P&R.Closing)===R.Closing:!1;ue(f||k?!1:m,{allowed:A(()=>{var r,U;return[(U=(r=u.current)==null?void 0:r.closest("[data-headlessui-portal]"))!=null?U:null]}),disallowed:A(()=>{var r;return[(r=v==null?void 0:v.closest("body > *:not(#headlessui-portal-root)"))!=null?r:null]})}),ge(m,S,r=>{r.preventDefault(),g()}),de(m,F==null?void 0:F.defaultView,r=>{r.preventDefault(),r.stopPropagation(),document.activeElement&&"blur"in document.activeElement&&typeof document.activeElement.blur=="function"&&document.activeElement.blur(),g()}),Pe(f||k?!1:m,F,S),fe(m,u,g);let[ee,te]=Ce(),oe=E(()=>[{dialogState:T,close:g,setTitleId:G,unmount:D},b],[T,b,g,G,D]),B=E(()=>({open:T===0}),[T]),ne={ref:V,id:l,role:s,tabIndex:-1,"aria-modal":f?void 0:T===0?!0:void 0,"aria-labelledby":b.titleId,"aria-describedby":ee,unmount:D},re=!Te(),y=C.None;return m&&!f&&(y|=C.RestoreFocus,y|=C.TabLock,c&&(y|=C.AutoFocus),re&&(y|=C.InitialFocus)),n.createElement(Ae,null,n.createElement(j,{force:!0},n.createElement(be,null,n.createElement(w.Provider,{value:oe},n.createElement(ve,{target:u},n.createElement(j,{force:!1},n.createElement(te,{slot:B},n.createElement(Q,null,n.createElement(Fe,{initialFocus:d,initialFocusFallback:u,containers:S,features:y},n.createElement(Ee,{value:g},x({ourProps:ne,theirProps:O,slot:B,defaultTag:Ie,features:Me,visible:T===0,name:"Dialog"})))))))))))}),Ie="div",Me=Y.RenderStrategy|Y.Static;function we(e,t){let{transition:o=!1,open:a,...l}=e,i=$(),p=e.hasOwnProperty("open")||i!==null,d=e.hasOwnProperty("onClose");if(!p&&!d)throw new Error("You have to provide an `open` and an `onClose` prop to the `Dialog` component.");if(!p)throw new Error("You provided an `onClose` prop to the `Dialog`, but forgot an `open` prop.");if(!d)throw new Error("You provided an `open` prop to the `Dialog`, but forgot an `onClose` prop.");if(!i&&typeof e.open!="boolean")throw new Error(`You provided an \`open\` prop to the \`Dialog\`, but the value is not a boolean. Received: ${e.open}`);if(typeof e.onClose!="function")throw new Error(`You provided an \`onClose\` prop to the \`Dialog\`, but the value is not a function. Received: ${e.onClose}`);return(a!==void 0||o)&&!l.static?n.createElement(W,null,n.createElement(xe,{show:a,transition:o,unmount:l.unmount},n.createElement(X,{ref:t,...l}))):n.createElement(W,null,n.createElement(X,{ref:t,open:a,...l}))}let Ge="div";function ke(e,t){let o=I(),{id:a=`headlessui-dialog-panel-${o}`,transition:l=!1,...i}=e,[{dialogState:p,unmount:d},s]=L("Dialog.Panel"),c=M(t,s.panelRef),f=E(()=>({open:p===0}),[p]),D=A(u=>{u.stopPropagation()}),O={ref:c,id:a,onClick:D};return n.createElement(l?K:H,{...l?{unmount:d}:{}},x({ourProps:O,theirProps:i,slot:f,defaultTag:Ge,name:"Dialog.Panel"}))}let Be="div";function Ue(e,t){let{transition:o=!1,...a}=e,[{dialogState:l,unmount:i}]=L("Dialog.Backdrop"),p=E(()=>({open:l===0}),[l]),d={ref:t,"aria-hidden":!0};return n.createElement(o?K:H,{...o?{unmount:i}:{}},x({ourProps:d,theirProps:a,slot:p,defaultTag:Be,name:"Dialog.Backdrop"}))}let He="h2";function Ne(e,t){let o=I(),{id:a=`headlessui-dialog-title-${o}`,...l}=e,[{dialogState:i,setTitleId:p}]=L("Dialog.Title"),d=M(t);pe(()=>(p(a),()=>p(null)),[a,p]);let s=E(()=>({open:i===0}),[i]);return x({ourProps:{ref:d,id:a},theirProps:l,slot:s,defaultTag:He,name:"Dialog.Title"})}let We=_(we),$e=_(ke),ct=_(Ue),je=_(Ne),Dt=J,Pt=Object.assign(We,{Panel:$e,Title:je,Description:J});export{Pt as Dialog,ct as DialogBackdrop,Dt as DialogDescription,$e as DialogPanel,je as DialogTitle};

dist/components/disclosure/disclosure.d.ts

@@ -1,51 +0,59 @@
-import React, { MutableRefObject, Ref } from 'react';
-import { Props } from '../../types.js';
-import { PropsForFeatures } from '../../utils/render.js';
-interface DisclosureRenderPropArg {
+import React, { type ElementType, type MutableRefObject, type Ref } from 'react';
+import type { Props } from '../../types.js';
+import { type HasDisplayName, type PropsForFeatures, type RefProp } from '../../utils/render.js';
+declare let DEFAULT_DISCLOSURE_TAG: React.ExoticComponent<{
+    children?: React.ReactNode;
+}>;
+type DisclosureRenderPropArg = {
     open: boolean;
     close(focusableElement?: HTMLElement | MutableRefObject<HTMLElement | null>): void;
-}
-interface ButtonRenderPropArg {
+};
+type DisclosurePropsWeControl = never;
+export type DisclosureProps<TTag extends ElementType = typeof DEFAULT_DISCLOSURE_TAG> = Props<TTag, DisclosureRenderPropArg, DisclosurePropsWeControl, {
+    defaultOpen?: boolean;
+}>;
+declare function DisclosureFn<TTag extends ElementType = typeof DEFAULT_DISCLOSURE_TAG>(props: DisclosureProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+declare let DEFAULT_BUTTON_TAG: "button";
+type ButtonRenderPropArg = {
     open: boolean;
-}
-declare type ButtonPropsWeControl = 'type' | 'aria-expanded' | 'aria-controls' | 'onKeyDown' | 'onClick';
-interface PanelRenderPropArg {
+    hover: boolean;
+    active: boolean;
+    disabled: boolean;
+    focus: boolean;
+    autofocus: boolean;
+};
+type ButtonPropsWeControl = 'aria-controls' | 'aria-expanded';
+export type DisclosureButtonProps<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG> = Props<TTag, ButtonRenderPropArg, ButtonPropsWeControl, {
+    disabled?: boolean;
+    autoFocus?: boolean;
+}>;
+declare function ButtonFn<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG>(props: DisclosureButtonProps<TTag>, ref: Ref<HTMLButtonElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+declare let DEFAULT_PANEL_TAG: "div";
+type PanelRenderPropArg = {
     open: boolean;
     close: (focusableElement?: HTMLElement | MutableRefObject<HTMLElement | null>) => void;
+};
+type DisclosurePanelPropsWeControl = never;
+declare let PanelRenderFeatures: number;
+export type DisclosurePanelProps<TTag extends ElementType = typeof DEFAULT_PANEL_TAG> = Props<TTag, PanelRenderPropArg, DisclosurePanelPropsWeControl, {
+    transition?: boolean;
+} & PropsForFeatures<typeof PanelRenderFeatures>>;
+declare function PanelFn<TTag extends ElementType = typeof DEFAULT_PANEL_TAG>(props: DisclosurePanelProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+export interface _internal_ComponentDisclosure extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_DISCLOSURE_TAG>(props: DisclosureProps<TTag> & RefProp<typeof DisclosureFn>): JSX.Element;
 }
-declare let PanelRenderFeatures: number;
-export declare let Disclosure: (<TTag extends React.ElementType<any> = React.ExoticComponent<{
-    children?: React.ReactNode;
-}>>(props: Omit<import('../../types.js').PropsOf<TTag>, "as" | "children" | "refName" | "className"> & {
-    as?: TTag | undefined;
-    children?: React.ReactNode | ((bag: DisclosureRenderPropArg) => React.ReactElement<any, string | React.JSXElementConstructor<any>>);
-    refName?: string | undefined;
-} & (true extends (import('../../types.js').PropsOf<TTag> extends never ? never : "className" extends keyof import('../../types.js').PropsOf<TTag> ? true : never) ? {
-    className?: import('../../types.js').PropsOf<TTag>["className"] | ((bag: DisclosureRenderPropArg) => string) | undefined;
-} : {}) & {
-    defaultOpen?: boolean | undefined;
-}, ref: React.Ref<TTag>) => JSX.Element) & {
-    displayName: string;
-} & {
-    Button: (<TTag_1 extends React.ElementType<any> = "button">(props: Props<TTag_1, ButtonRenderPropArg, ButtonPropsWeControl>, ref: Ref<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Panel: (<TTag_2 extends React.ElementType<any> = "div">(props: Omit<import('../../types.js').PropsOf<TTag_2>, "as" | "children" | "refName" | "className"> & {
-        as?: TTag_2 | undefined;
-        children?: React.ReactNode | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | React.JSXElementConstructor<any>>);
-        refName?: string | undefined;
-    } & (true extends (import('../../types.js').PropsOf<TTag_2> extends never ? never : "className" extends keyof import('../../types.js').PropsOf<TTag_2> ? true : never) ? {
-        className?: import('../../types.js').PropsOf<TTag_2>["className"] | ((bag: PanelRenderPropArg) => string) | undefined;
-    } : {}) & (({
-        static?: undefined;
-    } & {
-        unmount?: boolean | undefined;
-    }) | ({
-        unmount?: undefined;
-    } & {
-        static?: boolean | undefined;
-    })), ref: Ref<HTMLDivElement>) => JSX.Element) & {
-        displayName: string;
-    };
+export interface _internal_ComponentDisclosureButton extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_BUTTON_TAG>(props: DisclosureButtonProps<TTag> & RefProp<typeof ButtonFn>): JSX.Element;
+}
+export interface _internal_ComponentDisclosurePanel extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_PANEL_TAG>(props: DisclosurePanelProps<TTag> & RefProp<typeof PanelFn>): JSX.Element;
+}
+export declare let DisclosureButton: _internal_ComponentDisclosureButton;
+export declare let DisclosurePanel: _internal_ComponentDisclosurePanel;
+export declare let Disclosure: _internal_ComponentDisclosure & {
+    /** @deprecated use `<DisclosureButton>` instead of `<Disclosure.Button>` */
+    Button: _internal_ComponentDisclosureButton;
+    /** @deprecated use `<DisclosurePanel>` instead of `<Disclosure.Panel>` */
+    Panel: _internal_ComponentDisclosurePanel;
 };
 export {};

dist/components/disclosure/disclosure.js

@@ -1,1 +0,1 @@
-import g,{Fragment as U,createContext as I,useContext as C,useEffect as w,useMemo as E,useReducer as j,useRef as R}from"react";import{match as L}from'../../utils/match.js';import{forwardRefWithAs as O,render as k,Features as F}from'../../utils/render.js';import{optionalRef as N,useSyncRefs as M}from'../../hooks/use-sync-refs.js';import{useId as _}from'../../hooks/use-id.js';import{Keys as m}from'../keyboard.js';import{isDisabledReactIssue7711 as G}from'../../utils/bugs.js';import{OpenClosedProvider as W,State as x,useOpenClosed as $}from'../../internal/open-closed.js';import{useResolveButtonType as q}from'../../hooks/use-resolve-button-type.js';import{getOwnerDocument as z}from'../../utils/owner.js';import{useEvent as b}from'../../hooks/use-event.js';var J=(l=>(l[l.Open=0]="Open",l[l.Closed=1]="Closed",l))(J||{}),Q=(t=>(t[t.ToggleDisclosure=0]="ToggleDisclosure",t[t.CloseDisclosure=1]="CloseDisclosure",t[t.SetButtonId=2]="SetButtonId",t[t.SetPanelId=3]="SetPanelId",t[t.LinkPanel=4]="LinkPanel",t[t.UnlinkPanel=5]="UnlinkPanel",t))(Q||{});let V={[0]:e=>({...e,disclosureState:L(e.disclosureState,{[0]:1,[1]:0})}),[1]:e=>e.disclosureState===1?e:{...e,disclosureState:1},[4](e){return e.linkedPanel===!0?e:{...e,linkedPanel:!0}},[5](e){return e.linkedPanel===!1?e:{...e,linkedPanel:!1}},[2](e,n){return e.buttonId===n.buttonId?e:{...e,buttonId:n.buttonId}},[3](e,n){return e.panelId===n.panelId?e:{...e,panelId:n.panelId}}},B=I(null);B.displayName="DisclosureContext";function v(e){let n=C(B);if(n===null){let l=new Error(`<${e} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(l,v),l}return n}let h=I(null);h.displayName="DisclosureAPIContext";function K(e){let n=C(h);if(n===null){let l=new Error(`<${e} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(l,K),l}return n}let H=I(null);H.displayName="DisclosurePanelContext";function X(){return C(H)}function Y(e,n){return L(n.type,V,e,n)}let Z=U,ee=O(function(n,l){let{defaultOpen:y=!1,...u}=n,T=R(null),t=M(l,N(a=>{T.current=a},n.as===void 0||n.as===U)),o=R(null),f=R(null),s=j(Y,{disclosureState:y?0:1,linkedPanel:!1,buttonRef:f,panelRef:o,buttonId:null,panelId:null}),[{disclosureState:i,buttonId:p},D]=s,d=b(a=>{D({type:1});let r=z(T);if(!r||!p)return;let c=(()=>a?a instanceof HTMLElement?a:a.current instanceof HTMLElement?a.current:r.getElementById(p):r.getElementById(p))();c==null||c.focus()}),P=E(()=>({close:d}),[d]),A=E(()=>({open:i===0,close:d}),[i,d]),S={ref:t};return g.createElement(B.Provider,{value:s},g.createElement(h.Provider,{value:P},g.createElement(W,{value:L(i,{[0]:x.Open,[1]:x.Closed})},k({ourProps:S,theirProps:u,slot:A,defaultTag:Z,name:"Disclosure"}))))}),te="button",ne=O(function(n,l){let y=_(),{id:u=`headlessui-disclosure-button-${y}`,...T}=n,[t,o]=v("Disclosure.Button"),f=X(),s=f===null?!1:f===t.panelId,i=R(null),p=M(i,l,s?null:t.buttonRef);w(()=>{if(!s)return o({type:2,buttonId:u}),()=>{o({type:2,buttonId:null})}},[u,o,s]);let D=b(r=>{var c;if(s){if(t.disclosureState===1)return;switch(r.key){case m.Space:case m.Enter:r.preventDefault(),r.stopPropagation(),o({type:0}),(c=t.buttonRef.current)==null||c.focus();break}}else switch(r.key){case m.Space:case m.Enter:r.preventDefault(),r.stopPropagation(),o({type:0});break}}),d=b(r=>{switch(r.key){case m.Space:r.preventDefault();break}}),P=b(r=>{var c;G(r.currentTarget)||n.disabled||(s?(o({type:0}),(c=t.buttonRef.current)==null||c.focus()):o({type:0}))}),A=E(()=>({open:t.disclosureState===0}),[t]),S=q(n,i),a=s?{ref:p,type:S,onKeyDown:D,onClick:P}:{ref:p,id:u,type:S,"aria-expanded":n.disabled?void 0:t.disclosureState===0,"aria-controls":t.linkedPanel?t.panelId:void 0,onKeyDown:D,onKeyUp:d,onClick:P};return k({ourProps:a,theirProps:T,slot:A,defaultTag:te,name:"Disclosure.Button"})}),le="div",re=F.RenderStrategy|F.Static,oe=O(function(n,l){let y=_(),{id:u=`headlessui-disclosure-panel-${y}`,...T}=n,[t,o]=v("Disclosure.Panel"),{close:f}=K("Disclosure.Panel"),s=M(l,t.panelRef,P=>{o({type:P?4:5})});w(()=>(o({type:3,panelId:u}),()=>{o({type:3,panelId:null})}),[u,o]);let i=$(),p=(()=>i!==null?i===x.Open:t.disclosureState===0)(),D=E(()=>({open:t.disclosureState===0,close:f}),[t,f]),d={ref:s,id:u};return g.createElement(H.Provider,{value:t.panelId},k({ourProps:d,theirProps:T,slot:D,defaultTag:le,features:re,visible:p,name:"Disclosure.Panel"}))}),Le=Object.assign(ee,{Button:ne,Panel:oe});export{Le as Disclosure};
+"use client";import{useFocusRing as Q}from"@react-aria/focus";import{useHover as Y}from"@react-aria/interactions";import y,{Fragment as G,createContext as C,useContext as R,useEffect as K,useMemo as A,useReducer as Z,useRef as W}from"react";import{useActivePress as ee}from'../../hooks/use-active-press.js';import{useEvent as P}from'../../hooks/use-event.js';import{useId as j}from'../../hooks/use-id.js';import{useResolveButtonType as te}from'../../hooks/use-resolve-button-type.js';import{optionalRef as ne,useSyncRefs as I}from'../../hooks/use-sync-refs.js';import{transitionDataAttributes as oe,useTransition as le}from'../../hooks/use-transition.js';import{CloseProvider as re}from'../../internal/close-provider.js';import{OpenClosedProvider as se,ResetOpenClosedProvider as ue,State as b,useOpenClosed as ie}from'../../internal/open-closed.js';import{isDisabledReactIssue7711 as ae}from'../../utils/bugs.js';import{match as x}from'../../utils/match.js';import{getOwnerDocument as pe}from'../../utils/owner.js';import{RenderFeatures as $,forwardRefWithAs as L,mergeProps as J,render as B,useMergeRefsFn as X}from'../../utils/render.js';import{startTransition as ce}from'../../utils/start-transition.js';import{Keys as g}from'../keyboard.js';var de=(l=>(l[l.Open=0]="Open",l[l.Closed=1]="Closed",l))(de||{}),Te=(n=>(n[n.ToggleDisclosure=0]="ToggleDisclosure",n[n.CloseDisclosure=1]="CloseDisclosure",n[n.SetButtonId=2]="SetButtonId",n[n.SetPanelId=3]="SetPanelId",n[n.SetButtonElement=4]="SetButtonElement",n[n.SetPanelElement=5]="SetPanelElement",n))(Te||{});let fe={[0]:e=>({...e,disclosureState:x(e.disclosureState,{[0]:1,[1]:0})}),[1]:e=>e.disclosureState===1?e:{...e,disclosureState:1},[2](e,t){return e.buttonId===t.buttonId?e:{...e,buttonId:t.buttonId}},[3](e,t){return e.panelId===t.panelId?e:{...e,panelId:t.panelId}},[4](e,t){return e.buttonElement===t.element?e:{...e,buttonElement:t.element}},[5](e,t){return e.panelElement===t.element?e:{...e,panelElement:t.element}}},v=C(null);v.displayName="DisclosureContext";function O(e){let t=R(v);if(t===null){let l=new Error(`<${e} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(l,O),l}return t}let _=C(null);_.displayName="DisclosureAPIContext";function V(e){let t=R(_);if(t===null){let l=new Error(`<${e} /> is missing a parent <Disclosure /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(l,V),l}return t}let M=C(null);M.displayName="DisclosurePanelContext";function me(){return R(M)}function De(e,t){return x(t.type,fe,e,t)}let ye=G;function Pe(e,t){let{defaultOpen:l=!1,...p}=e,i=W(null),c=I(t,ne(a=>{i.current=a},e.as===void 0||e.as===G)),n=Z(De,{disclosureState:l?0:1,buttonElement:null,panelElement:null,buttonId:null,panelId:null}),[{disclosureState:o,buttonId:r},f]=n,s=P(a=>{f({type:1});let T=pe(i);if(!T||!r)return;let d=(()=>a?a instanceof HTMLElement?a:a.current instanceof HTMLElement?a.current:T.getElementById(r):T.getElementById(r))();d==null||d.focus()}),m=A(()=>({close:s}),[s]),D=A(()=>({open:o===0,close:s}),[o,s]),E={ref:c};return y.createElement(v.Provider,{value:n},y.createElement(_.Provider,{value:m},y.createElement(re,{value:s},y.createElement(se,{value:x(o,{[0]:b.Open,[1]:b.Closed})},B({ourProps:E,theirProps:p,slot:D,defaultTag:ye,name:"Disclosure"})))))}let Ee="button";function Se(e,t){let l=j(),{id:p=`headlessui-disclosure-button-${l}`,disabled:i=!1,autoFocus:c=!1,...n}=e,[o,r]=O("Disclosure.Button"),f=me(),s=f===null?!1:f===o.panelId,m=W(null),D=I(m,t,s?null:P(u=>r({type:4,element:u}))),E=X();K(()=>{if(!s)return r({type:2,buttonId:p}),()=>{r({type:2,buttonId:null})}},[p,r,s]);let a=P(u=>{var S;if(s){if(o.disclosureState===1)return;switch(u.key){case g.Space:case g.Enter:u.preventDefault(),u.stopPropagation(),r({type:0}),(S=o.buttonElement)==null||S.focus();break}}else switch(u.key){case g.Space:case g.Enter:u.preventDefault(),u.stopPropagation(),r({type:0});break}}),T=P(u=>{switch(u.key){case g.Space:u.preventDefault();break}}),d=P(u=>{var S;ae(u.currentTarget)||i||(s?(r({type:0}),(S=o.buttonElement)==null||S.focus()):r({type:0}))}),{isFocusVisible:F,focusProps:H}=Q({autoFocus:c}),{isHovered:h,hoverProps:U}=Y({isDisabled:i}),{pressed:N,pressProps:k}=ee({disabled:i}),q=A(()=>({open:o.disclosureState===0,hover:h,active:N,disabled:i,focus:F,autofocus:c}),[o,h,N,F,i,c]),w=te(e,o.buttonElement),z=s?J({ref:D,type:w,disabled:i||void 0,autoFocus:c,onKeyDown:a,onClick:d},H,U,k):J({ref:D,id:p,type:w,"aria-expanded":o.disclosureState===0,"aria-controls":o.panelElement?o.panelId:void 0,disabled:i||void 0,autoFocus:c,onKeyDown:a,onKeyUp:T,onClick:d},H,U,k);return B({mergeRefs:E,ourProps:z,theirProps:n,slot:q,defaultTag:Ee,name:"Disclosure.Button"})}let ge="div",Ae=$.RenderStrategy|$.Static;function be(e,t){let l=j(),{id:p=`headlessui-disclosure-panel-${l}`,transition:i=!1,...c}=e,[n,o]=O("Disclosure.Panel"),{close:r}=V("Disclosure.Panel"),f=X(),s=I(t,P(d=>{ce(()=>o({type:5,element:d}))}));K(()=>(o({type:3,panelId:p}),()=>{o({type:3,panelId:null})}),[p,o]);let m=ie(),[D,E]=le(i,n.panelElement,m!==null?(m&b.Open)===b.Open:n.disclosureState===0),a=A(()=>({open:n.disclosureState===0,close:r}),[n.disclosureState,r]),T={ref:s,id:p,...oe(E)};return y.createElement(ue,null,y.createElement(M.Provider,{value:n.panelId},B({mergeRefs:f,ourProps:T,theirProps:c,slot:a,defaultTag:ge,features:Ae,visible:D,name:"Disclosure.Panel"})))}let Ce=L(Pe),Re=L(Se),Ie=L(be),je=Object.assign(Ce,{Button:Re,Panel:Ie});export{je as Disclosure,Re as DisclosureButton,Ie as DisclosurePanel};

dist/components/focus-trap/focus-trap.d.ts

@@ -1,32 +0,36 @@
-import React, { MutableRefObject, Ref } from 'react';
-import { Props } from '../../types.js';
-declare enum Features {
+import React, { type ElementType, type MutableRefObject, type Ref } from 'react';
+import type { Props } from '../../types.js';
+import { type HasDisplayName, type RefProp } from '../../utils/render.js';
+type Containers = (() => Iterable<HTMLElement>) | MutableRefObject<Set<MutableRefObject<HTMLElement | null>>>;
+declare let DEFAULT_FOCUS_TRAP_TAG: "div";
+export declare enum FocusTrapFeatures {
     /** No features enabled for the focus trap. */
-    None = 1,
+    None = 0,
     /** Ensure that we move focus initially into the container. */
-    InitialFocus = 2,
+    InitialFocus = 1,
     /** Ensure that pressing `Tab` and `Shift+Tab` is trapped within the container. */
-    TabLock = 4,
+    TabLock = 2,
     /** Ensure that programmatically moving focus outside of the container is disallowed. */
-    FocusLock = 8,
+    FocusLock = 4,
     /** Ensure that we restore the focus when unmounting the focus trap. */
-    RestoreFocus = 16,
-    /** Enable all features. */
-    All = 30
+    RestoreFocus = 8,
+    /** Initial focus should look for the `data-autofocus` */
+    AutoFocus = 16
 }
-export declare let FocusTrap: (<TTag extends React.ElementType<any> = "div">(props: Omit<import('../../types.js').PropsOf<TTag>, "as" | "children" | "refName" | "className"> & {
-    as?: TTag | undefined;
-    children?: React.ReactNode | ((bag: {}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>);
-    refName?: string | undefined;
-} & (true extends (import('../../types.js').PropsOf<TTag> extends never ? never : "className" extends keyof import('../../types.js').PropsOf<TTag> ? true : never) ? {
-    className?: import('../../types.js').PropsOf<TTag>["className"] | ((bag: {}) => string) | undefined;
-} : {}) & {
-    initialFocus?: React.MutableRefObject<HTMLElement | null> | undefined;
-    features?: Features | undefined;
-    containers?: React.MutableRefObject<Set<React.MutableRefObject<HTMLElement | null>>> | undefined;
-}, ref: Ref<HTMLDivElement>) => JSX.Element) & {
-    displayName: string;
-} & {
-    features: typeof Features;
+type FocusTrapRenderPropArg = {};
+type FocusTrapPropsWeControl = never;
+export type FocusTrapProps<TTag extends ElementType = typeof DEFAULT_FOCUS_TRAP_TAG> = Props<TTag, FocusTrapRenderPropArg, FocusTrapPropsWeControl, {
+    initialFocus?: MutableRefObject<HTMLElement | null>;
+    initialFocusFallback?: MutableRefObject<HTMLElement | null>;
+    features?: FocusTrapFeatures;
+    containers?: Containers;
+}>;
+declare function FocusTrapFn<TTag extends ElementType = typeof DEFAULT_FOCUS_TRAP_TAG>(props: FocusTrapProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+export interface _internal_ComponentFocusTrap extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_FOCUS_TRAP_TAG>(props: FocusTrapProps<TTag> & RefProp<typeof FocusTrapFn>): JSX.Element;
+}
+export declare let FocusTrap: _internal_ComponentFocusTrap & {
+    /** @deprecated use `FocusTrapFeatures` instead of `FocusTrap.features` */
+    features: typeof FocusTrapFeatures;
 };
 export {};

dist/components/focus-trap/focus-trap.js

@@ -1,1 +0,1 @@
-import d,{useEffect as U,useRef as T}from"react";import{forwardRefWithAs as C,render as I}from'../../utils/render.js';import{useServerHandoffComplete as N}from'../../hooks/use-server-handoff-complete.js';import{useSyncRefs as x}from'../../hooks/use-sync-refs.js';import{Features as F,Hidden as v}from'../../internal/hidden.js';import{focusElement as f,focusIn as b,Focus as i,FocusResult as G}from'../../utils/focus-management.js';import{match as g}from'../../utils/match.js';import{useEvent as K}from'../../hooks/use-event.js';import{useTabDirection as V,Direction as M}from'../../hooks/use-tab-direction.js';import{useIsMounted as O}from'../../hooks/use-is-mounted.js';import{useOwnerDocument as W}from'../../hooks/use-owner.js';import{useEventListener as k}from'../../hooks/use-event-listener.js';import{microTask as y}from'../../utils/micro-task.js';import{useWatch as j}from'../../hooks/use-watch.js';import{useDisposables as q}from'../../hooks/use-disposables.js';let z="div";var A=(t=>(t[t.None=1]="None",t[t.InitialFocus=2]="InitialFocus",t[t.TabLock=4]="TabLock",t[t.FocusLock=8]="FocusLock",t[t.RestoreFocus=16]="RestoreFocus",t[t.All=30]="All",t))(A||{});let de=Object.assign(C(function(u,e){let l=T(null),a=x(l,e),{initialFocus:m,containers:t,features:n=30,...E}=u;N()||(n=1);let s=W(l);J({ownerDocument:s},Boolean(n&16));let S=Q({ownerDocument:s,container:l,initialFocus:m},Boolean(n&2));X({ownerDocument:s,container:l,containers:t,previousActiveElement:S},Boolean(n&8));let H=V(),R=K(o=>{let c=l.current;if(!c)return;(_=>_())(()=>{g(H.current,{[M.Forwards]:()=>{b(c,i.First,{skipElements:[o.relatedTarget]})},[M.Backwards]:()=>{b(c,i.Last,{skipElements:[o.relatedTarget]})}})})}),B=q(),L=T(!1),P={ref:a,onKeyDown(o){o.key=="Tab"&&(L.current=!0,B.requestAnimationFrame(()=>{L.current=!1}))},onBlur(o){let c=new Set(t==null?void 0:t.current);c.add(l);let p=o.relatedTarget;p instanceof HTMLElement&&p.dataset.headlessuiFocusGuard!=="true"&&(h(c,p)||(L.current?b(l.current,g(H.current,{[M.Forwards]:()=>i.Next,[M.Backwards]:()=>i.Previous})|i.WrapAround,{relativeTo:o.target}):o.target instanceof HTMLElement&&f(o.target)))}};return d.createElement(d.Fragment,null,Boolean(n&4)&&d.createElement(v,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:R,features:F.Focusable}),I({ourProps:P,theirProps:E,defaultTag:z,name:"FocusTrap"}),Boolean(n&4)&&d.createElement(v,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:R,features:F.Focusable}))}),{features:A});function J({ownerDocument:r},u){let e=T(null);k(r==null?void 0:r.defaultView,"focusout",a=>{!u||e.current||(e.current=a.target)},!0),j(()=>{u||((r==null?void 0:r.activeElement)===(r==null?void 0:r.body)&&f(e.current),e.current=null)},[u]);let l=T(!1);U(()=>(l.current=!1,()=>{l.current=!0,y(()=>{!l.current||(f(e.current),e.current=null)})}),[])}function Q({ownerDocument:r,container:u,initialFocus:e},l){let a=T(null),m=O();return j(()=>{if(!l)return;let t=u.current;!t||y(()=>{if(!m.current)return;let n=r==null?void 0:r.activeElement;if(e!=null&&e.current){if((e==null?void 0:e.current)===n){a.current=n;return}}else if(t.contains(n)){a.current=n;return}e!=null&&e.current?f(e.current):b(t,i.First)===G.Error&&console.warn("There are no focusable elements inside the <FocusTrap />"),a.current=r==null?void 0:r.activeElement})},[l]),a}function X({ownerDocument:r,container:u,containers:e,previousActiveElement:l},a){let m=O();k(r==null?void 0:r.defaultView,"focus",t=>{if(!a||!m.current)return;let n=new Set(e==null?void 0:e.current);n.add(u);let E=l.current;if(!E)return;let s=t.target;s&&s instanceof HTMLElement?h(n,s)?(l.current=s,f(s)):(t.preventDefault(),t.stopPropagation(),f(E)):f(l.current)},!0)}function h(r,u){var e;for(let l of r)if((e=l.current)!=null&&e.contains(u))return!0;return!1}export{de as FocusTrap};
+"use client";import L,{useRef as M}from"react";import{useDisposables as G}from'../../hooks/use-disposables.js';import{useEvent as A}from'../../hooks/use-event.js';import{useEventListener as W}from'../../hooks/use-event-listener.js';import{useIsMounted as P}from'../../hooks/use-is-mounted.js';import{useIsTopLayer as O}from'../../hooks/use-is-top-layer.js';import{useOnUnmount as K}from'../../hooks/use-on-unmount.js';import{useOwnerDocument as V}from'../../hooks/use-owner.js';import{useServerHandoffComplete as q}from'../../hooks/use-server-handoff-complete.js';import{useSyncRefs as J}from'../../hooks/use-sync-refs.js';import{Direction as H,useTabDirection as X}from'../../hooks/use-tab-direction.js';import{useWatch as y}from'../../hooks/use-watch.js';import{Hidden as C,HiddenFeatures as _}from'../../internal/hidden.js';import{history as b}from'../../utils/active-element-history.js';import{Focus as T,FocusResult as S,focusElement as p,focusIn as E}from'../../utils/focus-management.js';import{match as h}from'../../utils/match.js';import{microTask as j}from'../../utils/micro-task.js';import{forwardRefWithAs as z,render as Q}from'../../utils/render.js';function U(o){if(!o)return new Set;if(typeof o=="function")return new Set(o());let e=new Set;for(let t of o.current)t.current instanceof HTMLElement&&e.add(t.current);return e}let Y="div";var x=(n=>(n[n.None=0]="None",n[n.InitialFocus=1]="InitialFocus",n[n.TabLock=2]="TabLock",n[n.FocusLock=4]="FocusLock",n[n.RestoreFocus=8]="RestoreFocus",n[n.AutoFocus=16]="AutoFocus",n))(x||{});function Z(o,e){let t=M(null),r=J(t,e),{initialFocus:s,initialFocusFallback:a,containers:n,features:u=15,...f}=o;q()||(u=0);let l=V(t);w(u,{ownerDocument:l});let i=ee(u,{ownerDocument:l,container:t,initialFocus:s,initialFocusFallback:a});te(u,{ownerDocument:l,container:t,containers:n,previousActiveElement:i});let R=X(),g=A(c=>{let m=t.current;if(!m)return;(B=>B())(()=>{h(R.current,{[H.Forwards]:()=>{E(m,T.First,{skipElements:[c.relatedTarget,a]})},[H.Backwards]:()=>{E(m,T.Last,{skipElements:[c.relatedTarget,a]})}})})}),v=O(!!(u&2),"focus-trap#tab-lock"),N=G(),F=M(!1),k={ref:r,onKeyDown(c){c.key=="Tab"&&(F.current=!0,N.requestAnimationFrame(()=>{F.current=!1}))},onBlur(c){if(!(u&4))return;let m=U(n);t.current instanceof HTMLElement&&m.add(t.current);let d=c.relatedTarget;d instanceof HTMLElement&&d.dataset.headlessuiFocusGuard!=="true"&&(I(m,d)||(F.current?E(t.current,h(R.current,{[H.Forwards]:()=>T.Next,[H.Backwards]:()=>T.Previous})|T.WrapAround,{relativeTo:c.target}):c.target instanceof HTMLElement&&p(c.target)))}};return L.createElement(L.Fragment,null,v&&L.createElement(C,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:g,features:_.Focusable}),Q({ourProps:k,theirProps:f,defaultTag:Y,name:"FocusTrap"}),v&&L.createElement(C,{as:"button",type:"button","data-headlessui-focus-guard":!0,onFocus:g,features:_.Focusable}))}let $=z(Z),Fe=Object.assign($,{features:x});function D(o=!0){let e=M(b.slice());return y(([t],[r])=>{r===!0&&t===!1&&j(()=>{e.current.splice(0)}),r===!1&&t===!0&&(e.current=b.slice())},[o,b,e]),A(()=>{var t;return(t=e.current.find(r=>r!=null&&r.isConnected))!=null?t:null})}function w(o,{ownerDocument:e}){let t=!!(o&8),r=D(t);y(()=>{t||(e==null?void 0:e.activeElement)===(e==null?void 0:e.body)&&p(r())},[t]),K(()=>{t&&p(r())})}function ee(o,{ownerDocument:e,container:t,initialFocus:r,initialFocusFallback:s}){let a=M(null),n=O(!!(o&1),"focus-trap#initial-focus"),u=P();return y(()=>{if(o===0)return;if(!n){s!=null&&s.current&&p(s.current);return}let f=t.current;f&&j(()=>{if(!u.current)return;let l=e==null?void 0:e.activeElement;if(r!=null&&r.current){if((r==null?void 0:r.current)===l){a.current=l;return}}else if(f.contains(l)){a.current=l;return}if(r!=null&&r.current)p(r.current);else{if(o&16){if(E(f,T.First|T.AutoFocus)!==S.Error)return}else if(E(f,T.First)!==S.Error)return;if(s!=null&&s.current&&(p(s.current),(e==null?void 0:e.activeElement)===s.current))return;console.warn("There are no focusable elements inside the <FocusTrap />")}a.current=e==null?void 0:e.activeElement})},[s,n,o]),a}function te(o,{ownerDocument:e,container:t,containers:r,previousActiveElement:s}){let a=P(),n=!!(o&4);W(e==null?void 0:e.defaultView,"focus",u=>{if(!n||!a.current)return;let f=U(r);t.current instanceof HTMLElement&&f.add(t.current);let l=s.current;if(!l)return;let i=u.target;i&&i instanceof HTMLElement?I(f,i)?(s.current=i,p(i)):(u.preventDefault(),u.stopPropagation(),p(l)):p(s.current)},!0)}function I(o,e){for(let t of o)if(t.contains(e))return!0;return!1}export{Fe as FocusTrap,x as FocusTrapFeatures};

dist/components/label/label.d.ts

@@ -1,23 +0,36 @@
-import React, { ReactNode, Ref } from 'react';
-import { Props } from '../../types.js';
+import React, { type ElementType, type ReactNode, type Ref } from 'react';
+import type { Props } from '../../types.js';
+import { type HasDisplayName, type RefProp } from '../../utils/render.js';
 interface SharedData {
     slot?: {};
     name?: string;
-    props?: {};
+    props?: Record<string, any>;
 }
+export declare function useLabelContext(): {
+    value: string | undefined;
+    register(value: string): () => void;
+} & SharedData;
+export declare function useLabelledBy(alwaysAvailableIds?: (string | undefined | null)[]): string | undefined;
 interface LabelProviderProps extends SharedData {
     children: ReactNode;
+    value?: string | undefined;
 }
-export declare function useLabels(): [string | undefined, (props: LabelProviderProps) => JSX.Element];
-export declare let Label: (<TTag extends React.ElementType<any> = "label">(props: Omit<import('../../types.js').PropsOf<TTag>, "as" | "children" | "refName" | "className"> & {
-    as?: TTag | undefined;
-    children?: React.ReactNode | ((bag: {}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>);
-    refName?: string | undefined;
-} & (true extends (import('../../types.js').PropsOf<TTag> extends never ? never : "className" extends keyof import('../../types.js').PropsOf<TTag> ? true : never) ? {
-    className?: import('../../types.js').PropsOf<TTag>["className"] | ((bag: {}) => string) | undefined;
-} : {}) & {
-    passive?: boolean | undefined;
-}, ref: Ref<HTMLLabelElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-    displayName: string;
+export declare function useLabels({ inherit }?: {
+    inherit?: boolean | undefined;
+}): [
+    string | undefined,
+    (props: LabelProviderProps & {
+        inherit?: boolean;
+    }) => JSX.Element
+];
+declare let DEFAULT_LABEL_TAG: "label";
+export type LabelProps<TTag extends ElementType = typeof DEFAULT_LABEL_TAG> = Props<TTag> & {
+    passive?: boolean;
+    htmlFor?: string;
 };
+declare function LabelFn<TTag extends ElementType = typeof DEFAULT_LABEL_TAG>(props: LabelProps<TTag>, ref: Ref<HTMLLabelElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export interface _internal_ComponentLabel extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_LABEL_TAG>(props: LabelProps<TTag> & RefProp<typeof LabelFn>): JSX.Element;
+}
+export declare let Label: _internal_ComponentLabel;
 export {};

dist/components/label/label.js

@@ -1,1 +0,1 @@
-import p,{createContext as m,useContext as L,useMemo as f,useState as b}from"react";import{useId as g}from'../../hooks/use-id.js';import{forwardRefWithAs as x,render as T}from'../../utils/render.js';import{useIsoMorphicEffect as E}from'../../hooks/use-iso-morphic-effect.js';import{useSyncRefs as P}from'../../hooks/use-sync-refs.js';import{useEvent as v}from'../../hooks/use-event.js';let u=m(null);function c(){let n=L(u);if(n===null){let r=new Error("You used a <Label /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(r,c),r}return n}function M(){let[n,r]=b([]);return[n.length>0?n.join(" "):void 0,f(()=>function(e){let o=v(l=>(r(t=>[...t,l]),()=>r(t=>{let i=t.slice(),a=i.indexOf(l);return a!==-1&&i.splice(a,1),i}))),s=f(()=>({register:o,slot:e.slot,name:e.name,props:e.props}),[o,e.slot,e.name,e.props]);return p.createElement(u.Provider,{value:s},e.children)},[r])]}let h="label",F=x(function(r,d){let e=g(),{id:o=`headlessui-label-${e}`,passive:s=!1,...l}=r,t=c(),i=P(d);E(()=>t.register(o),[o,t.register]);let a={ref:i,...t.props,id:o};return s&&("onClick"in a&&delete a.onClick,"onClick"in l&&delete l.onClick),T({ourProps:a,theirProps:l,slot:t.slot||{},defaultTag:h,name:t.name||"Label"})});export{F as Label,M as useLabels};
+"use client";import k,{createContext as D,useContext as h,useMemo as T,useState as R}from"react";import{useEvent as v}from'../../hooks/use-event.js';import{useId as _}from'../../hooks/use-id.js';import{useIsoMorphicEffect as A}from'../../hooks/use-iso-morphic-effect.js';import{useSyncRefs as B}from'../../hooks/use-sync-refs.js';import{useDisabled as F}from'../../internal/disabled.js';import{useProvidedId as S}from'../../internal/id.js';import{forwardRefWithAs as M,render as H}from'../../utils/render.js';let c=D(null);c.displayName="LabelContext";function P(){let r=h(c);if(r===null){let l=new Error("You used a <Label /> component, but it is not inside a relevant parent.");throw Error.captureStackTrace&&Error.captureStackTrace(l,P),l}return r}function I(r){var a,e,o;let l=(e=(a=h(c))==null?void 0:a.value)!=null?e:void 0;return((o=r==null?void 0:r.length)!=null?o:0)>0?[l,...r].filter(Boolean).join(" "):l}function z({inherit:r=!1}={}){let l=I(),[a,e]=R([]),o=r?[l,...a].filter(Boolean):a;return[o.length>0?o.join(" "):void 0,T(()=>function(t){let s=v(i=>(e(p=>[...p,i]),()=>e(p=>{let u=p.slice(),d=u.indexOf(i);return d!==-1&&u.splice(d,1),u}))),m=T(()=>({register:s,slot:t.slot,name:t.name,props:t.props,value:t.value}),[s,t.slot,t.name,t.props,t.value]);return k.createElement(c.Provider,{value:m},t.children)},[e])]}let N="label";function G(r,l){var y;let a=_(),e=P(),o=S(),g=F(),{id:t=`headlessui-label-${a}`,htmlFor:s=o!=null?o:(y=e.props)==null?void 0:y.htmlFor,passive:m=!1,...i}=r,p=B(l);A(()=>e.register(t),[t,e.register]);let u=v(L=>{let b=L.currentTarget;if(b instanceof HTMLLabelElement&&L.preventDefault(),e.props&&"onClick"in e.props&&typeof e.props.onClick=="function"&&e.props.onClick(L),b instanceof HTMLLabelElement){let n=document.getElementById(b.htmlFor);if(n){let E=n.getAttribute("disabled");if(E==="true"||E==="")return;let x=n.getAttribute("aria-disabled");if(x==="true"||x==="")return;(n instanceof HTMLInputElement&&(n.type==="radio"||n.type==="checkbox")||n.role==="radio"||n.role==="checkbox"||n.role==="switch")&&n.click(),n.focus({preventScroll:!0})}}}),d=g||!1,C=T(()=>({...e.slot,disabled:d}),[e.slot,d]),f={ref:p,...e.props,id:t,htmlFor:s,onClick:u};return m&&("onClick"in f&&(delete f.htmlFor,delete f.onClick),"onClick"in i&&delete i.onClick),H({ourProps:f,theirProps:i,slot:C,defaultTag:s?N:"div",name:e.name||"Label"})}let U=M(G),K=Object.assign(U,{});export{K as Label,P as useLabelContext,I as useLabelledBy,z as useLabels};

dist/components/listbox/listbox.d.ts

@@ -1,69 +0,121 @@
-import React, { Ref } from 'react';
-import { Props } from '../../types.js';
-import { PropsForFeatures } from '../../utils/render.js';
-interface ListboxRenderPropArg<T> {
+import React, { type ElementType, type Ref } from 'react';
+import { type ByComparator } from '../../hooks/use-by-comparator.js';
+import { type AnchorPropsWithSelection } from '../../internal/floating.js';
+import type { Props } from '../../types.js';
+import { type HasDisplayName, type PropsForFeatures, type RefProp } from '../../utils/render.js';
+import { type _internal_ComponentLabel } from '../label/label.js';
+declare let DEFAULT_LISTBOX_TAG: React.ExoticComponent<{
+    children?: React.ReactNode;
+}>;
+type ListboxRenderPropArg<T> = {
     open: boolean;
     disabled: boolean;
+    invalid: boolean;
     value: T;
-}
-interface ButtonRenderPropArg {
+};
+export type ListboxProps<TTag extends ElementType = typeof DEFAULT_LISTBOX_TAG, TType = string, TActualType = TType> = Props<TTag, ListboxRenderPropArg<TType>, 'value' | 'defaultValue' | 'onChange' | 'by' | 'disabled' | 'horizontal' | 'name' | 'multiple', {
+    value?: TType;
+    defaultValue?: TType;
+    onChange?(value: TType): void;
+    by?: ByComparator<TActualType>;
+    disabled?: boolean;
+    invalid?: boolean;
+    horizontal?: boolean;
+    form?: string;
+    name?: string;
+    multiple?: boolean;
+    __demoMode?: boolean;
+}>;
+declare function ListboxFn<TTag extends ElementType = typeof DEFAULT_LISTBOX_TAG, TType = string, TActualType = TType extends (infer U)[] ? U : TType>(props: ListboxProps<TTag, TType, TActualType>, ref: Ref<HTMLElement>): React.JSX.Element;
+declare let DEFAULT_BUTTON_TAG: "button";
+type ButtonRenderPropArg = {
+    disabled: boolean;
+    invalid: boolean;
+    hover: boolean;
+    focus: boolean;
+    autofocus: boolean;
     open: boolean;
-    disabled: boolean;
+    active: boolean;
     value: any;
-}
-declare type ButtonPropsWeControl = 'type' | 'aria-haspopup' | 'aria-controls' | 'aria-expanded' | 'aria-labelledby' | 'disabled' | 'onKeyDown' | 'onClick';
-interface LabelRenderPropArg {
+};
+type ButtonPropsWeControl = 'aria-controls' | 'aria-expanded' | 'aria-haspopup' | 'aria-labelledby' | 'disabled';
+export type ListboxButtonProps<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG> = Props<TTag, ButtonRenderPropArg, ButtonPropsWeControl, {
+    autoFocus?: boolean;
+    disabled?: boolean;
+}>;
+declare function ButtonFn<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG>(props: ListboxButtonProps<TTag>, ref: Ref<HTMLButtonElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+declare let DEFAULT_OPTIONS_TAG: "div";
+type OptionsRenderPropArg = {
     open: boolean;
-    disabled: boolean;
-}
-declare type LabelPropsWeControl = 'ref' | 'onClick';
-interface OptionsRenderPropArg {
-    open: boolean;
-}
-declare type OptionsPropsWeControl = 'aria-activedescendant' | 'aria-labelledby' | 'aria-orientation' | 'onKeyDown' | 'role' | 'tabIndex';
+};
+type OptionsPropsWeControl = 'aria-activedescendant' | 'aria-labelledby' | 'aria-multiselectable' | 'aria-orientation' | 'role' | 'tabIndex';
 declare let OptionsRenderFeatures: number;
-interface OptionRenderPropArg {
+export type ListboxOptionsProps<TTag extends ElementType = typeof DEFAULT_OPTIONS_TAG> = Props<TTag, OptionsRenderPropArg, OptionsPropsWeControl, {
+    anchor?: AnchorPropsWithSelection;
+    portal?: boolean;
+    modal?: boolean;
+    transition?: boolean;
+} & PropsForFeatures<typeof OptionsRenderFeatures>>;
+declare function OptionsFn<TTag extends ElementType = typeof DEFAULT_OPTIONS_TAG>(props: ListboxOptionsProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+declare let DEFAULT_OPTION_TAG: "div";
+type OptionRenderPropArg = {
+    /** @deprecated use `focus` instead */
     active: boolean;
+    focus: boolean;
     selected: boolean;
     disabled: boolean;
+    selectedOption: boolean;
+};
+type OptionPropsWeControl = 'aria-disabled' | 'aria-selected' | 'role' | 'tabIndex';
+export type ListboxOptionProps<TTag extends ElementType = typeof DEFAULT_OPTION_TAG, TType = string> = Props<TTag, OptionRenderPropArg, OptionPropsWeControl, {
+    disabled?: boolean;
+    value: TType;
+}>;
+declare function OptionFn<TTag extends ElementType = typeof DEFAULT_OPTION_TAG, TType = Parameters<typeof ListboxRoot>[0]['value']>(props: ListboxOptionProps<TTag, TType>, ref: Ref<HTMLElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+declare let DEFAULT_SELECTED_OPTION_TAG: React.ExoticComponent<{
+    children?: React.ReactNode;
+}>;
+type SelectedOptionRenderPropArg = {};
+type SelectedOptionPropsWeControl = never;
+export type ListboxSelectedOptionProps<TTag extends ElementType = typeof DEFAULT_SELECTED_OPTION_TAG> = Props<TTag, SelectedOptionRenderPropArg, SelectedOptionPropsWeControl, {
+    options: React.ReactNode;
+    placeholder?: React.ReactNode;
+}>;
+declare function SelectedFn<TTag extends ElementType = typeof DEFAULT_SELECTED_OPTION_TAG>(props: ListboxSelectedOptionProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+export interface _internal_ComponentListbox extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_LISTBOX_TAG, TType = string, TActualType = TType extends (infer U)[] ? U : TType>(props: ListboxProps<TTag, TType, TActualType> & RefProp<typeof ListboxFn>): JSX.Element;
 }
-declare type ListboxOptionPropsWeControl = 'role' | 'tabIndex' | 'aria-disabled' | 'aria-selected' | 'onPointerLeave' | 'onMouseLeave' | 'onPointerMove' | 'onMouseMove' | 'onFocus';
-export declare let Listbox: (<TTag extends React.ElementType<any> = React.ExoticComponent<{
-    children?: React.ReactNode;
-}>, TType = string, TActualType = TType extends (infer U)[] ? U : TType>(props: Props<TTag, ListboxRenderPropArg<TType>, "value" | "name" | "disabled" | "defaultValue" | "multiple" | "onChange" | "by" | "horizontal"> & {
-    value?: TType | undefined;
-    defaultValue?: TType | undefined;
-    onChange?(value: TType): void;
-    by?: (keyof TActualType & string) | ((a: TActualType, z: TActualType) => boolean) | undefined;
-    disabled?: boolean | undefined;
-    horizontal?: boolean | undefined;
-    name?: string | undefined;
-    multiple?: boolean | undefined;
-}, ref: React.Ref<TTag>) => JSX.Element) & {
-    displayName: string;
-} & {
-    Button: (<TTag_1 extends React.ElementType<any> = "button">(props: Props<TTag_1, ButtonRenderPropArg, ButtonPropsWeControl>, ref: Ref<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Label: (<TTag_2 extends React.ElementType<any> = "label">(props: Props<TTag_2, LabelRenderPropArg, LabelPropsWeControl>, ref: Ref<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Options: (<TTag_3 extends React.ElementType<any> = "ul">(props: Props<TTag_3, OptionsRenderPropArg, OptionsPropsWeControl> & (({
-        static?: undefined;
-    } & {
-        unmount?: boolean | undefined;
-    }) | ({
-        unmount?: undefined;
-    } & {
-        static?: boolean | undefined;
-    })), ref: Ref<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Option: (<TTag_4 extends React.ElementType<any> = "li", TType_1 = unknown>(props: Props<TTag_4, OptionRenderPropArg, "value" | ListboxOptionPropsWeControl> & {
-        disabled?: boolean | undefined;
-        value: TType_1;
-    }, ref: Ref<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
+export interface _internal_ComponentListboxButton extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_BUTTON_TAG>(props: ListboxButtonProps<TTag> & RefProp<typeof ButtonFn>): JSX.Element;
+}
+export interface _internal_ComponentListboxLabel extends _internal_ComponentLabel {
+}
+export interface _internal_ComponentListboxOptions extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_OPTIONS_TAG>(props: ListboxOptionsProps<TTag> & RefProp<typeof OptionsFn>): JSX.Element;
+}
+export interface _internal_ComponentListboxOption extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_OPTION_TAG, TType = Parameters<typeof ListboxRoot>[0]['value']>(props: ListboxOptionProps<TTag, TType> & RefProp<typeof OptionFn>): JSX.Element;
+}
+export interface _internal_ComponentListboxSelectedOption extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_SELECTED_OPTION_TAG>(props: ListboxSelectedOptionProps<TTag> & RefProp<typeof SelectedFn>): JSX.Element;
+}
+declare let ListboxRoot: _internal_ComponentListbox;
+export declare let ListboxButton: _internal_ComponentListboxButton;
+/** @deprecated use `<Label>` instead of `<ListboxLabel>` */
+export declare let ListboxLabel: _internal_ComponentListboxLabel;
+export declare let ListboxOptions: _internal_ComponentListboxOptions;
+export declare let ListboxOption: _internal_ComponentListboxOption;
+export declare let ListboxSelectedOption: _internal_ComponentListboxSelectedOption;
+export declare let Listbox: _internal_ComponentListbox & {
+    /** @deprecated use `<ListboxButton>` instead of `<Listbox.Button>` */
+    Button: _internal_ComponentListboxButton;
+    /** @deprecated use `<Label>` instead of `<Listbox.Label>` */
+    Label: _internal_ComponentListboxLabel;
+    /** @deprecated use `<ListboxOptions>` instead of `<Listbox.Options>` */
+    Options: _internal_ComponentListboxOptions;
+    /** @deprecated use `<ListboxOption>` instead of `<Listbox.Option>` */
+    Option: _internal_ComponentListboxOption;
+    /** @deprecated use `<ListboxSelectedOption>` instead of `<Listbox.SelectedOption>` */
+    SelectedOption: _internal_ComponentListboxSelectedOption;
 };
 export {};

dist/components/listbox/listbox.js

@@ -1,1 +0,1 @@
-import K,{Fragment as xe,createContext as Z,createRef as ge,useCallback as Oe,useContext as ee,useEffect as te,useMemo as E,useReducer as ye,useRef as I}from"react";import{useDisposables as V}from'../../hooks/use-disposables.js';import{useId as N}from'../../hooks/use-id.js';import{useIsoMorphicEffect as W}from'../../hooks/use-iso-morphic-effect.js';import{useComputed as oe}from'../../hooks/use-computed.js';import{useSyncRefs as F}from'../../hooks/use-sync-refs.js';import{Features as ne,forwardRefWithAs as _,render as U,compact as Le}from'../../utils/render.js';import{match as C}from'../../utils/match.js';import{disposables as $}from'../../utils/disposables.js';import{Keys as O}from'../keyboard.js';import{Focus as R,calculateActiveIndex as ve}from'../../utils/calculate-active-index.js';import{isDisabledReactIssue7711 as me}from'../../utils/bugs.js';import{isFocusableElement as Re,FocusableMode as Se,sortByDomNode as Ae}from'../../utils/focus-management.js';import{useOpenClosed as he,State as z,OpenClosedProvider as Pe}from'../../internal/open-closed.js';import{useResolveButtonType as De}from'../../hooks/use-resolve-button-type.js';import{useOutsideClick as Ee}from'../../hooks/use-outside-click.js';import{Hidden as Ie,Features as Ce}from'../../internal/hidden.js';import{objectToFormEntries as Me}from'../../utils/form.js';import{getOwnerDocument as ke}from'../../utils/owner.js';import{useEvent as b}from'../../hooks/use-event.js';import{useControllable as we}from'../../hooks/use-controllable.js';import{useLatestValue as Fe}from'../../hooks/use-latest-value.js';import{useTrackedPointer as _e}from'../../hooks/use-tracked-pointer.js';var Ue=(o=>(o[o.Open=0]="Open",o[o.Closed=1]="Closed",o))(Ue||{}),Be=(o=>(o[o.Single=0]="Single",o[o.Multi=1]="Multi",o))(Be||{}),He=(o=>(o[o.Pointer=0]="Pointer",o[o.Other=1]="Other",o))(He||{}),Ge=(n=>(n[n.OpenListbox=0]="OpenListbox",n[n.CloseListbox=1]="CloseListbox",n[n.GoToOption=2]="GoToOption",n[n.Search=3]="Search",n[n.ClearSearch=4]="ClearSearch",n[n.RegisterOption=5]="RegisterOption",n[n.UnregisterOption=6]="UnregisterOption",n[n.RegisterLabel=7]="RegisterLabel",n))(Ge||{});function q(e,r=o=>o){let o=e.activeOptionIndex!==null?e.options[e.activeOptionIndex]:null,p=Ae(r(e.options.slice()),c=>c.dataRef.current.domRef.current),i=o?p.indexOf(o):null;return i===-1&&(i=null),{options:p,activeOptionIndex:i}}let je={[1](e){return e.dataRef.current.disabled||e.listboxState===1?e:{...e,activeOptionIndex:null,listboxState:1}},[0](e){if(e.dataRef.current.disabled||e.listboxState===0)return e;let r=e.activeOptionIndex,{isSelected:o}=e.dataRef.current,p=e.options.findIndex(i=>o(i.dataRef.current.value));return p!==-1&&(r=p),{...e,listboxState:0,activeOptionIndex:r}},[2](e,r){var i;if(e.dataRef.current.disabled||e.listboxState===1)return e;let o=q(e),p=ve(r,{resolveItems:()=>o.options,resolveActiveIndex:()=>o.activeOptionIndex,resolveId:c=>c.id,resolveDisabled:c=>c.dataRef.current.disabled});return{...e,...o,searchQuery:"",activeOptionIndex:p,activationTrigger:(i=r.trigger)!=null?i:1}},[3]:(e,r)=>{if(e.dataRef.current.disabled||e.listboxState===1)return e;let p=e.searchQuery!==""?0:1,i=e.searchQuery+r.value.toLowerCase(),t=(e.activeOptionIndex!==null?e.options.slice(e.activeOptionIndex+p).concat(e.options.slice(0,e.activeOptionIndex+p)):e.options).find(n=>{var T;return!n.dataRef.current.disabled&&((T=n.dataRef.current.textValue)==null?void 0:T.startsWith(i))}),u=t?e.options.indexOf(t):-1;return u===-1||u===e.activeOptionIndex?{...e,searchQuery:i}:{...e,searchQuery:i,activeOptionIndex:u,activationTrigger:1}},[4](e){return e.dataRef.current.disabled||e.listboxState===1||e.searchQuery===""?e:{...e,searchQuery:""}},[5]:(e,r)=>{let o={id:r.id,dataRef:r.dataRef},p=q(e,i=>[...i,o]);return e.activeOptionIndex===null&&e.dataRef.current.isSelected(r.dataRef.current.value)&&(p.activeOptionIndex=p.options.indexOf(o)),{...e,...p}},[6]:(e,r)=>{let o=q(e,p=>{let i=p.findIndex(c=>c.id===r.id);return i!==-1&&p.splice(i,1),p});return{...e,...o,activationTrigger:1}},[7]:(e,r)=>({...e,labelId:r.id})},X=Z(null);X.displayName="ListboxActionsContext";function B(e){let r=ee(X);if(r===null){let o=new Error(`<${e} /> is missing a parent <Listbox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,B),o}return r}let J=Z(null);J.displayName="ListboxDataContext";function H(e){let r=ee(J);if(r===null){let o=new Error(`<${e} /> is missing a parent <Listbox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,H),o}return r}function Ke(e,r){return C(r.type,je,e,r)}let Ve=xe,Ne=_(function(r,o){let{value:p,defaultValue:i,name:c,onChange:t,by:u=(l,f)=>l===f,disabled:n=!1,horizontal:T=!1,multiple:g=!1,...A}=r;const m=T?"horizontal":"vertical";let P=F(o),[y=g?[]:void 0,S]=we(p,t,i),[h,s]=ye(Ke,{dataRef:ge(),listboxState:1,options:[],searchQuery:"",labelId:null,activeOptionIndex:null,activationTrigger:1}),a=I({static:!1,hold:!1}),x=I(null),D=I(null),Q=I(null),M=b(typeof u=="string"?(l,f)=>{let v=u;return(l==null?void 0:l[v])===(f==null?void 0:f[v])}:u),L=Oe(l=>C(d.mode,{[1]:()=>y.some(f=>M(f,l)),[0]:()=>M(y,l)}),[y]),d=E(()=>({...h,value:y,disabled:n,mode:g?1:0,orientation:m,compare:M,isSelected:L,optionsPropsRef:a,labelRef:x,buttonRef:D,optionsRef:Q}),[y,n,g,h]);W(()=>{h.dataRef.current=d},[d]),Ee([d.buttonRef,d.optionsRef],(l,f)=>{var v;s({type:1}),Re(f,Se.Loose)||(l.preventDefault(),(v=d.buttonRef.current)==null||v.focus())},d.listboxState===0);let G=E(()=>({open:d.listboxState===0,disabled:n,value:y}),[d,n,y]),ie=b(l=>{let f=d.options.find(v=>v.id===l);!f||k(f.dataRef.current.value)}),re=b(()=>{if(d.activeOptionIndex!==null){let{dataRef:l,id:f}=d.options[d.activeOptionIndex];k(l.current.value),s({type:2,focus:R.Specific,id:f})}}),ae=b(()=>s({type:0})),le=b(()=>s({type:1})),se=b((l,f,v)=>l===R.Specific?s({type:2,focus:R.Specific,id:f,trigger:v}):s({type:2,focus:l,trigger:v})),ue=b((l,f)=>(s({type:5,id:l,dataRef:f}),()=>s({type:6,id:l}))),pe=b(l=>(s({type:7,id:l}),()=>s({type:7,id:null}))),k=b(l=>C(d.mode,{[0](){return S==null?void 0:S(l)},[1](){let f=d.value.slice(),v=f.findIndex(w=>M(w,l));return v===-1?f.push(l):f.splice(v,1),S==null?void 0:S(f)}})),de=b(l=>s({type:3,value:l})),ce=b(()=>s({type:4})),fe=E(()=>({onChange:k,registerOption:ue,registerLabel:pe,goToOption:se,closeListbox:le,openListbox:ae,selectActiveOption:re,selectOption:ie,search:de,clearSearch:ce}),[]),be={ref:P},j=I(null),Te=V();return te(()=>{!j.current||i!==void 0&&Te.addEventListener(j.current,"reset",()=>{k(i)})},[j,k]),K.createElement(X.Provider,{value:fe},K.createElement(J.Provider,{value:d},K.createElement(Pe,{value:C(d.listboxState,{[0]:z.Open,[1]:z.Closed})},c!=null&&y!=null&&Me({[c]:y}).map(([l,f],v)=>K.createElement(Ie,{features:Ce.Hidden,ref:v===0?w=>{var Y;j.current=(Y=w==null?void 0:w.closest("form"))!=null?Y:null}:void 0,...Le({key:l,as:"input",type:"hidden",hidden:!0,readOnly:!0,name:l,value:f})})),U({ourProps:be,theirProps:A,slot:G,defaultTag:Ve,name:"Listbox"}))))}),We="button",Qe=_(function(r,o){var h;let p=N(),{id:i=`headlessui-listbox-button-${p}`,...c}=r,t=H("Listbox.Button"),u=B("Listbox.Button"),n=F(t.buttonRef,o),T=V(),g=b(s=>{switch(s.key){case O.Space:case O.Enter:case O.ArrowDown:s.preventDefault(),u.openListbox(),T.nextFrame(()=>{t.value||u.goToOption(R.First)});break;case O.ArrowUp:s.preventDefault(),u.openListbox(),T.nextFrame(()=>{t.value||u.goToOption(R.Last)});break}}),A=b(s=>{switch(s.key){case O.Space:s.preventDefault();break}}),m=b(s=>{if(me(s.currentTarget))return s.preventDefault();t.listboxState===0?(u.closeListbox(),T.nextFrame(()=>{var a;return(a=t.buttonRef.current)==null?void 0:a.focus({preventScroll:!0})})):(s.preventDefault(),u.openListbox())}),P=oe(()=>{if(!!t.labelId)return[t.labelId,i].join(" ")},[t.labelId,i]),y=E(()=>({open:t.listboxState===0,disabled:t.disabled,value:t.value}),[t]),S={ref:n,id:i,type:De(r,t.buttonRef),"aria-haspopup":"listbox","aria-controls":(h=t.optionsRef.current)==null?void 0:h.id,"aria-expanded":t.disabled?void 0:t.listboxState===0,"aria-labelledby":P,disabled:t.disabled,onKeyDown:g,onKeyUp:A,onClick:m};return U({ourProps:S,theirProps:c,slot:y,defaultTag:We,name:"Listbox.Button"})}),$e="label",ze=_(function(r,o){let p=N(),{id:i=`headlessui-listbox-label-${p}`,...c}=r,t=H("Listbox.Label"),u=B("Listbox.Label"),n=F(t.labelRef,o);W(()=>u.registerLabel(i),[i]);let T=b(()=>{var m;return(m=t.buttonRef.current)==null?void 0:m.focus({preventScroll:!0})}),g=E(()=>({open:t.listboxState===0,disabled:t.disabled}),[t]);return U({ourProps:{ref:n,id:i,onClick:T},theirProps:c,slot:g,defaultTag:$e,name:"Listbox.Label"})}),qe="ul",Xe=ne.RenderStrategy|ne.Static,Je=_(function(r,o){var s;let p=N(),{id:i=`headlessui-listbox-options-${p}`,...c}=r,t=H("Listbox.Options"),u=B("Listbox.Options"),n=F(t.optionsRef,o),T=V(),g=V(),A=he(),m=(()=>A!==null?A===z.Open:t.listboxState===0)();te(()=>{var x;let a=t.optionsRef.current;!a||t.listboxState===0&&a!==((x=ke(a))==null?void 0:x.activeElement)&&a.focus({preventScroll:!0})},[t.listboxState,t.optionsRef]);let P=b(a=>{switch(g.dispose(),a.key){case O.Space:if(t.searchQuery!=="")return a.preventDefault(),a.stopPropagation(),u.search(a.key);case O.Enter:if(a.preventDefault(),a.stopPropagation(),t.activeOptionIndex!==null){let{dataRef:x}=t.options[t.activeOptionIndex];u.onChange(x.current.value)}t.mode===0&&(u.closeListbox(),$().nextFrame(()=>{var x;return(x=t.buttonRef.current)==null?void 0:x.focus({preventScroll:!0})}));break;case C(t.orientation,{vertical:O.ArrowDown,horizontal:O.ArrowRight}):return a.preventDefault(),a.stopPropagation(),u.goToOption(R.Next);case C(t.orientation,{vertical:O.ArrowUp,horizontal:O.ArrowLeft}):return a.preventDefault(),a.stopPropagation(),u.goToOption(R.Previous);case O.Home:case O.PageUp:return a.preventDefault(),a.stopPropagation(),u.goToOption(R.First);case O.End:case O.PageDown:return a.preventDefault(),a.stopPropagation(),u.goToOption(R.Last);case O.Escape:return a.preventDefault(),a.stopPropagation(),u.closeListbox(),T.nextFrame(()=>{var x;return(x=t.buttonRef.current)==null?void 0:x.focus({preventScroll:!0})});case O.Tab:a.preventDefault(),a.stopPropagation();break;default:a.key.length===1&&(u.search(a.key),g.setTimeout(()=>u.clearSearch(),350));break}}),y=oe(()=>{var a,x,D;return(D=(a=t.labelRef.current)==null?void 0:a.id)!=null?D:(x=t.buttonRef.current)==null?void 0:x.id},[t.labelRef.current,t.buttonRef.current]),S=E(()=>({open:t.listboxState===0}),[t]),h={"aria-activedescendant":t.activeOptionIndex===null||(s=t.options[t.activeOptionIndex])==null?void 0:s.id,"aria-multiselectable":t.mode===1?!0:void 0,"aria-labelledby":y,"aria-orientation":t.orientation,id:i,onKeyDown:P,role:"listbox",tabIndex:0,ref:n};return U({ourProps:h,theirProps:c,slot:S,defaultTag:qe,features:Xe,visible:m,name:"Listbox.Options"})}),Ye="li",Ze=_(function(r,o){let p=N(),{id:i=`headlessui-listbox-option-${p}`,disabled:c=!1,value:t,...u}=r,n=H("Listbox.Option"),T=B("Listbox.Option"),g=n.activeOptionIndex!==null?n.options[n.activeOptionIndex].id===i:!1,A=n.isSelected(t),m=I(null),P=Fe({disabled:c,value:t,domRef:m,get textValue(){var L,d;return(d=(L=m.current)==null?void 0:L.textContent)==null?void 0:d.toLowerCase()}}),y=F(o,m);W(()=>{if(n.listboxState!==0||!g||n.activationTrigger===0)return;let L=$();return L.requestAnimationFrame(()=>{var d,G;(G=(d=m.current)==null?void 0:d.scrollIntoView)==null||G.call(d,{block:"nearest"})}),L.dispose},[m,g,n.listboxState,n.activationTrigger,n.activeOptionIndex]),W(()=>T.registerOption(i,P),[P,i]);let S=b(L=>{if(c)return L.preventDefault();T.onChange(t),n.mode===0&&(T.closeListbox(),$().nextFrame(()=>{var d;return(d=n.buttonRef.current)==null?void 0:d.focus({preventScroll:!0})}))}),h=b(()=>{if(c)return T.goToOption(R.Nothing);T.goToOption(R.Specific,i)}),s=_e(),a=b(L=>s.update(L)),x=b(L=>{!s.wasMoved(L)||c||g||T.goToOption(R.Specific,i,0)}),D=b(L=>{!s.wasMoved(L)||c||!g||T.goToOption(R.Nothing)}),Q=E(()=>({active:g,selected:A,disabled:c}),[g,A,c]);return U({ourProps:{id:i,ref:y,role:"option",tabIndex:c===!0?void 0:-1,"aria-disabled":c===!0?!0:void 0,"aria-selected":A,disabled:void 0,onClick:S,onFocus:h,onPointerEnter:a,onMouseEnter:a,onPointerMove:x,onMouseMove:x,onPointerLeave:D,onMouseLeave:D},theirProps:u,slot:Q,defaultTag:Ye,name:"Listbox.Option"})}),Mt=Object.assign(Ne,{Button:Qe,Label:ze,Options:Je,Option:Ze});export{Mt as Listbox};
+"use client";import{useFocusRing as Ae}from"@react-aria/focus";import{useHover as Re}from"@react-aria/interactions";import D,{Fragment as fe,createContext as ie,createRef as he,useCallback as be,useContext as re,useEffect as De,useMemo as B,useReducer as _e,useRef as le}from"react";import{flushSync as U}from"react-dom";import{useActivePress as Ie}from'../../hooks/use-active-press.js';import{useByComparator as Ce}from'../../hooks/use-by-comparator.js';import{useControllable as Fe}from'../../hooks/use-controllable.js';import{useDefaultValue as Me}from'../../hooks/use-default-value.js';import{useDidElementMove as Be}from'../../hooks/use-did-element-move.js';import{useDisposables as Te}from'../../hooks/use-disposables.js';import{useElementSize as we}from'../../hooks/use-element-size.js';import{useEvent as T}from'../../hooks/use-event.js';import{useId as ae}from'../../hooks/use-id.js';import{useInertOthers as ke}from'../../hooks/use-inert-others.js';import{useIsoMorphicEffect as se}from'../../hooks/use-iso-morphic-effect.js';import{useLatestValue as Ue}from'../../hooks/use-latest-value.js';import{useOnDisappear as Ne}from'../../hooks/use-on-disappear.js';import{useOutsideClick as He}from'../../hooks/use-outside-click.js';import{useOwnerDocument as Ge}from'../../hooks/use-owner.js';import{useResolveButtonType as Ve}from'../../hooks/use-resolve-button-type.js';import{useScrollLock as Ke}from'../../hooks/use-scroll-lock.js';import{useSyncRefs as K}from'../../hooks/use-sync-refs.js';import{useTextValue as je}from'../../hooks/use-text-value.js';import{useTrackedPointer as ze}from'../../hooks/use-tracked-pointer.js';import{transitionDataAttributes as We,useTransition as Qe}from'../../hooks/use-transition.js';import{useDisabled as Xe}from'../../internal/disabled.js';import{FloatingProvider as Je,useFloatingPanel as $e,useFloatingPanelProps as qe,useFloatingReference as Ye,useFloatingReferenceProps as Ze,useResolvedAnchor as et}from'../../internal/floating.js';import{FormFields as tt}from'../../internal/form-fields.js';import{useFrozenData as ot}from'../../internal/frozen.js';import{useProvidedId as nt}from'../../internal/id.js';import{OpenClosedProvider as it,State as $,useOpenClosed as rt}from'../../internal/open-closed.js';import{isDisabledReactIssue7711 as lt}from'../../utils/bugs.js';import{Focus as g,calculateActiveIndex as pe}from'../../utils/calculate-active-index.js';import{disposables as at}from'../../utils/disposables.js';import{Focus as me,FocusableMode as st,focusFrom as pt,isFocusableElement as ut,sortByDomNode as dt}from'../../utils/focus-management.js';import{attemptSubmit as ct}from'../../utils/form.js';import{match as V}from'../../utils/match.js';import{getOwnerDocument as ft}from'../../utils/owner.js';import{RenderFeatures as xe,forwardRefWithAs as j,mergeProps as Oe,render as z}from'../../utils/render.js';import{useDescribedBy as bt}from'../description/description.js';import{Keys as E}from'../keyboard.js';import{Label as Tt,useLabelledBy as mt,useLabels as xt}from'../label/label.js';import{Portal as Ot}from'../portal/portal.js';var yt=(o=>(o[o.Open=0]="Open",o[o.Closed=1]="Closed",o))(yt||{}),vt=(o=>(o[o.Single=0]="Single",o[o.Multi=1]="Multi",o))(vt||{}),gt=(o=>(o[o.Pointer=0]="Pointer",o[o.Other=1]="Other",o))(gt||{}),Lt=(n=>(n[n.OpenListbox=0]="OpenListbox",n[n.CloseListbox=1]="CloseListbox",n[n.GoToOption=2]="GoToOption",n[n.Search=3]="Search",n[n.ClearSearch=4]="ClearSearch",n[n.RegisterOption=5]="RegisterOption",n[n.UnregisterOption=6]="UnregisterOption",n[n.SetButtonElement=7]="SetButtonElement",n[n.SetOptionsElement=8]="SetOptionsElement",n))(Lt||{});function ue(e,i=o=>o){let o=e.activeOptionIndex!==null?e.options[e.activeOptionIndex]:null,r=dt(i(e.options.slice()),x=>x.dataRef.current.domRef.current),a=o?r.indexOf(o):null;return a===-1&&(a=null),{options:r,activeOptionIndex:a}}let St={[1](e){return e.dataRef.current.disabled||e.listboxState===1?e:{...e,activeOptionIndex:null,listboxState:1,__demoMode:!1}},[0](e){if(e.dataRef.current.disabled||e.listboxState===0)return e;let i=e.activeOptionIndex,{isSelected:o}=e.dataRef.current,r=e.options.findIndex(a=>o(a.dataRef.current.value));return r!==-1&&(i=r),{...e,listboxState:0,activeOptionIndex:i,__demoMode:!1}},[2](e,i){var x,y,p,s,n;if(e.dataRef.current.disabled||e.listboxState===1)return e;let o={...e,searchQuery:"",activationTrigger:(x=i.trigger)!=null?x:1,__demoMode:!1};if(i.focus===g.Nothing)return{...o,activeOptionIndex:null};if(i.focus===g.Specific)return{...o,activeOptionIndex:e.options.findIndex(t=>t.id===i.id)};if(i.focus===g.Previous){let t=e.activeOptionIndex;if(t!==null){let u=e.options[t].dataRef.current.domRef,m=pe(i,{resolveItems:()=>e.options,resolveActiveIndex:()=>e.activeOptionIndex,resolveId:b=>b.id,resolveDisabled:b=>b.dataRef.current.disabled});if(m!==null){let b=e.options[m].dataRef.current.domRef;if(((y=u.current)==null?void 0:y.previousElementSibling)===b.current||((p=b.current)==null?void 0:p.previousElementSibling)===null)return{...o,activeOptionIndex:m}}}}else if(i.focus===g.Next){let t=e.activeOptionIndex;if(t!==null){let u=e.options[t].dataRef.current.domRef,m=pe(i,{resolveItems:()=>e.options,resolveActiveIndex:()=>e.activeOptionIndex,resolveId:b=>b.id,resolveDisabled:b=>b.dataRef.current.disabled});if(m!==null){let b=e.options[m].dataRef.current.domRef;if(((s=u.current)==null?void 0:s.nextElementSibling)===b.current||((n=b.current)==null?void 0:n.nextElementSibling)===null)return{...o,activeOptionIndex:m}}}}let r=ue(e),a=pe(i,{resolveItems:()=>r.options,resolveActiveIndex:()=>r.activeOptionIndex,resolveId:t=>t.id,resolveDisabled:t=>t.dataRef.current.disabled});return{...o,...r,activeOptionIndex:a}},[3]:(e,i)=>{if(e.dataRef.current.disabled||e.listboxState===1)return e;let r=e.searchQuery!==""?0:1,a=e.searchQuery+i.value.toLowerCase(),y=(e.activeOptionIndex!==null?e.options.slice(e.activeOptionIndex+r).concat(e.options.slice(0,e.activeOptionIndex+r)):e.options).find(s=>{var n;return!s.dataRef.current.disabled&&((n=s.dataRef.current.textValue)==null?void 0:n.startsWith(a))}),p=y?e.options.indexOf(y):-1;return p===-1||p===e.activeOptionIndex?{...e,searchQuery:a}:{...e,searchQuery:a,activeOptionIndex:p,activationTrigger:1}},[4](e){return e.dataRef.current.disabled||e.listboxState===1||e.searchQuery===""?e:{...e,searchQuery:""}},[5]:(e,i)=>{let o={id:i.id,dataRef:i.dataRef},r=ue(e,a=>[...a,o]);return e.activeOptionIndex===null&&e.dataRef.current.isSelected(i.dataRef.current.value)&&(r.activeOptionIndex=r.options.indexOf(o)),{...e,...r}},[6]:(e,i)=>{let o=ue(e,r=>{let a=r.findIndex(x=>x.id===i.id);return a!==-1&&r.splice(a,1),r});return{...e,...o,activationTrigger:1}},[7]:(e,i)=>e.buttonElement===i.element?e:{...e,buttonElement:i.element},[8]:(e,i)=>e.optionsElement===i.element?e:{...e,optionsElement:i.element}},de=ie(null);de.displayName="ListboxActionsContext";function q(e){let i=re(de);if(i===null){let o=new Error(`<${e} /> is missing a parent <Listbox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,q),o}return i}let Y=ie(null);Y.displayName="ListboxDataContext";function W(e){let i=re(Y);if(i===null){let o=new Error(`<${e} /> is missing a parent <Listbox /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,W),o}return i}function Et(e,i){return V(i.type,St,e,i)}let Pt=fe;function At(e,i){var ce;let o=Xe(),{value:r,defaultValue:a,form:x,name:y,onChange:p,by:s,invalid:n=!1,disabled:t=o||!1,horizontal:u=!1,multiple:m=!1,__demoMode:b=!1,...A}=e;const w=u?"horizontal":"vertical";let k=K(i),_=Me(a),[v=m?[]:void 0,P]=Fe(r,p,_),[R,O]=_e(Et,{dataRef:he(),listboxState:b?0:1,options:[],searchQuery:"",activeOptionIndex:null,activationTrigger:1,optionsVisible:!1,buttonElement:null,optionsElement:null,__demoMode:b}),M=le({static:!1,hold:!1}),F=le(new Map),d=Ce(s),h=be(f=>V(c.mode,{[1]:()=>v.some(S=>d(S,f)),[0]:()=>d(v,f)}),[v]),c=B(()=>({...R,value:v,disabled:t,invalid:n,mode:m?1:0,orientation:w,compare:d,isSelected:h,optionsPropsRef:M,listRef:F}),[v,t,n,m,R,F]);se(()=>{R.dataRef.current=c},[c]);let L=c.listboxState===0;He(L,[c.buttonElement,c.optionsElement],(f,S)=>{var C;O({type:1}),ut(S,st.Loose)||(f.preventDefault(),(C=c.buttonElement)==null||C.focus())});let N=B(()=>({open:c.listboxState===0,disabled:t,invalid:n,value:v}),[c,t,v,n]),Z=T(f=>{let S=c.options.find(C=>C.id===f);S&&H(S.dataRef.current.value)}),Q=T(()=>{if(c.activeOptionIndex!==null){let{dataRef:f,id:S}=c.options[c.activeOptionIndex];H(f.current.value),O({type:2,focus:g.Specific,id:S})}}),ee=T(()=>O({type:0})),te=T(()=>O({type:1})),X=Te(),oe=T((f,S,C)=>{X.dispose(),X.microTask(()=>f===g.Specific?O({type:2,focus:g.Specific,id:S,trigger:C}):O({type:2,focus:f,trigger:C}))}),J=T((f,S)=>(O({type:5,id:f,dataRef:S}),()=>O({type:6,id:f}))),H=T(f=>V(c.mode,{[0](){return P==null?void 0:P(f)},[1](){let S=c.value.slice(),C=S.findIndex(Pe=>d(Pe,f));return C===-1?S.push(f):S.splice(C,1),P==null?void 0:P(S)}})),l=T(f=>O({type:3,value:f})),I=T(()=>O({type:4})),G=T(f=>{O({type:7,element:f})}),ne=T(f=>{O({type:8,element:f})}),ve=B(()=>({onChange:H,registerOption:J,goToOption:oe,closeListbox:te,openListbox:ee,selectActiveOption:Q,selectOption:Z,search:l,clearSearch:I,setButtonElement:G,setOptionsElement:ne}),[]),[ge,Le]=xt({inherit:!0}),Se={ref:k},Ee=be(()=>{if(_!==void 0)return P==null?void 0:P(_)},[P,_]);return D.createElement(Le,{value:ge,props:{htmlFor:(ce=c.buttonElement)==null?void 0:ce.id},slot:{open:c.listboxState===0,disabled:t}},D.createElement(Je,null,D.createElement(de.Provider,{value:ve},D.createElement(Y.Provider,{value:c},D.createElement(it,{value:V(c.listboxState,{[0]:$.Open,[1]:$.Closed})},y!=null&&v!=null&&D.createElement(tt,{disabled:t,data:{[y]:v},form:x,onReset:Ee}),z({ourProps:Se,theirProps:A,slot:N,defaultTag:Pt,name:"Listbox"}))))))}let Rt="button";function ht(e,i){var c;let o=W("Listbox.Button"),r=q("Listbox.Button"),a=ae(),x=nt(),{id:y=x||`headlessui-listbox-button-${a}`,disabled:p=o.disabled||!1,autoFocus:s=!1,...n}=e,t=K(i,Ye(),r.setButtonElement),u=Ze(),m=T(L=>{switch(L.key){case E.Enter:ct(L.currentTarget);break;case E.Space:case E.ArrowDown:L.preventDefault(),U(()=>r.openListbox()),o.value||r.goToOption(g.First);break;case E.ArrowUp:L.preventDefault(),U(()=>r.openListbox()),o.value||r.goToOption(g.Last);break}}),b=T(L=>{switch(L.key){case E.Space:L.preventDefault();break}}),A=T(L=>{var N;if(lt(L.currentTarget))return L.preventDefault();o.listboxState===0?(U(()=>r.closeListbox()),(N=o.buttonElement)==null||N.focus({preventScroll:!0})):(L.preventDefault(),r.openListbox())}),w=T(L=>L.preventDefault()),k=mt([y]),_=bt(),{isFocusVisible:v,focusProps:P}=Ae({autoFocus:s}),{isHovered:R,hoverProps:O}=Re({isDisabled:p}),{pressed:M,pressProps:F}=Ie({disabled:p}),d=B(()=>({open:o.listboxState===0,active:M||o.listboxState===0,disabled:p,invalid:o.invalid,value:o.value,hover:R,focus:v,autofocus:s}),[o.listboxState,o.value,p,R,v,M,o.invalid,s]),h=Oe(u(),{ref:t,id:y,type:Ve(e,o.buttonElement),"aria-haspopup":"listbox","aria-controls":(c=o.optionsElement)==null?void 0:c.id,"aria-expanded":o.listboxState===0,"aria-labelledby":k,"aria-describedby":_,disabled:p||void 0,autoFocus:s,onKeyDown:m,onKeyUp:b,onKeyPress:w,onClick:A},P,O,F);return z({ourProps:h,theirProps:n,slot:d,defaultTag:Rt,name:"Listbox.Button"})}let ye=ie(!1),Dt="div",_t=xe.RenderStrategy|xe.Static;function It(e,i){var J,H;let o=ae(),{id:r=`headlessui-listbox-options-${o}`,anchor:a,portal:x=!1,modal:y=!0,transition:p=!1,...s}=e,n=et(a);n&&(x=!0);let t=W("Listbox.Options"),u=q("Listbox.Options"),m=Ge(t.optionsElement),b=rt(),[A,w]=Qe(p,t.optionsElement,b!==null?(b&$.Open)===$.Open:t.listboxState===0);Ne(A,t.buttonElement,u.closeListbox);let k=t.__demoMode?!1:y&&t.listboxState===0;Ke(k,m);let _=t.__demoMode?!1:y&&t.listboxState===0;ke(_,{allowed:T(()=>[t.buttonElement,t.optionsElement])});let v=t.listboxState!==0,R=Be(v,t.buttonElement)?!1:A,O=A&&t.listboxState===1,M=ot(O,t.value),F=T(l=>t.compare(M,l)),d=B(()=>{var I;if(n==null||!((I=n==null?void 0:n.to)!=null&&I.includes("selection")))return null;let l=t.options.findIndex(G=>F(G.dataRef.current.value));return l===-1&&(l=0),l},[n,t.options]),h=(()=>{if(n==null)return;if(d===null)return{...n,inner:void 0};let l=Array.from(t.listRef.current.values());return{...n,inner:{listRef:{current:l},index:d}}})(),[c,L]=$e(h),N=qe(),Z=K(i,n?c:null,u.setOptionsElement),Q=Te();De(()=>{var I;let l=t.optionsElement;l&&t.listboxState===0&&l!==((I=ft(l))==null?void 0:I.activeElement)&&(l==null||l.focus({preventScroll:!0}))},[t.listboxState,t.optionsElement]);let ee=T(l=>{var I,G;switch(Q.dispose(),l.key){case E.Space:if(t.searchQuery!=="")return l.preventDefault(),l.stopPropagation(),u.search(l.key);case E.Enter:if(l.preventDefault(),l.stopPropagation(),t.activeOptionIndex!==null){let{dataRef:ne}=t.options[t.activeOptionIndex];u.onChange(ne.current.value)}t.mode===0&&(U(()=>u.closeListbox()),(I=t.buttonElement)==null||I.focus({preventScroll:!0}));break;case V(t.orientation,{vertical:E.ArrowDown,horizontal:E.ArrowRight}):return l.preventDefault(),l.stopPropagation(),u.goToOption(g.Next);case V(t.orientation,{vertical:E.ArrowUp,horizontal:E.ArrowLeft}):return l.preventDefault(),l.stopPropagation(),u.goToOption(g.Previous);case E.Home:case E.PageUp:return l.preventDefault(),l.stopPropagation(),u.goToOption(g.First);case E.End:case E.PageDown:return l.preventDefault(),l.stopPropagation(),u.goToOption(g.Last);case E.Escape:l.preventDefault(),l.stopPropagation(),U(()=>u.closeListbox()),(G=t.buttonElement)==null||G.focus({preventScroll:!0});return;case E.Tab:l.preventDefault(),l.stopPropagation(),U(()=>u.closeListbox()),pt(t.buttonElement,l.shiftKey?me.Previous:me.Next);break;default:l.key.length===1&&(u.search(l.key),Q.setTimeout(()=>u.clearSearch(),350));break}}),te=(J=t.buttonElement)==null?void 0:J.id,X=B(()=>({open:t.listboxState===0}),[t.listboxState]),oe=Oe(n?N():{},{id:r,ref:Z,"aria-activedescendant":t.activeOptionIndex===null||(H=t.options[t.activeOptionIndex])==null?void 0:H.id,"aria-multiselectable":t.mode===1?!0:void 0,"aria-labelledby":te,"aria-orientation":t.orientation,onKeyDown:ee,role:"listbox",tabIndex:t.listboxState===0?0:void 0,style:{...s.style,...L,"--button-width":we(t.buttonElement,!0).width},...We(w)});return D.createElement(Ot,{enabled:x?e.static||A:!1},D.createElement(Y.Provider,{value:t.mode===1?t:{...t,isSelected:F}},z({ourProps:oe,theirProps:s,slot:X,defaultTag:Dt,features:_t,visible:R,name:"Listbox.Options"})))}let Ct="div";function Ft(e,i){let o=ae(),{id:r=`headlessui-listbox-option-${o}`,disabled:a=!1,value:x,...y}=e,p=re(ye)===!0,s=W("Listbox.Option"),n=q("Listbox.Option"),t=s.activeOptionIndex!==null?s.options[s.activeOptionIndex].id===r:!1,u=s.isSelected(x),m=le(null),b=je(m),A=Ue({disabled:a,value:x,domRef:m,get textValue(){return b()}}),w=K(i,m,d=>{d?s.listRef.current.set(r,d):s.listRef.current.delete(r)});se(()=>{if(!s.__demoMode&&s.listboxState===0&&t&&s.activationTrigger!==0)return at().requestAnimationFrame(()=>{var d,h;(h=(d=m.current)==null?void 0:d.scrollIntoView)==null||h.call(d,{block:"nearest"})})},[m,t,s.__demoMode,s.listboxState,s.activationTrigger,s.activeOptionIndex]),se(()=>{if(!p)return n.registerOption(r,A)},[A,r,p]);let k=T(d=>{var h;if(a)return d.preventDefault();n.onChange(x),s.mode===0&&(U(()=>n.closeListbox()),(h=s.buttonElement)==null||h.focus({preventScroll:!0}))}),_=T(()=>{if(a)return n.goToOption(g.Nothing);n.goToOption(g.Specific,r)}),v=ze(),P=T(d=>{v.update(d),!a&&(t||n.goToOption(g.Specific,r,0))}),R=T(d=>{v.wasMoved(d)&&(a||t||n.goToOption(g.Specific,r,0))}),O=T(d=>{v.wasMoved(d)&&(a||t&&n.goToOption(g.Nothing))}),M=B(()=>({active:t,focus:t,selected:u,disabled:a,selectedOption:u&&p}),[t,u,a,p]),F=p?{}:{id:r,ref:w,role:"option",tabIndex:a===!0?void 0:-1,"aria-disabled":a===!0?!0:void 0,"aria-selected":u,disabled:void 0,onClick:k,onFocus:_,onPointerEnter:P,onMouseEnter:P,onPointerMove:R,onMouseMove:R,onPointerLeave:O,onMouseLeave:O};return!u&&p?null:z({ourProps:F,theirProps:y,slot:M,defaultTag:Ct,name:"Listbox.Option"})}let Mt=fe;function Bt(e,i){let{options:o,placeholder:r,...a}=e,y={ref:K(i)},p=W("ListboxSelectedOption"),s=B(()=>({}),[]),n=p.value===void 0||p.value===null||p.mode===1&&Array.isArray(p.value)&&p.value.length===0;return D.createElement(ye.Provider,{value:!0},z({ourProps:y,theirProps:{...a,children:D.createElement(D.Fragment,null,r&&n?r:o)},slot:s,defaultTag:Mt,name:"ListboxSelectedOption"}))}let wt=j(At),kt=j(ht),Ut=Tt,Nt=j(It),Ht=j(Ft),Gt=j(Bt),Co=Object.assign(wt,{Button:kt,Label:Ut,Options:Nt,Option:Ht,SelectedOption:Gt});export{Co as Listbox,kt as ListboxButton,Ut as ListboxLabel,Ht as ListboxOption,Nt as ListboxOptions,Gt as ListboxSelectedOption};

dist/components/menu/menu.d.ts

@@ -1,50 +0,117 @@
-import React, { Ref } from 'react';
-import { Props } from '../../types.js';
-import { PropsForFeatures } from '../../utils/render.js';
-interface MenuRenderPropArg {
+import React, { type ElementType, type Ref } from 'react';
+import { type AnchorProps } from '../../internal/floating.js';
+import type { Props } from '../../types.js';
+import { type HasDisplayName, type RefProp } from '../../utils/render.js';
+declare let DEFAULT_MENU_TAG: React.ExoticComponent<{
+    children?: React.ReactNode;
+}>;
+type MenuRenderPropArg = {
     open: boolean;
     close: () => void;
-}
-interface ButtonRenderPropArg {
+};
+type MenuPropsWeControl = never;
+export type MenuProps<TTag extends ElementType = typeof DEFAULT_MENU_TAG> = Props<TTag, MenuRenderPropArg, MenuPropsWeControl, {
+    __demoMode?: boolean;
+}>;
+declare function MenuFn<TTag extends ElementType = typeof DEFAULT_MENU_TAG>(props: MenuProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+declare let DEFAULT_BUTTON_TAG: "button";
+type ButtonRenderPropArg = {
     open: boolean;
-}
-declare type ButtonPropsWeControl = 'type' | 'aria-haspopup' | 'aria-controls' | 'aria-expanded' | 'onKeyDown' | 'onClick';
-interface ItemsRenderPropArg {
+    active: boolean;
+    hover: boolean;
+    focus: boolean;
+    disabled: boolean;
+    autofocus: boolean;
+};
+type ButtonPropsWeControl = 'aria-controls' | 'aria-expanded' | 'aria-haspopup';
+export type MenuButtonProps<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG> = Props<TTag, ButtonRenderPropArg, ButtonPropsWeControl, {
+    disabled?: boolean;
+    autoFocus?: boolean;
+}>;
+declare function ButtonFn<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG>(props: MenuButtonProps<TTag>, ref: Ref<HTMLButtonElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+declare let DEFAULT_ITEMS_TAG: "div";
+type ItemsRenderPropArg = {
     open: boolean;
-}
-declare type ItemsPropsWeControl = 'aria-activedescendant' | 'aria-labelledby' | 'onKeyDown' | 'role' | 'tabIndex';
-declare let ItemsRenderFeatures: number;
-interface ItemRenderPropArg {
+};
+type ItemsPropsWeControl = 'aria-activedescendant' | 'aria-labelledby' | 'role' | 'tabIndex';
+export type MenuItemsProps<TTag extends ElementType = typeof DEFAULT_ITEMS_TAG> = Props<TTag, ItemsRenderPropArg, ItemsPropsWeControl, {
+    anchor?: AnchorProps;
+    portal?: boolean;
+    modal?: boolean;
+    transition?: boolean;
+    static?: boolean;
+    unmount?: boolean;
+}>;
+declare function ItemsFn<TTag extends ElementType = typeof DEFAULT_ITEMS_TAG>(props: MenuItemsProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+declare let DEFAULT_ITEM_TAG: React.ExoticComponent<{
+    children?: React.ReactNode;
+}>;
+type ItemRenderPropArg = {
+    /** @deprecated use `focus` instead */
     active: boolean;
+    focus: boolean;
     disabled: boolean;
     close: () => void;
+};
+type ItemPropsWeControl = 'aria-describedby' | 'aria-disabled' | 'aria-labelledby' | 'role' | 'tabIndex';
+export type MenuItemProps<TTag extends ElementType = typeof DEFAULT_ITEM_TAG> = Props<TTag, ItemRenderPropArg, ItemPropsWeControl, {
+    disabled?: boolean;
+}>;
+declare function ItemFn<TTag extends ElementType = typeof DEFAULT_ITEM_TAG>(props: MenuItemProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+declare let DEFAULT_SECTION_TAG: "div";
+type SectionRenderPropArg = {};
+type SectionPropsWeControl = 'role' | 'aria-labelledby';
+export type MenuSectionProps<TTag extends ElementType = typeof DEFAULT_SECTION_TAG> = Props<TTag, SectionRenderPropArg, SectionPropsWeControl>;
+declare function SectionFn<TTag extends ElementType = typeof DEFAULT_SECTION_TAG>(props: MenuSectionProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+declare let DEFAULT_HEADING_TAG: "header";
+type HeadingRenderPropArg = {};
+type HeadingPropsWeControl = 'role';
+export type MenuHeadingProps<TTag extends ElementType = typeof DEFAULT_HEADING_TAG> = Props<TTag, HeadingRenderPropArg, HeadingPropsWeControl>;
+declare function HeadingFn<TTag extends ElementType = typeof DEFAULT_HEADING_TAG>(props: MenuHeadingProps<TTag>, ref: Ref<HTMLElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+declare let DEFAULT_SEPARATOR_TAG: "div";
+type SeparatorRenderPropArg = {};
+type SeparatorPropsWeControl = 'role';
+export type MenuSeparatorProps<TTag extends ElementType = typeof DEFAULT_SEPARATOR_TAG> = Props<TTag, SeparatorRenderPropArg, SeparatorPropsWeControl>;
+declare function SeparatorFn<TTag extends ElementType = typeof DEFAULT_SEPARATOR_TAG>(props: MenuSeparatorProps<TTag>, ref: Ref<HTMLElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export interface _internal_ComponentMenu extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_MENU_TAG>(props: MenuProps<TTag> & RefProp<typeof MenuFn>): JSX.Element;
 }
-declare type MenuItemPropsWeControl = 'role' | 'tabIndex' | 'aria-disabled' | 'onPointerLeave' | 'onPointerMove' | 'onMouseLeave' | 'onMouseMove' | 'onFocus';
-export declare let Menu: (<TTag extends React.ElementType<any> = React.ExoticComponent<{
-    children?: React.ReactNode;
-}>>(props: Props<TTag, MenuRenderPropArg, "1D45E01E-AF44-47C4-988A-19A94EBAF55C">, ref: Ref<HTMLElement>) => JSX.Element) & {
-    displayName: string;
-} & {
-    Button: (<TTag_1 extends React.ElementType<any> = "button">(props: Props<TTag_1, ButtonRenderPropArg, ButtonPropsWeControl>, ref: Ref<HTMLButtonElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Items: (<TTag_2 extends React.ElementType<any> = "div">(props: Props<TTag_2, ItemsRenderPropArg, ItemsPropsWeControl> & (({
-        static?: undefined;
-    } & {
-        unmount?: boolean | undefined;
-    }) | ({
-        unmount?: undefined;
-    } & {
-        static?: boolean | undefined;
-    })), ref: Ref<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Item: (<TTag_3 extends React.ElementType<any> = React.ExoticComponent<{
-        children?: React.ReactNode;
-    }>>(props: Props<TTag_3, ItemRenderPropArg, MenuItemPropsWeControl> & {
-        disabled?: boolean | undefined;
-    }, ref: Ref<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
+export interface _internal_ComponentMenuButton extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_BUTTON_TAG>(props: MenuButtonProps<TTag> & RefProp<typeof ButtonFn>): JSX.Element;
+}
+export interface _internal_ComponentMenuItems extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_ITEMS_TAG>(props: MenuItemsProps<TTag> & RefProp<typeof ItemsFn>): JSX.Element;
+}
+export interface _internal_ComponentMenuItem extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_ITEM_TAG>(props: MenuItemProps<TTag> & RefProp<typeof ItemFn>): JSX.Element;
+}
+export interface _internal_ComponentMenuSection extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_SECTION_TAG>(props: MenuSectionProps<TTag> & RefProp<typeof SectionFn>): JSX.Element;
+}
+export interface _internal_ComponentMenuHeading extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_HEADING_TAG>(props: MenuHeadingProps<TTag> & RefProp<typeof HeadingFn>): JSX.Element;
+}
+export interface _internal_ComponentMenuSeparator extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_SEPARATOR_TAG>(props: MenuSeparatorProps<TTag> & RefProp<typeof SeparatorFn>): JSX.Element;
+}
+export declare let MenuButton: _internal_ComponentMenuButton;
+export declare let MenuItems: _internal_ComponentMenuItems;
+export declare let MenuItem: _internal_ComponentMenuItem;
+export declare let MenuSection: _internal_ComponentMenuSection;
+export declare let MenuHeading: _internal_ComponentMenuHeading;
+export declare let MenuSeparator: _internal_ComponentMenuSeparator;
+export declare let Menu: _internal_ComponentMenu & {
+    /** @deprecated use `<MenuButton>` instead of `<Menu.Button>` */
+    Button: _internal_ComponentMenuButton;
+    /** @deprecated use `<MenuItems>` instead of `<Menu.Items>` */
+    Items: _internal_ComponentMenuItems;
+    /** @deprecated use `<MenuItem>` instead of `<Menu.Item>` */
+    Item: _internal_ComponentMenuItem;
+    /** @deprecated use `<MenuSection>` instead of `<Menu.Section>` */
+    Section: _internal_ComponentMenuSection;
+    /** @deprecated use `<MenuHeading>` instead of `<Menu.Heading>` */
+    Heading: _internal_ComponentMenuHeading;
+    /** @deprecated use `<MenuSeparator>` instead of `<Menu.Separator>` */
+    Separator: _internal_ComponentMenuSeparator;
 };
 export {};

dist/components/menu/menu.js

@@ -1,1 +0,1 @@
-import K,{Fragment as _,createContext as q,createRef as N,useContext as J,useEffect as z,useMemo as P,useReducer as X,useRef as H}from"react";import{match as j}from'../../utils/match.js';import{forwardRefWithAs as E,render as x,Features as Q}from'../../utils/render.js';import{disposables as L}from'../../utils/disposables.js';import{useDisposables as W}from'../../hooks/use-disposables.js';import{useIsoMorphicEffect as D}from'../../hooks/use-iso-morphic-effect.js';import{useSyncRefs as C}from'../../hooks/use-sync-refs.js';import{useId as k}from'../../hooks/use-id.js';import{Keys as m}from'../keyboard.js';import{Focus as I,calculateActiveIndex as Y}from'../../utils/calculate-active-index.js';import{isDisabledReactIssue7711 as Z}from'../../utils/bugs.js';import{isFocusableElement as ee,FocusableMode as te,sortByDomNode as ne,Focus as V,focusFrom as re,restoreFocusIfNecessary as $}from'../../utils/focus-management.js';import{useOutsideClick as oe}from'../../hooks/use-outside-click.js';import{useTreeWalker as ae}from'../../hooks/use-tree-walker.js';import{useOpenClosed as ie,State as w,OpenClosedProvider as ue}from'../../internal/open-closed.js';import{useResolveButtonType as se}from'../../hooks/use-resolve-button-type.js';import{useOwnerDocument as le}from'../../hooks/use-owner.js';import{useEvent as y}from'../../hooks/use-event.js';import{useTrackedPointer as ce}from'../../hooks/use-tracked-pointer.js';var pe=(o=>(o[o.Open=0]="Open",o[o.Closed=1]="Closed",o))(pe||{}),de=(o=>(o[o.Pointer=0]="Pointer",o[o.Other=1]="Other",o))(de||{}),me=(e=>(e[e.OpenMenu=0]="OpenMenu",e[e.CloseMenu=1]="CloseMenu",e[e.GoToItem=2]="GoToItem",e[e.Search=3]="Search",e[e.ClearSearch=4]="ClearSearch",e[e.RegisterItem=5]="RegisterItem",e[e.UnregisterItem=6]="UnregisterItem",e))(me||{});function U(t,i=o=>o){let o=t.activeItemIndex!==null?t.items[t.activeItemIndex]:null,s=ne(i(t.items.slice()),u=>u.dataRef.current.domRef.current),a=o?s.indexOf(o):null;return a===-1&&(a=null),{items:s,activeItemIndex:a}}let fe={[1](t){return t.menuState===1?t:{...t,activeItemIndex:null,menuState:1}},[0](t){return t.menuState===0?t:{...t,menuState:0}},[2]:(t,i)=>{var a;let o=U(t),s=Y(i,{resolveItems:()=>o.items,resolveActiveIndex:()=>o.activeItemIndex,resolveId:u=>u.id,resolveDisabled:u=>u.dataRef.current.disabled});return{...t,...o,searchQuery:"",activeItemIndex:s,activationTrigger:(a=i.trigger)!=null?a:1}},[3]:(t,i)=>{let s=t.searchQuery!==""?0:1,a=t.searchQuery+i.value.toLowerCase(),n=(t.activeItemIndex!==null?t.items.slice(t.activeItemIndex+s).concat(t.items.slice(0,t.activeItemIndex+s)):t.items).find(d=>{var l;return((l=d.dataRef.current.textValue)==null?void 0:l.startsWith(a))&&!d.dataRef.current.disabled}),e=n?t.items.indexOf(n):-1;return e===-1||e===t.activeItemIndex?{...t,searchQuery:a}:{...t,searchQuery:a,activeItemIndex:e,activationTrigger:1}},[4](t){return t.searchQuery===""?t:{...t,searchQuery:"",searchActiveItemIndex:null}},[5]:(t,i)=>{let o=U(t,s=>[...s,{id:i.id,dataRef:i.dataRef}]);return{...t,...o}},[6]:(t,i)=>{let o=U(t,s=>{let a=s.findIndex(u=>u.id===i.id);return a!==-1&&s.splice(a,1),s});return{...t,...o,activationTrigger:1}}},G=q(null);G.displayName="MenuContext";function O(t){let i=J(G);if(i===null){let o=new Error(`<${t} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(o,O),o}return i}function Te(t,i){return j(i.type,fe,t,i)}let ye=_,Ie=E(function(i,o){let s=X(Te,{menuState:1,buttonRef:N(),itemsRef:N(),items:[],searchQuery:"",activeItemIndex:null,activationTrigger:1}),[{menuState:a,itemsRef:u,buttonRef:n},e]=s,d=C(o);oe([n,u],(R,A)=>{var g;e({type:1}),ee(A,te.Loose)||(R.preventDefault(),(g=n.current)==null||g.focus())},a===0);let l=y(()=>{e({type:1})}),f=P(()=>({open:a===0,close:l}),[a,l]),M=i,T={ref:d};return K.createElement(G.Provider,{value:s},K.createElement(ue,{value:j(a,{[0]:w.Open,[1]:w.Closed})},x({ourProps:T,theirProps:M,slot:f,defaultTag:ye,name:"Menu"})))}),ge="button",Me=E(function(i,o){var g;let s=k(),{id:a=`headlessui-menu-button-${s}`,...u}=i,[n,e]=O("Menu.Button"),d=C(n.buttonRef,o),l=W(),f=y(c=>{switch(c.key){case m.Space:case m.Enter:case m.ArrowDown:c.preventDefault(),c.stopPropagation(),e({type:0}),l.nextFrame(()=>e({type:2,focus:I.First}));break;case m.ArrowUp:c.preventDefault(),c.stopPropagation(),e({type:0}),l.nextFrame(()=>e({type:2,focus:I.Last}));break}}),M=y(c=>{switch(c.key){case m.Space:c.preventDefault();break}}),T=y(c=>{if(Z(c.currentTarget))return c.preventDefault();i.disabled||(n.menuState===0?(e({type:1}),l.nextFrame(()=>{var b;return(b=n.buttonRef.current)==null?void 0:b.focus({preventScroll:!0})})):(c.preventDefault(),e({type:0})))}),R=P(()=>({open:n.menuState===0}),[n]),A={ref:d,id:a,type:se(i,n.buttonRef),"aria-haspopup":"menu","aria-controls":(g=n.itemsRef.current)==null?void 0:g.id,"aria-expanded":i.disabled?void 0:n.menuState===0,onKeyDown:f,onKeyUp:M,onClick:T};return x({ourProps:A,theirProps:u,slot:R,defaultTag:ge,name:"Menu.Button"})}),Re="div",be=Q.RenderStrategy|Q.Static,Ae=E(function(i,o){var b,S;let s=k(),{id:a=`headlessui-menu-items-${s}`,...u}=i,[n,e]=O("Menu.Items"),d=C(n.itemsRef,o),l=le(n.itemsRef),f=W(),M=ie(),T=(()=>M!==null?M===w.Open:n.menuState===0)();z(()=>{let r=n.itemsRef.current;!r||n.menuState===0&&r!==(l==null?void 0:l.activeElement)&&r.focus({preventScroll:!0})},[n.menuState,n.itemsRef,l]),ae({container:n.itemsRef.current,enabled:n.menuState===0,accept(r){return r.getAttribute("role")==="menuitem"?NodeFilter.FILTER_REJECT:r.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(r){r.setAttribute("role","none")}});let R=y(r=>{var h,F;switch(f.dispose(),r.key){case m.Space:if(n.searchQuery!=="")return r.preventDefault(),r.stopPropagation(),e({type:3,value:r.key});case m.Enter:if(r.preventDefault(),r.stopPropagation(),e({type:1}),n.activeItemIndex!==null){let{dataRef:p}=n.items[n.activeItemIndex];(F=(h=p.current)==null?void 0:h.domRef.current)==null||F.click()}$(n.buttonRef.current);break;case m.ArrowDown:return r.preventDefault(),r.stopPropagation(),e({type:2,focus:I.Next});case m.ArrowUp:return r.preventDefault(),r.stopPropagation(),e({type:2,focus:I.Previous});case m.Home:case m.PageUp:return r.preventDefault(),r.stopPropagation(),e({type:2,focus:I.First});case m.End:case m.PageDown:return r.preventDefault(),r.stopPropagation(),e({type:2,focus:I.Last});case m.Escape:r.preventDefault(),r.stopPropagation(),e({type:1}),L().nextFrame(()=>{var p;return(p=n.buttonRef.current)==null?void 0:p.focus({preventScroll:!0})});break;case m.Tab:r.preventDefault(),r.stopPropagation(),e({type:1}),L().nextFrame(()=>{re(n.buttonRef.current,r.shiftKey?V.Previous:V.Next)});break;default:r.key.length===1&&(e({type:3,value:r.key}),f.setTimeout(()=>e({type:4}),350));break}}),A=y(r=>{switch(r.key){case m.Space:r.preventDefault();break}}),g=P(()=>({open:n.menuState===0}),[n]),c={"aria-activedescendant":n.activeItemIndex===null||(b=n.items[n.activeItemIndex])==null?void 0:b.id,"aria-labelledby":(S=n.buttonRef.current)==null?void 0:S.id,id:a,onKeyDown:R,onKeyUp:A,role:"menu",tabIndex:0,ref:d};return x({ourProps:c,theirProps:u,slot:g,defaultTag:Re,features:be,visible:T,name:"Menu.Items"})}),ve=_,Se=E(function(i,o){let s=k(),{id:a=`headlessui-menu-item-${s}`,disabled:u=!1,...n}=i,[e,d]=O("Menu.Item"),l=e.activeItemIndex!==null?e.items[e.activeItemIndex].id===a:!1,f=H(null),M=C(o,f);D(()=>{if(e.menuState!==0||!l||e.activationTrigger===0)return;let p=L();return p.requestAnimationFrame(()=>{var v,B;(B=(v=f.current)==null?void 0:v.scrollIntoView)==null||B.call(v,{block:"nearest"})}),p.dispose},[f,l,e.menuState,e.activationTrigger,e.activeItemIndex]);let T=H({disabled:u,domRef:f});D(()=>{T.current.disabled=u},[T,u]),D(()=>{var p,v;T.current.textValue=(v=(p=f.current)==null?void 0:p.textContent)==null?void 0:v.toLowerCase()},[T,f]),D(()=>(d({type:5,id:a,dataRef:T}),()=>d({type:6,id:a})),[T,a]);let R=y(()=>{d({type:1})}),A=y(p=>{if(u)return p.preventDefault();d({type:1}),$(e.buttonRef.current)}),g=y(()=>{if(u)return d({type:2,focus:I.Nothing});d({type:2,focus:I.Specific,id:a})}),c=ce(),b=y(p=>c.update(p)),S=y(p=>{!c.wasMoved(p)||u||l||d({type:2,focus:I.Specific,id:a,trigger:0})}),r=y(p=>{!c.wasMoved(p)||u||!l||d({type:2,focus:I.Nothing})}),h=P(()=>({active:l,disabled:u,close:R}),[l,u,R]);return x({ourProps:{id:a,ref:M,role:"menuitem",tabIndex:u===!0?void 0:-1,"aria-disabled":u===!0?!0:void 0,disabled:void 0,onClick:A,onFocus:g,onPointerEnter:b,onMouseEnter:b,onPointerMove:S,onMouseMove:S,onPointerLeave:r,onMouseLeave:r},theirProps:n,slot:h,defaultTag:ve,name:"Menu.Item"})}),Ze=Object.assign(Ie,{Button:Me,Items:Ae,Item:Se});export{Ze as Menu};
+"use client";import{useFocusRing as se}from"@react-aria/focus";import{useHover as le}from"@react-aria/interactions";import v,{Fragment as q,createContext as ue,useCallback as pe,useContext as me,useEffect as de,useMemo as G,useReducer as ce,useRef as z}from"react";import{flushSync as O}from"react-dom";import{useActivePress as fe}from'../../hooks/use-active-press.js';import{useDidElementMove as Te}from'../../hooks/use-did-element-move.js';import{useDisposables as ye}from'../../hooks/use-disposables.js';import{useElementSize as Ie}from'../../hooks/use-element-size.js';import{useEvent as E}from'../../hooks/use-event.js';import{useId as U}from'../../hooks/use-id.js';import{useInertOthers as ge}from'../../hooks/use-inert-others.js';import{useIsoMorphicEffect as H}from'../../hooks/use-iso-morphic-effect.js';import{useOnDisappear as Ee}from'../../hooks/use-on-disappear.js';import{useOutsideClick as Me}from'../../hooks/use-outside-click.js';import{useOwnerDocument as Se}from'../../hooks/use-owner.js';import{useResolveButtonType as Ae}from'../../hooks/use-resolve-button-type.js';import{useScrollLock as Pe}from'../../hooks/use-scroll-lock.js';import{useSyncRefs as B}from'../../hooks/use-sync-refs.js';import{useTextValue as be}from'../../hooks/use-text-value.js';import{useTrackedPointer as ve}from'../../hooks/use-tracked-pointer.js';import{transitionDataAttributes as xe,useTransition as _e}from'../../hooks/use-transition.js';import{useTreeWalker as Re}from'../../hooks/use-tree-walker.js';import{FloatingProvider as De,useFloatingPanel as he,useFloatingPanelProps as Ce,useFloatingReference as Fe,useFloatingReferenceProps as Oe,useResolvedAnchor as Le}from'../../internal/floating.js';import{OpenClosedProvider as Ge,State as N,useOpenClosed as Ue}from'../../internal/open-closed.js';import{isDisabledReactIssue7711 as He}from'../../utils/bugs.js';import{Focus as I,calculateActiveIndex as K}from'../../utils/calculate-active-index.js';import{disposables as Be}from'../../utils/disposables.js';import{Focus as Y,FocusableMode as Ne,focusFrom as ke,isFocusableElement as we,restoreFocusIfNecessary as Z,sortByDomNode as Ke}from'../../utils/focus-management.js';import{match as ee}from'../../utils/match.js';import{RenderFeatures as te,forwardRefWithAs as x,mergeProps as ne,render as _}from'../../utils/render.js';import{useDescriptions as We}from'../description/description.js';import{Keys as y}from'../keyboard.js';import{useLabelContext as je,useLabels as re}from'../label/label.js';import{Portal as Qe}from'../portal/portal.js';var Je=(r=>(r[r.Open=0]="Open",r[r.Closed=1]="Closed",r))(Je||{}),Ve=(r=>(r[r.Pointer=0]="Pointer",r[r.Other=1]="Other",r))(Ve||{}),Xe=(a=>(a[a.OpenMenu=0]="OpenMenu",a[a.CloseMenu=1]="CloseMenu",a[a.GoToItem=2]="GoToItem",a[a.Search=3]="Search",a[a.ClearSearch=4]="ClearSearch",a[a.RegisterItem=5]="RegisterItem",a[a.UnregisterItem=6]="UnregisterItem",a[a.SetButtonElement=7]="SetButtonElement",a[a.SetItemsElement=8]="SetItemsElement",a))(Xe||{});function W(e,n=r=>r){let r=e.activeItemIndex!==null?e.items[e.activeItemIndex]:null,i=Ke(n(e.items.slice()),p=>p.dataRef.current.domRef.current),o=r?i.indexOf(r):null;return o===-1&&(o=null),{items:i,activeItemIndex:o}}let $e={[1](e){return e.menuState===1?e:{...e,activeItemIndex:null,menuState:1}},[0](e){return e.menuState===0?e:{...e,__demoMode:!1,menuState:0}},[2]:(e,n)=>{var p,m,l,u,a;if(e.menuState===1)return e;let r={...e,searchQuery:"",activationTrigger:(p=n.trigger)!=null?p:1,__demoMode:!1};if(n.focus===I.Nothing)return{...r,activeItemIndex:null};if(n.focus===I.Specific)return{...r,activeItemIndex:e.items.findIndex(t=>t.id===n.id)};if(n.focus===I.Previous){let t=e.activeItemIndex;if(t!==null){let d=e.items[t].dataRef.current.domRef,f=K(n,{resolveItems:()=>e.items,resolveActiveIndex:()=>e.activeItemIndex,resolveId:c=>c.id,resolveDisabled:c=>c.dataRef.current.disabled});if(f!==null){let c=e.items[f].dataRef.current.domRef;if(((m=d.current)==null?void 0:m.previousElementSibling)===c.current||((l=c.current)==null?void 0:l.previousElementSibling)===null)return{...r,activeItemIndex:f}}}}else if(n.focus===I.Next){let t=e.activeItemIndex;if(t!==null){let d=e.items[t].dataRef.current.domRef,f=K(n,{resolveItems:()=>e.items,resolveActiveIndex:()=>e.activeItemIndex,resolveId:c=>c.id,resolveDisabled:c=>c.dataRef.current.disabled});if(f!==null){let c=e.items[f].dataRef.current.domRef;if(((u=d.current)==null?void 0:u.nextElementSibling)===c.current||((a=c.current)==null?void 0:a.nextElementSibling)===null)return{...r,activeItemIndex:f}}}}let i=W(e),o=K(n,{resolveItems:()=>i.items,resolveActiveIndex:()=>i.activeItemIndex,resolveId:t=>t.id,resolveDisabled:t=>t.dataRef.current.disabled});return{...r,...i,activeItemIndex:o}},[3]:(e,n)=>{let i=e.searchQuery!==""?0:1,o=e.searchQuery+n.value.toLowerCase(),m=(e.activeItemIndex!==null?e.items.slice(e.activeItemIndex+i).concat(e.items.slice(0,e.activeItemIndex+i)):e.items).find(u=>{var a;return((a=u.dataRef.current.textValue)==null?void 0:a.startsWith(o))&&!u.dataRef.current.disabled}),l=m?e.items.indexOf(m):-1;return l===-1||l===e.activeItemIndex?{...e,searchQuery:o}:{...e,searchQuery:o,activeItemIndex:l,activationTrigger:1}},[4](e){return e.searchQuery===""?e:{...e,searchQuery:"",searchActiveItemIndex:null}},[5]:(e,n)=>{let r=W(e,i=>[...i,{id:n.id,dataRef:n.dataRef}]);return{...e,...r}},[6]:(e,n)=>{let r=W(e,i=>{let o=i.findIndex(p=>p.id===n.id);return o!==-1&&i.splice(o,1),i});return{...e,...r,activationTrigger:1}},[7]:(e,n)=>e.buttonElement===n.element?e:{...e,buttonElement:n.element},[8]:(e,n)=>e.itemsElement===n.element?e:{...e,itemsElement:n.element}},j=ue(null);j.displayName="MenuContext";function k(e){let n=me(j);if(n===null){let r=new Error(`<${e} /> is missing a parent <Menu /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,k),r}return n}function qe(e,n){return ee(n.type,$e,e,n)}let ze=q;function Ye(e,n){let{__demoMode:r=!1,...i}=e,o=ce(qe,{__demoMode:r,menuState:r?0:1,buttonElement:null,itemsElement:null,items:[],searchQuery:"",activeItemIndex:null,activationTrigger:1}),[{menuState:p,itemsElement:m,buttonElement:l},u]=o,a=B(n);Me(p===0,[l,m],(A,P)=>{u({type:1}),we(P,Ne.Loose)||(A.preventDefault(),l==null||l.focus())});let d=E(()=>{u({type:1})}),f=G(()=>({open:p===0,close:d}),[p,d]),c={ref:a};return v.createElement(De,null,v.createElement(j.Provider,{value:o},v.createElement(Ge,{value:ee(p,{[0]:N.Open,[1]:N.Closed})},_({ourProps:c,theirProps:i,slot:f,defaultTag:ze,name:"Menu"}))))}let Ze="button";function et(e,n){var D;let r=U(),{id:i=`headlessui-menu-button-${r}`,disabled:o=!1,autoFocus:p=!1,...m}=e,[l,u]=k("Menu.Button"),a=Oe(),t=B(n,Fe(),E(T=>u({type:7,element:T}))),d=E(T=>{switch(T.key){case y.Space:case y.Enter:case y.ArrowDown:T.preventDefault(),T.stopPropagation(),O(()=>u({type:0})),u({type:2,focus:I.First});break;case y.ArrowUp:T.preventDefault(),T.stopPropagation(),O(()=>u({type:0})),u({type:2,focus:I.Last});break}}),f=E(T=>{switch(T.key){case y.Space:T.preventDefault();break}}),c=E(T=>{var h;if(He(T.currentTarget))return T.preventDefault();o||(l.menuState===0?(O(()=>u({type:1})),(h=l.buttonElement)==null||h.focus({preventScroll:!0})):(T.preventDefault(),u({type:0})))}),{isFocusVisible:A,focusProps:P}=se({autoFocus:p}),{isHovered:M,hoverProps:b}=le({isDisabled:o}),{pressed:S,pressProps:R}=fe({disabled:o}),C=G(()=>({open:l.menuState===0,active:S||l.menuState===0,disabled:o,hover:M,focus:A,autofocus:p}),[l,M,A,S,o,p]),F=ne(a(),{ref:t,id:i,type:Ae(e,l.buttonElement),"aria-haspopup":"menu","aria-controls":(D=l.itemsElement)==null?void 0:D.id,"aria-expanded":l.menuState===0,disabled:o||void 0,autoFocus:p,onKeyDown:d,onKeyUp:f,onClick:c},P,b,R);return _({ourProps:F,theirProps:m,slot:C,defaultTag:Ze,name:"Menu.Button"})}let tt="div",nt=te.RenderStrategy|te.Static;function rt(e,n){var Q,J;let r=U(),{id:i=`headlessui-menu-items-${r}`,anchor:o,portal:p=!1,modal:m=!0,transition:l=!1,...u}=e,a=Le(o),[t,d]=k("Menu.Items"),[f,c]=he(a),A=Ce(),P=B(n,a?f:null,E(s=>d({type:8,element:s}))),M=Se(t.itemsElement);a&&(p=!0);let b=Ue(),[S,R]=_e(l,t.itemsElement,b!==null?(b&N.Open)===N.Open:t.menuState===0);Ee(S,t.buttonElement,()=>{d({type:1})});let C=t.__demoMode?!1:m&&t.menuState===0;Pe(C,M);let F=t.__demoMode?!1:m&&t.menuState===0;ge(F,{allowed:pe(()=>[t.buttonElement,t.itemsElement],[t.buttonElement,t.itemsElement])});let D=t.menuState!==0,h=Te(D,t.buttonElement)?!1:S;de(()=>{let s=t.itemsElement;s&&t.menuState===0&&s!==(M==null?void 0:M.activeElement)&&s.focus({preventScroll:!0})},[t.menuState,t.itemsElement,M]),Re(t.menuState===0,{container:t.itemsElement,accept(s){return s.getAttribute("role")==="menuitem"?NodeFilter.FILTER_REJECT:s.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(s){s.setAttribute("role","none")}});let w=ye(),g=E(s=>{var V,X,$;switch(w.dispose(),s.key){case y.Space:if(t.searchQuery!=="")return s.preventDefault(),s.stopPropagation(),d({type:3,value:s.key});case y.Enter:if(s.preventDefault(),s.stopPropagation(),d({type:1}),t.activeItemIndex!==null){let{dataRef:ie}=t.items[t.activeItemIndex];(X=(V=ie.current)==null?void 0:V.domRef.current)==null||X.click()}Z(t.buttonElement);break;case y.ArrowDown:return s.preventDefault(),s.stopPropagation(),d({type:2,focus:I.Next});case y.ArrowUp:return s.preventDefault(),s.stopPropagation(),d({type:2,focus:I.Previous});case y.Home:case y.PageUp:return s.preventDefault(),s.stopPropagation(),d({type:2,focus:I.First});case y.End:case y.PageDown:return s.preventDefault(),s.stopPropagation(),d({type:2,focus:I.Last});case y.Escape:s.preventDefault(),s.stopPropagation(),O(()=>d({type:1})),($=t.buttonElement)==null||$.focus({preventScroll:!0});break;case y.Tab:s.preventDefault(),s.stopPropagation(),O(()=>d({type:1})),ke(t.buttonElement,s.shiftKey?Y.Previous:Y.Next);break;default:s.key.length===1&&(d({type:3,value:s.key}),w.setTimeout(()=>d({type:4}),350));break}}),L=E(s=>{switch(s.key){case y.Space:s.preventDefault();break}}),oe=G(()=>({open:t.menuState===0}),[t.menuState]),ae=ne(a?A():{},{"aria-activedescendant":t.activeItemIndex===null||(Q=t.items[t.activeItemIndex])==null?void 0:Q.id,"aria-labelledby":(J=t.buttonElement)==null?void 0:J.id,id:i,onKeyDown:g,onKeyUp:L,role:"menu",tabIndex:t.menuState===0?0:void 0,ref:P,style:{...u.style,...c,"--button-width":Ie(t.buttonElement,!0).width},...xe(R)});return v.createElement(Qe,{enabled:p?e.static||S:!1},_({ourProps:ae,theirProps:u,slot:oe,defaultTag:tt,features:nt,visible:h,name:"Menu.Items"}))}let ot=q;function at(e,n){let r=U(),{id:i=`headlessui-menu-item-${r}`,disabled:o=!1,...p}=e,[m,l]=k("Menu.Item"),u=m.activeItemIndex!==null?m.items[m.activeItemIndex].id===i:!1,a=z(null),t=B(n,a);H(()=>{if(!m.__demoMode&&m.menuState===0&&u&&m.activationTrigger!==0)return Be().requestAnimationFrame(()=>{var g,L;(L=(g=a.current)==null?void 0:g.scrollIntoView)==null||L.call(g,{block:"nearest"})})},[m.__demoMode,a,u,m.menuState,m.activationTrigger,m.activeItemIndex]);let d=be(a),f=z({disabled:o,domRef:a,get textValue(){return d()}});H(()=>{f.current.disabled=o},[f,o]),H(()=>(l({type:5,id:i,dataRef:f}),()=>l({type:6,id:i})),[f,i]);let c=E(()=>{l({type:1})}),A=E(g=>{if(o)return g.preventDefault();l({type:1}),Z(m.buttonElement)}),P=E(()=>{if(o)return l({type:2,focus:I.Nothing});l({type:2,focus:I.Specific,id:i})}),M=ve(),b=E(g=>{M.update(g),!o&&(u||l({type:2,focus:I.Specific,id:i,trigger:0}))}),S=E(g=>{M.wasMoved(g)&&(o||u||l({type:2,focus:I.Specific,id:i,trigger:0}))}),R=E(g=>{M.wasMoved(g)&&(o||u&&l({type:2,focus:I.Nothing}))}),[C,F]=re(),[D,T]=We(),h=G(()=>({active:u,focus:u,disabled:o,close:c}),[u,o,c]);return v.createElement(F,null,v.createElement(T,null,_({ourProps:{id:i,ref:t,role:"menuitem",tabIndex:o===!0?void 0:-1,"aria-disabled":o===!0?!0:void 0,"aria-labelledby":C,"aria-describedby":D,disabled:void 0,onClick:A,onFocus:P,onPointerEnter:b,onMouseEnter:b,onPointerMove:S,onMouseMove:S,onPointerLeave:R,onMouseLeave:R},theirProps:p,slot:h,defaultTag:ot,name:"Menu.Item"})))}let it="div";function st(e,n){let[r,i]=re();return v.createElement(i,null,_({ourProps:{ref:n,"aria-labelledby":r,role:"group"},theirProps:e,slot:{},defaultTag:it,name:"Menu.Section"}))}let lt="header";function ut(e,n){let r=U(),{id:i=`headlessui-menu-heading-${r}`,...o}=e,p=je();H(()=>p.register(i),[i,p.register]);let m={id:i,ref:n,role:"presentation",...p.props};return _({ourProps:m,theirProps:o,slot:{},defaultTag:lt,name:"Menu.Heading"})}let pt="div";function mt(e,n){return _({ourProps:{ref:n,role:"separator"},theirProps:e,slot:{},defaultTag:pt,name:"Menu.Separator"})}let dt=x(Ye),ct=x(et),ft=x(rt),Tt=x(at),yt=x(st),It=x(ut),gt=x(mt),Zt=Object.assign(dt,{Button:ct,Items:ft,Item:Tt,Section:yt,Heading:It,Separator:gt});export{Zt as Menu,ct as MenuButton,It as MenuHeading,Tt as MenuItem,ft as MenuItems,yt as MenuSection,gt as MenuSeparator};

dist/components/popover/popover.d.ts

@@ -1,66 +0,96 @@
-import React, { MutableRefObject, Ref, MouseEventHandler } from 'react';
-import { Props } from '../../types.js';
-import { PropsForFeatures } from '../../utils/render.js';
-declare type MouseEvent<T> = Parameters<MouseEventHandler<T>>[0];
-interface PopoverRenderPropArg {
+import React, { type ElementType, type MouseEventHandler, type MutableRefObject, type Ref } from 'react';
+import { type AnchorProps } from '../../internal/floating.js';
+import type { Props } from '../../types.js';
+import { type HasDisplayName, type PropsForFeatures, type RefProp } from '../../utils/render.js';
+type MouseEvent<T> = Parameters<MouseEventHandler<T>>[0];
+declare let DEFAULT_POPOVER_TAG: "div";
+type PopoverRenderPropArg = {
     open: boolean;
     close(focusableElement?: HTMLElement | MutableRefObject<HTMLElement | null> | MouseEvent<HTMLElement>): void;
-}
-interface ButtonRenderPropArg {
+};
+type PopoverPropsWeControl = never;
+export type PopoverProps<TTag extends ElementType = typeof DEFAULT_POPOVER_TAG> = Props<TTag, PopoverRenderPropArg, PopoverPropsWeControl, {
+    __demoMode?: boolean;
+}>;
+declare function PopoverFn<TTag extends ElementType = typeof DEFAULT_POPOVER_TAG>(props: PopoverProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+declare let DEFAULT_BUTTON_TAG: "button";
+type ButtonRenderPropArg = {
     open: boolean;
-}
-declare type ButtonPropsWeControl = 'type' | 'aria-expanded' | 'aria-controls' | 'onKeyDown' | 'onClick';
-interface OverlayRenderPropArg {
+    active: boolean;
+    hover: boolean;
+    focus: boolean;
+    disabled: boolean;
+    autofocus: boolean;
+};
+type ButtonPropsWeControl = 'aria-controls' | 'aria-expanded';
+export type PopoverButtonProps<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG> = Props<TTag, ButtonRenderPropArg, ButtonPropsWeControl, {
+    disabled?: boolean;
+    autoFocus?: boolean;
+}>;
+declare function ButtonFn<TTag extends ElementType = typeof DEFAULT_BUTTON_TAG>(props: PopoverButtonProps<TTag>, ref: Ref<HTMLButtonElement>): React.JSX.Element;
+declare let DEFAULT_BACKDROP_TAG: "div";
+type BackdropRenderPropArg = {
     open: boolean;
-}
-declare type OverlayPropsWeControl = 'aria-hidden' | 'onClick';
-declare let OverlayRenderFeatures: number;
-interface PanelRenderPropArg {
+};
+type BackdropPropsWeControl = 'aria-hidden';
+declare let BackdropRenderFeatures: number;
+export type PopoverBackdropProps<TTag extends ElementType = typeof DEFAULT_BACKDROP_TAG> = Props<TTag, BackdropRenderPropArg, BackdropPropsWeControl, {
+    transition?: boolean;
+} & PropsForFeatures<typeof BackdropRenderFeatures>>;
+export type PopoverOverlayProps<TTag extends ElementType = typeof DEFAULT_BACKDROP_TAG> = PopoverBackdropProps<TTag>;
+declare function BackdropFn<TTag extends ElementType = typeof DEFAULT_BACKDROP_TAG>(props: PopoverBackdropProps<TTag>, ref: Ref<HTMLElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+declare let DEFAULT_PANEL_TAG: "div";
+type PanelRenderPropArg = {
     open: boolean;
     close: (focusableElement?: HTMLElement | MutableRefObject<HTMLElement | null>) => void;
+};
+type PanelPropsWeControl = 'tabIndex';
+export type PopoverPanelProps<TTag extends ElementType = typeof DEFAULT_PANEL_TAG> = Props<TTag, PanelRenderPropArg, PanelPropsWeControl, {
+    focus?: boolean;
+    anchor?: AnchorProps;
+    portal?: boolean;
+    modal?: boolean;
+    transition?: boolean;
+    static?: boolean;
+    unmount?: boolean;
+}>;
+declare function PanelFn<TTag extends ElementType = typeof DEFAULT_PANEL_TAG>(props: PopoverPanelProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+declare let DEFAULT_GROUP_TAG: "div";
+type GroupRenderPropArg = {};
+type GroupPropsWeControl = never;
+export type PopoverGroupProps<TTag extends ElementType = typeof DEFAULT_GROUP_TAG> = Props<TTag, GroupRenderPropArg, GroupPropsWeControl>;
+declare function GroupFn<TTag extends ElementType = typeof DEFAULT_GROUP_TAG>(props: PopoverGroupProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+export interface _internal_ComponentPopover extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_POPOVER_TAG>(props: PopoverProps<TTag> & RefProp<typeof PopoverFn>): JSX.Element;
 }
-declare type PanelPropsWeControl = 'onKeyDown';
-declare let PanelRenderFeatures: number;
-interface GroupRenderPropArg {
+export interface _internal_ComponentPopoverButton extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_BUTTON_TAG>(props: PopoverButtonProps<TTag> & RefProp<typeof ButtonFn>): JSX.Element;
 }
-export declare let Popover: (<TTag extends React.ElementType<any> = "div">(props: Props<TTag, PopoverRenderPropArg, "1D45E01E-AF44-47C4-988A-19A94EBAF55C">, ref: Ref<HTMLElement>) => JSX.Element) & {
-    displayName: string;
-} & {
-    Button: (<TTag_1 extends React.ElementType<any> = "button">(props: Props<TTag_1, ButtonRenderPropArg, ButtonPropsWeControl>, ref: Ref<HTMLButtonElement>) => JSX.Element) & {
-        displayName: string;
-    };
-    Overlay: (<TTag_2 extends React.ElementType<any> = "div">(props: Props<TTag_2, OverlayRenderPropArg, OverlayPropsWeControl> & (({
-        static?: undefined;
-    } & {
-        unmount?: boolean | undefined;
-    }) | ({
-        unmount?: undefined;
-    } & {
-        static?: boolean | undefined;
-    })), ref: Ref<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Panel: (<TTag_3 extends React.ElementType<any> = "div">(props: Omit<import('../../types.js').PropsOf<TTag_3>, ("as" | "children" | "refName" | "className") | "onKeyDown"> & {
-        as?: TTag_3 | undefined;
-        children?: React.ReactNode | ((bag: PanelRenderPropArg) => React.ReactElement<any, string | React.JSXElementConstructor<any>>);
-        refName?: string | undefined;
-    } & (true extends (import('../../types.js').PropsOf<TTag_3> extends never ? never : "className" extends keyof import('../../types.js').PropsOf<TTag_3> ? true : never) ? {
-        className?: import('../../types.js').PropsOf<TTag_3>["className"] | ((bag: PanelRenderPropArg) => string) | undefined;
-    } : {}) & (({
-        static?: undefined;
-    } & {
-        unmount?: boolean | undefined;
-    }) | ({
-        unmount?: undefined;
-    } & {
-        static?: boolean | undefined;
-    })) & {
-        focus?: boolean | undefined;
-    }, ref: Ref<HTMLDivElement>) => JSX.Element) & {
-        displayName: string;
-    };
-    Group: (<TTag_4 extends React.ElementType<any> = "div">(props: Props<TTag_4, GroupRenderPropArg, "1D45E01E-AF44-47C4-988A-19A94EBAF55C">, ref: Ref<HTMLElement>) => JSX.Element) & {
-        displayName: string;
-    };
+export interface _internal_ComponentPopoverBackdrop extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_BACKDROP_TAG>(props: PopoverBackdropProps<TTag> & RefProp<typeof BackdropFn>): JSX.Element;
+}
+export interface _internal_ComponentPopoverPanel extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_PANEL_TAG>(props: PopoverPanelProps<TTag> & RefProp<typeof PanelFn>): JSX.Element;
+}
+export interface _internal_ComponentPopoverGroup extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_GROUP_TAG>(props: PopoverGroupProps<TTag> & RefProp<typeof GroupFn>): JSX.Element;
+}
+export declare let PopoverButton: _internal_ComponentPopoverButton;
+/** @deprecated use `<PopoverBackdrop>` instead of `<PopoverOverlay>` */
+export declare let PopoverOverlay: _internal_ComponentPopoverBackdrop;
+export declare let PopoverBackdrop: _internal_ComponentPopoverBackdrop;
+export declare let PopoverPanel: _internal_ComponentPopoverPanel;
+export declare let PopoverGroup: _internal_ComponentPopoverGroup;
+export declare let Popover: _internal_ComponentPopover & {
+    /** @deprecated use `<PopoverButton>` instead of `<Popover.Button>` */
+    Button: _internal_ComponentPopoverButton;
+    /** @deprecated use `<PopoverBackdrop>` instead of `<Popover.Backdrop>` */
+    Backdrop: _internal_ComponentPopoverBackdrop;
+    /** @deprecated use `<PopoverOverlay>` instead of `<Popover.Overlay>` */
+    Overlay: _internal_ComponentPopoverBackdrop;
+    /** @deprecated use `<PopoverPanel>` instead of `<Popover.Panel>` */
+    Panel: _internal_ComponentPopoverPanel;
+    /** @deprecated use `<PopoverGroup>` instead of `<Popover.Group>` */
+    Group: _internal_ComponentPopoverGroup;
 };
 export {};

dist/components/popover/popover.js

@@ -1,1 +0,1 @@
-import B,{createContext as q,createRef as ie,useContext as z,useEffect as J,useMemo as D,useReducer as ye,useRef as V,useState as ce}from"react";import{match as w}from'../../utils/match.js';import{forwardRefWithAs as $,render as Y,Features as Q}from'../../utils/render.js';import{optionalRef as Ee,useSyncRefs as U}from'../../hooks/use-sync-refs.js';import{useId as W}from'../../hooks/use-id.js';import{Keys as _}from'../keyboard.js';import{isDisabledReactIssue7711 as fe}from'../../utils/bugs.js';import{getFocusableElements as ee,Focus as H,focusIn as N,isFocusableElement as be,FocusableMode as Se,FocusResult as te}from'../../utils/focus-management.js';import{OpenClosedProvider as ge,State as X,useOpenClosed as de}from'../../internal/open-closed.js';import{useResolveButtonType as Ae}from'../../hooks/use-resolve-button-type.js';import{useOutsideClick as Re}from'../../hooks/use-outside-click.js';import{getOwnerDocument as Ie}from'../../utils/owner.js';import{useOwnerDocument as oe}from'../../hooks/use-owner.js';import{useEventListener as Ce}from'../../hooks/use-event-listener.js';import{Hidden as re,Features as ne}from'../../internal/hidden.js';import{useEvent as S}from'../../hooks/use-event.js';import{useTabDirection as Pe,Direction as k}from'../../hooks/use-tab-direction.js';import'../../utils/micro-task.js';import{useLatestValue as ve}from'../../hooks/use-latest-value.js';import{useIsoMorphicEffect as Oe}from'../../hooks/use-iso-morphic-effect.js';var Me=(p=>(p[p.Open=0]="Open",p[p.Closed=1]="Closed",p))(Me||{}),Le=(t=>(t[t.TogglePopover=0]="TogglePopover",t[t.ClosePopover=1]="ClosePopover",t[t.SetButton=2]="SetButton",t[t.SetButtonId=3]="SetButtonId",t[t.SetPanel=4]="SetPanel",t[t.SetPanelId=5]="SetPanelId",t))(Le||{});let Fe={[0]:n=>({...n,popoverState:w(n.popoverState,{[0]:1,[1]:0})}),[1](n){return n.popoverState===1?n:{...n,popoverState:1}},[2](n,r){return n.button===r.button?n:{...n,button:r.button}},[3](n,r){return n.buttonId===r.buttonId?n:{...n,buttonId:r.buttonId}},[4](n,r){return n.panel===r.panel?n:{...n,panel:r.panel}},[5](n,r){return n.panelId===r.panelId?n:{...n,panelId:r.panelId}}},le=q(null);le.displayName="PopoverContext";function Z(n){let r=z(le);if(r===null){let p=new Error(`<${n} /> is missing a parent <Popover /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(p,Z),p}return r}let ae=q(null);ae.displayName="PopoverAPIContext";function ue(n){let r=z(ae);if(r===null){let p=new Error(`<${n} /> is missing a parent <Popover /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(p,ue),p}return r}let se=q(null);se.displayName="PopoverGroupContext";function Te(){return z(se)}let pe=q(null);pe.displayName="PopoverPanelContext";function he(){return z(pe)}function Be(n,r){return w(r.type,Fe,n,r)}let xe="div",De=$(function(r,p){var x;let C=V(null),R=U(p,Ee(e=>{C.current=e})),O=V([]),t=ye(Be,{popoverState:1,buttons:O,button:null,buttonId:null,panel:null,panelId:null,beforePanelSentinel:ie(),afterPanelSentinel:ie()}),[{popoverState:o,button:a,buttonId:v,panel:c,panelId:M,beforePanelSentinel:T,afterPanelSentinel:d},i]=t,u=oe((x=C.current)!=null?x:a),f=D(()=>{if(!a||!c)return!1;for(let K of document.querySelectorAll("body > *"))if(Number(K==null?void 0:K.contains(a))^Number(K==null?void 0:K.contains(c)))return!0;let e=ee(),l=e.indexOf(a),A=(l+e.length-1)%e.length,b=(l+1)%e.length,G=e[A],me=e[b];return!c.contains(G)&&!c.contains(me)},[a,c]),g=ve(v),y=ve(M),L=D(()=>({buttonId:g,panelId:y,close:()=>i({type:1})}),[g,y,i]),I=Te(),F=I==null?void 0:I.registerPopover,j=S(()=>{var e;return(e=I==null?void 0:I.isFocusWithinPopoverGroup())!=null?e:(u==null?void 0:u.activeElement)&&((a==null?void 0:a.contains(u.activeElement))||(c==null?void 0:c.contains(u.activeElement)))});J(()=>F==null?void 0:F(L),[F,L]),Ce(u==null?void 0:u.defaultView,"focus",e=>{var l,A,b,G;o===0&&(j()||!a||!c||e.target!==window&&((A=(l=T.current)==null?void 0:l.contains)!=null&&A.call(l,e.target)||(G=(b=d.current)==null?void 0:b.contains)!=null&&G.call(b,e.target)||i({type:1})))},!0),Re([a,c],(e,l)=>{i({type:1}),be(l,Se.Loose)||(e.preventDefault(),a==null||a.focus())},o===0);let h=S(e=>{i({type:1});let l=(()=>e?e instanceof HTMLElement?e:"current"in e&&e.current instanceof HTMLElement?e.current:a:a)();l==null||l.focus()}),s=D(()=>({close:h,isPortalled:f}),[h,f]),m=D(()=>({open:o===0,close:h}),[o,h]),E=r,P={ref:R};return B.createElement(le.Provider,{value:t},B.createElement(ae.Provider,{value:s},B.createElement(ge,{value:w(o,{[0]:X.Open,[1]:X.Closed})},Y({ourProps:P,theirProps:E,slot:m,defaultTag:xe,name:"Popover"}))))}),He="button",ke=$(function(r,p){let C=W(),{id:R=`headlessui-popover-button-${C}`,...O}=r,[t,o]=Z("Popover.Button"),{isPortalled:a}=ue("Popover.Button"),v=V(null),c=`headlessui-focus-sentinel-${W()}`,M=Te(),T=M==null?void 0:M.closeOthers,i=he()!==null;J(()=>{if(!i)return o({type:3,buttonId:R}),()=>{o({type:3,buttonId:null})}},[i,R,o]);let[u]=ce(()=>Symbol()),f=U(v,p,i?null:e=>{if(e)t.buttons.current.push(u);else{let l=t.buttons.current.indexOf(u);l!==-1&&t.buttons.current.splice(l,1)}t.buttons.current.length>1&&console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."),e&&o({type:2,button:e})}),g=U(v,p),y=oe(v),L=S(e=>{var l,A,b;if(i){if(t.popoverState===1)return;switch(e.key){case _.Space:case _.Enter:e.preventDefault(),(A=(l=e.target).click)==null||A.call(l),o({type:1}),(b=t.button)==null||b.focus();break}}else switch(e.key){case _.Space:case _.Enter:e.preventDefault(),e.stopPropagation(),t.popoverState===1&&(T==null||T(t.buttonId)),o({type:0});break;case _.Escape:if(t.popoverState!==0)return T==null?void 0:T(t.buttonId);if(!v.current||(y==null?void 0:y.activeElement)&&!v.current.contains(y.activeElement))return;e.preventDefault(),e.stopPropagation(),o({type:1});break}}),I=S(e=>{i||e.key===_.Space&&e.preventDefault()}),F=S(e=>{var l,A;fe(e.currentTarget)||r.disabled||(i?(o({type:1}),(l=t.button)==null||l.focus()):(e.preventDefault(),e.stopPropagation(),t.popoverState===1&&(T==null||T(t.buttonId)),o({type:0}),(A=t.button)==null||A.focus()))}),j=S(e=>{e.preventDefault(),e.stopPropagation()}),h=t.popoverState===0,s=D(()=>({open:h}),[h]),m=Ae(r,v),E=i?{ref:g,type:m,onKeyDown:L,onClick:F}:{ref:f,id:t.buttonId,type:m,"aria-expanded":r.disabled?void 0:t.popoverState===0,"aria-controls":t.panel?t.panelId:void 0,onKeyDown:L,onKeyUp:I,onClick:F,onMouseDown:j},P=Pe(),x=S(()=>{let e=t.panel;if(!e)return;function l(){w(P.current,{[k.Forwards]:()=>N(e,H.First),[k.Backwards]:()=>N(e,H.Last)})===te.Error&&N(ee().filter(b=>b.dataset.headlessuiFocusGuard!=="true"),w(P.current,{[k.Forwards]:H.Next,[k.Backwards]:H.Previous}),{relativeTo:t.button})}l()});return B.createElement(B.Fragment,null,Y({ourProps:E,theirProps:O,slot:s,defaultTag:He,name:"Popover.Button"}),h&&!i&&a&&B.createElement(re,{id:c,features:ne.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:x}))}),Ge="div",we=Q.RenderStrategy|Q.Static,_e=$(function(r,p){let C=W(),{id:R=`headlessui-popover-overlay-${C}`,...O}=r,[{popoverState:t},o]=Z("Popover.Overlay"),a=U(p),v=de(),c=(()=>v!==null?v===X.Open:t===0)(),M=S(i=>{if(fe(i.currentTarget))return i.preventDefault();o({type:1})}),T=D(()=>({open:t===0}),[t]);return Y({ourProps:{ref:a,id:R,"aria-hidden":!0,onClick:M},theirProps:O,slot:T,defaultTag:Ge,features:we,visible:c,name:"Popover.Overlay"})}),Ne="div",Ke=Q.RenderStrategy|Q.Static,Ue=$(function(r,p){let C=W(),{id:R=`headlessui-popover-panel-${C}`,focus:O=!1,...t}=r,[o,a]=Z("Popover.Panel"),{close:v,isPortalled:c}=ue("Popover.Panel"),M=`headlessui-focus-sentinel-before-${W()}`,T=`headlessui-focus-sentinel-after-${W()}`,d=V(null),i=U(d,p,s=>{a({type:4,panel:s})}),u=oe(d);Oe(()=>(a({type:5,panelId:R}),()=>{a({type:5,panelId:null})}),[R,a]);let f=de(),g=(()=>f!==null?f===X.Open:o.popoverState===0)(),y=S(s=>{var m;switch(s.key){case _.Escape:if(o.popoverState!==0||!d.current||(u==null?void 0:u.activeElement)&&!d.current.contains(u.activeElement))return;s.preventDefault(),s.stopPropagation(),a({type:1}),(m=o.button)==null||m.focus();break}});J(()=>{var s;r.static||o.popoverState===1&&((s=r.unmount)!=null?s:!0)&&a({type:4,panel:null})},[o.popoverState,r.unmount,r.static,a]),J(()=>{if(!O||o.popoverState!==0||!d.current)return;let s=u==null?void 0:u.activeElement;d.current.contains(s)||N(d.current,H.First)},[O,d,o.popoverState]);let L=D(()=>({open:o.popoverState===0,close:v}),[o,v]),I={ref:i,id:R,onKeyDown:y,onBlur:O&&o.popoverState===0?s=>{var E,P,x,e,l;let m=s.relatedTarget;!m||!d.current||(E=d.current)!=null&&E.contains(m)||(a({type:1}),(((x=(P=o.beforePanelSentinel.current)==null?void 0:P.contains)==null?void 0:x.call(P,m))||((l=(e=o.afterPanelSentinel.current)==null?void 0:e.contains)==null?void 0:l.call(e,m)))&&m.focus({preventScroll:!0}))}:void 0,tabIndex:-1},F=Pe(),j=S(()=>{let s=d.current;if(!s)return;function m(){w(F.current,{[k.Forwards]:()=>{var P;N(s,H.First)===te.Error&&((P=o.afterPanelSentinel.current)==null||P.focus())},[k.Backwards]:()=>{var E;(E=o.button)==null||E.focus({preventScroll:!0})}})}m()}),h=S(()=>{let s=d.current;if(!s)return;function m(){w(F.current,{[k.Forwards]:()=>{var A;if(!o.button)return;let E=ee(),P=E.indexOf(o.button),x=E.slice(0,P+1),l=[...E.slice(P+1),...x];for(let b of l.slice())if(b.dataset.headlessuiFocusGuard==="true"||((A=o.panel)==null?void 0:A.contains(b))){let G=l.indexOf(b);G!==-1&&l.splice(G,1)}N(l,H.First,{sorted:!1})},[k.Backwards]:()=>{var P;N(s,H.Previous)===te.Error&&((P=o.button)==null||P.focus())}})}m()});return B.createElement(pe.Provider,{value:R},g&&c&&B.createElement(re,{id:M,ref:o.beforePanelSentinel,features:ne.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:j}),Y({ourProps:I,theirProps:t,slot:L,defaultTag:Ne,features:Ke,visible:g,name:"Popover.Panel"}),g&&c&&B.createElement(re,{id:T,ref:o.afterPanelSentinel,features:ne.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:h}))}),We="div",je=$(function(r,p){let C=V(null),R=U(C,p),[O,t]=ce([]),o=S(u=>{t(f=>{let g=f.indexOf(u);if(g!==-1){let y=f.slice();return y.splice(g,1),y}return f})}),a=S(u=>(t(f=>[...f,u]),()=>o(u))),v=S(()=>{var g;let u=Ie(C);if(!u)return!1;let f=u.activeElement;return(g=C.current)!=null&&g.contains(f)?!0:O.some(y=>{var L,I;return((L=u.getElementById(y.buttonId.current))==null?void 0:L.contains(f))||((I=u.getElementById(y.panelId.current))==null?void 0:I.contains(f))})}),c=S(u=>{for(let f of O)f.buttonId.current!==u&&f.close()}),M=D(()=>({registerPopover:a,unregisterPopover:o,isFocusWithinPopoverGroup:v,closeOthers:c}),[a,o,v,c]),T=D(()=>({}),[]),d=r,i={ref:R};return B.createElement(se.Provider,{value:M},Y({ourProps:i,theirProps:d,slot:T,defaultTag:We,name:"Popover.Group"}))}),Rt=Object.assign(De,{Button:ke,Overlay:_e,Panel:Ue,Group:je});export{Rt as Popover};
+"use client";import{useFocusRing as Oe}from"@react-aria/focus";import{useHover as Le}from"@react-aria/interactions";import y,{createContext as te,createRef as ie,useContext as oe,useEffect as re,useMemo as I,useReducer as Ie,useRef as Z,useState as de}from"react";import{useActivePress as De}from'../../hooks/use-active-press.js';import{useElementSize as he}from'../../hooks/use-element-size.js';import{useEvent as S}from'../../hooks/use-event.js';import{useEventListener as ke}from'../../hooks/use-event-listener.js';import{useId as ne}from'../../hooks/use-id.js';import{useIsoMorphicEffect as Ge}from'../../hooks/use-iso-morphic-effect.js';import{useLatestValue as Se}from'../../hooks/use-latest-value.js';import{useOnDisappear as He}from'../../hooks/use-on-disappear.js';import{useOutsideClick as Ue}from'../../hooks/use-outside-click.js';import{useOwnerDocument as Pe}from'../../hooks/use-owner.js';import{useResolveButtonType as Ne}from'../../hooks/use-resolve-button-type.js';import{MainTreeProvider as Ae,useMainTreeNode as we,useRootContainers as Ke}from'../../hooks/use-root-containers.js';import{useScrollLock as We}from'../../hooks/use-scroll-lock.js';import{optionalRef as je,useSyncRefs as X}from'../../hooks/use-sync-refs.js';import{Direction as h,useTabDirection as Ce}from'../../hooks/use-tab-direction.js';import{transitionDataAttributes as Be,useTransition as Re}from'../../hooks/use-transition.js';import{CloseProvider as Ve}from'../../internal/close-provider.js';import{FloatingProvider as $e,useFloatingPanel as Je,useFloatingPanelProps as Xe,useFloatingReference as qe,useResolvedAnchor as ze}from'../../internal/floating.js';import{Hidden as fe,HiddenFeatures as ce}from'../../internal/hidden.js';import{OpenClosedProvider as Ye,ResetOpenClosedProvider as Qe,State as q,useOpenClosed as _e}from'../../internal/open-closed.js';import{isDisabledReactIssue7711 as Fe}from'../../utils/bugs.js';import{Focus as k,FocusResult as ve,FocusableMode as Ze,focusIn as w,getFocusableElements as Te,isFocusableElement as et}from'../../utils/focus-management.js';import{match as K}from'../../utils/match.js';import'../../utils/micro-task.js';import{getOwnerDocument as tt}from'../../utils/owner.js';import{RenderFeatures as le,forwardRefWithAs as z,mergeProps as me,render as ee,useMergeRefsFn as ot}from'../../utils/render.js';import{Keys as W}from'../keyboard.js';import{Portal as rt,useNestedPortals as nt}from'../portal/portal.js';var lt=(P=>(P[P.Open=0]="Open",P[P.Closed=1]="Closed",P))(lt||{}),at=(s=>(s[s.TogglePopover=0]="TogglePopover",s[s.ClosePopover=1]="ClosePopover",s[s.SetButton=2]="SetButton",s[s.SetButtonId=3]="SetButtonId",s[s.SetPanel=4]="SetPanel",s[s.SetPanelId=5]="SetPanelId",s))(at||{});let pt={[0]:t=>({...t,popoverState:K(t.popoverState,{[0]:1,[1]:0}),__demoMode:!1}),[1](t){return t.popoverState===1?t:{...t,popoverState:1,__demoMode:!1}},[2](t,l){return t.button===l.button?t:{...t,button:l.button}},[3](t,l){return t.buttonId===l.buttonId?t:{...t,buttonId:l.buttonId}},[4](t,l){return t.panel===l.panel?t:{...t,panel:l.panel}},[5](t,l){return t.panelId===l.panelId?t:{...t,panelId:l.panelId}}},ye=te(null);ye.displayName="PopoverContext";function ae(t){let l=oe(ye);if(l===null){let P=new Error(`<${t} /> is missing a parent <Popover /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(P,ae),P}return l}let pe=te(null);pe.displayName="PopoverAPIContext";function Ee(t){let l=oe(pe);if(l===null){let P=new Error(`<${t} /> is missing a parent <Popover /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(P,Ee),P}return l}let be=te(null);be.displayName="PopoverGroupContext";function xe(){return oe(be)}let se=te(null);se.displayName="PopoverPanelContext";function st(){return oe(se)}function ut(t,l){return K(l.type,pt,t,l)}let it="div";function dt(t,l){var c;let{__demoMode:P=!1,...R}=t,T=Z(null),C=X(l,je(o=>{T.current=o})),s=Z([]),n=Ie(ut,{__demoMode:P,popoverState:P?0:1,buttons:s,button:null,buttonId:null,panel:null,panelId:null,beforePanelSentinel:ie(),afterPanelSentinel:ie(),afterButtonSentinel:ie()}),[{popoverState:v,button:d,buttonId:r,panel:u,panelId:_,beforePanelSentinel:m,afterPanelSentinel:E,afterButtonSentinel:i},a]=n,f=Pe((c=T.current)!=null?c:d),L=I(()=>{if(!d||!u)return!1;for(let M of document.querySelectorAll("body > *"))if(Number(M==null?void 0:M.contains(d))^Number(M==null?void 0:M.contains(u)))return!0;let o=Te(),e=o.indexOf(d),p=(e+o.length-1)%o.length,g=(e+1)%o.length,A=o[p],B=o[g];return!u.contains(A)&&!u.contains(B)},[d,u]),F=Se(r),G=Se(_),j=I(()=>({buttonId:F,panelId:G,close:()=>a({type:1})}),[F,G,a]),b=xe(),D=b==null?void 0:b.registerPopover,H=S(()=>{var o;return(o=b==null?void 0:b.isFocusWithinPopoverGroup())!=null?o:(f==null?void 0:f.activeElement)&&((d==null?void 0:d.contains(f.activeElement))||(u==null?void 0:u.contains(f.activeElement)))});re(()=>D==null?void 0:D(j),[D,j]);let[O,V]=nt(),U=we(d),N=Ke({mainTreeNode:U,portals:O,defaultContainers:[d,u]});ke(f==null?void 0:f.defaultView,"focus",o=>{var e,p,g,A,B,M;o.target!==window&&o.target instanceof HTMLElement&&v===0&&(H()||d&&u&&(N.contains(o.target)||(p=(e=m.current)==null?void 0:e.contains)!=null&&p.call(e,o.target)||(A=(g=E.current)==null?void 0:g.contains)!=null&&A.call(g,o.target)||(M=(B=i.current)==null?void 0:B.contains)!=null&&M.call(B,o.target)||a({type:1})))},!0),Ue(v===0,N.resolveContainers,(o,e)=>{a({type:1}),et(e,Ze.Loose)||(o.preventDefault(),d==null||d.focus())});let x=S(o=>{a({type:1});let e=(()=>o?o instanceof HTMLElement?o:"current"in o&&o.current instanceof HTMLElement?o.current:d:d)();e==null||e.focus()}),$=I(()=>({close:x,isPortalled:L}),[x,L]),J=I(()=>({open:v===0,close:x}),[v,x]),Q={ref:C};return y.createElement(Ae,{node:U},y.createElement($e,null,y.createElement(se.Provider,{value:null},y.createElement(ye.Provider,{value:n},y.createElement(pe.Provider,{value:$},y.createElement(Ve,{value:x},y.createElement(Ye,{value:K(v,{[0]:q.Open,[1]:q.Closed})},y.createElement(V,null,ee({ourProps:Q,theirProps:R,slot:J,defaultTag:it,name:"Popover"})))))))))}let Pt="button";function ft(t,l){let P=ne(),{id:R=`headlessui-popover-button-${P}`,disabled:T=!1,autoFocus:C=!1,...s}=t,[n,v]=ae("Popover.Button"),{isPortalled:d}=Ee("Popover.Button"),r=Z(null),u=`headlessui-focus-sentinel-${ne()}`,_=xe(),m=_==null?void 0:_.closeOthers,i=st()!==null;re(()=>{if(!i)return v({type:3,buttonId:R}),()=>{v({type:3,buttonId:null})}},[i,R,v]);let[a]=de(()=>Symbol()),f=X(r,l,qe(),i?null:S(e=>{if(e)n.buttons.current.push(a);else{let p=n.buttons.current.indexOf(a);p!==-1&&n.buttons.current.splice(p,1)}n.buttons.current.length>1&&console.warn("You are already using a <Popover.Button /> but only 1 <Popover.Button /> is supported."),e&&v({type:2,button:e})})),L=X(r,l),F=Pe(r),G=S(e=>{var p,g,A;if(i){if(n.popoverState===1)return;switch(e.key){case W.Space:case W.Enter:e.preventDefault(),(g=(p=e.target).click)==null||g.call(p),v({type:1}),(A=n.button)==null||A.focus();break}}else switch(e.key){case W.Space:case W.Enter:e.preventDefault(),e.stopPropagation(),n.popoverState===1&&(m==null||m(n.buttonId)),v({type:0});break;case W.Escape:if(n.popoverState!==0)return m==null?void 0:m(n.buttonId);if(!r.current||F!=null&&F.activeElement&&!r.current.contains(F.activeElement))return;e.preventDefault(),e.stopPropagation(),v({type:1});break}}),j=S(e=>{i||e.key===W.Space&&e.preventDefault()}),b=S(e=>{var p,g;Fe(e.currentTarget)||T||(i?(v({type:1}),(p=n.button)==null||p.focus()):(e.preventDefault(),e.stopPropagation(),n.popoverState===1&&(m==null||m(n.buttonId)),v({type:0}),(g=n.button)==null||g.focus()))}),D=S(e=>{e.preventDefault(),e.stopPropagation()}),{isFocusVisible:H,focusProps:O}=Oe({autoFocus:C}),{isHovered:V,hoverProps:U}=Le({isDisabled:T}),{pressed:N,pressProps:Y}=De({disabled:T}),x=n.popoverState===0,$=I(()=>({open:x,active:N||x,disabled:T,hover:V,focus:H,autofocus:C}),[x,V,H,N,T,C]),J=Ne(t,n.button),Q=i?me({ref:L,type:J,onKeyDown:G,onClick:b,disabled:T||void 0,autoFocus:C},O,U,Y):me({ref:f,id:n.buttonId,type:J,"aria-expanded":n.popoverState===0,"aria-controls":n.panel?n.panelId:void 0,disabled:T||void 0,autoFocus:C,onKeyDown:G,onKeyUp:j,onClick:b,onMouseDown:D},O,U,Y),c=Ce(),o=S(()=>{let e=n.panel;if(!e)return;function p(){K(c.current,{[h.Forwards]:()=>w(e,k.First),[h.Backwards]:()=>w(e,k.Last)})===ve.Error&&w(Te().filter(A=>A.dataset.headlessuiFocusGuard!=="true"),K(c.current,{[h.Forwards]:k.Next,[h.Backwards]:k.Previous}),{relativeTo:n.button})}p()});return y.createElement(y.Fragment,null,ee({ourProps:Q,theirProps:s,slot:$,defaultTag:Pt,name:"Popover.Button"}),x&&!i&&d&&y.createElement(fe,{id:u,ref:n.afterButtonSentinel,features:ce.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:o}))}let ct="div",vt=le.RenderStrategy|le.Static;function Me(t,l){let P=ne(),{id:R=`headlessui-popover-backdrop-${P}`,transition:T=!1,...C}=t,[{popoverState:s},n]=ae("Popover.Backdrop"),[v,d]=de(null),r=X(l,d),u=_e(),[_,m]=Re(T,v,u!==null?(u&q.Open)===q.Open:s===0),E=S(f=>{if(Fe(f.currentTarget))return f.preventDefault();n({type:1})}),i=I(()=>({open:s===0}),[s]),a={ref:r,id:R,"aria-hidden":!0,onClick:E,...Be(m)};return ee({ourProps:a,theirProps:C,slot:i,defaultTag:ct,features:vt,visible:_,name:"Popover.Backdrop"})}let Tt="div",mt=le.RenderStrategy|le.Static;function yt(t,l){let P=ne(),{id:R=`headlessui-popover-panel-${P}`,focus:T=!1,anchor:C,portal:s=!1,modal:n=!1,transition:v=!1,...d}=t,[r,u]=ae("Popover.Panel"),{close:_,isPortalled:m}=Ee("Popover.Panel"),E=`headlessui-focus-sentinel-before-${P}`,i=`headlessui-focus-sentinel-after-${P}`,a=Z(null),f=ze(C),[L,F]=Je(f),G=Xe();f&&(s=!0);let j=X(a,l,f?L:null,S(c=>u({type:4,panel:c}))),b=Pe(a),D=ot();Ge(()=>(u({type:5,panelId:R}),()=>{u({type:5,panelId:null})}),[R,u]);let H=_e(),[O,V]=Re(v,r.panel,H!==null?(H&q.Open)===q.Open:r.popoverState===0);He(O,r.button,()=>{u({type:1})});let U=r.__demoMode?!1:n&&O;We(U,b);let N=S(c=>{var o;switch(c.key){case W.Escape:if(r.popoverState!==0||!a.current||b!=null&&b.activeElement&&!a.current.contains(b.activeElement))return;c.preventDefault(),c.stopPropagation(),u({type:1}),(o=r.button)==null||o.focus();break}});re(()=>{var c;t.static||r.popoverState===1&&((c=t.unmount)==null||c)&&u({type:4,panel:null})},[r.popoverState,t.unmount,t.static,u]),re(()=>{if(r.__demoMode||!T||r.popoverState!==0||!a.current)return;let c=b==null?void 0:b.activeElement;a.current.contains(c)||w(a.current,k.First)},[r.__demoMode,T,a.current,r.popoverState]);let Y=I(()=>({open:r.popoverState===0,close:_}),[r.popoverState,_]),x=me(f?G():{},{ref:j,id:R,onKeyDown:N,onBlur:T&&r.popoverState===0?c=>{var e,p,g,A,B;let o=c.relatedTarget;o&&a.current&&((e=a.current)!=null&&e.contains(o)||(u({type:1}),((g=(p=r.beforePanelSentinel.current)==null?void 0:p.contains)!=null&&g.call(p,o)||(B=(A=r.afterPanelSentinel.current)==null?void 0:A.contains)!=null&&B.call(A,o))&&o.focus({preventScroll:!0})))}:void 0,tabIndex:-1,style:{...d.style,...F,"--button-width":he(r.button,!0).width},...Be(V)}),$=Ce(),J=S(()=>{let c=a.current;if(!c)return;function o(){K($.current,{[h.Forwards]:()=>{var p;w(c,k.First)===ve.Error&&((p=r.afterPanelSentinel.current)==null||p.focus())},[h.Backwards]:()=>{var e;(e=r.button)==null||e.focus({preventScroll:!0})}})}o()}),Q=S(()=>{let c=a.current;if(!c)return;function o(){K($.current,{[h.Forwards]:()=>{var M;if(!r.button)return;let e=Te(),p=e.indexOf(r.button),g=e.slice(0,p+1),B=[...e.slice(p+1),...g];for(let ue of B.slice())if(ue.dataset.headlessuiFocusGuard==="true"||(M=r.panel)!=null&&M.contains(ue)){let ge=B.indexOf(ue);ge!==-1&&B.splice(ge,1)}w(B,k.First,{sorted:!1})},[h.Backwards]:()=>{var p;w(c,k.Previous)===ve.Error&&((p=r.button)==null||p.focus())}})}o()});return y.createElement(Qe,null,y.createElement(se.Provider,{value:R},y.createElement(pe.Provider,{value:{close:_,isPortalled:m}},y.createElement(rt,{enabled:s?t.static||O:!1},O&&m&&y.createElement(fe,{id:E,ref:r.beforePanelSentinel,features:ce.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:J}),ee({mergeRefs:D,ourProps:x,theirProps:d,slot:Y,defaultTag:Tt,features:mt,visible:O,name:"Popover.Panel"}),O&&m&&y.createElement(fe,{id:i,ref:r.afterPanelSentinel,features:ce.Focusable,"data-headlessui-focus-guard":!0,as:"button",type:"button",onFocus:Q})))))}let Et="div";function bt(t,l){let P=Z(null),R=X(P,l),[T,C]=de([]),s=S(E=>{C(i=>{let a=i.indexOf(E);if(a!==-1){let f=i.slice();return f.splice(a,1),f}return i})}),n=S(E=>(C(i=>[...i,E]),()=>s(E))),v=S(()=>{var a;let E=tt(P);if(!E)return!1;let i=E.activeElement;return(a=P.current)!=null&&a.contains(i)?!0:T.some(f=>{var L,F;return((L=E.getElementById(f.buttonId.current))==null?void 0:L.contains(i))||((F=E.getElementById(f.panelId.current))==null?void 0:F.contains(i))})}),d=S(E=>{for(let i of T)i.buttonId.current!==E&&i.close()}),r=I(()=>({registerPopover:n,unregisterPopover:s,isFocusWithinPopoverGroup:v,closeOthers:d}),[n,s,v,d]),u=I(()=>({}),[]),_=t,m={ref:R};return y.createElement(Ae,null,y.createElement(be.Provider,{value:r},ee({ourProps:m,theirProps:_,slot:u,defaultTag:Et,name:"Popover.Group"})))}let gt=z(dt),St=z(ft),At=z(Me),Ct=z(Me),Bt=z(yt),Rt=z(bt),lo=Object.assign(gt,{Button:St,Backdrop:Ct,Overlay:At,Panel:Bt,Group:Rt});export{lo as Popover,Ct as PopoverBackdrop,St as PopoverButton,Rt as PopoverGroup,At as PopoverOverlay,Bt as PopoverPanel};

dist/components/portal/portal.d.ts

@@ -1,26 +0,36 @@
-import React, { MutableRefObject, Ref } from 'react';
-import { Props } from '../../types.js';
-interface PortalRenderPropArg {
+import React, { type ElementType, type MutableRefObject, type Ref } from 'react';
+import type { Props } from '../../types.js';
+import { type HasDisplayName, type RefProp } from '../../utils/render.js';
+declare let DEFAULT_PORTAL_TAG: React.ExoticComponent<{
+    children?: React.ReactNode;
+}>;
+type PortalRenderPropArg = {};
+type PortalPropsWeControl = never;
+export type PortalProps<TTag extends ElementType = typeof DEFAULT_PORTAL_TAG> = Props<TTag, PortalRenderPropArg, PortalPropsWeControl, {
+    enabled?: boolean;
+}>;
+declare function PortalFn<TTag extends ElementType = typeof DEFAULT_PORTAL_TAG>(props: PortalProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element | null;
+declare let DEFAULT_GROUP_TAG: React.ExoticComponent<{
+    children?: React.ReactNode;
+}>;
+type GroupRenderPropArg = {};
+type GroupPropsWeControl = never;
+export type PortalGroupProps<TTag extends ElementType = typeof DEFAULT_GROUP_TAG> = Props<TTag, GroupRenderPropArg, GroupPropsWeControl, {
+    target: MutableRefObject<HTMLElement | null>;
+}>;
+declare function GroupFn<TTag extends ElementType = typeof DEFAULT_GROUP_TAG>(props: PortalGroupProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+export declare function useNestedPortals(): readonly [React.MutableRefObject<HTMLElement[]>, ({ children }: {
+    children: React.ReactNode;
+}) => React.JSX.Element];
+export interface _internal_ComponentPortal extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_PORTAL_TAG>(props: PortalProps<TTag> & RefProp<typeof PortalFn>): JSX.Element;
 }
-interface GroupRenderPropArg {
+export interface _internal_ComponentPortalGroup extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_GROUP_TAG>(props: PortalGroupProps<TTag> & RefProp<typeof GroupFn>): JSX.Element;
 }
-export declare let Portal: (<TTag extends React.ElementType<any> = React.ExoticComponent<{
-    children?: React.ReactNode;
-}>>(props: Props<TTag, PortalRenderPropArg, "1D45E01E-AF44-47C4-988A-19A94EBAF55C">, ref: Ref<HTMLElement>) => React.ReactPortal | null) & {
-    displayName: string;
-} & {
-    Group: (<TTag_1 extends React.ElementType<any> = React.ExoticComponent<{
-        children?: React.ReactNode;
-    }>>(props: Omit<import('../../types.js').PropsOf<TTag_1>, "as" | "children" | "refName" | "className"> & {
-        as?: TTag_1 | undefined;
-        children?: React.ReactNode | ((bag: GroupRenderPropArg) => React.ReactElement<any, string | React.JSXElementConstructor<any>>);
-        refName?: string | undefined;
-    } & (true extends (import('../../types.js').PropsOf<TTag_1> extends never ? never : "className" extends keyof import('../../types.js').PropsOf<TTag_1> ? true : never) ? {
-        className?: import('../../types.js').PropsOf<TTag_1>["className"] | ((bag: GroupRenderPropArg) => string) | undefined;
-    } : {}) & {
-        target: MutableRefObject<HTMLElement | null>;
-    }, ref: Ref<HTMLElement>) => JSX.Element) & {
-        displayName: string;
-    };
+export declare let PortalGroup: _internal_ComponentPortalGroup;
+export declare let Portal: _internal_ComponentPortal & {
+    /** @deprecated use `<PortalGroup>` instead of `<Portal.Group>` */
+    Group: _internal_ComponentPortalGroup;
 };
 export {};

dist/components/portal/portal.js

@@ -1,1 +0,1 @@
-import h,{Fragment as s,createContext as L,useContext as v,useEffect as m,useRef as d,useState as T}from"react";import{createPortal as y}from"react-dom";import{forwardRefWithAs as P,render as R}from'../../utils/render.js';import{useIsoMorphicEffect as G}from'../../hooks/use-iso-morphic-effect.js';import{usePortalRoot as M}from'../../internal/portal-force-root.js';import{useServerHandoffComplete as C}from'../../hooks/use-server-handoff-complete.js';import{optionalRef as O,useSyncRefs as c}from'../../hooks/use-sync-refs.js';import{useOwnerDocument as g}from'../../hooks/use-owner.js';import{microTask as H}from'../../utils/micro-task.js';import{env as E}from'../../utils/env.js';function x(i){let u=M(),o=v(A),e=g(i),[r,f]=T(()=>{if(!u&&o!==null||E.isServer)return null;let n=e==null?void 0:e.getElementById("headlessui-portal-root");if(n)return n;if(e===null)return null;let t=e.createElement("div");return t.setAttribute("id","headlessui-portal-root"),e.body.appendChild(t)});return m(()=>{r!==null&&(e!=null&&e.body.contains(r)||e==null||e.body.appendChild(r))},[r,e]),m(()=>{u||o!==null&&f(o.current)},[o,f,u]),r}let _=s,U=P(function(u,o){let e=u,r=d(null),f=c(O(a=>{r.current=a}),o),n=g(r),t=x(r),[l]=T(()=>{var a;return E.isServer?null:(a=n==null?void 0:n.createElement("div"))!=null?a:null}),b=C(),p=d(!1);return G(()=>{if(p.current=!1,!(!t||!l))return t.contains(l)||(l.setAttribute("data-headlessui-portal",""),t.appendChild(l)),()=>{p.current=!0,H(()=>{var a;!p.current||!t||!l||(l instanceof Node&&t.contains(l)&&t.removeChild(l),t.childNodes.length<=0&&((a=t.parentElement)==null||a.removeChild(t)))})}},[t,l]),b?!t||!l?null:y(R({ourProps:{ref:f},theirProps:e,defaultTag:_,name:"Portal"}),l):null}),j=s,A=L(null),F=P(function(u,o){let{target:e,...r}=u,n={ref:c(o)};return h.createElement(A.Provider,{value:e},R({ourProps:n,theirProps:r,defaultTag:j,name:"Popover.Group"}))}),$=Object.assign(U,{Group:F});export{$ as Portal};
+"use client";import f,{Fragment as g,createContext as E,useContext as T,useEffect as R,useMemo as c,useRef as A,useState as G}from"react";import{createPortal as H}from"react-dom";import{useEvent as L}from'../../hooks/use-event.js';import{useIsoMorphicEffect as x}from'../../hooks/use-iso-morphic-effect.js';import{useOnUnmount as O}from'../../hooks/use-on-unmount.js';import{useOwnerDocument as _}from'../../hooks/use-owner.js';import{useServerHandoffComplete as h}from'../../hooks/use-server-handoff-complete.js';import{optionalRef as F,useSyncRefs as P}from'../../hooks/use-sync-refs.js';import{usePortalRoot as U}from'../../internal/portal-force-root.js';import{env as C}from'../../utils/env.js';import{forwardRefWithAs as m,render as d}from'../../utils/render.js';function D(p){let r=U(),l=T(v),e=_(p),[o,n]=G(()=>{var t;if(!r&&l!==null)return(t=l.current)!=null?t:null;if(C.isServer)return null;let u=e==null?void 0:e.getElementById("headlessui-portal-root");if(u)return u;if(e===null)return null;let a=e.createElement("div");return a.setAttribute("id","headlessui-portal-root"),e.body.appendChild(a)});return R(()=>{o!==null&&(e!=null&&e.body.contains(o)||e==null||e.body.appendChild(o))},[o,e]),R(()=>{r||l!==null&&n(l.current)},[l,n,r]),o}let M=g,N=m(function(r,l){let e=r,o=A(null),n=P(F(i=>{o.current=i}),l),u=_(o),a=D(o),[t]=G(()=>{var i;return C.isServer?null:(i=u==null?void 0:u.createElement("div"))!=null?i:null}),s=T(y),b=h();return x(()=>{!a||!t||a.contains(t)||(t.setAttribute("data-headlessui-portal",""),a.appendChild(t))},[a,t]),x(()=>{if(t&&s)return s.register(t)},[s,t]),O(()=>{var i;!a||!t||(t instanceof Node&&a.contains(t)&&a.removeChild(t),a.childNodes.length<=0&&((i=a.parentElement)==null||i.removeChild(a)))}),b?!a||!t?null:H(d({ourProps:{ref:n},theirProps:e,slot:{},defaultTag:M,name:"Portal"}),t):null});function S(p,r){let l=P(r),{enabled:e=!0,...o}=p;return e?f.createElement(N,{...o,ref:l}):d({ourProps:{ref:l},theirProps:o,slot:{},defaultTag:M,name:"Portal"})}let j=g,v=E(null);function W(p,r){let{target:l,...e}=p,n={ref:P(r)};return f.createElement(v.Provider,{value:l},d({ourProps:n,theirProps:e,defaultTag:j,name:"Popover.Group"}))}let y=E(null);function ee(){let p=T(y),r=A([]),l=L(n=>(r.current.push(n),p&&p.register(n),()=>e(n))),e=L(n=>{let u=r.current.indexOf(n);u!==-1&&r.current.splice(u,1),p&&p.unregister(n)}),o=c(()=>({register:l,unregister:e,portals:r}),[l,e,r]);return[r,c(()=>function({children:u}){return f.createElement(y.Provider,{value:o},u)},[o])]}let I=m(S),J=m(W),te=Object.assign(I,{Group:J});export{te as Portal,J as PortalGroup,ee as useNestedPortals};

dist/components/radio-group/radio-group.d.ts

@@ -1,44 +0,85 @@
-import React, { Ref } from 'react';
-import { Props } from '../../types.js';
-interface RadioGroupRenderPropArg<TType> {
+import React, { type ElementType, type Ref } from 'react';
+import { type ByComparator } from '../../hooks/use-by-comparator.js';
+import type { Props } from '../../types.js';
+import { type HasDisplayName, type RefProp } from '../../utils/render.js';
+import { type _internal_ComponentDescription } from '../description/description.js';
+import { type _internal_ComponentLabel } from '../label/label.js';
+declare let DEFAULT_RADIO_GROUP_TAG: "div";
+type RadioGroupRenderPropArg<TType> = {
     value: TType;
-}
-declare type RadioGroupPropsWeControl = 'role' | 'aria-labelledby' | 'aria-describedby';
-interface OptionRenderPropArg {
+};
+type RadioGroupPropsWeControl = 'role' | 'aria-labelledby' | 'aria-describedby';
+export type RadioGroupProps<TTag extends ElementType = typeof DEFAULT_RADIO_GROUP_TAG, TType = string> = Props<TTag, RadioGroupRenderPropArg<TType>, RadioGroupPropsWeControl, {
+    value?: TType;
+    defaultValue?: TType;
+    onChange?(value: TType): void;
+    by?: ByComparator<TType>;
+    disabled?: boolean;
+    form?: string;
+    name?: string;
+}>;
+declare function RadioGroupFn<TTag extends ElementType = typeof DEFAULT_RADIO_GROUP_TAG, TType = string>(props: RadioGroupProps<TTag, TType>, ref: Ref<HTMLElement>): React.JSX.Element;
+declare let DEFAULT_OPTION_TAG: "div";
+type OptionRenderPropArg = {
     checked: boolean;
+    /** @deprecated use `focus` instead */
     active: boolean;
+    hover: boolean;
+    focus: boolean;
+    autofocus: boolean;
     disabled: boolean;
+};
+type OptionPropsWeControl = 'aria-checked' | 'aria-describedby' | 'aria-labelledby' | 'role' | 'tabIndex';
+export type RadioOptionProps<TTag extends ElementType, TType> = Props<TTag, OptionRenderPropArg, OptionPropsWeControl, {
+    value: TType;
+    disabled?: boolean;
+    autoFocus?: boolean;
+}>;
+declare function OptionFn<TTag extends ElementType = typeof DEFAULT_OPTION_TAG, TType = Parameters<typeof RadioGroupRoot>[0]['value']>(props: RadioOptionProps<TTag, TType>, ref: Ref<HTMLElement>): React.JSX.Element;
+declare let DEFAULT_RADIO_TAG: "span";
+type RadioRenderPropArg = {
+    checked: boolean;
+    hover: boolean;
+    focus: boolean;
+    autofocus: boolean;
+    disabled: boolean;
+};
+type RadioPropsWeControl = 'aria-checked' | 'aria-describedby' | 'aria-labelledby' | 'role' | 'tabIndex';
+export type RadioProps<TTag extends ElementType = typeof DEFAULT_RADIO_TAG, TType = string> = Props<TTag, RadioRenderPropArg, RadioPropsWeControl, {
+    value: TType;
+    disabled?: boolean;
+    autoFocus?: boolean;
+}>;
+declare function RadioFn<TTag extends ElementType = typeof DEFAULT_RADIO_TAG, TType = Parameters<typeof RadioGroupRoot>[0]['value']>(props: RadioProps<TTag, TType>, ref: Ref<HTMLElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+export interface _internal_ComponentRadioGroup extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_RADIO_GROUP_TAG, TType = string>(props: RadioGroupProps<TTag, TType> & RefProp<typeof RadioGroupFn>): JSX.Element;
 }
-declare type RadioPropsWeControl = 'aria-checked' | 'onBlur' | 'onClick' | 'onFocus' | 'ref' | 'role' | 'tabIndex';
-export declare let RadioGroup: (<TTag extends React.ElementType<any> = "div", TType = string>(props: Props<TTag, RadioGroupRenderPropArg<TType>, "value" | "name" | "disabled" | "defaultValue" | "onChange" | "by" | RadioGroupPropsWeControl> & {
-    value?: TType | undefined;
-    defaultValue?: TType | undefined;
-    onChange?(value: TType): void;
-    by?: (keyof TType & string) | ((a: TType, z: TType) => boolean) | undefined;
-    disabled?: boolean | undefined;
-    name?: string | undefined;
-}, ref: Ref<HTMLElement>) => JSX.Element) & {
-    displayName: string;
-} & {
-    Option: (<TTag_1 extends React.ElementType<any> = "div", TType_1 = unknown>(props: Props<TTag_1, OptionRenderPropArg, "value" | "disabled" | RadioPropsWeControl> & {
-        value: TType_1;
-        disabled?: boolean | undefined;
-    }, ref: Ref<HTMLElement>) => JSX.Element) & {
-        displayName: string;
-    };
-    Label: (<TTag_2 extends React.ElementType<any> = "label">(props: Omit<import('../../types.js').PropsOf<TTag_2>, "as" | "children" | "refName" | "className"> & {
-        as?: TTag_2 | undefined;
-        children?: React.ReactNode | ((bag: {}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>);
-        refName?: string | undefined;
-    } & (true extends (import('../../types.js').PropsOf<TTag_2> extends never ? never : "className" extends keyof import('../../types.js').PropsOf<TTag_2> ? true : never) ? {
-        className?: import('../../types.js').PropsOf<TTag_2>["className"] | ((bag: {}) => string) | undefined;
-    } : {}) & {
-        passive?: boolean | undefined;
-    }, ref: React.Ref<HTMLLabelElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Description: (<TTag_3 extends React.ElementType<any> = "p">(props: Props<TTag_3, {}, "1D45E01E-AF44-47C4-988A-19A94EBAF55C">, ref: React.Ref<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
+export interface _internal_ComponentRadioOption extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_OPTION_TAG, TType = string>(props: RadioOptionProps<TTag, TType> & RefProp<typeof OptionFn>): JSX.Element;
+}
+export interface _internal_ComponentRadio extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_RADIO_TAG, TType = string>(props: RadioProps<TTag, TType> & RefProp<typeof RadioFn>): JSX.Element;
+}
+export interface _internal_ComponentRadioLabel extends _internal_ComponentLabel {
+}
+export interface _internal_ComponentRadioDescription extends _internal_ComponentDescription {
+}
+declare let RadioGroupRoot: _internal_ComponentRadioGroup;
+/** @deprecated use `<Radio>` instead of `<RadioGroupOption>` */
+export declare let RadioGroupOption: _internal_ComponentRadioOption;
+export declare let Radio: _internal_ComponentRadio;
+/** @deprecated use `<Label>` instead of `<RadioGroupLabel>` */
+export declare let RadioGroupLabel: _internal_ComponentRadioLabel;
+/** @deprecated use `<Description>` instead of `<RadioGroupDescription>` */
+export declare let RadioGroupDescription: _internal_ComponentRadioDescription;
+export declare let RadioGroup: _internal_ComponentRadioGroup & {
+    /** @deprecated use `<Radio>` instead of `<RadioGroup.Option>` */
+    Option: _internal_ComponentRadioOption;
+    /** @deprecated use `<Radio>` instead of `<RadioGroup.Radio>` */
+    Radio: _internal_ComponentRadio;
+    /** @deprecated use `<Label>` instead of `<RadioGroup.Label>` */
+    Label: _internal_ComponentRadioLabel;
+    /** @deprecated use `<Description>` instead of `<RadioGroup.Description>` */
+    Description: _internal_ComponentRadioDescription;
 };
 export {};

dist/components/radio-group/radio-group.js

@@ -1,1 +0,1 @@
-import g,{createContext as J,useContext as q,useMemo as A,useReducer as se,useRef as B,useEffect as ue}from"react";import{forwardRefWithAs as Q,render as X,compact as de}from'../../utils/render.js';import{useId as Y}from'../../hooks/use-id.js';import{match as ce}from'../../utils/match.js';import{useIsoMorphicEffect as fe}from'../../hooks/use-iso-morphic-effect.js';import{Keys as P}from'../../components/keyboard.js';import{focusIn as Z,Focus as H,FocusResult as z,sortByDomNode as Te}from'../../utils/focus-management.js';import{useFlags as me}from'../../hooks/use-flags.js';import{Label as be,useLabels as ee}from'../../components/label/label.js';import{Description as Re,useDescriptions as te}from'../../components/description/description.js';import{useTreeWalker as ye}from'../../hooks/use-tree-walker.js';import{useSyncRefs as re}from'../../hooks/use-sync-refs.js';import{Hidden as ge,Features as ve}from'../../internal/hidden.js';import{attemptSubmit as Oe,objectToFormEntries as Ee}from'../../utils/form.js';import{getOwnerDocument as Ae}from'../../utils/owner.js';import{useEvent as v}from'../../hooks/use-event.js';import{useControllable as Pe}from'../../hooks/use-controllable.js';import{isDisabledReactIssue7711 as oe}from'../../utils/bugs.js';import{useLatestValue as De}from'../../hooks/use-latest-value.js';import{useDisposables as Ge}from'../../hooks/use-disposables.js';var he=(t=>(t[t.RegisterOption=0]="RegisterOption",t[t.UnregisterOption=1]="UnregisterOption",t))(he||{});let ke={[0](n,r){let t=[...n.options,{id:r.id,element:r.element,propsRef:r.propsRef}];return{...n,options:Te(t,d=>d.element.current)}},[1](n,r){let t=n.options.slice(),d=n.options.findIndex(c=>c.id===r.id);return d===-1?n:(t.splice(d,1),{...n,options:t})}},$=J(null);$.displayName="RadioGroupDataContext";function ne(n){let r=q($);if(r===null){let t=new Error(`<${n} /> is missing a parent <RadioGroup /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,ne),t}return r}let V=J(null);V.displayName="RadioGroupActionsContext";function ie(n){let r=q(V);if(r===null){let t=new Error(`<${n} /> is missing a parent <RadioGroup /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,ie),t}return r}function Fe(n,r){return ce(r.type,ke,n,r)}let Le="div",Ce=Q(function(r,t){let d=Y(),{id:c=`headlessui-radiogroup-${d}`,value:D,defaultValue:O,name:I,onChange:E,by:G=(e,i)=>e===i,disabled:h=!1,...U}=r,T=v(typeof G=="string"?(e,i)=>{let o=G;return(e==null?void 0:e[o])===(i==null?void 0:i[o])}:G),[k,F]=se(Fe,{options:[]}),a=k.options,[M,N]=ee(),[m,L]=te(),C=B(null),W=re(C,t),[l,x]=Pe(D,E,O),s=A(()=>a.find(e=>!e.propsRef.current.disabled),[a]),b=A(()=>a.some(e=>T(e.propsRef.current.value,l)),[a,l]),u=v(e=>{var o;if(h||T(e,l))return!1;let i=(o=a.find(f=>T(f.propsRef.current.value,e)))==null?void 0:o.propsRef.current;return i!=null&&i.disabled?!1:(x==null||x(e),!0)});ye({container:C.current,accept(e){return e.getAttribute("role")==="radio"?NodeFilter.FILTER_REJECT:e.hasAttribute("role")?NodeFilter.FILTER_SKIP:NodeFilter.FILTER_ACCEPT},walk(e){e.setAttribute("role","none")}});let K=v(e=>{let i=C.current;if(!i)return;let o=Ae(i),f=a.filter(p=>p.propsRef.current.disabled===!1).map(p=>p.element.current);switch(e.key){case P.Enter:Oe(e.currentTarget);break;case P.ArrowLeft:case P.ArrowUp:if(e.preventDefault(),e.stopPropagation(),Z(f,H.Previous|H.WrapAround)===z.Success){let y=a.find(j=>j.element.current===(o==null?void 0:o.activeElement));y&&u(y.propsRef.current.value)}break;case P.ArrowRight:case P.ArrowDown:if(e.preventDefault(),e.stopPropagation(),Z(f,H.Next|H.WrapAround)===z.Success){let y=a.find(j=>j.element.current===(o==null?void 0:o.activeElement));y&&u(y.propsRef.current.value)}break;case P.Space:{e.preventDefault(),e.stopPropagation();let p=a.find(y=>y.element.current===(o==null?void 0:o.activeElement));p&&u(p.propsRef.current.value)}break}}),w=v(e=>(F({type:0,...e}),()=>F({type:1,id:e.id}))),R=A(()=>({value:l,firstOption:s,containsCheckedOption:b,disabled:h,compare:T,...k}),[l,s,b,h,T,k]),S=A(()=>({registerOption:w,change:u}),[w,u]),ae={ref:W,id:c,role:"radiogroup","aria-labelledby":M,"aria-describedby":m,onKeyDown:K},le=A(()=>({value:l}),[l]),_=B(null),pe=Ge();return ue(()=>{!_.current||O!==void 0&&pe.addEventListener(_.current,"reset",()=>{u(O)})},[_,u]),g.createElement(L,{name:"RadioGroup.Description"},g.createElement(N,{name:"RadioGroup.Label"},g.createElement(V.Provider,{value:S},g.createElement($.Provider,{value:R},I!=null&&l!=null&&Ee({[I]:l}).map(([e,i],o)=>g.createElement(ge,{features:ve.Hidden,ref:o===0?f=>{var p;_.current=(p=f==null?void 0:f.closest("form"))!=null?p:null}:void 0,...de({key:e,as:"input",type:"radio",checked:i!=null,hidden:!0,readOnly:!0,name:e,value:i})})),X({ourProps:ae,theirProps:U,slot:le,defaultTag:Le,name:"RadioGroup"})))))});var xe=(t=>(t[t.Empty=1]="Empty",t[t.Active=2]="Active",t))(xe||{});let we="div",Ie=Q(function(r,t){var w;let d=Y(),{id:c=`headlessui-radiogroup-option-${d}`,value:D,disabled:O=!1,...I}=r,E=B(null),G=re(E,t),[h,U]=ee(),[T,k]=te(),{addFlag:F,removeFlag:a,hasFlag:M}=me(1),N=De({value:D,disabled:O}),m=ne("RadioGroup.Option"),L=ie("RadioGroup.Option");fe(()=>L.registerOption({id:c,element:E,propsRef:N}),[c,L,E,r]);let C=v(R=>{var S;if(oe(R.currentTarget))return R.preventDefault();!L.change(D)||(F(2),(S=E.current)==null||S.focus())}),W=v(R=>{if(oe(R.currentTarget))return R.preventDefault();F(2)}),l=v(()=>a(2)),x=((w=m.firstOption)==null?void 0:w.id)===c,s=m.disabled||O,b=m.compare(m.value,D),u={ref:G,id:c,role:"radio","aria-checked":b?"true":"false","aria-labelledby":h,"aria-describedby":T,"aria-disabled":s?!0:void 0,tabIndex:(()=>s?-1:b||!m.containsCheckedOption&&x?0:-1)(),onClick:s?void 0:C,onFocus:s?void 0:W,onBlur:s?void 0:l},K=A(()=>({checked:b,disabled:s,active:M(2)}),[b,s,M]);return g.createElement(k,{name:"RadioGroup.Description"},g.createElement(U,{name:"RadioGroup.Label"},X({ourProps:u,theirProps:I,slot:K,defaultTag:we,name:"RadioGroup.Option"})))}),ut=Object.assign(Ce,{Option:Ie,Label:be,Description:Re});export{ut as RadioGroup};
+"use client";import{useFocusRing as Q}from"@react-aria/focus";import{useHover as Y}from"@react-aria/interactions";import G,{createContext as Z,useCallback as ye,useContext as ee,useMemo as x,useReducer as Re,useRef as W}from"react";import{useByComparator as be}from'../../hooks/use-by-comparator.js';import{useControllable as ge}from'../../hooks/use-controllable.js';import{useDefaultValue as Oe}from'../../hooks/use-default-value.js';import{useEvent as S}from'../../hooks/use-event.js';import{useId as B}from'../../hooks/use-id.js';import{useIsoMorphicEffect as te}from'../../hooks/use-iso-morphic-effect.js';import{useLatestValue as oe}from'../../hooks/use-latest-value.js';import{useSyncRefs as V}from'../../hooks/use-sync-refs.js';import{useDisabled as re}from'../../internal/disabled.js';import{FormFields as Pe}from'../../internal/form-fields.js';import{useProvidedId as ve}from'../../internal/id.js';import{isDisabledReactIssue7711 as ie}from'../../utils/bugs.js';import{Focus as w,FocusResult as ne,focusIn as ae,sortByDomNode as De}from'../../utils/focus-management.js';import{attemptSubmit as Ae}from'../../utils/form.js';import{match as _e}from'../../utils/match.js';import{getOwnerDocument as Ee}from'../../utils/owner.js';import{forwardRefWithAs as K,mergeProps as pe,render as $}from'../../utils/render.js';import{Description as Ge,useDescribedBy as xe,useDescriptions as le}from'../description/description.js';import{Keys as F}from'../keyboard.js';import{Label as Ce,useLabelledBy as he,useLabels as se}from'../label/label.js';var Le=(e=>(e[e.RegisterOption=0]="RegisterOption",e[e.UnregisterOption=1]="UnregisterOption",e))(Le||{});let ke={[0](o,t){let e=[...o.options,{id:t.id,element:t.element,propsRef:t.propsRef}];return{...o,options:De(e,a=>a.element.current)}},[1](o,t){let e=o.options.slice(),a=o.options.findIndex(O=>O.id===t.id);return a===-1?o:(e.splice(a,1),{...o,options:e})}},j=Z(null);j.displayName="RadioGroupDataContext";function J(o){let t=ee(j);if(t===null){let e=new Error(`<${o} /> is missing a parent <RadioGroup /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(e,J),e}return t}let X=Z(null);X.displayName="RadioGroupActionsContext";function z(o){let t=ee(X);if(t===null){let e=new Error(`<${o} /> is missing a parent <RadioGroup /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(e,z),e}return t}function Fe(o,t){return _e(t.type,ke,o,t)}let Ie="div";function Ue(o,t){let e=B(),a=re(),{id:O=`headlessui-radiogroup-${e}`,value:m,form:P,name:i,onChange:f,by:c,disabled:p=a||!1,defaultValue:I,...y}=o,T=be(c),[v,C]=Re(Fe,{options:[]}),n=v.options,[U,h]=se(),[D,L]=le(),A=W(null),M=V(A,t),l=Oe(I),[s,_]=ge(m,f,l),R=x(()=>n.find(r=>!r.propsRef.current.disabled),[n]),b=x(()=>n.some(r=>T(r.propsRef.current.value,s)),[n,s]),d=S(r=>{var u;if(p||T(r,s))return!1;let k=(u=n.find(H=>T(H.propsRef.current.value,r)))==null?void 0:u.propsRef.current;return k!=null&&k.disabled?!1:(_==null||_(r),!0)}),de=S(r=>{let k=A.current;if(!k)return;let u=Ee(k),H=n.filter(g=>g.propsRef.current.disabled===!1).map(g=>g.element.current);switch(r.key){case F.Enter:Ae(r.currentTarget);break;case F.ArrowLeft:case F.ArrowUp:if(r.preventDefault(),r.stopPropagation(),ae(H,w.Previous|w.WrapAround)===ne.Success){let E=n.find(N=>N.element.current===(u==null?void 0:u.activeElement));E&&d(E.propsRef.current.value)}break;case F.ArrowRight:case F.ArrowDown:if(r.preventDefault(),r.stopPropagation(),ae(H,w.Next|w.WrapAround)===ne.Success){let E=n.find(N=>N.element.current===(u==null?void 0:u.activeElement));E&&d(E.propsRef.current.value)}break;case F.Space:{r.preventDefault(),r.stopPropagation();let g=n.find(E=>E.element.current===(u==null?void 0:u.activeElement));g&&d(g.propsRef.current.value)}break}}),q=S(r=>(C({type:0,...r}),()=>C({type:1,id:r.id}))),ue=x(()=>({value:s,firstOption:R,containsCheckedOption:b,disabled:p,compare:T,...v}),[s,R,b,p,T,v]),ce=x(()=>({registerOption:q,change:d}),[q,d]),fe={ref:M,id:O,role:"radiogroup","aria-labelledby":U,"aria-describedby":D,onKeyDown:de},Te=x(()=>({value:s}),[s]),me=ye(()=>{if(l!==void 0)return d(l)},[d,l]);return G.createElement(L,{name:"RadioGroup.Description"},G.createElement(h,{name:"RadioGroup.Label"},G.createElement(X.Provider,{value:ce},G.createElement(j.Provider,{value:ue},i!=null&&G.createElement(Pe,{disabled:p,data:{[i]:s||"on"},overrides:{type:"radio",checked:s!=null},form:P,onReset:me}),$({ourProps:fe,theirProps:y,slot:Te,defaultTag:Ie,name:"RadioGroup"})))))}let Me="div";function Se(o,t){var R;let e=J("RadioGroup.Option"),a=z("RadioGroup.Option"),O=B(),{id:m=`headlessui-radiogroup-option-${O}`,value:P,disabled:i=e.disabled||!1,autoFocus:f=!1,...c}=o,p=W(null),I=V(p,t),[y,T]=se(),[v,C]=le(),n=oe({value:P,disabled:i});te(()=>a.registerOption({id:m,element:p,propsRef:n}),[m,a,p,n]);let U=S(b=>{var d;if(ie(b.currentTarget))return b.preventDefault();a.change(P)&&((d=p.current)==null||d.focus())}),h=((R=e.firstOption)==null?void 0:R.id)===m,{isFocusVisible:D,focusProps:L}=Q({autoFocus:f}),{isHovered:A,hoverProps:M}=Y({isDisabled:i}),l=e.compare(e.value,P),s=pe({ref:I,id:m,role:"radio","aria-checked":l?"true":"false","aria-labelledby":y,"aria-describedby":v,"aria-disabled":i?!0:void 0,tabIndex:(()=>i?-1:l||!e.containsCheckedOption&&h?0:-1)(),onClick:i?void 0:U,autoFocus:f},L,M),_=x(()=>({checked:l,disabled:i,active:D,hover:A,focus:D,autofocus:f}),[l,i,A,D,f]);return G.createElement(C,{name:"RadioGroup.Description"},G.createElement(T,{name:"RadioGroup.Label"},$({ourProps:s,theirProps:c,slot:_,defaultTag:Me,name:"RadioGroup.Option"})))}let He="span";function we(o,t){var R;let e=J("Radio"),a=z("Radio"),O=B(),m=ve(),P=re(),{id:i=m||`headlessui-radio-${O}`,value:f,disabled:c=e.disabled||P||!1,autoFocus:p=!1,...I}=o,y=W(null),T=V(y,t),v=he(),C=xe(),n=oe({value:f,disabled:c});te(()=>a.registerOption({id:i,element:y,propsRef:n}),[i,a,y,n]);let U=S(b=>{var d;if(ie(b.currentTarget))return b.preventDefault();a.change(f)&&((d=y.current)==null||d.focus())}),{isFocusVisible:h,focusProps:D}=Q({autoFocus:p}),{isHovered:L,hoverProps:A}=Y({isDisabled:c}),M=((R=e.firstOption)==null?void 0:R.id)===i,l=e.compare(e.value,f),s=pe({ref:T,id:i,role:"radio","aria-checked":l?"true":"false","aria-labelledby":v,"aria-describedby":C,"aria-disabled":c?!0:void 0,tabIndex:(()=>c?-1:l||!e.containsCheckedOption&&M?0:-1)(),autoFocus:p,onClick:c?void 0:U},D,A),_=x(()=>({checked:l,disabled:c,hover:L,focus:h,autofocus:p}),[l,c,L,h,p]);return $({ourProps:s,theirProps:I,slot:_,defaultTag:He,name:"Radio"})}let Ne=K(Ue),We=K(Se),Be=K(we),Ve=Ce,Ke=Ge,Tt=Object.assign(Ne,{Option:We,Radio:Be,Label:Ve,Description:Ke});export{Be as Radio,Tt as RadioGroup,Ke as RadioGroupDescription,Ve as RadioGroupLabel,We as RadioGroupOption};

dist/components/switch/switch.d.ts

@@ -1,36 +0,58 @@
-import React, { ElementType, Ref } from 'react';
-import { Props } from '../../types.js';
+import React, { type ElementType, type Ref } from 'react';
+import type { Props } from '../../types.js';
+import { type HasDisplayName, type RefProp } from '../../utils/render.js';
+import { type _internal_ComponentDescription } from '../description/description.js';
+import { type _internal_ComponentLabel } from '../label/label.js';
 declare let DEFAULT_GROUP_TAG: React.ExoticComponent<{
     children?: React.ReactNode;
 }>;
-declare function Group<TTag extends ElementType = typeof DEFAULT_GROUP_TAG>(props: Props<TTag>): JSX.Element;
-interface SwitchRenderPropArg {
+export type SwitchGroupProps<TTag extends ElementType = typeof DEFAULT_GROUP_TAG> = Props<TTag>;
+declare function GroupFn<TTag extends ElementType = typeof DEFAULT_GROUP_TAG>(props: SwitchGroupProps<TTag>): React.JSX.Element;
+declare let DEFAULT_SWITCH_TAG: "button";
+type SwitchRenderPropArg = {
     checked: boolean;
+    hover: boolean;
+    focus: boolean;
+    active: boolean;
+    autofocus: boolean;
+    changing: boolean;
+    disabled: boolean;
+};
+type SwitchPropsWeControl = 'aria-checked' | 'aria-describedby' | 'aria-labelledby' | 'role';
+export type SwitchProps<TTag extends ElementType = typeof DEFAULT_SWITCH_TAG> = Props<TTag, SwitchRenderPropArg, SwitchPropsWeControl, {
+    checked?: boolean;
+    defaultChecked?: boolean;
+    onChange?(checked: boolean): void;
+    name?: string;
+    value?: string;
+    form?: string;
+    autoFocus?: boolean;
+    disabled?: boolean;
+    tabIndex?: number;
+}>;
+declare function SwitchFn<TTag extends ElementType = typeof DEFAULT_SWITCH_TAG>(props: SwitchProps<TTag>, ref: Ref<HTMLButtonElement>): React.JSX.Element;
+export interface _internal_ComponentSwitch extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_SWITCH_TAG>(props: SwitchProps<TTag> & RefProp<typeof SwitchFn>): JSX.Element;
 }
-declare type SwitchPropsWeControl = 'role' | 'tabIndex' | 'aria-checked' | 'aria-labelledby' | 'aria-describedby' | 'onClick' | 'onKeyUp' | 'onKeyPress';
-export declare let Switch: (<TTag extends React.ElementType<any> = "button">(props: Props<TTag, SwitchRenderPropArg, "value" | "name" | "onChange" | "checked" | "defaultChecked" | SwitchPropsWeControl> & {
-    checked?: boolean | undefined;
-    defaultChecked?: boolean | undefined;
-    onChange?(checked: boolean): void;
-    name?: string | undefined;
-    value?: string | undefined;
-}, ref: Ref<HTMLElement>) => JSX.Element) & {
-    displayName: string;
-} & {
-    Group: typeof Group;
-    Label: (<TTag_1 extends React.ElementType<any> = "label">(props: Omit<import('../../types.js').PropsOf<TTag_1>, "as" | "children" | "refName" | "className"> & {
-        as?: TTag_1 | undefined;
-        children?: React.ReactNode | ((bag: {}) => React.ReactElement<any, string | React.JSXElementConstructor<any>>);
-        refName?: string | undefined;
-    } & (true extends (import('../../types.js').PropsOf<TTag_1> extends never ? never : "className" extends keyof import('../../types.js').PropsOf<TTag_1> ? true : never) ? {
-        className?: import('../../types.js').PropsOf<TTag_1>["className"] | ((bag: {}) => string) | undefined;
-    } : {}) & {
-        passive?: boolean | undefined;
-    }, ref: React.Ref<HTMLLabelElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Description: (<TTag_2 extends React.ElementType<any> = "p">(props: Props<TTag_2, {}, "1D45E01E-AF44-47C4-988A-19A94EBAF55C">, ref: React.Ref<HTMLParagraphElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
+export interface _internal_ComponentSwitchGroup extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_GROUP_TAG>(props: SwitchGroupProps<TTag> & RefProp<typeof GroupFn>): JSX.Element;
+}
+export interface _internal_ComponentSwitchLabel extends _internal_ComponentLabel {
+}
+export interface _internal_ComponentSwitchDescription extends _internal_ComponentDescription {
+}
+/** @deprecated use `<Field>` instead of `<SwitchGroup>` */
+export declare let SwitchGroup: _internal_ComponentSwitchGroup;
+/** @deprecated use `<Label>` instead of `<SwitchLabel>` */
+export declare let SwitchLabel: _internal_ComponentSwitchLabel;
+/** @deprecated use `<Description>` instead of `<SwitchDescription>` */
+export declare let SwitchDescription: _internal_ComponentSwitchDescription;
+export declare let Switch: _internal_ComponentSwitch & {
+    /** @deprecated use `<Field>` instead of `<Switch.Group>` */
+    Group: _internal_ComponentSwitchGroup;
+    /** @deprecated use `<Label>` instead of `<Switch.Label>` */
+    Label: _internal_ComponentSwitchLabel;
+    /** @deprecated use `<Description>` instead of `<Switch.Description>` */
+    Description: _internal_ComponentSwitchDescription;
 };
 export {};

dist/components/switch/switch.js

@@ -1,1 +0,1 @@
-import l,{Fragment as H,createContext as G,useContext as K,useMemo as S,useRef as M,useState as x,useEffect as U}from"react";import{forwardRefWithAs as _,render as w,compact as F}from'../../utils/render.js';import{useId as I}from'../../hooks/use-id.js';import{Keys as P}from'../keyboard.js';import{isDisabledReactIssue7711 as B}from'../../utils/bugs.js';import{Label as O,useLabels as W}from'../label/label.js';import{Description as j,useDescriptions as N}from'../description/description.js';import{useResolveButtonType as $}from'../../hooks/use-resolve-button-type.js';import{useSyncRefs as q}from'../../hooks/use-sync-refs.js';import{Hidden as z,Features as J}from'../../internal/hidden.js';import{attemptSubmit as Q}from'../../utils/form.js';import{useEvent as f}from'../../hooks/use-event.js';import{useControllable as V}from'../../hooks/use-controllable.js';import{useDisposables as X}from'../../hooks/use-disposables.js';let b=G(null);b.displayName="GroupContext";let Y=H;function Z(y){let[t,a]=x(null),[s,m]=W(),[c,o]=N(),p=S(()=>({switch:t,setSwitch:a,labelledby:s,describedby:c}),[t,a,s,c]),d={},h=y;return l.createElement(o,{name:"Switch.Description"},l.createElement(m,{name:"Switch.Label",props:{onClick(){!t||(t.click(),t.focus({preventScroll:!0}))}}},l.createElement(b.Provider,{value:p},w({ourProps:d,theirProps:h,defaultTag:Y,name:"Switch.Group"}))))}let ee="button",te=_(function(t,a){let s=I(),{id:m=`headlessui-switch-${s}`,checked:c,defaultChecked:o=!1,onChange:p,name:d,value:h,...v}=t,r=K(b),u=M(null),k=q(u,a,r===null?null:r.setSwitch),[n,i]=V(c,p,o),T=f(()=>i==null?void 0:i(!n)),g=f(e=>{if(B(e.currentTarget))return e.preventDefault();e.preventDefault(),T()}),C=f(e=>{e.key===P.Space?(e.preventDefault(),T()):e.key===P.Enter&&Q(e.currentTarget)}),D=f(e=>e.preventDefault()),L=S(()=>({checked:n}),[n]),R={id:m,ref:k,role:"switch",type:$(t,u),tabIndex:0,"aria-checked":n,"aria-labelledby":r==null?void 0:r.labelledby,"aria-describedby":r==null?void 0:r.describedby,onClick:g,onKeyUp:C,onKeyPress:D},A=X();return U(()=>{var E;let e=(E=u.current)==null?void 0:E.closest("form");!e||o!==void 0&&A.addEventListener(e,"reset",()=>{i(o)})},[u,i]),l.createElement(l.Fragment,null,d!=null&&n&&l.createElement(z,{features:J.Hidden,...F({as:"input",type:"checkbox",hidden:!0,readOnly:!0,checked:n,name:d,value:h})}),w({ourProps:R,theirProps:v,slot:L,defaultTag:ee,name:"Switch"}))}),Pe=Object.assign(te,{Group:Z,Label:O,Description:j});export{Pe as Switch};
+"use client";import{useFocusRing as z}from"@react-aria/focus";import{useHover as Q}from"@react-aria/interactions";import i,{Fragment as Y,createContext as Z,useCallback as ee,useContext as te,useMemo as L,useRef as oe,useState as S}from"react";import{useActivePress as re}from'../../hooks/use-active-press.js';import{useControllable as ne}from'../../hooks/use-controllable.js';import{useDefaultValue as le}from'../../hooks/use-default-value.js';import{useDisposables as ie}from'../../hooks/use-disposables.js';import{useEvent as m}from'../../hooks/use-event.js';import{useId as ae}from'../../hooks/use-id.js';import{useResolveButtonType as se}from'../../hooks/use-resolve-button-type.js';import{useSyncRefs as pe}from'../../hooks/use-sync-refs.js';import{useDisabled as ce}from'../../internal/disabled.js';import{FormFields as ue}from'../../internal/form-fields.js';import{useProvidedId as de}from'../../internal/id.js';import{isDisabledReactIssue7711 as me}from'../../utils/bugs.js';import{attemptSubmit as fe}from'../../utils/form.js';import{forwardRefWithAs as he,mergeProps as be,render as G}from'../../utils/render.js';import{Description as Te,useDescribedBy as ye,useDescriptions as Se}from'../description/description.js';import{Keys as R}from'../keyboard.js';import{Label as we,useLabelledBy as Ee,useLabels as _e}from'../label/label.js';let w=Z(null);w.displayName="GroupContext";let Pe=Y;function De(n){var a;let[o,p]=S(null),[f,h]=_e(),[b,t]=Se(),c=L(()=>({switch:o,setSwitch:p}),[o,p]),T={},y=n;return i.createElement(t,{name:"Switch.Description",value:b},i.createElement(h,{name:"Switch.Label",value:f,props:{htmlFor:(a=c.switch)==null?void 0:a.id,onClick(u){o&&(u.currentTarget instanceof HTMLLabelElement&&u.preventDefault(),o.click(),o.focus({preventScroll:!0}))}}},i.createElement(w.Provider,{value:c},G({ourProps:T,theirProps:y,slot:{},defaultTag:Pe,name:"Switch.Group"}))))}let ge="button";function ve(n,o){var C;let p=ae(),f=de(),h=ce(),{id:b=f||`headlessui-switch-${p}`,disabled:t=h||!1,checked:c,defaultChecked:T,onChange:y,name:a,value:u,form:A,autoFocus:d=!1,...F}=n,E=te(w),[H,k]=S(null),M=oe(null),U=pe(M,o,E===null?null:E.setSwitch,k),l=le(T),[s,r]=ne(c,y,l!=null?l:!1),I=ie(),[_,P]=S(!1),D=m(()=>{P(!0),r==null||r(!s),I.nextFrame(()=>{P(!1)})}),B=m(e=>{if(me(e.currentTarget))return e.preventDefault();e.preventDefault(),D()}),K=m(e=>{e.key===R.Space?(e.preventDefault(),D()):e.key===R.Enter&&fe(e.currentTarget)}),W=m(e=>e.preventDefault()),O=Ee(),N=ye(),{isFocusVisible:g,focusProps:J}=z({autoFocus:d}),{isHovered:v,hoverProps:V}=Q({isDisabled:t}),{pressed:x,pressProps:X}=re({disabled:t}),j=L(()=>({checked:s,disabled:t,hover:v,focus:g,active:x,autofocus:d,changing:_}),[s,v,g,x,t,_,d]),$=be({id:b,ref:U,role:"switch",type:se(n,H),tabIndex:n.tabIndex===-1?0:(C=n.tabIndex)!=null?C:0,"aria-checked":s,"aria-labelledby":O,"aria-describedby":N,disabled:t||void 0,autoFocus:d,onClick:B,onKeyUp:K,onKeyPress:W},J,V,X),q=ee(()=>{if(l!==void 0)return r==null?void 0:r(l)},[r,l]);return i.createElement(i.Fragment,null,a!=null&&i.createElement(ue,{disabled:t,data:{[a]:u||"on"},overrides:{type:"checkbox",checked:s},form:A,onReset:q}),G({ourProps:$,theirProps:F,slot:j,defaultTag:ge,name:"Switch"}))}let xe=he(ve),Ce=De,Le=we,Ge=Te,Qe=Object.assign(xe,{Group:Ce,Label:Le,Description:Ge});export{Qe as Switch,Ge as SwitchDescription,Ce as SwitchGroup,Le as SwitchLabel};

dist/components/tabs/tabs.d.ts

@@ -1,61 +0,86 @@
-import React, { Ref } from 'react';
-import { Props } from '../../types.js';
-import { PropsForFeatures } from '../../utils/render.js';
-interface TabsRenderPropArg {
+import React, { type ElementType, type Ref } from 'react';
+import type { Props } from '../../types.js';
+import { type HasDisplayName, type PropsForFeatures, type RefProp } from '../../utils/render.js';
+declare let DEFAULT_TABS_TAG: "div";
+type TabsRenderPropArg = {
     selectedIndex: number;
-}
-interface ListRenderPropArg {
+};
+type TabsPropsWeControl = never;
+export type TabGroupProps<TTag extends ElementType = typeof DEFAULT_TABS_TAG> = Props<TTag, TabsRenderPropArg, TabsPropsWeControl, {
+    defaultIndex?: number;
+    onChange?: (index: number) => void;
+    selectedIndex?: number;
+    vertical?: boolean;
+    manual?: boolean;
+}>;
+declare function GroupFn<TTag extends ElementType = typeof DEFAULT_TABS_TAG>(props: TabGroupProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element;
+declare let DEFAULT_LIST_TAG: "div";
+type ListRenderPropArg = {
     selectedIndex: number;
-}
-declare type ListPropsWeControl = 'role' | 'aria-orientation';
-interface TabRenderPropArg {
+};
+type ListPropsWeControl = 'aria-orientation' | 'role';
+export type TabListProps<TTag extends ElementType = typeof DEFAULT_LIST_TAG> = Props<TTag, ListRenderPropArg, ListPropsWeControl, {}>;
+declare function ListFn<TTag extends ElementType = typeof DEFAULT_LIST_TAG>(props: TabListProps<TTag>, ref: Ref<HTMLElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+declare let DEFAULT_TAB_TAG: "button";
+type TabRenderPropArg = {
+    hover: boolean;
+    focus: boolean;
+    active: boolean;
+    autofocus: boolean;
     selected: boolean;
-}
-declare type TabPropsWeControl = 'role' | 'type' | 'aria-controls' | 'aria-selected' | 'tabIndex';
-interface PanelsRenderPropArg {
+    disabled: boolean;
+};
+type TabPropsWeControl = 'aria-controls' | 'aria-selected' | 'role' | 'tabIndex';
+export type TabProps<TTag extends ElementType = typeof DEFAULT_TAB_TAG> = Props<TTag, TabRenderPropArg, TabPropsWeControl, {
+    autoFocus?: boolean;
+    disabled?: boolean;
+}>;
+declare function TabFn<TTag extends ElementType = typeof DEFAULT_TAB_TAG>(props: TabProps<TTag>, ref: Ref<HTMLElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+declare let DEFAULT_PANELS_TAG: "div";
+type PanelsRenderPropArg = {
     selectedIndex: number;
-}
-interface PanelRenderPropArg {
+};
+export type TabPanelsProps<TTag extends ElementType = typeof DEFAULT_PANELS_TAG> = Props<TTag, PanelsRenderPropArg>;
+declare function PanelsFn<TTag extends ElementType = typeof DEFAULT_PANELS_TAG>(props: TabPanelsProps<TTag>, ref: Ref<HTMLElement>): React.ReactElement<any, string | React.JSXElementConstructor<any>> | null;
+declare let DEFAULT_PANEL_TAG: "div";
+type PanelRenderPropArg = {
     selected: boolean;
+    focus: boolean;
+};
+type PanelPropsWeControl = 'role' | 'aria-labelledby';
+declare let PanelRenderFeatures: number;
+export type TabPanelProps<TTag extends ElementType = typeof DEFAULT_PANEL_TAG> = Props<TTag, PanelRenderPropArg, PanelPropsWeControl, PropsForFeatures<typeof PanelRenderFeatures> & {
+    id?: string;
+    tabIndex?: number;
+}>;
+declare function PanelFn<TTag extends ElementType = typeof DEFAULT_PANEL_TAG>(props: TabPanelProps<TTag>, ref: Ref<HTMLElement>): React.JSX.Element | null;
+export interface _internal_ComponentTab extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_TAB_TAG>(props: TabProps<TTag> & RefProp<typeof TabFn>): JSX.Element;
 }
-declare type PanelPropsWeControl = 'role' | 'aria-labelledby';
-declare let PanelRenderFeatures: number;
-export declare let Tab: (<TTag extends React.ElementType<any> = "button">(props: Props<TTag, TabRenderPropArg, TabPropsWeControl>, ref: Ref<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-    displayName: string;
-} & {
-    Group: (<TTag_1 extends React.ElementType<any> = React.ExoticComponent<{
-        children?: React.ReactNode;
-    }>>(props: Omit<import('../../types.js').PropsOf<TTag_1>, "as" | "children" | "refName" | "className"> & {
-        as?: TTag_1 | undefined;
-        children?: React.ReactNode | ((bag: TabsRenderPropArg) => React.ReactElement<any, string | React.JSXElementConstructor<any>>);
-        refName?: string | undefined;
-    } & (true extends (import('../../types.js').PropsOf<TTag_1> extends never ? never : "className" extends keyof import('../../types.js').PropsOf<TTag_1> ? true : never) ? {
-        className?: import('../../types.js').PropsOf<TTag_1>["className"] | ((bag: TabsRenderPropArg) => string) | undefined;
-    } : {}) & {
-        defaultIndex?: number | undefined;
-        onChange?: ((index: number) => void) | undefined;
-        selectedIndex?: number | undefined;
-        vertical?: boolean | undefined;
-        manual?: boolean | undefined;
-    }, ref: Ref<HTMLElement>) => JSX.Element) & {
-        displayName: string;
-    };
-    List: (<TTag_2 extends React.ElementType<any> = "div">(props: Props<TTag_2, ListRenderPropArg, ListPropsWeControl> & {}, ref: Ref<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Panels: (<TTag_3 extends React.ElementType<any> = "div">(props: Props<TTag_3, PanelsRenderPropArg, "1D45E01E-AF44-47C4-988A-19A94EBAF55C">, ref: Ref<HTMLElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null) & {
-        displayName: string;
-    };
-    Panel: (<TTag_4 extends React.ElementType<any> = "div">(props: Props<TTag_4, PanelRenderPropArg, PanelPropsWeControl> & (({
-        static?: undefined;
-    } & {
-        unmount?: boolean | undefined;
-    }) | ({
-        unmount?: undefined;
-    } & {
-        static?: boolean | undefined;
-    })), ref: Ref<HTMLElement>) => JSX.Element | null) & {
-        displayName: string;
-    };
+export interface _internal_ComponentTabGroup extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_TABS_TAG>(props: TabGroupProps<TTag> & RefProp<typeof GroupFn>): JSX.Element;
+}
+export interface _internal_ComponentTabList extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_LIST_TAG>(props: TabListProps<TTag> & RefProp<typeof ListFn>): JSX.Element;
+}
+export interface _internal_ComponentTabPanels extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_PANELS_TAG>(props: TabPanelsProps<TTag> & RefProp<typeof PanelsFn>): JSX.Element;
+}
+export interface _internal_ComponentTabPanel extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_PANEL_TAG>(props: TabPanelProps<TTag> & RefProp<typeof PanelFn>): JSX.Element;
+}
+export declare let TabGroup: _internal_ComponentTabGroup;
+export declare let TabList: _internal_ComponentTabList;
+export declare let TabPanels: _internal_ComponentTabPanels;
+export declare let TabPanel: _internal_ComponentTabPanel;
+export declare let Tab: _internal_ComponentTab & {
+    /** @deprecated use `<TabGroup>` instead of `<Tab.Group>` */
+    Group: _internal_ComponentTabGroup;
+    /** @deprecated use `<TabList>` instead of `<Tab.List>` */
+    List: _internal_ComponentTabList;
+    /** @deprecated use `<TabPanels>` instead of `<Tab.Panels>` */
+    Panels: _internal_ComponentTabPanels;
+    /** @deprecated use `<TabPanel>` instead of `<Tab.Panel>` */
+    Panel: _internal_ComponentTabPanel;
 };
 export {};

dist/components/tabs/tabs.js

@@ -1,1 +0,1 @@
-import C,{Fragment as ne,createContext as X,useContext as Y,useMemo as M,useReducer as ae,useRef as $}from"react";import{render as _,Features as Z,forwardRefWithAs as U}from'../../utils/render.js';import{useId as ee}from'../../hooks/use-id.js';import{match as H}from'../../utils/match.js';import{Keys as P}from'../../components/keyboard.js';import{focusIn as F,Focus as g,sortByDomNode as O,FocusResult as G}from'../../utils/focus-management.js';import{useIsoMorphicEffect as j}from'../../hooks/use-iso-morphic-effect.js';import{useSyncRefs as k}from'../../hooks/use-sync-refs.js';import{useResolveButtonType as le}from'../../hooks/use-resolve-button-type.js';import{useLatestValue as q}from'../../hooks/use-latest-value.js';import{FocusSentinel as oe}from'../../internal/focus-sentinel.js';import{useEvent as S}from'../../hooks/use-event.js';import{microTask as se}from'../../utils/micro-task.js';import{Hidden as ie}from'../../internal/hidden.js';import{getOwnerDocument as ue}from'../../utils/owner.js';import{StableCollection as de,useStableCollectionIndex as te}from'../../utils/stable-collection.js';var ce=(r=>(r[r.Forwards=0]="Forwards",r[r.Backwards=1]="Backwards",r))(ce||{}),pe=(l=>(l[l.Less=-1]="Less",l[l.Equal=0]="Equal",l[l.Greater=1]="Greater",l))(pe||{}),fe=(a=>(a[a.SetSelectedIndex=0]="SetSelectedIndex",a[a.RegisterTab=1]="RegisterTab",a[a.UnregisterTab=2]="UnregisterTab",a[a.RegisterPanel=3]="RegisterPanel",a[a.UnregisterPanel=4]="UnregisterPanel",a))(fe||{});let be={[0](e,t){var T;let r=O(e.tabs,o=>o.current),l=O(e.panels,o=>o.current),i=r.filter(o=>{var R;return!((R=o.current)!=null&&R.hasAttribute("disabled"))}),a={...e,tabs:r,panels:l};if(t.index<0||t.index>r.length-1){let o=H(Math.sign(t.index-e.selectedIndex),{[-1]:()=>1,[0]:()=>H(Math.sign(t.index),{[-1]:()=>0,[0]:()=>0,[1]:()=>1}),[1]:()=>0});return{...a,selectedIndex:H(o,{[0]:()=>r.indexOf(i[0]),[1]:()=>r.indexOf(i[i.length-1])})}}let c=r.slice(0,t.index),x=[...r.slice(t.index),...c].find(o=>i.includes(o));if(!x)return a;let f=(T=r.indexOf(x))!=null?T:e.selectedIndex;return f===-1&&(f=e.selectedIndex),{...a,selectedIndex:f}},[1](e,t){var a;if(e.tabs.includes(t.tab))return e;let r=e.tabs[e.selectedIndex],l=O([...e.tabs,t.tab],c=>c.current),i=(a=l.indexOf(r))!=null?a:e.selectedIndex;return i===-1&&(i=e.selectedIndex),{...e,tabs:l,selectedIndex:i}},[2](e,t){return{...e,tabs:e.tabs.filter(r=>r!==t.tab)}},[3](e,t){return e.panels.includes(t.panel)?e:{...e,panels:O([...e.panels,t.panel],r=>r.current)}},[4](e,t){return{...e,panels:e.panels.filter(r=>r!==t.panel)}}},z=X(null);z.displayName="TabsDataContext";function v(e){let t=Y(z);if(t===null){let r=new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,v),r}return t}let V=X(null);V.displayName="TabsActionsContext";function J(e){let t=Y(V);if(t===null){let r=new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(r,J),r}return t}function Te(e,t){return H(t.type,be,e,t)}let me=ne,Pe=U(function(t,r){let{defaultIndex:l=0,vertical:i=!1,manual:a=!1,onChange:c,selectedIndex:d=null,...x}=t;const f=i?"vertical":"horizontal",T=a?"manual":"auto";let o=d!==null,R=k(r),[s,p]=ae(Te,{selectedIndex:d!=null?d:l,tabs:[],panels:[]}),y=M(()=>({selectedIndex:s.selectedIndex}),[s.selectedIndex]),m=q(c||(()=>{})),A=q(s.tabs),E=M(()=>({orientation:f,activation:T,...s}),[f,T,s]),h=S(u=>(p({type:1,tab:u}),()=>p({type:2,tab:u}))),L=S(u=>(p({type:3,panel:u}),()=>p({type:4,panel:u}))),I=S(u=>{w.current!==u&&m.current(u),o||p({type:0,index:u})}),w=q(o?t.selectedIndex:s.selectedIndex),B=M(()=>({registerTab:h,registerPanel:L,change:I}),[]);j(()=>{p({type:0,index:d!=null?d:l})},[d]),j(()=>{if(w.current===void 0||s.tabs.length<=0)return;let u=O(s.tabs,n=>n.current);u.some((n,b)=>s.tabs[b]!==n)&&I(u.indexOf(s.tabs[w.current]))});let W={ref:R};return C.createElement(de,null,C.createElement(V.Provider,{value:B},C.createElement(z.Provider,{value:E},E.tabs.length<=0&&C.createElement(oe,{onFocus:()=>{var u,D;for(let n of A.current)if(((u=n.current)==null?void 0:u.tabIndex)===0)return(D=n.current)==null||D.focus(),!0;return!1}}),_({ourProps:W,theirProps:x,slot:y,defaultTag:me,name:"Tabs"}))))}),ge="div",xe=U(function(t,r){let{orientation:l,selectedIndex:i}=v("Tab.List"),a=k(r);return _({ourProps:{ref:a,role:"tablist","aria-orientation":l},theirProps:t,slot:{selectedIndex:i},defaultTag:ge,name:"Tabs.List"})}),ye="button",Ae=U(function(t,r){var u,D;let l=ee(),{id:i=`headlessui-tabs-tab-${l}`,...a}=t,{orientation:c,activation:d,selectedIndex:x,tabs:f,panels:T}=v("Tab"),o=J("Tab"),R=v("Tab"),s=$(null),p=k(s,r);j(()=>o.registerTab(s),[o,s]);let y=te("tabs"),m=f.indexOf(s);m===-1&&(m=y);let A=m===x,E=S(n=>{var N;let b=n();if(b===G.Success&&d==="auto"){let K=(N=ue(s))==null?void 0:N.activeElement,Q=R.tabs.findIndex(re=>re.current===K);Q!==-1&&o.change(Q)}return b}),h=S(n=>{let b=f.map(K=>K.current).filter(Boolean);if(n.key===P.Space||n.key===P.Enter){n.preventDefault(),n.stopPropagation(),o.change(m);return}switch(n.key){case P.Home:case P.PageUp:return n.preventDefault(),n.stopPropagation(),E(()=>F(b,g.First));case P.End:case P.PageDown:return n.preventDefault(),n.stopPropagation(),E(()=>F(b,g.Last))}if(E(()=>H(c,{vertical(){return n.key===P.ArrowUp?F(b,g.Previous|g.WrapAround):n.key===P.ArrowDown?F(b,g.Next|g.WrapAround):G.Error},horizontal(){return n.key===P.ArrowLeft?F(b,g.Previous|g.WrapAround):n.key===P.ArrowRight?F(b,g.Next|g.WrapAround):G.Error}}))===G.Success)return n.preventDefault()}),L=$(!1),I=S(()=>{var n;L.current||(L.current=!0,(n=s.current)==null||n.focus(),o.change(m),se(()=>{L.current=!1}))}),w=S(n=>{n.preventDefault()}),B=M(()=>({selected:A}),[A]),W={ref:p,onKeyDown:h,onMouseDown:w,onClick:I,id:i,role:"tab",type:le(t,s),"aria-controls":(D=(u=T[m])==null?void 0:u.current)==null?void 0:D.id,"aria-selected":A,tabIndex:A?0:-1};return _({ourProps:W,theirProps:a,slot:B,defaultTag:ye,name:"Tabs.Tab"})}),Ee="div",Re=U(function(t,r){let{selectedIndex:l}=v("Tab.Panels"),i=k(r),a=M(()=>({selectedIndex:l}),[l]);return _({ourProps:{ref:i},theirProps:t,slot:a,defaultTag:Ee,name:"Tabs.Panels"})}),Le="div",Ie=Z.RenderStrategy|Z.Static,Se=U(function(t,r){var E,h,L,I;let l=ee(),{id:i=`headlessui-tabs-panel-${l}`,tabIndex:a=0,...c}=t,{selectedIndex:d,tabs:x,panels:f}=v("Tab.Panel"),T=J("Tab.Panel"),o=$(null),R=k(o,r);j(()=>T.registerPanel(o),[T,o]);let s=te("panels"),p=f.indexOf(o);p===-1&&(p=s);let y=p===d,m=M(()=>({selected:y}),[y]),A={ref:R,id:i,role:"tabpanel","aria-labelledby":(h=(E=x[p])==null?void 0:E.current)==null?void 0:h.id,tabIndex:y?a:-1};return!y&&((L=c.unmount)!=null?L:!0)&&!((I=c.static)!=null&&I)?C.createElement(ie,{as:"span",...A}):_({ourProps:A,theirProps:c,slot:m,defaultTag:Le,features:Ie,visible:y,name:"Tabs.Panel"})}),Xe=Object.assign(Ae,{Group:Pe,List:xe,Panels:Re,Panel:Se});export{Xe as Tab};
+"use client";import{useFocusRing as re}from"@react-aria/focus";import{useHover as fe}from"@react-aria/interactions";import U,{createContext as ne,useContext as ae,useMemo as S,useReducer as be,useRef as q,useState as me}from"react";import{useActivePress as Pe}from'../../hooks/use-active-press.js';import{useEvent as F}from'../../hooks/use-event.js';import{useId as le}from'../../hooks/use-id.js';import{useIsoMorphicEffect as W}from'../../hooks/use-iso-morphic-effect.js';import{useLatestValue as j}from'../../hooks/use-latest-value.js';import{useResolveButtonType as ye}from'../../hooks/use-resolve-button-type.js';import{useSyncRefs as H}from'../../hooks/use-sync-refs.js';import{FocusSentinel as xe}from'../../internal/focus-sentinel.js';import{Hidden as ge}from'../../internal/hidden.js';import{Focus as P,FocusResult as K,focusIn as v,sortByDomNode as w}from'../../utils/focus-management.js';import{match as O}from'../../utils/match.js';import{microTask as Ae}from'../../utils/micro-task.js';import{getOwnerDocument as Ee}from'../../utils/owner.js';import{RenderFeatures as oe,forwardRefWithAs as N,mergeProps as se,render as k}from'../../utils/render.js';import{StableCollection as Le,useStableCollectionIndex as ie}from'../../utils/stable-collection.js';import{Keys as y}from'../keyboard.js';var Re=(t=>(t[t.Forwards=0]="Forwards",t[t.Backwards=1]="Backwards",t))(Re||{}),_e=(l=>(l[l.Less=-1]="Less",l[l.Equal=0]="Equal",l[l.Greater=1]="Greater",l))(_e||{}),De=(n=>(n[n.SetSelectedIndex=0]="SetSelectedIndex",n[n.RegisterTab=1]="RegisterTab",n[n.UnregisterTab=2]="UnregisterTab",n[n.RegisterPanel=3]="RegisterPanel",n[n.UnregisterPanel=4]="UnregisterPanel",n))(De||{});let Se={[0](e,r){var d;let t=w(e.tabs,u=>u.current),l=w(e.panels,u=>u.current),a=t.filter(u=>{var T;return!((T=u.current)!=null&&T.hasAttribute("disabled"))}),n={...e,tabs:t,panels:l};if(r.index<0||r.index>t.length-1){let u=O(Math.sign(r.index-e.selectedIndex),{[-1]:()=>1,[0]:()=>O(Math.sign(r.index),{[-1]:()=>0,[0]:()=>0,[1]:()=>1}),[1]:()=>0});if(a.length===0)return n;let T=O(u,{[0]:()=>t.indexOf(a[0]),[1]:()=>t.indexOf(a[a.length-1])});return{...n,selectedIndex:T===-1?e.selectedIndex:T}}let p=t.slice(0,r.index),x=[...t.slice(r.index),...p].find(u=>a.includes(u));if(!x)return n;let f=(d=t.indexOf(x))!=null?d:e.selectedIndex;return f===-1&&(f=e.selectedIndex),{...n,selectedIndex:f}},[1](e,r){if(e.tabs.includes(r.tab))return e;let t=e.tabs[e.selectedIndex],l=w([...e.tabs,r.tab],n=>n.current),a=e.selectedIndex;return e.info.current.isControlled||(a=l.indexOf(t),a===-1&&(a=e.selectedIndex)),{...e,tabs:l,selectedIndex:a}},[2](e,r){return{...e,tabs:e.tabs.filter(t=>t!==r.tab)}},[3](e,r){return e.panels.includes(r.panel)?e:{...e,panels:w([...e.panels,r.panel],t=>t.current)}},[4](e,r){return{...e,panels:e.panels.filter(t=>t!==r.panel)}}},z=ne(null);z.displayName="TabsDataContext";function C(e){let r=ae(z);if(r===null){let t=new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,C),t}return r}let V=ne(null);V.displayName="TabsActionsContext";function Q(e){let r=ae(V);if(r===null){let t=new Error(`<${e} /> is missing a parent <Tab.Group /> component.`);throw Error.captureStackTrace&&Error.captureStackTrace(t,Q),t}return r}function Fe(e,r){return O(r.type,Se,e,r)}let Ie="div";function he(e,r){let{defaultIndex:t=0,vertical:l=!1,manual:a=!1,onChange:n,selectedIndex:p=null,..._}=e;const x=l?"vertical":"horizontal",f=a?"manual":"auto";let d=p!==null,u=j({isControlled:d}),T=H(r),[s,c]=be(Fe,{info:u,selectedIndex:p!=null?p:t,tabs:[],panels:[]}),I=S(()=>({selectedIndex:s.selectedIndex}),[s.selectedIndex]),m=j(n||(()=>{})),M=j(s.tabs),D=S(()=>({orientation:x,activation:f,...s}),[x,f,s]),b=F(i=>(c({type:1,tab:i}),()=>c({type:2,tab:i}))),g=F(i=>(c({type:3,panel:i}),()=>c({type:4,panel:i}))),A=F(i=>{L.current!==i&&m.current(i),d||c({type:0,index:i})}),L=j(d?e.selectedIndex:s.selectedIndex),G=S(()=>({registerTab:b,registerPanel:g,change:A}),[]);W(()=>{c({type:0,index:p!=null?p:t})},[p]),W(()=>{if(L.current===void 0||s.tabs.length<=0)return;let i=w(s.tabs,R=>R.current);i.some((R,B)=>s.tabs[B]!==R)&&A(i.indexOf(s.tabs[L.current]))});let J={ref:T};return U.createElement(Le,null,U.createElement(V.Provider,{value:G},U.createElement(z.Provider,{value:D},D.tabs.length<=0&&U.createElement(xe,{onFocus:()=>{var i,h;for(let R of M.current)if(((i=R.current)==null?void 0:i.tabIndex)===0)return(h=R.current)==null||h.focus(),!0;return!1}}),k({ourProps:J,theirProps:_,slot:I,defaultTag:Ie,name:"Tabs"}))))}let ve="div";function Ce(e,r){let{orientation:t,selectedIndex:l}=C("Tab.List"),a=H(r),n=S(()=>({selectedIndex:l}),[l]);return k({ourProps:{ref:a,role:"tablist","aria-orientation":t},theirProps:e,slot:n,defaultTag:ve,name:"Tabs.List"})}let Me="button";function Ge(e,r){var Z,ee;let t=le(),{id:l=`headlessui-tabs-tab-${t}`,disabled:a=!1,autoFocus:n=!1,...p}=e,{orientation:_,activation:x,selectedIndex:f,tabs:d,panels:u}=C("Tab"),T=Q("Tab"),s=C("Tab"),[c,I]=me(null),m=q(null),M=H(m,r,I);W(()=>T.registerTab(m),[T,m]);let D=ie("tabs"),b=d.indexOf(m);b===-1&&(b=D);let g=b===f,A=F(o=>{var X;let E=o();if(E===K.Success&&x==="auto"){let $=(X=Ee(m))==null?void 0:X.activeElement,te=s.tabs.findIndex(ce=>ce.current===$);te!==-1&&T.change(te)}return E}),L=F(o=>{let E=d.map($=>$.current).filter(Boolean);if(o.key===y.Space||o.key===y.Enter){o.preventDefault(),o.stopPropagation(),T.change(b);return}switch(o.key){case y.Home:case y.PageUp:return o.preventDefault(),o.stopPropagation(),A(()=>v(E,P.First));case y.End:case y.PageDown:return o.preventDefault(),o.stopPropagation(),A(()=>v(E,P.Last))}if(A(()=>O(_,{vertical(){return o.key===y.ArrowUp?v(E,P.Previous|P.WrapAround):o.key===y.ArrowDown?v(E,P.Next|P.WrapAround):K.Error},horizontal(){return o.key===y.ArrowLeft?v(E,P.Previous|P.WrapAround):o.key===y.ArrowRight?v(E,P.Next|P.WrapAround):K.Error}}))===K.Success)return o.preventDefault()}),G=q(!1),J=F(()=>{var o;G.current||(G.current=!0,(o=m.current)==null||o.focus({preventScroll:!0}),T.change(b),Ae(()=>{G.current=!1}))}),i=F(o=>{o.preventDefault()}),{isFocusVisible:h,focusProps:R}=re({autoFocus:n}),{isHovered:B,hoverProps:pe}=fe({isDisabled:a}),{pressed:Y,pressProps:ue}=Pe({disabled:a}),Te=S(()=>({selected:g,hover:B,active:Y,focus:h,autofocus:n,disabled:a}),[g,B,h,Y,n,a]),de=se({ref:M,onKeyDown:L,onMouseDown:i,onClick:J,id:l,role:"tab",type:ye(e,c),"aria-controls":(ee=(Z=u[b])==null?void 0:Z.current)==null?void 0:ee.id,"aria-selected":g,tabIndex:g?0:-1,disabled:a||void 0,autoFocus:n},R,pe,ue);return k({ourProps:de,theirProps:p,slot:Te,defaultTag:Me,name:"Tabs.Tab"})}let Ue="div";function He(e,r){let{selectedIndex:t}=C("Tab.Panels"),l=H(r),a=S(()=>({selectedIndex:t}),[t]);return k({ourProps:{ref:l},theirProps:e,slot:a,defaultTag:Ue,name:"Tabs.Panels"})}let we="div",Oe=oe.RenderStrategy|oe.Static;function Ne(e,r){var b,g,A,L;let t=le(),{id:l=`headlessui-tabs-panel-${t}`,tabIndex:a=0,...n}=e,{selectedIndex:p,tabs:_,panels:x}=C("Tab.Panel"),f=Q("Tab.Panel"),d=q(null),u=H(d,r);W(()=>f.registerPanel(d),[f,d]);let T=ie("panels"),s=x.indexOf(d);s===-1&&(s=T);let c=s===p,{isFocusVisible:I,focusProps:m}=re(),M=S(()=>({selected:c,focus:I}),[c,I]),D=se({ref:u,id:l,role:"tabpanel","aria-labelledby":(g=(b=_[s])==null?void 0:b.current)==null?void 0:g.id,tabIndex:c?a:-1},m);return!c&&((A=n.unmount)==null||A)&&!((L=n.static)!=null&&L)?U.createElement(ge,{"aria-hidden":"true",...D}):k({ourProps:D,theirProps:n,slot:M,defaultTag:we,features:Oe,visible:c,name:"Tabs.Panel"})}let ke=N(Ge),Be=N(he),We=N(Ce),je=N(He),Ke=N(Ne),ut=Object.assign(ke,{Group:Be,List:We,Panels:je,Panel:Ke});export{ut as Tab,Be as TabGroup,We as TabList,Ke as TabPanel,je as TabPanels};

dist/components/transitions/transition.d.ts

@@ -1,40 +0,1 @@
-import React, { MutableRefObject, Ref } from 'react';
-import { Props, ReactTag } from '../../types.js';
-import { Features, PropsForFeatures } from '../../utils/render.js';
-export interface TransitionClasses {
-    enter?: string;
-    enterFrom?: string;
-    enterTo?: string;
-    entered?: string;
-    leave?: string;
-    leaveFrom?: string;
-    leaveTo?: string;
-}
-export interface TransitionEvents {
-    beforeEnter?: () => void;
-    afterEnter?: () => void;
-    beforeLeave?: () => void;
-    afterLeave?: () => void;
-}
-declare type TransitionChildProps<TTag extends ReactTag> = Props<TTag, TransitionChildRenderPropArg> & PropsForFeatures<typeof TransitionChildRenderFeatures> & TransitionClasses & TransitionEvents & {
-    appear?: boolean;
-};
-declare type TransitionChildRenderPropArg = MutableRefObject<HTMLDivElement>;
-declare let TransitionChildRenderFeatures: Features;
-export declare let Transition: (<TTag extends React.ElementType<any> = "div">(props: TransitionChildProps<TTag> & {
-    show?: boolean | undefined;
-    appear?: boolean | undefined;
-}, ref: Ref<HTMLElement>) => JSX.Element) & {
-    displayName: string;
-} & {
-    Child: (<TTag_1 extends React.ElementType<any> = "div">(props: TransitionChildProps<TTag_1>, ref: MutableRefObject<HTMLElement>) => JSX.Element) & {
-        displayName: string;
-    };
-    Root: (<TTag extends React.ElementType<any> = "div">(props: TransitionChildProps<TTag> & {
-        show?: boolean | undefined;
-        appear?: boolean | undefined;
-    }, ref: Ref<HTMLElement>) => JSX.Element) & {
-        displayName: string;
-    };
-};
-export {};
+export * from '../transition/transition.js';

dist/components/transitions/transition.js

@@ -1,1 +0,1 @@
-import T,{Fragment as Q,createContext as X,useContext as W,useEffect as H,useMemo as Y,useRef as c,useState as q}from"react";import{Features as fe,forwardRefWithAs as z,render as Z,RenderStrategy as g}from'../../utils/render.js';import{OpenClosedProvider as Te,State as O,useOpenClosed as $}from'../../internal/open-closed.js';import{match as N}from'../../utils/match.js';import{useIsMounted as ce}from'../../hooks/use-is-mounted.js';import{useIsoMorphicEffect as me}from'../../hooks/use-iso-morphic-effect.js';import{useLatestValue as F}from'../../hooks/use-latest-value.js';import{useServerHandoffComplete as ee}from'../../hooks/use-server-handoff-complete.js';import{useSyncRefs as te}from'../../hooks/use-sync-refs.js';import{useTransition as pe}from'../../hooks/use-transition.js';import{useEvent as R}from'../../hooks/use-event.js';import{useDisposables as ve}from'../../hooks/use-disposables.js';import{classNames as he}from'../../utils/class-names.js';import{env as Ce}from'../../utils/env.js';function P(i=""){return i.split(" ").filter(e=>e.trim().length>1)}let A=X(null);A.displayName="TransitionContext";var ge=(s=>(s.Visible="visible",s.Hidden="hidden",s))(ge||{});function be(){let i=W(A);if(i===null)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return i}function Ee(){let i=W(M);if(i===null)throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");return i}let M=X(null);M.displayName="NestingContext";function I(i){return"children"in i?I(i.children):i.current.filter(({el:e})=>e.current!==null).filter(({state:e})=>e==="visible").length>0}function ne(i,e){let s=F(i),n=c([]),m=ce(),y=ve(),b=R((l,r=g.Hidden)=>{let t=n.current.findIndex(({el:o})=>o===l);t!==-1&&(N(r,{[g.Unmount](){n.current.splice(t,1)},[g.Hidden](){n.current[t].state="hidden"}}),y.microTask(()=>{var o;!I(n)&&m.current&&((o=s.current)==null||o.call(s))}))}),E=R(l=>{let r=n.current.find(({el:t})=>t===l);return r?r.state!=="visible"&&(r.state="visible"):n.current.push({el:l,state:"visible"}),()=>b(l,g.Unmount)}),S=c([]),u=c(Promise.resolve()),p=c({enter:[],leave:[],idle:[]}),d=R((l,r,t)=>{S.current.splice(0),e&&(e.chains.current[r]=e.chains.current[r].filter(([o])=>o!==l)),e==null||e.chains.current[r].push([l,new Promise(o=>{S.current.push(o)})]),e==null||e.chains.current[r].push([l,new Promise(o=>{Promise.all(p.current[r].map(([f,a])=>a)).then(()=>o())})]),r==="enter"?u.current=u.current.then(()=>e==null?void 0:e.wait.current).then(()=>t(r)):t(r)}),v=R((l,r,t)=>{Promise.all(p.current[r].splice(0).map(([o,f])=>f)).then(()=>{var o;(o=S.current.shift())==null||o()}).then(()=>t(r))});return Y(()=>({children:n,register:E,unregister:b,onStart:d,onStop:v,wait:u,chains:p}),[E,b,n,d,v,p,u])}function Se(){}let xe=["beforeEnter","afterEnter","beforeLeave","afterLeave"];function re(i){var s;let e={};for(let n of xe)e[n]=(s=i[n])!=null?s:Se;return e}function Pe(i){let e=c(re(i));return H(()=>{e.current=re(i)},[i]),e}let He="div",ie=fe.RenderStrategy,oe=z(function(e,s){let{beforeEnter:n,afterEnter:m,beforeLeave:y,afterLeave:b,enter:E,enterFrom:S,enterTo:u,entered:p,leave:d,leaveFrom:v,leaveTo:l,...r}=e,t=c(null),o=te(t,s),f=r.unmount?g.Unmount:g.Hidden,{show:a,appear:x,initial:se}=be(),[h,_]=q(a?"visible":"hidden"),K=Ee(),{register:D,unregister:V}=K,j=c(null);H(()=>D(t),[D,t]),H(()=>{if(f===g.Hidden&&!!t.current){if(a&&h!=="visible"){_("visible");return}return N(h,{["hidden"]:()=>V(t),["visible"]:()=>D(t)})}},[h,t,D,V,a,f]);let U=F({enter:P(E),enterFrom:P(S),enterTo:P(u),entered:P(p),leave:P(d),leaveFrom:P(v),leaveTo:P(l)}),L=Pe({beforeEnter:n,afterEnter:m,beforeLeave:y,afterLeave:b}),k=ee();H(()=>{if(k&&h==="visible"&&t.current===null)throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?")},[t,h,k]);let G=se&&!x,le=(()=>!k||G||j.current===a?"idle":a?"enter":"leave")(),ae=R(C=>N(C,{enter:()=>L.current.beforeEnter(),leave:()=>L.current.beforeLeave(),idle:()=>{}})),ue=R(C=>N(C,{enter:()=>L.current.afterEnter(),leave:()=>L.current.afterLeave(),idle:()=>{}})),w=ne(()=>{_("hidden"),V(t)},K);pe({container:t,classes:U,direction:le,onStart:F(C=>{w.onStart(t,C,ae)}),onStop:F(C=>{w.onStop(t,C,ue),C==="leave"&&!I(w)&&(_("hidden"),V(t))})}),H(()=>{!G||(f===g.Hidden?j.current=null:j.current=a)},[a,G,h]);let B=r,de={ref:o};return x&&a&&Ce.isServer&&(B={...B,className:he(r.className,...U.current.enter,...U.current.enterFrom)}),T.createElement(M.Provider,{value:w},T.createElement(Te,{value:N(h,{["visible"]:O.Open,["hidden"]:O.Closed})},Z({ourProps:de,theirProps:B,defaultTag:He,features:ie,visible:h==="visible",name:"Transition.Child"})))}),J=z(function(e,s){let{show:n,appear:m=!1,unmount:y,...b}=e,E=c(null),S=te(E,s);ee();let u=$();if(n===void 0&&u!==null&&(n=N(u,{[O.Open]:!0,[O.Closed]:!1})),![!0,!1].includes(n))throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");let[p,d]=q(n?"visible":"hidden"),v=ne(()=>{d("hidden")}),[l,r]=q(!0),t=c([n]);me(()=>{l!==!1&&t.current[t.current.length-1]!==n&&(t.current.push(n),r(!1))},[t,n]);let o=Y(()=>({show:n,appear:m,initial:l}),[n,m,l]);H(()=>{if(n)d("visible");else if(!I(v))d("hidden");else{let a=E.current;if(!a)return;let x=a.getBoundingClientRect();x.x===0&&x.y===0&&x.width===0&&x.height===0&&d("hidden")}},[n,v]);let f={unmount:y};return T.createElement(M.Provider,{value:v},T.createElement(A.Provider,{value:o},Z({ourProps:{...f,as:Q,children:T.createElement(oe,{ref:S,...f,...b})},theirProps:{},defaultTag:Q,features:ie,visible:p==="visible",name:"Transition"})))}),Ne=z(function(e,s){let n=W(A)!==null,m=$()!==null;return T.createElement(T.Fragment,null,!n&&m?T.createElement(J,{ref:s,...e}):T.createElement(oe,{ref:s,...e}))}),Ke=Object.assign(J,{Child:Ne,Root:J});export{Ke as Transition};
+export*from'../transition/transition.js';

dist/headlessui.esm.js

@@ -1,1 +0,1 @@
-import"client-only";export*from'./components/combobox/combobox.js';export*from'./components/dialog/dialog.js';export*from'./components/disclosure/disclosure.js';export*from'./components/focus-trap/focus-trap.js';export*from'./components/listbox/listbox.js';export*from'./components/menu/menu.js';export*from'./components/popover/popover.js';export*from'./components/portal/portal.js';export*from'./components/radio-group/radio-group.js';export*from'./components/switch/switch.js';export*from'./components/tabs/tabs.js';export*from'./components/transitions/transition.js';
+export*from'./components/button/button.js';export*from'./components/checkbox/checkbox.js';export*from'./components/close-button/close-button.js';export*from'./components/combobox/combobox.js';export*from'./components/data-interactive/data-interactive.js';import{Description as x}from'./components/description/description.js';export*from'./components/dialog/dialog.js';export*from'./components/disclosure/disclosure.js';export*from'./components/field/field.js';export*from'./components/fieldset/fieldset.js';export*from'./components/focus-trap/focus-trap.js';export*from'./components/input/input.js';import{Label as n}from'./components/label/label.js';export*from'./components/legend/legend.js';export*from'./components/listbox/listbox.js';export*from'./components/menu/menu.js';export*from'./components/popover/popover.js';import{Portal as d}from'./components/portal/portal.js';export*from'./components/radio-group/radio-group.js';export*from'./components/select/select.js';export*from'./components/switch/switch.js';export*from'./components/tabs/tabs.js';export*from'./components/textarea/textarea.js';import{useClose as w}from'./internal/close-provider.js';export*from'./components/transition/transition.js';export{x as Description,n as Label,d as Portal,w as useClose};

dist/hooks/document-overflow/adjust-scrollbar-padding.d.ts

@@ -1,2 +0,2 @@
-import { ScrollLockStep } from './overflow-store.js';
+import type { ScrollLockStep } from './overflow-store.js';
 export declare function adjustScrollbarPadding(): ScrollLockStep;

dist/hooks/document-overflow/adjust-scrollbar-padding.js

@@ -1,1 +0,1 @@
-function c(){let o;return{before({doc:e}){var l;let n=e.documentElement;o=((l=e.defaultView)!=null?l:window).innerWidth-n.clientWidth},after({doc:e,d:n}){let t=e.documentElement,l=t.clientWidth-t.offsetWidth,r=o-l;n.style(t,"paddingRight",`${r}px`)}}}export{c as adjustScrollbarPadding};
+function d(){let r;return{before({doc:e}){var l;let o=e.documentElement,t=(l=e.defaultView)!=null?l:window;r=Math.max(0,t.innerWidth-o.clientWidth)},after({doc:e,d:o}){let t=e.documentElement,l=Math.max(0,t.clientWidth-t.offsetWidth),n=Math.max(0,r-l);o.style(t,"paddingRight",`${n}px`)}}}export{d as adjustScrollbarPadding};

dist/hooks/document-overflow/handle-ios-locking.d.ts

@@ -1,2 +0,2 @@
-import { ScrollLockStep } from './overflow-store.js';
+import type { ScrollLockStep } from './overflow-store.js';
 interface ContainerMetadata {
@@ -3,0 +3,0 @@ containers: (() => HTMLElement[])[];

dist/hooks/document-overflow/handle-ios-locking.js

@@ -1,1 +0,1 @@
-import{isIOS as f}from'../../utils/platform.js';function p(){if(!f())return{};let o;return{before(){o=window.pageYOffset},after({doc:r,d:l,meta:s}){function i(e){return s.containers.flatMap(t=>t()).some(t=>t.contains(e))}l.style(r.body,"marginTop",`-${o}px`),window.scrollTo(0,0);let n=null;l.addEventListener(r,"click",e=>{if(e.target instanceof HTMLElement)try{let t=e.target.closest("a");if(!t)return;let{hash:c}=new URL(t.href),a=r.querySelector(c);a&&!i(a)&&(n=a)}catch{}},!0),l.addEventListener(r,"touchmove",e=>{e.target instanceof HTMLElement&&!i(e.target)&&e.preventDefault()},{passive:!1}),l.add(()=>{window.scrollTo(0,window.pageYOffset+o),n&&n.isConnected&&(n.scrollIntoView({block:"nearest"}),n=null)})}}}export{p as handleIOSLocking};
+import{disposables as m}from'../../utils/disposables.js';import{isIOS as u}from'../../utils/platform.js';function d(){return u()?{before({doc:r,d:n,meta:c}){function o(a){return c.containers.flatMap(l=>l()).some(l=>l.contains(a))}n.microTask(()=>{var s;if(window.getComputedStyle(r.documentElement).scrollBehavior!=="auto"){let t=m();t.style(r.documentElement,"scrollBehavior","auto"),n.add(()=>n.microTask(()=>t.dispose()))}let a=(s=window.scrollY)!=null?s:window.pageYOffset,l=null;n.addEventListener(r,"click",t=>{if(t.target instanceof HTMLElement)try{let e=t.target.closest("a");if(!e)return;let{hash:f}=new URL(e.href),i=r.querySelector(f);i&&!o(i)&&(l=i)}catch{}},!0),n.addEventListener(r,"touchstart",t=>{if(t.target instanceof HTMLElement)if(o(t.target)){let e=t.target;for(;e.parentElement&&o(e.parentElement);)e=e.parentElement;n.style(e,"overscrollBehavior","contain")}else n.style(t.target,"touchAction","none")}),n.addEventListener(r,"touchmove",t=>{if(t.target instanceof HTMLElement){if(t.target.tagName==="INPUT")return;if(o(t.target)){let e=t.target;for(;e.parentElement&&e.dataset.headlessuiPortal!==""&&!(e.scrollHeight>e.clientHeight||e.scrollWidth>e.clientWidth);)e=e.parentElement;e.dataset.headlessuiPortal===""&&t.preventDefault()}else t.preventDefault()}},{passive:!1}),n.add(()=>{var e;let t=(e=window.scrollY)!=null?e:window.pageYOffset;a!==t&&window.scrollTo(0,a),l&&l.isConnected&&(l.scrollIntoView({block:"nearest"}),l=null)})})}}:{}}export{d as handleIOSLocking};

dist/hooks/document-overflow/overflow-store.d.ts

@@ -1,2 +0,2 @@
-import { Disposables } from '../../utils/disposables.js';
+import { type Disposables } from '../../utils/disposables.js';
 interface DocEntry {
@@ -8,3 +8,3 @@ doc: Document;
 }
-export declare type MetaFn = (meta: Record<string, any>) => Record<string, any>;
+export type MetaFn = (meta: Record<string, any>) => Record<string, any>;
 export interface Context<MetaType extends Record<string, any> = any> {
@@ -11,0 +11,0 @@ doc: Document;

dist/hooks/document-overflow/prevent-scroll.d.ts

@@ -1,2 +0,2 @@
-import { ScrollLockStep } from './overflow-store.js';
+import type { ScrollLockStep } from './overflow-store.js';
 export declare function preventScroll(): ScrollLockStep;

dist/hooks/document-overflow/prevent-scroll.js

@@ -1,1 +0,1 @@
-function l(){return{before({doc:e,d:o}){o.style(e.documentElement,"overflow","hidden")}}}export{l as preventScroll};
+function r(){return{before({doc:e,d:o}){o.style(e.documentElement,"overflow","hidden")}}}export{r as preventScroll};

dist/hooks/document-overflow/use-document-overflow.d.ts

@@ -1,1 +0,1 @@
-export declare function useDocumentOverflowLockedEffect(doc: Document | null, shouldBeLocked: boolean, meta: (meta: Record<string, any>) => Record<string, any>): boolean;
+export declare function useDocumentOverflowLockedEffect(shouldBeLocked: boolean, doc: Document | null, meta?: (meta: Record<string, any>) => Record<string, any>): boolean;

dist/hooks/document-overflow/use-document-overflow.js

@@ -1,1 +0,1 @@
-import{useIsoMorphicEffect as u}from'../use-iso-morphic-effect.js';import{useStore as s}from'../../hooks/use-store.js';import{overflows as t}from'./overflow-store.js';function p(e,r,n){let f=s(t),o=e?f.get(e):void 0,i=o?o.count>0:!1;return u(()=>{if(!(!e||!r))return t.dispatch("PUSH",e,n),()=>t.dispatch("POP",e,n)},[r,e]),i}export{p as useDocumentOverflowLockedEffect};
+import{useStore as s}from'../../hooks/use-store.js';import{useIsoMorphicEffect as u}from'../use-iso-morphic-effect.js';import{overflows as t}from'./overflow-store.js';function a(r,e,n=()=>({containers:[]})){let f=s(t),o=e?f.get(e):void 0,i=o?o.count>0:!1;return u(()=>{if(!(!e||!r))return t.dispatch("PUSH",e,n),()=>t.dispatch("POP",e,n)},[r,e]),i}export{a as useDocumentOverflowLockedEffect};

dist/hooks/use-disposables.d.ts

@@ -0,4 +1,7 @@
+/**
+ * The `useDisposables` hook returns a `disposables` object that is disposed
+ * when the component is unmounted.
+ */
 export declare function useDisposables(): {
-    enqueue(fn: Function): void;
-    addEventListener<TEventName extends keyof WindowEventMap>(element: HTMLElement | Window | Document, name: TEventName, listener: (event: WindowEventMap[TEventName]) => any, options?: boolean | AddEventListenerOptions | undefined): () => void;
+    addEventListener<TEventName extends keyof WindowEventMap>(element: Window | Document | HTMLElement, name: TEventName, listener: (event: WindowEventMap[TEventName]) => any, options?: boolean | AddEventListenerOptions | undefined): () => void;
     requestAnimationFrame(callback: FrameRequestCallback): () => void;
@@ -8,6 +11,16 @@ nextFrame(callback: FrameRequestCallback): () => void;
     microTask(cb: () => void): () => void;
+    style(node: HTMLElement, property: string, value: string): () => void;
+    group(cb: (d: {
+        addEventListener<TEventName extends keyof WindowEventMap>(element: Window | Document | HTMLElement, name: TEventName, listener: (event: WindowEventMap[TEventName]) => any, options?: boolean | AddEventListenerOptions | undefined): () => void;
+        requestAnimationFrame(callback: FrameRequestCallback): () => void;
+        nextFrame(callback: FrameRequestCallback): () => void;
+        setTimeout(callback: (...args: any[]) => void, ms?: number | undefined, ...args: any[]): () => void;
+        microTask(cb: () => void): () => void;
+        style(node: HTMLElement, property: string, value: string): () => void;
+        group(cb: any): () => void;
+        add(cb: () => void): () => void;
+        dispose(): void;
+    }) => void): () => void;
     add(cb: () => void): () => void;
     dispose(): void;
-    workQueue(): Promise<void>;
-    style(node: HTMLElement, property: string, value: string): () => void;
 };

dist/hooks/use-disposables.js

@@ -1,1 +0,1 @@
-import{useState as s,useEffect as o}from"react";import{disposables as t}from'../utils/disposables.js';function p(){let[e]=s(t);return o(()=>()=>e.dispose(),[e]),e}export{p as useDisposables};
+import{useEffect as s,useState as o}from"react";import{disposables as t}from'../utils/disposables.js';function p(){let[e]=o(t);return s(()=>()=>e.dispose(),[e]),e}export{p as useDisposables};

dist/hooks/use-document-event.d.ts

@@ -1,1 +0,1 @@
-export declare function useDocumentEvent<TType extends keyof DocumentEventMap>(type: TType, listener: (ev: DocumentEventMap[TType]) => any, options?: boolean | AddEventListenerOptions): void;
+export declare function useDocumentEvent<TType extends keyof DocumentEventMap>(enabled: boolean, type: TType, listener: (ev: DocumentEventMap[TType]) => any, options?: boolean | AddEventListenerOptions): void;

dist/hooks/use-document-event.js

@@ -1,1 +0,1 @@
-import{useEffect as m}from"react";import{useLatestValue as c}from'./use-latest-value.js';function d(e,r,n){let o=c(r);m(()=>{function t(u){o.current(u)}return document.addEventListener(e,t,n),()=>document.removeEventListener(e,t,n)},[e,n])}export{d as useDocumentEvent};
+import{useEffect as c}from"react";import{useLatestValue as a}from'./use-latest-value.js';function i(t,e,o,n){let u=a(o);c(()=>{if(!t)return;function r(m){u.current(m)}return document.addEventListener(e,r,n),()=>document.removeEventListener(e,r,n)},[t,e,n])}export{i as useDocumentEvent};

dist/hooks/use-flags.d.ts

 export declare function useFlags(initialFlags?: number): {
+    flags: number;
+    setFlag: (flag: number) => void;
     addFlag: (flag: number) => void;
@@ -3,0 +5,0 @@ hasFlag: (flag: number) => boolean;

dist/hooks/use-flags.js

@@ -1,1 +0,1 @@
-import{useState as m,useCallback as t}from"react";function b(g=0){let[r,l]=m(g),u=t(e=>l(a=>a|e),[r]),n=t(e=>Boolean(r&e),[r]),o=t(e=>l(a=>a&~e),[l]),s=t(e=>l(a=>a^e),[l]);return{addFlag:u,hasFlag:n,removeFlag:o,toggleFlag:s}}export{b as useFlags};
+import{useCallback as r,useState as b}from"react";function c(u=0){let[t,l]=b(u),g=r(e=>l(e),[t]),s=r(e=>l(a=>a|e),[t]),m=r(e=>(t&e)===e,[t]),n=r(e=>l(a=>a&~e),[l]),F=r(e=>l(a=>a^e),[l]);return{flags:t,setFlag:g,addFlag:s,hasFlag:m,removeFlag:n,toggleFlag:F}}export{c as useFlags};

dist/hooks/use-id.d.ts

@@ -1,1 +0,1 @@
-export declare let useId: any;
+export { useId } from 'react';

dist/hooks/use-id.js

@@ -1,1 +0,1 @@
-var o;import t from"react";import{useIsoMorphicEffect as d}from'./use-iso-morphic-effect.js';import{useServerHandoffComplete as f}from'./use-server-handoff-complete.js';import{env as r}from'../utils/env.js';let I=(o=t.useId)!=null?o:function(){let n=f(),[e,u]=t.useState(n?()=>r.nextId():null);return d(()=>{e===null&&u(r.nextId())},[e]),e!=null?""+e:void 0};export{I as useId};
+import{useId as r}from"react";export{r as useId};

dist/hooks/use-inert-others.d.ts

@@ -1,2 +0,29 @@
-import { MutableRefObject } from 'react';
-export declare function useInertOthers<TElement extends HTMLElement>(container: MutableRefObject<TElement | null>, enabled?: boolean): void;
+/**
+ * Mark all elements on the page as inert, except for the ones that are allowed.
+ *
+ * We move up the tree from the allowed elements, and mark all their siblings as
+ * inert. If any of the children happens to be a parent of one of the elements,
+ * then that child will not be marked as inert.
+ *
+ * E.g.:
+ *
+ * ```html
+ * <body>                      <!-- Stop at body -->
+ *   <header></header>         <!-- Inert, sibling of parent -->
+ *   <main>                    <!-- Not inert, parent of allowed element -->
+ *     <div>Sidebar</div>      <!-- Inert, sibling of parent -->
+ *     <div>                   <!-- Not inert, parent of allowed element -->
+ *       <listbox>             <!-- Not inert, parent of allowed element -->
+ *         <button></button>   <!-- Not inert, allowed element -->
+ *         <options></options> <!-- Not inert, allowed element -->
+ *       </listbox>
+ *     </div>
+ *   </main>
+ *   <footer></footer>         <!-- Inert, sibling of parent -->
+ * </body>
+ * ```
+ */
+export declare function useInertOthers(enabled: boolean, { allowed, disallowed, }?: {
+    allowed?: () => (HTMLElement | null)[];
+    disallowed?: () => (HTMLElement | null)[];
+}): void;

dist/hooks/use-inert-others.js

@@ -1,1 +0,1 @@
-import{getOwnerDocument as s}from'../utils/owner.js';import{useIsoMorphicEffect as d}from'./use-iso-morphic-effect.js';let i=new Set,r=new Map;function u(t){t.setAttribute("aria-hidden","true"),t.inert=!0}function l(t){let n=r.get(t);!n||(n["aria-hidden"]===null?t.removeAttribute("aria-hidden"):t.setAttribute("aria-hidden",n["aria-hidden"]),t.inert=n.inert)}function M(t,n=!0){d(()=>{if(!n||!t.current)return;let o=t.current,a=s(o);if(!!a){i.add(o);for(let e of r.keys())e.contains(o)&&(l(e),r.delete(e));return a.querySelectorAll("body > *").forEach(e=>{if(e instanceof HTMLElement){for(let f of i)if(e.contains(f))return;i.size===1&&(r.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),u(e))}}),()=>{if(i.delete(o),i.size>0)a.querySelectorAll("body > *").forEach(e=>{if(e instanceof HTMLElement&&!r.has(e)){for(let f of i)if(e.contains(f))return;r.set(e,{"aria-hidden":e.getAttribute("aria-hidden"),inert:e.inert}),u(e)}});else for(let e of r.keys())l(e),r.delete(e)}}},[n])}export{M as useInertOthers};
+import{disposables as M}from'../utils/disposables.js';import{getOwnerDocument as b}from'../utils/owner.js';import{useIsTopLayer as L}from'./use-is-top-layer.js';import{useIsoMorphicEffect as T}from'./use-iso-morphic-effect.js';let f=new Map,u=new Map;function h(t){var e;let r=(e=u.get(t))!=null?e:0;return u.set(t,r+1),r!==0?()=>m(t):(f.set(t,{"aria-hidden":t.getAttribute("aria-hidden"),inert:t.inert}),t.setAttribute("aria-hidden","true"),t.inert=!0,()=>m(t))}function m(t){var i;let r=(i=u.get(t))!=null?i:1;if(r===1?u.delete(t):u.set(t,r-1),r!==1)return;let e=f.get(t);e&&(e["aria-hidden"]===null?t.removeAttribute("aria-hidden"):t.setAttribute("aria-hidden",e["aria-hidden"]),t.inert=e.inert,f.delete(t))}function y(t,{allowed:r,disallowed:e}={}){let i=L(t,"inert-others");T(()=>{var d,c;if(!i)return;let a=M();for(let n of(d=e==null?void 0:e())!=null?d:[])n&&a.add(h(n));let s=(c=r==null?void 0:r())!=null?c:[];for(let n of s){if(!n)continue;let l=b(n);if(!l)continue;let o=n.parentElement;for(;o&&o!==l.body;){for(let p of o.children)s.some(E=>p.contains(E))||a.add(h(p));o=o.parentElement}}return a.dispose},[i,r,e])}export{y as useInertOthers};

dist/hooks/use-is-initial-render.js

@@ -1,1 +0,1 @@
-import{useRef as r,useEffect as t}from"react";function n(){let e=r(!0);return t(()=>(e.current=!1,()=>{e.current=!0}),[]),e.current}export{n as useIsInitialRender};
+import{useEffect as r,useRef as t}from"react";function n(){let e=t(!0);return r(()=>(e.current=!1,()=>{e.current=!0}),[]),e.current}export{n as useIsInitialRender};

dist/hooks/use-iso-morphic-effect.d.ts

@@ -1,2 +0,2 @@
-import { EffectCallback, DependencyList } from 'react';
+import { type DependencyList, type EffectCallback } from 'react';
 export declare let useIsoMorphicEffect: (effect: EffectCallback, deps?: DependencyList | undefined) => void;

dist/hooks/use-iso-morphic-effect.js

@@ -1,1 +0,1 @@
-import{useLayoutEffect as t,useEffect as c}from"react";import{env as i}from'../utils/env.js';let l=(e,f)=>{i.isServer?c(e,f):t(e,f)};export{l as useIsoMorphicEffect};
+import{useEffect as f,useLayoutEffect as c}from"react";import{env as i}from'../utils/env.js';let n=(e,t)=>{i.isServer?f(e,t):c(e,t)};export{n as useIsoMorphicEffect};

dist/hooks/use-outside-click.d.ts

@@ -1,6 +0,5 @@
-import { MutableRefObject } from 'react';
-declare type Container = MutableRefObject<HTMLElement | null> | HTMLElement | null;
-declare type ContainerCollection = Container[] | Set<Container>;
-declare type ContainerInput = Container | ContainerCollection;
-export declare function useOutsideClick(containers: ContainerInput | (() => ContainerInput), cb: (event: MouseEvent | PointerEvent | FocusEvent, target: HTMLElement) => void, enabled?: boolean): void;
+type Container = HTMLElement | null;
+type ContainerCollection = Container[] | Set<Container>;
+type ContainerInput = Container | ContainerCollection;
+export declare function useOutsideClick(enabled: boolean, containers: ContainerInput | (() => ContainerInput), cb: (event: MouseEvent | PointerEvent | FocusEvent | TouchEvent, target: HTMLElement) => void): void;
 export {};

dist/hooks/use-outside-click.js

@@ -1,1 +0,1 @@
-import{useEffect as d,useRef as s}from"react";import{FocusableMode as p,isFocusableElement as C}from'../utils/focus-management.js';import{useDocumentEvent as a}from'./use-document-event.js';function L(m,E,c=!0){let i=s(!1);d(()=>{requestAnimationFrame(()=>{i.current=c})},[c]);function f(e,o){if(!i.current||e.defaultPrevented)return;let l=function r(t){return typeof t=="function"?r(t()):Array.isArray(t)||t instanceof Set?t:[t]}(m),n=o(e);if(n!==null&&!!n.getRootNode().contains(n)){for(let r of l){if(r===null)continue;let t=r instanceof HTMLElement?r:r.current;if(t!=null&&t.contains(n)||e.composed&&e.composedPath().includes(t))return}return!C(n,p.Loose)&&n.tabIndex!==-1&&e.preventDefault(),E(e,n)}}let u=s(null);a("mousedown",e=>{var o,l;i.current&&(u.current=((l=(o=e.composedPath)==null?void 0:o.call(e))==null?void 0:l[0])||e.target)},!0),a("click",e=>{!u.current||(f(e,()=>u.current),u.current=null)},!0),a("blur",e=>f(e,()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null),!0)}export{L as useOutsideClick};
+import{useCallback as T,useRef as d}from"react";import{FocusableMode as y,isFocusableElement as M}from'../utils/focus-management.js';import{isMobile as g}from'../utils/platform.js';import{useDocumentEvent as c}from'./use-document-event.js';import{useIsTopLayer as L}from'./use-is-top-layer.js';import{useLatestValue as b}from'./use-latest-value.js';import{useWindowEvent as P}from'./use-window-event.js';const E=30;function R(p,f,C){let u=L(p,"outside-click"),m=b(C),s=T(function(e,n){if(e.defaultPrevented)return;let r=n(e);if(r===null||!r.getRootNode().contains(r)||!r.isConnected)return;let h=function l(o){return typeof o=="function"?l(o()):Array.isArray(o)||o instanceof Set?o:[o]}(f);for(let l of h)if(l!==null&&(l.contains(r)||e.composed&&e.composedPath().includes(l)))return;return!M(r,y.Loose)&&r.tabIndex!==-1&&e.preventDefault(),m.current(e,r)},[m,f]),i=d(null);c(u,"pointerdown",t=>{var e,n;i.current=((n=(e=t.composedPath)==null?void 0:e.call(t))==null?void 0:n[0])||t.target},!0),c(u,"mousedown",t=>{var e,n;i.current=((n=(e=t.composedPath)==null?void 0:e.call(t))==null?void 0:n[0])||t.target},!0),c(u,"click",t=>{g()||i.current&&(s(t,()=>i.current),i.current=null)},!0);let a=d({x:0,y:0});c(u,"touchstart",t=>{a.current.x=t.touches[0].clientX,a.current.y=t.touches[0].clientY},!0),c(u,"touchend",t=>{let e={x:t.changedTouches[0].clientX,y:t.changedTouches[0].clientY};if(!(Math.abs(e.x-a.current.x)>=E||Math.abs(e.y-a.current.y)>=E))return s(t,()=>t.target instanceof HTMLElement?t.target:null)},!0),P(u,"blur",t=>s(t,()=>window.document.activeElement instanceof HTMLIFrameElement?window.document.activeElement:null),!0)}export{R as useOutsideClick};

dist/hooks/use-resolve-button-type.d.ts

@@ -1,5 +0,4 @@
-import { MutableRefObject } from 'react';
 export declare function useResolveButtonType<TTag>(props: {
     type?: string;
     as?: TTag;
-}, ref: MutableRefObject<HTMLElement | null>): string | undefined;
+}, element: HTMLElement | null): string | undefined;

dist/hooks/use-resolve-button-type.js

@@ -1,1 +0,1 @@
-import{useState as o}from"react";import{useIsoMorphicEffect as r}from'./use-iso-morphic-effect.js';function i(t){var n;if(t.type)return t.type;let e=(n=t.as)!=null?n:"button";if(typeof e=="string"&&e.toLowerCase()==="button")return"button"}function s(t,e){let[n,u]=o(()=>i(t));return r(()=>{u(i(t))},[t.type,t.as]),r(()=>{n||!e.current||e.current instanceof HTMLButtonElement&&!e.current.hasAttribute("type")&&u("button")},[n,e]),n}export{s as useResolveButtonType};
+import{useMemo as a}from"react";function e(t,u){return a(()=>{var n;if(t.type)return t.type;let r=(n=t.as)!=null?n:"button";if(typeof r=="string"&&r.toLowerCase()==="button"||(u==null?void 0:u.tagName)==="BUTTON"&&!u.hasAttribute("type"))return"button"},[t.type,t.as,u])}export{e as useResolveButtonType};

dist/hooks/use-server-handoff-complete.js

@@ -1,1 +0,1 @@
-import{useState as r,useEffect as o}from"react";import{env as t}from'../utils/env.js';function l(){let[e,f]=r(t.isHandoffComplete);return e&&t.isHandoffComplete===!1&&f(!1),o(()=>{e!==!0&&f(!0)},[e]),o(()=>t.handoff(),[]),e}export{l as useServerHandoffComplete};
+import*as t from"react";import{env as f}from'../utils/env.js';function s(){let r=typeof document=="undefined";return"useSyncExternalStore"in t?(o=>o.useSyncExternalStore)(t)(()=>()=>{},()=>!1,()=>!r):!1}function l(){let r=s(),[e,n]=t.useState(f.isHandoffComplete);return e&&f.isHandoffComplete===!1&&n(!1),t.useEffect(()=>{e!==!0&&n(!0)},[e]),t.useEffect(()=>f.handoff(),[]),r?!1:e}export{l as useServerHandoffComplete};

dist/hooks/use-store.d.ts

@@ -1,2 +0,2 @@
-import { Store } from '../utils/store.js';
+import type { Store } from '../utils/store.js';
 export declare function useStore<T>(store: Store<T, any>): T;

dist/hooks/use-store.js

@@ -1,1 +0,1 @@
-import{useSyncExternalStore as r}from'../use-sync-external-store-shim/index.js';function S(t){return r(t.subscribe,t.getSnapshot,t.getSnapshot)}export{S as useStore};
+import{useSyncExternalStore as e}from"react";function o(t){return e(t.subscribe,t.getSnapshot,t.getSnapshot)}export{o as useStore};

dist/hooks/use-sync-refs.js

@@ -1,1 +0,1 @@
-import{useRef as l,useEffect as i}from"react";import{useEvent as r}from'./use-event.js';let u=Symbol();function T(t,n=!0){return Object.assign(t,{[u]:n})}function y(...t){let n=l(t);i(()=>{n.current=t},[t]);let c=r(e=>{for(let o of n.current)o!=null&&(typeof o=="function"?o(e):o.current=e)});return t.every(e=>e==null||(e==null?void 0:e[u]))?void 0:c}export{T as optionalRef,y as useSyncRefs};
+import{useEffect as l,useRef as i}from"react";import{useEvent as r}from'./use-event.js';let u=Symbol();function T(t,n=!0){return Object.assign(t,{[u]:n})}function y(...t){let n=i(t);l(()=>{n.current=t},[t]);let c=r(e=>{for(let o of n.current)o!=null&&(typeof o=="function"?o(e):o.current=e)});return t.every(e=>e==null||(e==null?void 0:e[u]))?void 0:c}export{T as optionalRef,y as useSyncRefs};

dist/hooks/use-tab-direction.js

@@ -1,1 +0,1 @@
-import{useRef as t}from"react";import{useWindowEvent as a}from'./use-window-event.js';var s=(r=>(r[r.Forwards=0]="Forwards",r[r.Backwards=1]="Backwards",r))(s||{});function n(){let e=t(0);return a("keydown",o=>{o.key==="Tab"&&(e.current=o.shiftKey?1:0)},!0),e}export{s as Direction,n as useTabDirection};
+import{useRef as o}from"react";import{useWindowEvent as t}from'./use-window-event.js';var a=(r=>(r[r.Forwards=0]="Forwards",r[r.Backwards=1]="Backwards",r))(a||{});function u(){let e=o(0);return t(!0,"keydown",r=>{r.key==="Tab"&&(e.current=r.shiftKey?1:0)},!0),e}export{a as Direction,u as useTabDirection};

dist/hooks/use-transition.d.ts

@@ -1,18 +0,12 @@
-import { MutableRefObject } from 'react';
-interface TransitionArgs {
-    container: MutableRefObject<HTMLElement | null>;
-    classes: MutableRefObject<{
-        enter: string[];
-        enterFrom: string[];
-        enterTo: string[];
-        leave: string[];
-        leaveFrom: string[];
-        leaveTo: string[];
-        entered: string[];
-    }>;
-    direction: 'enter' | 'leave' | 'idle';
-    onStart: MutableRefObject<(direction: TransitionArgs['direction']) => void>;
-    onStop: MutableRefObject<(direction: TransitionArgs['direction']) => void>;
-}
-export declare function useTransition({ container, direction, classes, onStart, onStop }: TransitionArgs): void;
+type TransitionData = {
+    closed?: boolean;
+    enter?: boolean;
+    leave?: boolean;
+    transition?: boolean;
+};
+export declare function transitionDataAttributes(data: TransitionData): Record<string, string>;
+export declare function useTransition(enabled: boolean, element: HTMLElement | null, show: boolean, events?: {
+    start?(show: boolean): void;
+    end?(show: boolean): void;
+}): [visible: boolean, data: TransitionData];
 export {};

dist/hooks/use-transition.js

@@ -1,1 +0,1 @@
-import{transition as d}from'../components/transitions/utils/transition.js';import{disposables as l}from'../utils/disposables.js';import{useDisposables as f}from'./use-disposables.js';import{useIsMounted as m}from'./use-is-mounted.js';import{useIsoMorphicEffect as p}from'./use-iso-morphic-effect.js';import{useLatestValue as b}from'./use-latest-value.js';function D({container:i,direction:t,classes:o,onStart:s,onStop:u}){let a=m(),c=f(),r=b(t);p(()=>{let e=l();c.add(e.dispose);let n=i.current;if(!!n&&r.current!=="idle"&&!!a.current)return e.dispose(),s.current(r.current),e.add(d(n,o.current,r.current==="enter",()=>{e.dispose(),u.current(r.current)})),e.dispose},[t])}export{D as useTransition};
+import{useRef as T,useState as b}from"react";import{disposables as m}from'../utils/disposables.js';import{once as E}from'../utils/once.js';import{useDisposables as S}from'./use-disposables.js';import{useFlags as g}from'./use-flags.js';import{useIsoMorphicEffect as L}from'./use-iso-morphic-effect.js';var y=(a=>(a[a.None=0]="None",a[a.Closed=1]="Closed",a[a.Enter=2]="Enter",a[a.Leave=4]="Leave",a))(y||{});function j(e){let i={};for(let t in e)e[t]===!0&&(i[`data-${t}`]="");return i}function x(e,i,t,r){let[a,u]=b(t),{hasFlag:d,addFlag:f,removeFlag:o}=g(e&&a?3:0),s=T(!1),n=T(!1),l=S();return L(()=>{var c;if(e){if(t&&u(!0),!i){t&&f(3);return}return(c=r==null?void 0:r.start)==null||c.call(r,t),C(i,{inFlight:s,prepare(){n.current?n.current=!1:n.current=s.current,s.current=!0,!n.current&&(t?(f(3),o(4)):(f(4),o(2)))},run(){n.current?t?(o(3),f(4)):(o(4),f(3)):t?o(1):f(1)},done(){var p;n.current&&typeof i.getAnimations=="function"&&i.getAnimations().length>0||(s.current=!1,o(7),t||u(!1),(p=r==null?void 0:r.end)==null||p.call(r,t))}})}},[e,t,i,l]),e?[a,{closed:d(1),enter:d(2),leave:d(4),transition:d(2)||d(4)}]:[t,{closed:void 0,enter:void 0,leave:void 0,transition:void 0}]}function C(e,{prepare:i,run:t,done:r,inFlight:a}){let u=m();return M(e,{prepare:i,inFlight:a}),u.nextFrame(()=>{u.add(D(e,r)),t()}),u.dispose}function D(e,i){let t=E(i),r=m();if(!e)return r.dispose;let{transitionDuration:a,transitionDelay:u}=getComputedStyle(e),[d,f]=[a,u].map(s=>{let[n=0]=s.split(",").filter(Boolean).map(l=>l.includes("ms")?parseFloat(l):parseFloat(l)*1e3).sort((l,c)=>c-l);return n}),o=d+f;if(o!==0){let s=r.group(n=>{let l=n.setTimeout(()=>{t(),n.dispose()},o);n.addEventListener(e,"transitionrun",c=>{c.target===c.currentTarget&&(l(),n.addEventListener(e,"transitioncancel",p=>{p.target===p.currentTarget&&(t(),s())}))})});r.addEventListener(e,"transitionend",n=>{n.target===n.currentTarget&&(t(),r.dispose())})}else t();return r.dispose}function M(e,{inFlight:i,prepare:t}){if(i!=null&&i.current){t();return}let r=e.style.transition;e.style.transition="none",t(),e.offsetHeight,e.style.transition=r}export{j as transitionDataAttributes,x as useTransition};

dist/hooks/use-tree-walker.d.ts

@@ -1,8 +0,7 @@
-declare type AcceptNode = (node: HTMLElement) => typeof NodeFilter.FILTER_ACCEPT | typeof NodeFilter.FILTER_SKIP | typeof NodeFilter.FILTER_REJECT;
-export declare function useTreeWalker({ container, accept, walk, enabled, }: {
+type AcceptNode = (node: HTMLElement) => typeof NodeFilter.FILTER_ACCEPT | typeof NodeFilter.FILTER_SKIP | typeof NodeFilter.FILTER_REJECT;
+export declare function useTreeWalker(enabled: boolean, { container, accept, walk, }: {
     container: HTMLElement | null;
     accept: AcceptNode;
     walk(node: HTMLElement): void;
-    enabled?: boolean;
 }): void;
 export {};

dist/hooks/use-tree-walker.js

@@ -1,1 +0,1 @@
-import{useRef as E,useEffect as m}from"react";import{useIsoMorphicEffect as T}from'./use-iso-morphic-effect.js';import{getOwnerDocument as N}from'../utils/owner.js';function F({container:e,accept:t,walk:r,enabled:c=!0}){let o=E(t),l=E(r);m(()=>{o.current=t,l.current=r},[t,r]),T(()=>{if(!e||!c)return;let n=N(e);if(!n)return;let f=o.current,p=l.current,d=Object.assign(i=>f(i),{acceptNode:f}),u=n.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,d,!1);for(;u.nextNode();)p(u.currentNode)},[e,c,o,l])}export{F as useTreeWalker};
+import{useEffect as T,useRef as E}from"react";import{getOwnerDocument as d}from'../utils/owner.js';import{useIsoMorphicEffect as N}from'./use-iso-morphic-effect.js';function F(c,{container:e,accept:t,walk:r}){let o=E(t),l=E(r);T(()=>{o.current=t,l.current=r},[t,r]),N(()=>{if(!e||!c)return;let n=d(e);if(!n)return;let f=o.current,p=l.current,i=Object.assign(m=>f(m),{acceptNode:f}),u=n.createTreeWalker(e,NodeFilter.SHOW_ELEMENT,i,!1);for(;u.nextNode();)p(u.currentNode)},[e,c,o,l])}export{F as useTreeWalker};

dist/hooks/use-watch.js

@@ -1,1 +0,1 @@
-import{useEffect as s,useRef as f}from"react";import{useEvent as i}from'./use-event.js';function m(u,t){let e=f([]),r=i(u);s(()=>{let o=[...e.current];for(let[n,a]of t.entries())if(e.current[n]!==a){let l=r(t,o);return e.current=t,l}},[r,...t])}export{m as useWatch};
+import{useEffect as f,useRef as s}from"react";import{useEvent as i}from'./use-event.js';function m(u,t){let e=s([]),r=i(u);f(()=>{let o=[...e.current];for(let[a,l]of t.entries())if(e.current[a]!==l){let n=r(t,o);return e.current=t,n}},[r,...t])}export{m as useWatch};

dist/hooks/use-window-event.d.ts

@@ -1,1 +0,1 @@
-export declare function useWindowEvent<TType extends keyof WindowEventMap>(type: TType, listener: (ev: WindowEventMap[TType]) => any, options?: boolean | AddEventListenerOptions): void;
+export declare function useWindowEvent<TType extends keyof WindowEventMap>(enabled: boolean, type: TType, listener: (ev: WindowEventMap[TType]) => any, options?: boolean | AddEventListenerOptions): void;

dist/hooks/use-window-event.js

@@ -1,1 +0,1 @@
-import{useEffect as d}from"react";import{useLatestValue as a}from'./use-latest-value.js';function s(e,r,n){let o=a(r);d(()=>{function t(i){o.current(i)}return window.addEventListener(e,t,n),()=>window.removeEventListener(e,t,n)},[e,n])}export{s as useWindowEvent};
+import{useEffect as a}from"react";import{useLatestValue as f}from'./use-latest-value.js';function s(t,e,o,n){let i=f(o);a(()=>{if(!t)return;function r(d){i.current(d)}return window.addEventListener(e,r,n),()=>window.removeEventListener(e,r,n)},[t,e,n])}export{s as useWindowEvent};

dist/index.d.ts

@@ -1,13 +0,25 @@
-import 'client-only';
+export * from './components/button/button.js';
+export * from './components/checkbox/checkbox.js';
+export * from './components/close-button/close-button.js';
 export * from './components/combobox/combobox.js';
+export * from './components/data-interactive/data-interactive.js';
+export { Description, type DescriptionProps } from './components/description/description.js';
 export * from './components/dialog/dialog.js';
 export * from './components/disclosure/disclosure.js';
+export * from './components/field/field.js';
+export * from './components/fieldset/fieldset.js';
 export * from './components/focus-trap/focus-trap.js';
+export * from './components/input/input.js';
+export { Label, type LabelProps } from './components/label/label.js';
+export * from './components/legend/legend.js';
 export * from './components/listbox/listbox.js';
 export * from './components/menu/menu.js';
 export * from './components/popover/popover.js';
-export * from './components/portal/portal.js';
+export { Portal } from './components/portal/portal.js';
 export * from './components/radio-group/radio-group.js';
+export * from './components/select/select.js';
 export * from './components/switch/switch.js';
 export * from './components/tabs/tabs.js';
-export * from './components/transitions/transition.js';
+export * from './components/textarea/textarea.js';
+export { useClose } from './internal/close-provider.js';
+export * from './components/transition/transition.js';

dist/index.js

@@ -1,1 +0,1 @@
-import"client-only";export*from'./components/combobox/combobox.js';export*from'./components/dialog/dialog.js';export*from'./components/disclosure/disclosure.js';export*from'./components/focus-trap/focus-trap.js';export*from'./components/listbox/listbox.js';export*from'./components/menu/menu.js';export*from'./components/popover/popover.js';export*from'./components/portal/portal.js';export*from'./components/radio-group/radio-group.js';export*from'./components/switch/switch.js';export*from'./components/tabs/tabs.js';export*from'./components/transitions/transition.js';
+export*from'./components/button/button.js';export*from'./components/checkbox/checkbox.js';export*from'./components/close-button/close-button.js';export*from'./components/combobox/combobox.js';export*from'./components/data-interactive/data-interactive.js';import{Description as x}from'./components/description/description.js';export*from'./components/dialog/dialog.js';export*from'./components/disclosure/disclosure.js';export*from'./components/field/field.js';export*from'./components/fieldset/fieldset.js';export*from'./components/focus-trap/focus-trap.js';export*from'./components/input/input.js';import{Label as n}from'./components/label/label.js';export*from'./components/legend/legend.js';export*from'./components/listbox/listbox.js';export*from'./components/menu/menu.js';export*from'./components/popover/popover.js';import{Portal as d}from'./components/portal/portal.js';export*from'./components/radio-group/radio-group.js';export*from'./components/select/select.js';export*from'./components/switch/switch.js';export*from'./components/tabs/tabs.js';export*from'./components/textarea/textarea.js';import{useClose as w}from'./internal/close-provider.js';export*from'./components/transition/transition.js';export{x as Description,n as Label,d as Portal,w as useClose};

dist/internal/focus-sentinel.d.ts

@@ -1,6 +0,6 @@
-/// <reference types="react" />
+import React from 'react';
 interface FocusSentinelProps {
     onFocus(): boolean;
 }
-export declare function FocusSentinel({ onFocus }: FocusSentinelProps): JSX.Element | null;
+export declare function FocusSentinel({ onFocus }: FocusSentinelProps): React.JSX.Element | null;
 export {};

dist/internal/focus-sentinel.js

@@ -1,1 +0,1 @@
-import i,{useState as s}from"react";import{Hidden as c,Features as l}from'./hidden.js';function p({onFocus:n}){let[r,o]=s(!0);return r?i.createElement(c,{as:"button",type:"button",features:l.Focusable,onFocus:a=>{a.preventDefault();let e,u=50;function t(){if(u--<=0){e&&cancelAnimationFrame(e);return}if(n()){o(!1),cancelAnimationFrame(e);return}e=requestAnimationFrame(t)}e=requestAnimationFrame(t)}}):null}export{p as FocusSentinel};
+import s,{useState as c}from"react";import{useIsMounted as m}from'../hooks/use-is-mounted.js';import{Hidden as f,HiddenFeatures as l}from'./hidden.js';function b({onFocus:n}){let[r,o]=c(!0),u=m();return r?s.createElement(f,{as:"button",type:"button",features:l.Focusable,onFocus:a=>{a.preventDefault();let e,i=50;function t(){if(i--<=0){e&&cancelAnimationFrame(e);return}if(n()){if(cancelAnimationFrame(e),!u.current)return;o(!1);return}e=requestAnimationFrame(t)}e=requestAnimationFrame(t)}}):null}export{b as FocusSentinel};

dist/internal/hidden.d.ts

@@ -1,4 +0,6 @@
-import { ElementType, Ref } from 'react';
-import { Props } from '../types.js';
-export declare enum Features {
+import type { ElementType, Ref } from 'react';
+import type { Props } from '../types.js';
+import { type HasDisplayName, type RefProp } from '../utils/render.js';
+declare let DEFAULT_VISUALLY_HIDDEN_TAG: "span";
+export declare enum HiddenFeatures {
     None = 1,
@@ -8,12 +10,12 @@ Focusable = 2,
 }
-export declare let Hidden: (<TTag extends ElementType<any> = "div">(props: Omit<import('../types.js').PropsOf<TTag>, "as" | "children" | "refName" | "className"> & {
-    as?: TTag | undefined;
-    children?: import("react").ReactNode | ((bag: {}) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>);
-    refName?: string | undefined;
-} & (true extends (import('../types.js').PropsOf<TTag> extends never ? never : "className" extends keyof import('../types.js').PropsOf<TTag> ? true : never) ? {
-    className?: import('../types.js').PropsOf<TTag>["className"] | ((bag: {}) => string) | undefined;
-} : {}) & {
-    features?: Features | undefined;
-}, ref: Ref<HTMLElement>) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null) & {
-    displayName: string;
-};
+type HiddenRenderPropArg = {};
+type HiddenPropsWeControl = never;
+export type HiddenProps<TTag extends ElementType = typeof DEFAULT_VISUALLY_HIDDEN_TAG> = Props<TTag, HiddenRenderPropArg, HiddenPropsWeControl, {
+    features?: HiddenFeatures;
+}>;
+declare function VisuallyHidden<TTag extends ElementType = typeof DEFAULT_VISUALLY_HIDDEN_TAG>(props: HiddenProps<TTag>, ref: Ref<HTMLElement>): import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
+interface ComponentHidden extends HasDisplayName {
+    <TTag extends ElementType = typeof DEFAULT_VISUALLY_HIDDEN_TAG>(props: HiddenProps<TTag> & RefProp<typeof VisuallyHidden>): JSX.Element;
+}
+export declare let Hidden: ComponentHidden;
+export {};

dist/internal/hidden.js

@@ -1,1 +0,1 @@
-import{forwardRefWithAs as i,render as n}from'../utils/render.js';let a="div";var s=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(s||{});let h=i(function(t,o){let{features:e=1,...r}=t,d={ref:o,"aria-hidden":(e&2)===2?!0:void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...(e&4)===4&&(e&2)!==2&&{display:"none"}}};return n({ourProps:d,theirProps:r,slot:{},defaultTag:a,name:"Hidden"})});export{s as Features,h as Hidden};
+import{forwardRefWithAs as i,render as p}from'../utils/render.js';let a="span";var s=(e=>(e[e.None=1]="None",e[e.Focusable=2]="Focusable",e[e.Hidden=4]="Hidden",e))(s||{});function l(t,r){var n;let{features:d=1,...e}=t,o={ref:r,"aria-hidden":(d&2)===2?!0:(n=e["aria-hidden"])!=null?n:void 0,hidden:(d&4)===4?!0:void 0,style:{position:"fixed",top:1,left:1,width:1,height:0,padding:0,margin:-1,overflow:"hidden",clip:"rect(0, 0, 0, 0)",whiteSpace:"nowrap",borderWidth:"0",...(d&4)===4&&(d&2)!==2&&{display:"none"}}};return p({ourProps:o,theirProps:e,slot:{},defaultTag:a,name:"Hidden"})}let T=i(l);export{T as Hidden,s as HiddenFeatures};

dist/internal/open-closed.d.ts

@@ -1,5 +0,7 @@
-import { ReactNode, ReactElement } from 'react';
+import React, { type ReactElement, type ReactNode } from 'react';
 export declare enum State {
-    Open = 0,
-    Closed = 1
+    Open = 1,
+    Closed = 2,
+    Closing = 4,
+    Opening = 8
 }
@@ -12,2 +14,5 @@ export declare function useOpenClosed(): State | null;
 export declare function OpenClosedProvider({ value, children }: Props): ReactElement;
+export declare function ResetOpenClosedProvider({ children }: {
+    children: React.ReactNode;
+}): ReactElement;
 export {};

dist/internal/open-closed.js

@@ -1,1 +0,1 @@
-import r,{createContext as l,useContext as d}from"react";let o=l(null);o.displayName="OpenClosedContext";var p=(e=>(e[e.Open=0]="Open",e[e.Closed=1]="Closed",e))(p||{});function s(){return d(o)}function C({value:t,children:n}){return r.createElement(o.Provider,{value:t},n)}export{C as OpenClosedProvider,p as State,s as useOpenClosed};
+import r,{createContext as l,useContext as d}from"react";let n=l(null);n.displayName="OpenClosedContext";var i=(e=>(e[e.Open=1]="Open",e[e.Closed=2]="Closed",e[e.Closing=4]="Closing",e[e.Opening=8]="Opening",e))(i||{});function u(){return d(n)}function c({value:o,children:t}){return r.createElement(n.Provider,{value:o},t)}function s({children:o}){return r.createElement(n.Provider,{value:null},o)}export{c as OpenClosedProvider,s as ResetOpenClosedProvider,i as State,u as useOpenClosed};

dist/internal/portal-force-root.d.ts

@@ -1,2 +0,2 @@
-import { ReactNode } from 'react';
+import React, { type ReactNode } from 'react';
 export declare function usePortalRoot(): boolean;
@@ -7,3 +7,3 @@ interface ForcePortalRootProps {
 }
-export declare function ForcePortalRoot(props: ForcePortalRootProps): JSX.Element;
+export declare function ForcePortalRoot(props: ForcePortalRootProps): React.JSX.Element;
 export {};

dist/internal/portal-force-root.js

@@ -1,1 +0,1 @@
-import t,{createContext as r,useContext as c}from"react";let e=r(!1);function l(){return c(e)}function P(o){return t.createElement(e.Provider,{value:o.force},o.children)}export{P as ForcePortalRoot,l as usePortalRoot};
+import t,{createContext as r,useContext as c}from"react";let e=r(!1);function a(){return c(e)}function l(o){return t.createElement(e.Provider,{value:o.force},o.children)}export{l as ForcePortalRoot,a as usePortalRoot};

dist/types.d.ts

@@ -1,12 +0,10 @@
-import { ReactNode, ReactElement, JSXElementConstructor } from 'react';
-export declare type ReactTag = keyof JSX.IntrinsicElements | JSXElementConstructor<any>;
-declare let __: "1D45E01E-AF44-47C4-988A-19A94EBAF55C";
-export declare type __ = typeof __;
-export declare type Expand<T> = T extends infer O ? {
+import type { JSXElementConstructor, ReactElement, ReactNode } from 'react';
+export type ReactTag = keyof JSX.IntrinsicElements | JSXElementConstructor<any>;
+export type Expand<T> = T extends infer O ? {
     [K in keyof O]: O[K];
 } : never;
-export declare type PropsOf<TTag extends ReactTag> = TTag extends React.ElementType ? React.ComponentProps<TTag> : never;
-declare type PropsWeControl = 'as' | 'children' | 'refName' | 'className';
-declare type CleanProps<TTag extends ReactTag, TOmitableProps extends PropertyKey = __> = TOmitableProps extends __ ? Omit<PropsOf<TTag>, PropsWeControl> : Omit<PropsOf<TTag>, TOmitableProps | PropsWeControl>;
-declare type OurProps<TTag extends ReactTag, TSlot> = {
+export type PropsOf<TTag extends ReactTag> = TTag extends React.ElementType ? Omit<React.ComponentProps<TTag>, 'ref'> : never;
+type PropsWeControl = 'as' | 'children' | 'refName' | 'className';
+type CleanProps<TTag extends ReactTag, TOmittableProps extends PropertyKey = never> = Omit<PropsOf<TTag>, TOmittableProps | PropsWeControl>;
+type OurProps<TTag extends ReactTag, TSlot> = {
     as?: TTag;
@@ -16,13 +14,8 @@ children?: ReactNode | ((bag: TSlot) => ReactElement);
 };
-declare type HasProperty<T extends object, K extends PropertyKey> = T extends never ? never : K extends keyof T ? true : never;
-declare type ClassNameOverride<TTag extends ReactTag, TSlot = {}> = true extends HasProperty<PropsOf<TTag>, 'className'> ? {
+type HasProperty<T extends object, K extends PropertyKey> = T extends never ? never : K extends keyof T ? true : never;
+type ClassNameOverride<TTag extends ReactTag, TSlot = {}> = true extends HasProperty<PropsOf<TTag>, 'className'> ? {
     className?: PropsOf<TTag>['className'] | ((bag: TSlot) => string);
 } : {};
-export declare type Props<TTag extends ReactTag, TSlot = {}, TOmitableProps extends PropertyKey = __> = CleanProps<TTag, TOmitableProps> & OurProps<TTag, TSlot> & ClassNameOverride<TTag, TSlot>;
-declare type Without<T, U> = {
-    [P in Exclude<keyof T, keyof U>]?: never;
-};
-export declare type XOR<T, U> = T | U extends __ ? never : T extends __ ? U : U extends __ ? T : T | U extends object ? (Without<T, U> & U) | (Without<U, T> & T) : T | U;
-export declare type ByComparator<T> = (keyof T & string) | ((a: T, b: T) => boolean);
-export declare type EnsureArray<T> = T extends any[] ? T : Expand<T>[];
+export type Props<TTag extends ReactTag, TSlot = {}, TOmittableProps extends PropertyKey = never, Overrides = {}> = CleanProps<TTag, TOmittableProps | keyof Overrides> & OurProps<TTag, TSlot> & ClassNameOverride<TTag, TSlot> & Overrides;
+export type EnsureArray<T> = T extends any[] ? T : Expand<T>[];
 export {};

dist/utils/calculate-active-index.d.ts

@@ -23,4 +23,4 @@ export declare enum Focus {
     resolveActiveIndex(): number | null;
-    resolveId(item: TItem): string;
-    resolveDisabled(item: TItem): boolean;
+    resolveId(item: TItem, index: number, items: TItem[]): string;
+    resolveDisabled(item: TItem, index: number, items: TItem[]): boolean;
 }): number | null;

dist/utils/calculate-active-index.js

@@ -1,1 +0,1 @@
-function f(r){throw new Error("Unexpected object: "+r)}var a=(e=>(e[e.First=0]="First",e[e.Previous=1]="Previous",e[e.Next=2]="Next",e[e.Last=3]="Last",e[e.Specific=4]="Specific",e[e.Nothing=5]="Nothing",e))(a||{});function x(r,n){let t=n.resolveItems();if(t.length<=0)return null;let l=n.resolveActiveIndex(),s=l!=null?l:-1,d=(()=>{switch(r.focus){case 0:return t.findIndex(e=>!n.resolveDisabled(e));case 1:{let e=t.slice().reverse().findIndex((i,c,u)=>s!==-1&&u.length-c-1>=s?!1:!n.resolveDisabled(i));return e===-1?e:t.length-1-e}case 2:return t.findIndex((e,i)=>i<=s?!1:!n.resolveDisabled(e));case 3:{let e=t.slice().reverse().findIndex(i=>!n.resolveDisabled(i));return e===-1?e:t.length-1-e}case 4:return t.findIndex(e=>n.resolveId(e)===r.id);case 5:return null;default:f(r)}})();return d===-1?l:d}export{a as Focus,x as calculateActiveIndex};
+function u(l){throw new Error("Unexpected object: "+l)}var c=(i=>(i[i.First=0]="First",i[i.Previous=1]="Previous",i[i.Next=2]="Next",i[i.Last=3]="Last",i[i.Specific=4]="Specific",i[i.Nothing=5]="Nothing",i))(c||{});function f(l,n){let t=n.resolveItems();if(t.length<=0)return null;let r=n.resolveActiveIndex(),s=r!=null?r:-1;switch(l.focus){case 0:{for(let e=0;e<t.length;++e)if(!n.resolveDisabled(t[e],e,t))return e;return r}case 1:{s===-1&&(s=t.length);for(let e=s-1;e>=0;--e)if(!n.resolveDisabled(t[e],e,t))return e;return r}case 2:{for(let e=s+1;e<t.length;++e)if(!n.resolveDisabled(t[e],e,t))return e;return r}case 3:{for(let e=t.length-1;e>=0;--e)if(!n.resolveDisabled(t[e],e,t))return e;return r}case 4:{for(let e=0;e<t.length;++e)if(n.resolveId(t[e],e,t)===l.id)return e;return r}case 5:return null;default:u(l)}}export{c as Focus,f as calculateActiveIndex};

dist/utils/class-names.js

@@ -1,1 +0,1 @@
-function e(...n){return n.filter(Boolean).join(" ")}export{e as classNames};
+function t(...r){return Array.from(new Set(r.flatMap(n=>typeof n=="string"?n.split(" "):[]))).filter(Boolean).join(" ")}export{t as classNames};

dist/utils/disposables.d.ts

@@ -1,5 +0,16 @@
-export declare type Disposables = ReturnType<typeof disposables>;
+export type Disposables = ReturnType<typeof disposables>;
+/**
+ * Disposables are a way to manage event handlers and functions like
+ * `setTimeout` and `requestAnimationFrame` that need to be cleaned up when they
+ * are no longer needed.
+ *
+ *
+ * When you register a disposable function, it is added to a collection of
+ * disposables. Each disposable in the collection provides a `dispose` clean up
+ * function that can be called when it's no longer needed. There is also a
+ * `dispose` function on the collection itself that can be used to clean up all
+ * pending disposables in that collection.
+ */
 export declare function disposables(): {
-    enqueue(fn: Function): void;
-    addEventListener<TEventName extends keyof WindowEventMap>(element: HTMLElement | Window | Document, name: TEventName, listener: (event: WindowEventMap[TEventName]) => any, options?: boolean | AddEventListenerOptions | undefined): () => void;
+    addEventListener<TEventName extends keyof WindowEventMap>(element: HTMLElement | Window | Document, name: TEventName, listener: (event: WindowEventMap[TEventName]) => any, options?: boolean | AddEventListenerOptions): () => void;
     requestAnimationFrame(callback: FrameRequestCallback): () => void;
@@ -9,6 +20,6 @@ nextFrame(callback: FrameRequestCallback): () => void;
     microTask(cb: () => void): () => void;
+    style(node: HTMLElement, property: string, value: string): () => void;
+    group(cb: (d: typeof this) => void): () => void;
     add(cb: () => void): () => void;
     dispose(): void;
-    workQueue(): Promise<void>;
-    style(node: HTMLElement, property: string, value: string): () => void;
 };

dist/utils/disposables.js

@@ -1,1 +0,1 @@
-import{microTask as o}from'./micro-task.js';function m(){let a=[],i=[],r={enqueue(e){i.push(e)},addEventListener(e,t,n,s){return e.addEventListener(t,n,s),r.add(()=>e.removeEventListener(t,n,s))},requestAnimationFrame(...e){let t=requestAnimationFrame(...e);return r.add(()=>cancelAnimationFrame(t))},nextFrame(...e){return r.requestAnimationFrame(()=>r.requestAnimationFrame(...e))},setTimeout(...e){let t=setTimeout(...e);return r.add(()=>clearTimeout(t))},microTask(...e){let t={current:!0};return o(()=>{t.current&&e[0]()}),r.add(()=>{t.current=!1})},add(e){return a.push(e),()=>{let t=a.indexOf(e);if(t>=0){let[n]=a.splice(t,1);n()}}},dispose(){for(let e of a.splice(0))e()},async workQueue(){for(let e of i.splice(0))await e()},style(e,t,n){let s=e.style.getPropertyValue(t);return Object.assign(e.style,{[t]:n}),this.add(()=>{Object.assign(e.style,{[t]:s})})}};return r}export{m as disposables};
+import{microTask as i}from'./micro-task.js';function o(){let n=[],r={addEventListener(e,t,s,a){return e.addEventListener(t,s,a),r.add(()=>e.removeEventListener(t,s,a))},requestAnimationFrame(...e){let t=requestAnimationFrame(...e);return r.add(()=>cancelAnimationFrame(t))},nextFrame(...e){return r.requestAnimationFrame(()=>r.requestAnimationFrame(...e))},setTimeout(...e){let t=setTimeout(...e);return r.add(()=>clearTimeout(t))},microTask(...e){let t={current:!0};return i(()=>{t.current&&e[0]()}),r.add(()=>{t.current=!1})},style(e,t,s){let a=e.style.getPropertyValue(t);return Object.assign(e.style,{[t]:s}),this.add(()=>{Object.assign(e.style,{[t]:a})})},group(e){let t=o();return e(t),this.add(()=>t.dispose())},add(e){return n.includes(e)||n.push(e),()=>{let t=n.indexOf(e);if(t>=0)for(let s of n.splice(t,1))s()}},dispose(){for(let e of n.splice(0))e()}};return r}export{o as disposables};

dist/utils/env.d.ts

@@ -1,3 +0,3 @@
-declare type RenderEnv = 'client' | 'server';
-declare type HandoffState = 'pending' | 'complete';
+type RenderEnv = 'client' | 'server';
+type HandoffState = 'pending' | 'complete';
 declare class Env {
@@ -4,0 +4,0 @@ current: RenderEnv;

dist/utils/focus-management.d.ts

@@ -0,1 +1,3 @@
+import type { MutableRefObject } from 'react';
+export declare let focusableSelector: string;
 export declare enum Focus {
@@ -13,3 +15,5 @@ /** Focus the first non-disabled element */
     /** Prevent scrolling the focusable elements into view */
-    NoScroll = 32
+    NoScroll = 32,
+    /** Focus the first focusable element with the `data-autofocus` attribute. */
+    AutoFocus = 64
 }
@@ -27,2 +31,3 @@ export declare enum FocusResult {
 export declare function getFocusableElements(container?: HTMLElement | null): HTMLElement[];
+export declare function getAutoFocusableElements(container?: HTMLElement | null): HTMLElement[];
 export declare enum FocusableMode {
@@ -42,3 +47,3 @@ /** The element itself must be focusable. */
     relativeTo: HTMLElement | null;
-    skipElements: HTMLElement[];
+    skipElements: (HTMLElement | MutableRefObject<HTMLElement | null>)[];
 }>): FocusResult;

dist/utils/focus-management.js

@@ -1,1 +0,1 @@
-import{disposables as b}from'./disposables.js';import{match as M}from'./match.js';import{getOwnerDocument as m}from'./owner.js';let f=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map(e=>`${e}:not([tabindex='-1'])`).join(",");var L=(r=>(r[r.First=1]="First",r[r.Previous=2]="Previous",r[r.Next=4]="Next",r[r.Last=8]="Last",r[r.WrapAround=16]="WrapAround",r[r.NoScroll=32]="NoScroll",r))(L||{}),N=(o=>(o[o.Error=0]="Error",o[o.Overflow=1]="Overflow",o[o.Success=2]="Success",o[o.Underflow=3]="Underflow",o))(N||{}),T=(n=>(n[n.Previous=-1]="Previous",n[n.Next=1]="Next",n))(T||{});function E(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(f)).sort((t,n)=>Math.sign((t.tabIndex||Number.MAX_SAFE_INTEGER)-(n.tabIndex||Number.MAX_SAFE_INTEGER)))}var F=(n=>(n[n.Strict=0]="Strict",n[n.Loose=1]="Loose",n))(F||{});function h(e,t=0){var n;return e===((n=m(e))==null?void 0:n.body)?!1:M(t,{[0](){return e.matches(f)},[1](){let l=e;for(;l!==null;){if(l.matches(f))return!0;l=l.parentElement}return!1}})}function g(e){let t=m(e);b().nextFrame(()=>{t&&!h(t.activeElement,0)&&S(e)})}function S(e){e==null||e.focus({preventScroll:!0})}let H=["textarea","input"].join(",");function w(e){var t,n;return(n=(t=e==null?void 0:e.matches)==null?void 0:t.call(e,H))!=null?n:!1}function A(e,t=n=>n){return e.slice().sort((n,l)=>{let o=t(n),i=t(l);if(o===null||i===null)return 0;let r=o.compareDocumentPosition(i);return r&Node.DOCUMENT_POSITION_FOLLOWING?-1:r&Node.DOCUMENT_POSITION_PRECEDING?1:0})}function v(e,t){return I(E(),t,{relativeTo:e})}function I(e,t,{sorted:n=!0,relativeTo:l=null,skipElements:o=[]}={}){let i=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e.ownerDocument,r=Array.isArray(e)?n?A(e):e:E(e);o.length>0&&r.length>1&&(r=r.filter(s=>!o.includes(s))),l=l!=null?l:i.activeElement;let d=(()=>{if(t&5)return 1;if(t&10)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),x=(()=>{if(t&1)return 0;if(t&2)return Math.max(0,r.indexOf(l))-1;if(t&4)return Math.max(0,r.indexOf(l))+1;if(t&8)return r.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),p=t&32?{preventScroll:!0}:{},c=0,a=r.length,u;do{if(c>=a||c+a<=0)return 0;let s=x+c;if(t&16)s=(s+a)%a;else{if(s<0)return 3;if(s>=a)return 1}u=r[s],u==null||u.focus(p),c+=d}while(u!==i.activeElement);return t&6&&w(u)&&u.select(),u.hasAttribute("tabindex")||u.setAttribute("tabindex","0"),2}export{L as Focus,N as FocusResult,F as FocusableMode,S as focusElement,v as focusFrom,I as focusIn,E as getFocusableElements,h as isFocusableElement,g as restoreFocusIfNecessary,A as sortByDomNode};
+import{disposables as N}from'./disposables.js';import{match as L}from'./match.js';import{getOwnerDocument as E}from'./owner.js';let f=["[contentEditable=true]","[tabindex]","a[href]","area[href]","button:not([disabled])","iframe","input:not([disabled])","select:not([disabled])","textarea:not([disabled])"].map(e=>`${e}:not([tabindex='-1'])`).join(","),p=["[data-autofocus]"].map(e=>`${e}:not([tabindex='-1'])`).join(",");var F=(n=>(n[n.First=1]="First",n[n.Previous=2]="Previous",n[n.Next=4]="Next",n[n.Last=8]="Last",n[n.WrapAround=16]="WrapAround",n[n.NoScroll=32]="NoScroll",n[n.AutoFocus=64]="AutoFocus",n))(F||{}),T=(o=>(o[o.Error=0]="Error",o[o.Overflow=1]="Overflow",o[o.Success=2]="Success",o[o.Underflow=3]="Underflow",o))(T||{}),y=(t=>(t[t.Previous=-1]="Previous",t[t.Next=1]="Next",t))(y||{});function b(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(f)).sort((r,t)=>Math.sign((r.tabIndex||Number.MAX_SAFE_INTEGER)-(t.tabIndex||Number.MAX_SAFE_INTEGER)))}function S(e=document.body){return e==null?[]:Array.from(e.querySelectorAll(p)).sort((r,t)=>Math.sign((r.tabIndex||Number.MAX_SAFE_INTEGER)-(t.tabIndex||Number.MAX_SAFE_INTEGER)))}var h=(t=>(t[t.Strict=0]="Strict",t[t.Loose=1]="Loose",t))(h||{});function A(e,r=0){var t;return e===((t=E(e))==null?void 0:t.body)?!1:L(r,{[0](){return e.matches(f)},[1](){let u=e;for(;u!==null;){if(u.matches(f))return!0;u=u.parentElement}return!1}})}function G(e){let r=E(e);N().nextFrame(()=>{r&&!A(r.activeElement,0)&&I(e)})}var H=(t=>(t[t.Keyboard=0]="Keyboard",t[t.Mouse=1]="Mouse",t))(H||{});typeof window!="undefined"&&typeof document!="undefined"&&(document.addEventListener("keydown",e=>{e.metaKey||e.altKey||e.ctrlKey||(document.documentElement.dataset.headlessuiFocusVisible="")},!0),document.addEventListener("click",e=>{e.detail===1?delete document.documentElement.dataset.headlessuiFocusVisible:e.detail===0&&(document.documentElement.dataset.headlessuiFocusVisible="")},!0));function I(e){e==null||e.focus({preventScroll:!0})}let w=["textarea","input"].join(",");function O(e){var r,t;return(t=(r=e==null?void 0:e.matches)==null?void 0:r.call(e,w))!=null?t:!1}function _(e,r=t=>t){return e.slice().sort((t,u)=>{let o=r(t),c=r(u);if(o===null||c===null)return 0;let l=o.compareDocumentPosition(c);return l&Node.DOCUMENT_POSITION_FOLLOWING?-1:l&Node.DOCUMENT_POSITION_PRECEDING?1:0})}function j(e,r){return P(b(),r,{relativeTo:e})}function P(e,r,{sorted:t=!0,relativeTo:u=null,skipElements:o=[]}={}){let c=Array.isArray(e)?e.length>0?e[0].ownerDocument:document:e.ownerDocument,l=Array.isArray(e)?t?_(e):e:r&64?S(e):b(e);o.length>0&&l.length>1&&(l=l.filter(s=>!o.some(a=>a!=null&&"current"in a?(a==null?void 0:a.current)===s:a===s))),u=u!=null?u:c.activeElement;let n=(()=>{if(r&5)return 1;if(r&10)return-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),x=(()=>{if(r&1)return 0;if(r&2)return Math.max(0,l.indexOf(u))-1;if(r&4)return Math.max(0,l.indexOf(u))+1;if(r&8)return l.length-1;throw new Error("Missing Focus.First, Focus.Previous, Focus.Next or Focus.Last")})(),M=r&32?{preventScroll:!0}:{},m=0,d=l.length,i;do{if(m>=d||m+d<=0)return 0;let s=x+m;if(r&16)s=(s+d)%d;else{if(s<0)return 3;if(s>=d)return 1}i=l[s],i==null||i.focus(M),m+=n}while(i!==c.activeElement);return r&6&&O(i)&&i.select(),2}export{F as Focus,T as FocusResult,h as FocusableMode,I as focusElement,j as focusFrom,P as focusIn,f as focusableSelector,S as getAutoFocusableElements,b as getFocusableElements,A as isFocusableElement,G as restoreFocusIfNecessary,_ as sortByDomNode};

dist/utils/form.d.ts

@@ -1,4 +0,4 @@
-declare type Entries = [string, string][];
+type Entries = [string, string][];
 export declare function objectToFormEntries(source?: Record<string, any>, parentKey?: string | null, entries?: Entries): Entries;
-export declare function attemptSubmit(element: HTMLElement): void;
+export declare function attemptSubmit(elementInForm: HTMLElement): void;
 export {};

dist/utils/form.js

@@ -1,1 +0,1 @@
-function e(n={},r=null,t=[]){for(let[i,o]of Object.entries(n))f(t,s(r,i),o);return t}function s(n,r){return n?n+"["+r+"]":r}function f(n,r,t){if(Array.isArray(t))for(let[i,o]of t.entries())f(n,s(r,i.toString()),o);else t instanceof Date?n.push([r,t.toISOString()]):typeof t=="boolean"?n.push([r,t?"1":"0"]):typeof t=="string"?n.push([r,t]):typeof t=="number"?n.push([r,`${t}`]):t==null?n.push([r,""]):e(t,r,n)}function p(n){var t;let r=(t=n==null?void 0:n.form)!=null?t:n.closest("form");if(!!r){for(let i of r.elements)if(i.tagName==="INPUT"&&i.type==="submit"||i.tagName==="BUTTON"&&i.type==="submit"||i.nodeName==="INPUT"&&i.type==="image"){i.click();return}}}export{p as attemptSubmit,e as objectToFormEntries};
+function e(i={},s=null,t=[]){for(let[r,n]of Object.entries(i))o(t,f(s,r),n);return t}function f(i,s){return i?i+"["+s+"]":s}function o(i,s,t){if(Array.isArray(t))for(let[r,n]of t.entries())o(i,f(s,r.toString()),n);else t instanceof Date?i.push([s,t.toISOString()]):typeof t=="boolean"?i.push([s,t?"1":"0"]):typeof t=="string"?i.push([s,t]):typeof t=="number"?i.push([s,`${t}`]):t==null?i.push([s,""]):e(t,s,i)}function p(i){var t,r;let s=(t=i==null?void 0:i.form)!=null?t:i.closest("form");if(s){for(let n of s.elements)if(n!==i&&(n.tagName==="INPUT"&&n.type==="submit"||n.tagName==="BUTTON"&&n.type==="submit"||n.nodeName==="INPUT"&&n.type==="image")){n.click();return}(r=s.requestSubmit)==null||r.call(s)}}export{p as attemptSubmit,e as objectToFormEntries};

dist/utils/owner.d.ts

@@ -1,2 +0,2 @@
-import { MutableRefObject } from 'react';
+import type { MutableRefObject } from 'react';
 export declare function getOwnerDocument<T extends Element | MutableRefObject<Element | null>>(element: T | null | undefined): Document | null;

dist/utils/owner.js

@@ -1,1 +0,1 @@
-import{env as n}from'./env.js';function e(r){return n.isServer?null:r instanceof Node?r.ownerDocument:r!=null&&r.hasOwnProperty("current")&&r.current instanceof Node?r.current.ownerDocument:document}export{e as getOwnerDocument};
+import{env as n}from'./env.js';function u(r){return n.isServer?null:r instanceof Node?r.ownerDocument:r!=null&&r.hasOwnProperty("current")&&r.current instanceof Node?r.current.ownerDocument:document}export{u as getOwnerDocument};

dist/utils/platform.d.ts

 export declare function isIOS(): boolean;
+export declare function isAndroid(): boolean;
+export declare function isMobile(): boolean;

dist/utils/platform.js

@@ -1,1 +0,1 @@
-function o(){return/iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0}export{o as isIOS};
+function t(){return/iPhone/gi.test(window.navigator.platform)||/Mac/gi.test(window.navigator.platform)&&window.navigator.maxTouchPoints>0}function i(){return/Android/gi.test(window.navigator.userAgent)}function n(){return t()||i()}export{i as isAndroid,t as isIOS,n as isMobile};

dist/utils/render.d.ts

@@ -1,4 +0,4 @@
-import { ElementType, ReactElement } from 'react';
-import { Props, XOR, __, Expand } from '../types.js';
-export declare enum Features {
+import { type ElementType, type ReactElement, type Ref } from 'react';
+import type { Expand, Props } from '../types.js';
+export declare enum RenderFeatures {
     /** No features at all */
@@ -24,12 +24,13 @@ None = 0,
 }
-declare type PropsForFeature<TPassedInFeatures extends Features, TForFeature extends Features, TProps> = {
-    [P in TPassedInFeatures]: P extends TForFeature ? TProps : __;
-}[TPassedInFeatures];
-export declare type PropsForFeatures<T extends Features> = XOR<PropsForFeature<T, Features.Static, {
+type UnionToIntersection<T> = (T extends any ? (x: T) => any : never) extends (x: infer R) => any ? R : never;
+type PropsForFeature<TPassedInFeatures extends RenderFeatures, TForFeature extends RenderFeatures, TProps> = TPassedInFeatures extends TForFeature ? TProps : {};
+export type PropsForFeatures<T extends RenderFeatures> = Expand<UnionToIntersection<PropsForFeature<T, RenderFeatures.Static, {
     static?: boolean;
-}>, PropsForFeature<T, Features.RenderStrategy, {
+}> | PropsForFeature<T, RenderFeatures.RenderStrategy, {
     unmount?: boolean;
-}>>;
-export declare function render<TFeature extends Features, TTag extends ElementType, TSlot>({ ourProps, theirProps, slot, defaultTag, features, visible, name, }: {
-    ourProps: Expand<Props<TTag, TSlot, any> & PropsForFeatures<TFeature>>;
+}>>>;
+export declare function render<TFeature extends RenderFeatures, TTag extends ElementType, TSlot>({ ourProps, theirProps, slot, defaultTag, features, visible, name, mergeRefs, }: {
+    ourProps: Expand<Props<TTag, TSlot, any> & PropsForFeatures<TFeature>> & {
+        ref?: Ref<HTMLElement | ElementType>;
+    };
     theirProps: Expand<Props<TTag, TSlot, any>>;
@@ -41,4 +42,26 @@ slot?: TSlot;
     name: string;
+    mergeRefs?: ReturnType<typeof useMergeRefsFn>;
 }): ReactElement<any, string | import("react").JSXElementConstructor<any>> | null;
 /**
+ * This is a singleton hook. **You can ONLY call the returned
+ * function *once* to produce expected results.** If you need
+ * to call `mergeRefs()` multiple times you need to create a
+ * separate function for each invocation. This happens as we
+ * store the list of `refs` to update and always return the
+ * same function that refers to that list of refs.
+ *
+ * You shouldn't normally read refs during render but this
+ * should actually be okay because React itself is calling
+ * the `function` that updates these refs and can only do
+ * so once the ref that contains the list is updated.
+ */
+export declare function useMergeRefsFn(): (...refs: any[]) => ((value: any) => void) | undefined;
+export type HasDisplayName = {
+    displayName: string;
+};
+export type RefProp<T extends Function> = T extends (props: any, ref: Ref<infer RefType>) => any ? {
+    ref?: Ref<RefType>;
+} : never;
+export declare function mergeProps<T extends Props<any, any>[]>(...listOfProps: T): Props<any, any>;
+/**
  * This is a hack, but basically we want to keep the full 'API' of the component, but we do want to
@@ -45,0 +68,0 @@ * wrap it in a forwardRef so that we _can_ passthrough the ref

dist/utils/render.js

@@ -1,4 +0,4 @@
-import{Fragment as g,cloneElement as b,createElement as E,forwardRef as x,isValidElement as N}from"react";import{classNames as R}from'./class-names.js';import{match as S}from'./match.js';var j=(a=>(a[a.None=0]="None",a[a.RenderStrategy=1]="RenderStrategy",a[a.Static=2]="Static",a))(j||{}),w=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(w||{});function X({ourProps:r,theirProps:t,slot:e,defaultTag:a,features:s,visible:n=!0,name:l}){let o=h(t,r);if(n)return m(o,e,a,l);let u=s!=null?s:0;if(u&2){let{static:i=!1,...d}=o;if(i)return m(d,e,a,l)}if(u&1){let{unmount:i=!0,...d}=o;return S(i?0:1,{[0](){return null},[1](){return m({...d,hidden:!0,style:{display:"none"}},e,a,l)}})}return m(o,e,a,l)}function m(r,t={},e,a){var y;let{as:s=e,children:n,refName:l="ref",...o}=T(r,["unmount","static"]),u=r.ref!==void 0?{[l]:r.ref}:{},i=typeof n=="function"?n(t):n;o.className&&typeof o.className=="function"&&(o.className=o.className(t));let d={};if(t){let f=!1,c=[];for(let[p,F]of Object.entries(t))typeof F=="boolean"&&(f=!0),F===!0&&c.push(p);f&&(d["data-headlessui-state"]=c.join(" "))}if(s===g&&Object.keys(P(o)).length>0){if(!N(i)||Array.isArray(i)&&i.length>1)throw new Error(['Passing props on "Fragment"!',"",`The current component <${a} /> is rendering a "Fragment".`,"However we need to passthrough the following props:",Object.keys(o).map(p=>`  - ${p}`).join(`
-`),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".',"Render a single element as the child so that we can forward the props onto that element."].map(p=>`  - ${p}`).join(`
+import{Fragment as R,cloneElement as P,createElement as E,forwardRef as j,isValidElement as v,useCallback as S,useRef as w}from"react";import{classNames as x}from'./class-names.js';import{match as k}from'./match.js';var M=(a=>(a[a.None=0]="None",a[a.RenderStrategy=1]="RenderStrategy",a[a.Static=2]="Static",a))(M||{}),O=(e=>(e[e.Unmount=0]="Unmount",e[e.Hidden=1]="Hidden",e))(O||{});function H({ourProps:r,theirProps:n,slot:e,defaultTag:a,features:s,visible:t=!0,name:l,mergeRefs:i}){i=i!=null?i:A;let o=N(n,r);if(t)return b(o,e,a,l,i);let y=s!=null?s:0;if(y&2){let{static:f=!1,...u}=o;if(f)return b(u,e,a,l,i)}if(y&1){let{unmount:f=!0,...u}=o;return k(f?0:1,{[0](){return null},[1](){return b({...u,hidden:!0,style:{display:"none"}},e,a,l,i)}})}return b(o,e,a,l,i)}function b(r,n={},e,a,s){let{as:t=e,children:l,refName:i="ref",...o}=h(r,["unmount","static"]),y=r.ref!==void 0?{[i]:r.ref}:{},f=typeof l=="function"?l(n):l;"className"in o&&o.className&&typeof o.className=="function"&&(o.className=o.className(n)),o["aria-labelledby"]&&o["aria-labelledby"]===o.id&&(o["aria-labelledby"]=void 0);let u={};if(n){let d=!1,p=[];for(let[c,T]of Object.entries(n))typeof T=="boolean"&&(d=!0),T===!0&&p.push(c.replace(/([A-Z])/g,g=>`-${g.toLowerCase()}`));if(d){u["data-headlessui-state"]=p.join(" ");for(let c of p)u[`data-${c}`]=""}}if(t===R&&(Object.keys(m(o)).length>0||Object.keys(m(u)).length>0))if(!v(f)||Array.isArray(f)&&f.length>1){if(Object.keys(m(o)).length>0)throw new Error(['Passing props on "Fragment"!',"",`The current component <${a} /> is rendering a "Fragment".`,"However we need to passthrough the following props:",Object.keys(m(o)).concat(Object.keys(m(u))).map(d=>`  - ${d}`).join(`
+`),"","You can apply a few solutions:",['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".',"Render a single element as the child so that we can forward the props onto that element."].map(d=>`  - ${d}`).join(`
 `)].join(`
-`));let f=R((y=i.props)==null?void 0:y.className,o.className),c=f?{className:f}:{};return b(i,Object.assign({},h(i.props,P(T(o,["ref"]))),d,u,O(i.ref,u.ref),c))}return E(s,Object.assign({},T(o,["ref"]),s!==g&&u,s!==g&&d),i)}function O(...r){return{ref:r.every(t=>t==null)?void 0:t=>{for(let e of r)e!=null&&(typeof e=="function"?e(t):e.current=t)}}}function h(...r){var a;if(r.length===0)return{};if(r.length===1)return r[0];let t={},e={};for(let s of r)for(let n in s)n.startsWith("on")&&typeof s[n]=="function"?((a=e[n])!=null||(e[n]=[]),e[n].push(s[n])):t[n]=s[n];if(t.disabled||t["aria-disabled"])return Object.assign(t,Object.fromEntries(Object.keys(e).map(s=>[s,void 0])));for(let s in e)Object.assign(t,{[s](n,...l){let o=e[s];for(let u of o){if((n instanceof Event||(n==null?void 0:n.nativeEvent)instanceof Event)&&n.defaultPrevented)return;u(n,...l)}}});return t}function V(r){var t;return Object.assign(x(r),{displayName:(t=r.displayName)!=null?t:r.name})}function P(r){let t=Object.assign({},r);for(let e in t)t[e]===void 0&&delete t[e];return t}function T(r,t=[]){let e=Object.assign({},r);for(let a of t)a in e&&delete e[a];return e}export{j as Features,w as RenderStrategy,P as compact,V as forwardRefWithAs,X as render};
+`))}else{let d=f.props,p=d==null?void 0:d.className,c=typeof p=="function"?(...F)=>x(p(...F),o.className):x(p,o.className),T=c?{className:c}:{},g=N(f.props,m(h(o,["ref"])));for(let F in u)F in g&&delete u[F];return P(f,Object.assign({},g,u,y,{ref:s(f.ref,y.ref)},T))}return E(t,Object.assign({},h(o,["ref"]),t!==R&&y,t!==R&&u),f)}function I(){let r=w([]),n=S(e=>{for(let a of r.current)a!=null&&(typeof a=="function"?a(e):a.current=e)},[]);return(...e)=>{if(!e.every(a=>a==null))return r.current=e,n}}function A(...r){return r.every(n=>n==null)?void 0:n=>{for(let e of r)e!=null&&(typeof e=="function"?e(n):e.current=n)}}function N(...r){var a;if(r.length===0)return{};if(r.length===1)return r[0];let n={},e={};for(let s of r)for(let t in s)t.startsWith("on")&&typeof s[t]=="function"?((a=e[t])!=null||(e[t]=[]),e[t].push(s[t])):n[t]=s[t];if(n.disabled||n["aria-disabled"])for(let s in e)/^(on(?:Click|Pointer|Mouse|Key)(?:Down|Up|Press)?)$/.test(s)&&(e[s]=[t=>{var l;return(l=t==null?void 0:t.preventDefault)==null?void 0:l.call(t)}]);for(let s in e)Object.assign(n,{[s](t,...l){let i=e[s];for(let o of i){if((t instanceof Event||(t==null?void 0:t.nativeEvent)instanceof Event)&&t.defaultPrevented)return;o(t,...l)}}});return n}function D(...r){var a;if(r.length===0)return{};if(r.length===1)return r[0];let n={},e={};for(let s of r)for(let t in s)t.startsWith("on")&&typeof s[t]=="function"?((a=e[t])!=null||(e[t]=[]),e[t].push(s[t])):n[t]=s[t];for(let s in e)Object.assign(n,{[s](...t){let l=e[s];for(let i of l)i==null||i(...t)}});return n}function W(r){var n;return Object.assign(j(r),{displayName:(n=r.displayName)!=null?n:r.name})}function m(r){let n=Object.assign({},r);for(let e in n)n[e]===void 0&&delete n[e];return n}function h(r,n=[]){let e=Object.assign({},r);for(let a of n)a in e&&delete e[a];return e}export{M as RenderFeatures,O as RenderStrategy,m as compact,W as forwardRefWithAs,D as mergeProps,H as render,I as useMergeRefsFn};

dist/utils/stable-collection.d.ts

 import * as React from 'react';
 export declare function StableCollection({ children }: {
     children: React.ReactNode | React.ReactNode[];
-}): JSX.Element;
+}): React.JSX.Element;
 export declare function useStableCollectionIndex(group: string): number;

dist/utils/stable-collection.js

@@ -1,1 +0,1 @@
-import*as r from"react";const s=r.createContext(null);function a(){return{groups:new Map,get(n,t){var c;let e=this.groups.get(n);e||(e=new Map,this.groups.set(n,e));let l=(c=e.get(t))!=null?c:0;e.set(t,l+1);let o=Array.from(e.keys()).indexOf(t);function i(){let u=e.get(t);u>1?e.set(t,u-1):e.delete(t)}return[o,i]}}}function C({children:n}){let t=r.useRef(a());return r.createElement(s.Provider,{value:t},n)}function d(n){let t=r.useContext(s);if(!t)throw new Error("You must wrap your component in a <StableCollection>");let e=f(),[l,o]=t.current.get(n,e);return r.useEffect(()=>o,[]),l}function f(){var l,o,i;let n=(i=(o=(l=r.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED)==null?void 0:l.ReactCurrentOwner)==null?void 0:o.current)!=null?i:null;if(!n)return Symbol();let t=[],e=n;for(;e;)t.push(e.index),e=e.return;return"$."+t.join(".")}export{C as StableCollection,d as useStableCollectionIndex};
+import*as l from"react";const s=l.createContext(null);function a(){return{groups:new Map,get(o,e){var i;let t=this.groups.get(o);t||(t=new Map,this.groups.set(o,t));let n=(i=t.get(e))!=null?i:0;t.set(e,n+1);let r=Array.from(t.keys()).indexOf(e);function u(){let c=t.get(e);c>1?t.set(e,c-1):t.delete(e)}return[r,u]}}}function f({children:o}){let e=l.useRef(a());return l.createElement(s.Provider,{value:e},o)}function C(o){let e=l.useContext(s);if(!e)throw new Error("You must wrap your component in a <StableCollection>");let t=l.useId(),[n,r]=e.current.get(o,t);return l.useEffect(()=>r,[]),n}export{f as StableCollection,C as useStableCollectionIndex};

dist/utils/store.d.ts

@@ -1,5 +0,5 @@
-declare type ChangeFn = () => void;
-declare type UnsubscribeFn = () => void;
-declare type ActionFn<T> = (this: T, ...args: any[]) => T | void;
-declare type StoreActions<Key extends string, T> = Record<Key, ActionFn<T>>;
+type ChangeFn = () => void;
+type UnsubscribeFn = () => void;
+type ActionFn<T> = (this: T, ...args: any[]) => T | void;
+type StoreActions<Key extends string, T> = Record<Key, ActionFn<T>>;
 export interface Store<T, ActionKey extends string> {
@@ -6,0 +6,0 @@ getSnapshot(): T;

package.json

 {
   "name": "@headlessui/react",
-  "version": "0.0.0-insiders.2f99644",
+  "version": "0.0.0-insiders.2ff8458",
   "description": "A set of completely unstyled, fully accessible UI components for React, designed to integrate beautifully with Tailwind CSS.",
@@ -14,5 +14,8 @@ "main": "dist/index.cjs",
   "exports": {
+    "types": {
+      "import": "./dist/index.d.ts",
+      "require": "./dist/index.d.cts"
+    },
     "import": "./dist/headlessui.esm.js",
-    "require": "./dist/index.cjs",
-    "types": "./dist/index.d.ts"
+    "require": "./dist/index.cjs"
   },
@@ -38,21 +41,24 @@ "type": "module",
     "lint": "../../scripts/lint.sh",
-    "playground": "yarn workspace playground-react dev",
+    "lint-types": "npm run attw -P --workspaces --if-present",
+    "playground": "npm run dev --workspace=playground-react",
     "clean": "rimraf ./dist"
   },
   "peerDependencies": {
-    "react": "^16 || ^17 || ^18",
-    "react-dom": "^16 || ^17 || ^18"
+    "react": "^18",
+    "react-dom": "^18"
   },
   "devDependencies": {
-    "@testing-library/react": "^13.0.0",
-    "@types/react": "^17.0.43",
-    "@types/react-dom": "^17.0.14",
-    "esbuild": "^0.11.18",
-    "react": "^18.0.0",
-    "react-dom": "^18.0.0",
-    "snapshot-diff": "^0.8.1"
+    "@testing-library/react": "^15.0.7",
+    "@types/react": "^18.3.3",
+    "@types/react-dom": "^18.3.0",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "snapshot-diff": "^0.10.0"
   },
   "dependencies": {
-    "client-only": "^0.0.1"
+    "@floating-ui/react": "^0.26.16",
+    "@react-aria/focus": "^3.17.1",
+    "@react-aria/interactions": "^3.21.3",
+    "@tanstack/react-virtual": "^3.8.1"
   }
 }

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Environment variable access

Supply chain risk

Package accesses environment variables, which may be a sign of credential stuffing or data theft.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

913533

increased by88.89%

Dev dependency count

6

decreased by-14.29%

Number of package files

299

increased by100.67%

Lines of code

16420

increased by102.64%

Worsened metrics

Dependency count

6

increased by100%

Number of low supply chain risk alerts

4

increased by300%

Dependency changes

• + Added@floating-ui/react@^0.26.16

• + Added@react-aria/focus@^3.17.1

• + Added@react-aria/interactions@^3.21.3

• + Added@tanstack/react-virtual@^3.8.1

• + Added@floating-ui/core@1.6.8(transitive)

• + Added@floating-ui/dom@1.6.11(transitive)

• + Added@floating-ui/react@0.26.24(transitive)

• + Added@floating-ui/react-dom@2.1.2(transitive)

• + Added@floating-ui/utils@0.2.8(transitive)

• + Added@react-aria/focus@3.18.2(transitive)

• + Added@react-aria/interactions@3.22.2(transitive)

• + Added@react-aria/ssr@3.9.5(transitive)

• + Added@react-aria/utils@3.25.2(transitive)

• + Added@react-stately/utils@3.10.3(transitive)

• + Added@react-types/shared@3.24.1(transitive)

• + Added@swc/helpers@0.5.13(transitive)

• + Added@tanstack/react-virtual@3.10.7(transitive)

• + Added@tanstack/virtual-core@3.10.7(transitive)

• + Addedclsx@2.1.1(transitive)

• + Addedtabbable@6.2.0(transitive)

• + Addedtslib@2.7.0(transitive)

• - Removedclient-only@^0.0.1

• - Removedclient-only@0.0.1(transitive)