@ark-ui/solid 3.0.0-2 → 3.0.0-3

package/dist/source/components/splitter/use-splitter.js

@@ -4,8 +4,8 @@ import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useSplitter = (props) => {
     const locale = useLocaleContext();
-    const getRootNode = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode }, props);
+    const environment = useEnvironmentContext();
+    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
     const [state, send] = useMachine(splitter.machine(context), { context });
     return createMemo(() => splitter.connect(state, send, normalizeProps));
 };

package/dist/source/components/switch/index.js

@@ -1,5 +1,6 @@
 export { SwitchContext } from './switch-context';
 export { SwitchControl } from './switch-control';
+export { SwitchHiddenInput } from './switch-hidden-input';
 export { SwitchLabel } from './switch-label';
 export { SwitchRoot } from './switch-root';
 export { SwitchThumb } from './switch-thumb';

package/dist/source/components/switch/switch-control.jsx

@@ -4,8 +4,5 @@ import { useSwitchContext } from './use-switch-context';
 export const SwitchControl = (props) => {
     const api = useSwitchContext();
     const mergedProps = mergeProps(() => api().controlProps, props);
-    return (<>
-      <ark.span {...mergedProps}/>
-      <input {...api().hiddenInputProps}/>
-    </>);
+    return <ark.span {...mergedProps}/>;
 };

package/dist/source/components/switch/switch-hidden-input.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useSwitchContext } from './use-switch-context';
+export const SwitchHiddenInput = (props) => {
+    const api = useSwitchContext();
+    const mergedProps = mergeProps(() => api().hiddenInputProps, props);
+    return <ark.input {...mergedProps}/>;
+};

package/dist/source/components/switch/switch.js

@@ -1,5 +1,6 @@
 export { SwitchContext as Context } from './switch-context';
 export { SwitchControl as Control } from './switch-control';
+export { SwitchHiddenInput as HiddenInput, } from './switch-hidden-input';
 export { SwitchLabel as Label } from './switch-label';
 export { SwitchRoot as Root } from './switch-root';
 export { SwitchThumb as Thumb } from './switch-thumb';

package/dist/source/components/switch/use-switch.js

@@ -4,8 +4,8 @@ import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useSwitch = (props) => {
     const locale = useLocaleContext();
-    const getRootNode = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode }, props);
+    const environment = useEnvironmentContext();
+    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
     const [state, send] = useMachine(zagSwitch.machine(context), { context });
     return createMemo(() => zagSwitch.connect(state, send, normalizeProps));
 };

package/dist/source/components/tabs/use-tabs.js

@@ -4,8 +4,8 @@ import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useTabs = (props) => {
     const locale = useLocaleContext();
-    const getRootNode = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode }, props);
+    const environment = useEnvironmentContext();
+    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
     const [state, send] = useMachine(tabs.machine(context), { context });
     return createMemo(() => tabs.connect(state, send, normalizeProps));
 };

package/dist/source/components/tags-input/index.js

@@ -6,6 +6,7 @@ export { TagsInputItem } from './tags-input-item';
 export { TagsInputItemContext } from './tags-input-item-context';
 export { TagsInputItemDeleteTrigger, } from './tags-input-item-delete-trigger';
 export { TagsInputItemInput } from './tags-input-item-input';
+export { TagsInputHiddenInput } from './tags-input-hidden-input';
 export { TagsInputItemPreview } from './tags-input-item-preview';
 export { TagsInputItemText } from './tags-input-item-text';
 export { TagsInputLabel } from './tags-input-label';

package/dist/source/components/tags-input/tags-input-hidden-input.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTagsInputContext } from './use-tags-input-context';
+export const TagsInputHiddenInput = (props) => {
+    const tagsInput = useTagsInputContext();
+    const mergedProps = mergeProps(() => tagsInput().hiddenInputProps, props);
+    return <ark.input {...mergedProps}/>;
+};

package/dist/source/components/tags-input/tags-input-root.jsx

@@ -36,6 +36,5 @@ export const TagsInputRoot = (props) => {
     const mergedProps = mergeProps(() => api().rootProps, localProps);
     return (<TagsInputProvider value={api}>
       <ark.div {...mergedProps}/>
-      <input {...api().hiddenInputProps}/>
     </TagsInputProvider>);
 };

package/dist/source/components/tags-input/tags-input.js

@@ -1,6 +1,7 @@
 export { TagsInputClearTrigger as ClearTrigger, } from './tags-input-clear-trigger';
 export { TagsInputContext as Context, } from './tags-input-context';
 export { TagsInputControl as Control, } from './tags-input-control';
+export { TagsInputHiddenInput as HiddenInput, } from './tags-input-hidden-input';
 export { TagsInputInput as Input } from './tags-input-input';
 export { TagsInputItem as Item } from './tags-input-item';
 export { TagsInputItemContext as ItemContext, } from './tags-input-item-context';

package/dist/source/components/tags-input/use-tags-input.js

@@ -4,8 +4,8 @@ import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useTagsInput = (props) => {
     const locale = useLocaleContext();
-    const getRootNode = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode }, props);
+    const environment = useEnvironmentContext();
+    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
     const [state, send] = useMachine(tagsInput.machine(context), { context });
     return createMemo(() => tagsInput.connect(state, send, normalizeProps));
 };

package/dist/source/components/toggle-group/use-toggle-group.js

@@ -4,8 +4,8 @@ import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useToggleGroup = (props) => {
     const locale = useLocaleContext();
-    const getRootNode = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode }, props);
+    const environment = useEnvironmentContext();
+    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
     const [state, send] = useMachine(toggleGroup.machine(context), {
         context,
     });

package/dist/source/components/tooltip/use-tooltip.js

@@ -4,11 +4,11 @@ import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useTooltip = (props) => {
     const locale = useLocaleContext();
-    const getRootNode = useEnvironmentContext();
+    const environment = useEnvironmentContext();
     const context = mergeProps({
         id: createUniqueId(),
         dir: locale().dir,
-        getRootNode,
+        getRootNode: environment().getRootNode,
         'open.controlled': props.open !== undefined,
     }, props);
     const [state, send] = useMachine(tooltip.machine(context), { context });

package/dist/source/components/tree-view/use-tree-view.js

@@ -4,8 +4,8 @@ import { createMemo, createUniqueId } from 'solid-js';
 import { useEnvironmentContext, useLocaleContext } from '../../providers';
 export const useTreeView = (props) => {
     const locale = useLocaleContext();
-    const getRootNode = useEnvironmentContext();
-    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode }, props);
+    const environment = useEnvironmentContext();
+    const context = mergeProps({ id: createUniqueId(), dir: locale().dir, getRootNode: environment().getRootNode }, props);
     const [state, send] = useMachine(treeView.machine(context), { context });
     return createMemo(() => treeView.connect(state, send, normalizeProps));
 };

package/dist/source/providers/environment/environment.jsx

@@ -1,11 +1,19 @@
-import { createMemo } from 'solid-js';
+import { getDocument, getWindow } from '@zag-js/dom-query';
+import { Show, createMemo, createSignal } from 'solid-js';
+import { runIfFn } from '../../utils/run-if-fn';
 import { EnvironmentProvider } from './use-environment-context';
 export const Environment = (props) => {
-    const spanRef = undefined;
-    // @ts-expect-error TODO fix
-    const currentEnv = createMemo(() => () => props.value ?? spanRef?.ownerDocument ?? document);
-    return (<EnvironmentProvider value={currentEnv()}>
+    const [spanRef, setSpanRef] = createSignal();
+    const getRootNode = () => runIfFn(props.value) ?? spanRef()?.ownerDocument ?? document;
+    const environment = createMemo(() => ({
+        getRootNode,
+        getDocument: () => getDocument(getRootNode()),
+        getWindow: () => getWindow(getRootNode()),
+    }));
+    return (<EnvironmentProvider value={environment}>
       {props.children}
-      {!props.value && <span hidden ref={spanRef}/>}
+      <Show when={!props.value}>
+        <span hidden ref={setSpanRef}/>
+      </Show>
     </EnvironmentProvider>);
 };

package/dist/source/providers/environment/index.js

@@ -1,3 +1,2 @@
-import { Environment } from './environment';
-import { useEnvironmentContext } from './use-environment-context';
-export { Environment, useEnvironmentContext };
+export { Environment } from './environment';
+export { useEnvironmentContext, } from './use-environment-context';

package/dist/source/providers/environment/use-environment-context.js

@@ -3,4 +3,9 @@ export const [EnvironmentProvider, useEnvironmentContext] = createContext({
     hookName: 'useEnvironmentContext',
     providerName: '<EnvironmentProvider />',
     strict: false,
+    defaultValue: () => ({
+        getRootNode: () => document,
+        getDocument: () => document,
+        getWindow: () => window,
+    }),
 });

package/dist/source/providers/locale/locale-provider.jsx

@@ -5,11 +5,11 @@ import { LocaleContextProvider } from './use-locale-context';
 export const LocaleProvider = (props) => {
     const [localeProps, restProps] = splitProps(props, ['locale', 'defaultLocale']);
     const [locale, setLocale] = createSignal(localeProps.defaultLocale || localeProps.locale || 'en-US');
-    const getRootNode = useEnvironmentContext();
+    const environment = useEnvironmentContext();
     createEffect(() => {
         const cleanup = trackLocale({
             locale: localeProps.locale,
-            getRootNode,
+            getRootNode: environment().getRootNode,
             onLocaleChange(locale) {
                 setLocale(locale.locale);
             },

package/dist/source/utils/run-if-fn.js

@@ -0,0 +1,4 @@
+const isFunction = (value) => typeof value === 'function';
+export const runIfFn = (valueOrFn, ...args) => isFunction(valueOrFn)
+    ? valueOrFn(...args)
+    : valueOrFn;

package/dist/types/components/checkbox/checkbox-hidden-input.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface CheckboxHiddenInputProps extends HTMLArkProps<'div'> {
+}
+export declare const CheckboxHiddenInput: (props: CheckboxHiddenInputProps) => import("solid-js").JSX.Element;

package/dist/types/components/checkbox/checkbox-indicator.d.ts

@@ -1,4 +1,9 @@
+import type { Assign } from '../../types';
 import { type HTMLArkProps } from '../factory';
-export interface CheckboxIndicatorProps extends HTMLArkProps<'div'> {
+interface IndicatorProps {
+    indeterminate?: boolean;
+}
+export interface CheckboxIndicatorProps extends Assign<HTMLArkProps<'div'>, IndicatorProps> {
 }
 export declare const CheckboxIndicator: (props: CheckboxIndicatorProps) => import("solid-js").JSX.Element;
+export {};

package/dist/types/components/checkbox/checkbox.d.ts

@@ -1,6 +1,7 @@
 export type { CheckedChangeDetails, CheckedState } from '@zag-js/checkbox';
 export { CheckboxContext as Context, type CheckboxContextProps as ContextProps, } from './checkbox-context';
 export { CheckboxControl as Control, type CheckboxControlProps as ControlProps, } from './checkbox-control';
+export { CheckboxHiddenInput as HiddenInput, type CheckboxHiddenInputProps as HiddenInputProps, } from './checkbox-hidden-input';
 export { CheckboxIndicator as Indicator, type CheckboxIndicatorProps as IndicatorProps, } from './checkbox-indicator';
 export { CheckboxLabel as Label, type CheckboxLabelProps as LabelProps } from './checkbox-label';
 export { CheckboxRoot as Root, type CheckboxRootProps as RootProps } from './checkbox-root';

package/dist/types/components/checkbox/index.d.ts

@@ -1,8 +1,9 @@
 export type { CheckedChangeDetails as CheckboxCheckedChangeDetails, CheckedState as CheckboxCheckedState, } from '@zag-js/checkbox';
 export { CheckboxContext, type CheckboxContextProps } from './checkbox-context';
 export { CheckboxControl, type CheckboxControlProps } from './checkbox-control';
+export { CheckboxHiddenInput, type CheckboxHiddenInputProps } from './checkbox-hidden-input';
 export { CheckboxIndicator, type CheckboxIndicatorProps } from './checkbox-indicator';
 export { CheckboxLabel, type CheckboxLabelProps } from './checkbox-label';
 export { CheckboxRoot, type CheckboxRootProps } from './checkbox-root';
-export { type UseCheckboxContext, useCheckboxContext } from './use-checkbox-context';
+export { useCheckboxContext, type UseCheckboxContext } from './use-checkbox-context';
 export * as Checkbox from './checkbox';

package/dist/types/components/color-picker/color-picker-hidden-input.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface ColorPickerHiddenInputProps extends HTMLArkProps<'input'> {
+}
+export declare const ColorPickerHiddenInput: (props: ColorPickerHiddenInputProps) => import("solid-js").JSX.Element;

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

@@ -23,3 +23,4 @@ export { ColorPickerTransparencyGrid as TransparencyGrid, type ColorPickerTransp
 export { ColorPickerTrigger as Trigger, type ColorPickerTriggerProps as TriggerProps, } from './color-picker-trigger';
 export { ColorPickerValueText as ValueText, type ColorPickerValueTextProps as ValueTextProps, } from './color-picker-value-text';
 export { ColorPickerView as View, type ColorPickerViewProps as ViewProps, } from './color-picker-view';
+export { ColorPickerHiddenInput as HiddenInput, type ColorPickerHiddenInputProps as HiddenInputProps, } from './color-picker-hidden-input';

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

@@ -12,6 +12,7 @@ export { ColorPickerControl, type ColorPickerControlProps } from './color-picker
 export { ColorPickerEyeDropperTrigger, type ColorPickerEyeDropperTriggerProps, } from './color-picker-eye-dropper-trigger';
 export { ColorPickerFormatSelect, type ColorPickerFormatSelectProps, } from './color-picker-format-select';
 export { ColorPickerFormatTrigger, type ColorPickerFormatTriggerProps, } from './color-picker-format-trigger';
+export { ColorPickerHiddenInput, type ColorPickerHiddenInputProps, } from './color-picker-hidden-input';
 export { ColorPickerLabel, type ColorPickerLabelProps } from './color-picker-label';
 export { ColorPickerPositioner, type ColorPickerPositionerProps } from './color-picker-positioner';
 export { ColorPickerRoot, type ColorPickerRootProps } from './color-picker-root';
@@ -23,5 +24,5 @@ export { ColorPickerTransparencyGrid, type ColorPickerTransparencyGridProps, } f
 export { ColorPickerTrigger, type ColorPickerTriggerProps } from './color-picker-trigger';
 export { ColorPickerValueText, type ColorPickerValueTextProps } from './color-picker-value-text';
 export { ColorPickerView, type ColorPickerViewProps } from './color-picker-view';
-export { type UseColorPickerContext, useColorPickerContext } from './use-color-picker-context';
+export { useColorPickerContext, type UseColorPickerContext } from './use-color-picker-context';
 export * as ColorPicker from './color-picker';

package/dist/types/components/file-upload/file-upload-hidden-input.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface FileUploadHiddenInputProps extends HTMLArkProps<'input'> {
+}
+export declare const FileUploadHiddenInput: (props: FileUploadHiddenInputProps) => import("solid-js").JSX.Element;

package/dist/types/components/file-upload/file-upload.d.ts

@@ -11,3 +11,4 @@ export { FileUploadItemSizeText as ItemSizeText, type FileUploadItemSizeTextProp
 export { FileUploadLabel as Label, type FileUploadLabelProps as LabelProps, } from './file-upload-label';
 export { FileUploadRoot as Root, type FileUploadRootProps as RootProps } from './file-upload-root';
 export { FileUploadTrigger as Trigger, type FileUploadTriggerProps as TriggerProps, } from './file-upload-trigger';
+export { FileUploadHiddenInput as HiddenInput, type FileUploadHiddenInputProps as HiddenInputProps, } from './file-upload-hidden-input';

package/dist/types/components/file-upload/index.d.ts

@@ -11,5 +11,6 @@ export { FileUploadItemSizeText, type FileUploadItemSizeTextProps, } from './fil
 export { FileUploadLabel, type FileUploadLabelProps } from './file-upload-label';
 export { FileUploadRoot, type FileUploadRootProps } from './file-upload-root';
 export { FileUploadTrigger, type FileUploadTriggerProps } from './file-upload-trigger';
+export { FileUploadHiddenInput, type FileUploadHiddenInputProps } from './file-upload-hidden-input';
 export { type UseFileUploadContext, useFileUploadContext } from './use-file-upload-context';
 export * as FileUpload from './file-upload';

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

@@ -4,5 +4,6 @@ export { PinInputControl, type PinInputControlProps } from './pin-input-control'
 export { PinInputInput, type PinInputInputProps } from './pin-input-input';
 export { PinInputLabel, type PinInputLabelProps } from './pin-input-label';
 export { PinInputRoot, type PinInputRootProps } from './pin-input-root';
+export { PinInputHiddenInput, type PinInputHiddenInputProps } from './pin-input-hidden-input';
 export { type UsePinInputContext, usePinInputContext } from './use-pin-input-context';
 export * as PinInput from './pin-input';

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

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface PinInputHiddenInputProps extends HTMLArkProps<'input'> {
+}
+export declare const PinInputHiddenInput: (props: PinInputHiddenInputProps) => import("solid-js").JSX.Element;

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

@@ -1,6 +1,7 @@
 export type { ValueChangeDetails, ValueInvalidDetails } from '@zag-js/pin-input';
 export { PinInputContext as Context, type PinInputContextProps as ContextProps, } from './pin-input-context';
 export { PinInputControl as Control, type PinInputControlProps as ControlProps, } from './pin-input-control';
+export { PinInputHiddenInput as HiddenInput, type PinInputHiddenInputProps as HiddenInputProps, } from './pin-input-hidden-input';
 export { PinInputInput as Input, type PinInputInputProps as InputProps } from './pin-input-input';
 export { PinInputLabel as Label, type PinInputLabelProps as LabelProps } from './pin-input-label';
 export { PinInputRoot as Root, type PinInputRootProps as RootProps } from './pin-input-root';

package/dist/types/components/rating-group/index.d.ts

@@ -6,5 +6,6 @@ export { RatingGroupItemContext, type RatingGroupItemContextProps, } from './rat
 export { RatingGroupLabel, type RatingGroupLabelProps } from './rating-group-label';
 export { RatingGroupRoot, type RatingGroupRootProps } from './rating-group-root';
 export { type UseRatingGroupContext, useRatingGroupContext } from './use-rating-group-context';
+export { RatingGroupHiddenInput, type RatingGroupHiddenInputProps, } from './rating-group-hidden-input';
 export { type UseRatingGroupItemContext, useRatingGroupItemContext, } from './use-rating-group-item-context';
 export * as RatingGroup from './rating-group';

package/dist/types/components/rating-group/rating-group-hidden-input.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface RatingGroupHiddenInputProps extends HTMLArkProps<'input'> {
+}
+export declare const RatingGroupHiddenInput: (props: RatingGroupHiddenInputProps) => import("solid-js").JSX.Element;

package/dist/types/components/rating-group/rating-group.d.ts

@@ -5,3 +5,4 @@ export { RatingGroupItem as Item, type RatingGroupItemProps as ItemProps, } from
 export { RatingGroupItemContext as ItemContext, type RatingGroupItemContextProps as ItemContextProps, } from './rating-group-item-context';
 export { RatingGroupLabel as Label, type RatingGroupLabelProps as LabelProps, } from './rating-group-label';
 export { RatingGroupRoot as Root, type RatingGroupRootProps as RootProps, } from './rating-group-root';
+export { RatingGroupHiddenInput as HiddenInput, type RatingGroupHiddenInputProps as HiddenInputProps, } from './rating-group-hidden-input';

package/dist/types/components/select/index.d.ts

@@ -4,6 +4,7 @@ export { SelectClearTrigger, type SelectClearTriggerProps } from './select-clear
 export { SelectContent, type SelectContentProps } from './select-content';
 export { SelectContext, type SelectContextProps } from './select-context';
 export { SelectControl, type SelectControlProps } from './select-control';
+export { SelectHiddenSelect, type SelectHiddenSelectProps } from './select-hidden-select';
 export { SelectIndicator, type SelectIndicatorProps } from './select-indicator';
 export { SelectItem, type SelectItemProps } from './select-item';
 export { SelectItemContext, type SelectItemContextProps } from './select-item-context';

package/dist/types/components/select/select-hidden-select.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface SelectHiddenSelectProps extends HTMLArkProps<'select'> {
+}
+export declare const SelectHiddenSelect: (props: SelectHiddenSelectProps) => import("solid-js").JSX.Element;

package/dist/types/components/select/select.d.ts

@@ -4,6 +4,7 @@ export { SelectClearTrigger as ClearTrigger, type SelectClearTriggerProps as Cle
 export { SelectContent as Content, type SelectContentProps as ContentProps } from './select-content';
 export { SelectContext as Context, type SelectContextProps as ContextProps } from './select-context';
 export { SelectControl as Control, type SelectControlProps as ControlProps } from './select-control';
+export { SelectHiddenSelect as HiddenSelect, type SelectHiddenSelectProps as HiddenSelectProps, } from './select-hidden-select';
 export { SelectIndicator as Indicator, type SelectIndicatorProps as IndicatorProps, } from './select-indicator';
 export { SelectItem as Item, type SelectItemProps as ItemProps } from './select-item';
 export { SelectItemContext as ItemContext, type SelectItemContextProps as ItemContextProps, } from './select-item-context';

package/dist/types/components/switch/index.d.ts

@@ -1,8 +1,9 @@
 export type { CheckedChangeDetails as SwitchCheckedChangeDetails } from '@zag-js/switch';
 export { SwitchContext, type SwitchContextProps } from './switch-context';
 export { SwitchControl, type SwitchControlProps } from './switch-control';
+export { SwitchHiddenInput, type SwitchHiddenInputProps } from './switch-hidden-input';
 export { SwitchLabel, type SwitchLabelProps } from './switch-label';
 export { SwitchRoot, type SwitchRootProps } from './switch-root';
 export { SwitchThumb, type SwitchThumbProps } from './switch-thumb';
-export { type UseSwitchContext, useSwitchContext } from './use-switch-context';
+export { useSwitchContext, type UseSwitchContext } from './use-switch-context';
 export * as Switch from './switch';

package/dist/types/components/switch/switch-hidden-input.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface SwitchHiddenInputProps extends HTMLArkProps<'input'> {
+}
+export declare const SwitchHiddenInput: (props: SwitchHiddenInputProps) => import("solid-js").JSX.Element;

package/dist/types/components/switch/switch.d.ts

@@ -1,6 +1,7 @@
 export type { CheckedChangeDetails } from '@zag-js/switch';
 export { SwitchContext as Context, type SwitchContextProps as ContextProps } from './switch-context';
 export { SwitchControl as Control, type SwitchControlProps as ControlProps } from './switch-control';
+export { SwitchHiddenInput as HiddenInput, type SwitchHiddenInputProps as HiddenInputProps, } from './switch-hidden-input';
 export { SwitchLabel as Label, type SwitchLabelProps as LabelProps } from './switch-label';
 export { SwitchRoot as Root, type SwitchRootProps as RootProps } from './switch-root';
 export { SwitchThumb as Thumb, type SwitchThumbProps as ThumbProps } from './switch-thumb';

package/dist/types/components/tags-input/index.d.ts

@@ -7,6 +7,7 @@ export { TagsInputItem, type TagsInputItemProps } from './tags-input-item';
 export { TagsInputItemContext, type TagsInputItemContextProps } from './tags-input-item-context';
 export { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerProps, } from './tags-input-item-delete-trigger';
 export { TagsInputItemInput, type TagsInputItemInputProps } from './tags-input-item-input';
+export { TagsInputHiddenInput, type TagsInputHiddenInputProps } from './tags-input-hidden-input';
 export { TagsInputItemPreview, type TagsInputItemPreviewProps } from './tags-input-item-preview';
 export { TagsInputItemText, type TagsInputItemTextProps } from './tags-input-item-text';
 export { TagsInputLabel, type TagsInputLabelProps } from './tags-input-label';

package/dist/types/components/tags-input/tags-input-hidden-input.d.ts

@@ -0,0 +1,4 @@
+import { type HTMLArkProps } from '../factory';
+export interface TagsInputHiddenInputProps extends HTMLArkProps<'input'> {
+}
+export declare const TagsInputHiddenInput: (props: TagsInputHiddenInputProps) => import("solid-js").JSX.Element;

package/dist/types/components/tags-input/tags-input.d.ts

@@ -2,6 +2,7 @@ export type { HighlightChangeDetails, ValidityChangeDetails, ValueChangeDetails,
 export { TagsInputClearTrigger as ClearTrigger, type TagsInputClearTriggerProps as ClearTriggerProps, } from './tags-input-clear-trigger';
 export { TagsInputContext as Context, type TagsInputContextProps as ContextProps, } from './tags-input-context';
 export { TagsInputControl as Control, type TagsInputControlProps as ControlProps, } from './tags-input-control';
+export { TagsInputHiddenInput as HiddenInput, type TagsInputHiddenInputProps as HiddenInputProps, } from './tags-input-hidden-input';
 export { TagsInputInput as Input, type TagsInputInputProps as InputProps } from './tags-input-input';
 export { TagsInputItem as Item, type TagsInputItemProps as ItemProps } from './tags-input-item';
 export { TagsInputItemContext as ItemContext, type TagsInputItemContextProps as ItemContextProps, } from './tags-input-item-context';

package/dist/types/providers/environment/environment.d.ts

@@ -1,6 +1,7 @@
 import { type JSX } from 'solid-js';
+import { type RootNode } from './use-environment-context';
 export interface EnvironmentProps {
     children?: JSX.Element;
-    value?: ShadowRoot | Document | Node;
+    value?: RootNode | (() => RootNode);
 }
 export declare const Environment: (props: EnvironmentProps) => JSX.Element;

package/dist/types/providers/environment/index.d.ts

@@ -1,4 +1,2 @@
-import { Environment, type EnvironmentProps } from './environment';
-import { type EnvironmentContext, useEnvironmentContext } from './use-environment-context';
-export { Environment, useEnvironmentContext };
-export type { EnvironmentContext, EnvironmentProps };
+export { Environment, type EnvironmentProps } from './environment';
+export { useEnvironmentContext, type EnvironmentContext, type RootNode, } from './use-environment-context';

package/dist/types/providers/environment/use-environment-context.d.ts

@@ -1,3 +1,18 @@
-import type { CommonProperties } from '@zag-js/types';
-export type EnvironmentContext = CommonProperties['getRootNode'];
-export declare const EnvironmentProvider: import("solid-js").ContextProviderComponent<() => Node | Document | ShadowRoot>, useEnvironmentContext: () => () => Node | Document | ShadowRoot;
+import type { Accessor } from 'solid-js';
+export type RootNode = ShadowRoot | Document | Node;
+export interface EnvironmentContext {
+    /**
+     * The root node of the application.
+     * This is used to determine the window and document objects.
+     */
+    getRootNode(): RootNode;
+    /**
+     * The document context for the root node.
+     */
+    getDocument(): Document;
+    /**
+     * The window context for the root node.
+     */
+    getWindow(): Window & typeof globalThis;
+}
+export declare const EnvironmentProvider: import("solid-js").ContextProviderComponent<Accessor<EnvironmentContext>>, useEnvironmentContext: () => Accessor<EnvironmentContext>;

package/dist/types/utils/run-if-fn.d.ts

@@ -0,0 +1,2 @@
+export type AnyFunction<Arg = unknown, ReturnValue = unknown> = (...args: Arg[]) => ReturnValue;
+export declare const runIfFn: <MaybeReturnValue, FunctionArgs>(valueOrFn: MaybeReturnValue | ((...fnArgs: FunctionArgs[]) => MaybeReturnValue), ...args: FunctionArgs[]) => MaybeReturnValue;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/solid",
-  "version": "3.0.0-2",
+  "version": "3.0.0-3",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -91,6 +91,7 @@
     "@zag-js/combobox": "0.49.0",
     "@zag-js/date-picker": "0.49.0",
     "@zag-js/dialog": "0.49.0",
+    "@zag-js/dom-query": "0.49.0",
     "@zag-js/editable": "0.49.0",
     "@zag-js/file-upload": "0.49.0",
     "@zag-js/hover-card": "0.49.0",
@@ -119,7 +120,7 @@
     "@zag-js/types": "0.49.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.7.1",
+    "@biomejs/biome": "1.7.2",
     "@release-it/keep-a-changelog": "5.0.0",
     "@solidjs/testing-library": "0.8.7",
     "@storybook/addon-a11y": "8.0.9",
@@ -131,7 +132,7 @@
     "@types/testing-library__jest-dom": "5.14.9",
     "globby": "14.0.1",
     "jsdom": "24.0.0",
-    "lucide-solid": "0.376.0",
+    "lucide-solid": "0.377.0",
     "release-it": "17.2.1",
     "resize-observer-polyfill": "1.5.1",
     "rollup": "4.17.2",
@@ -141,9 +142,9 @@
     "storybook-solidjs": "1.0.0-beta.2",
     "storybook-solidjs-vite": "1.0.0-beta.2",
     "typescript": "5.4.5",
-    "vite": "5.2.10",
+    "vite": "5.2.11",
     "vite-plugin-solid": "2.10.2",
-    "vitest": "1.5.2"
+    "vitest": "1.5.3"
   },
   "peerDependencies": {
     "solid-js": ">=1.6.0"