@ark-ui/solid 3.5.0 → 3.6.1

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

@@ -1,11 +1,13 @@
 import { getWindow } from '@zag-js/dom-query';
-import { createEffect, createMemo, createSignal, onCleanup } from 'solid-js';
+import { createEffect, createMemo, createSignal, createUniqueId, onCleanup } from 'solid-js';
+import { useFieldsetContext } from '../fieldset';
 import { parts } from './field.anatomy';
 export const useField = (props) => {
-    const { required = false, disabled = false, invalid = false, readOnly = false } = props;
+    const fieldset = useFieldsetContext();
+    const { disabled = Boolean(fieldset?.().disabled), invalid = false, readOnly = false, required = false, } = props;
     const [hasErrorText, setHasErrorText] = createSignal(false);
     const [hasHelperText, setHasHelperText] = createSignal(false);
-    const id = props.id ?? `field-${Math.random().toString(36).substr(2, 9)}`;
+    const id = props.id ?? createUniqueId();
     let rootRef;
     const errorTextId = `field::${id}::error-text`;
     const helperTextId = `field::${id}::helper-text`;

package/dist/source/components/fieldset/fieldset-context.jsx

@@ -0,0 +1,2 @@
+import { useFieldsetContext } from './use-fieldset-context';
+export const FieldsetContext = (props) => props.children(useFieldsetContext());

package/dist/source/components/fieldset/fieldset-error-text.jsx

@@ -0,0 +1,11 @@
+import { mergeProps } from '@zag-js/solid';
+import { Show } from 'solid-js';
+import { ark } from '../factory';
+import { useFieldsetContext } from './use-fieldset-context';
+export const FieldsetErrorText = (props) => {
+    const fieldset = useFieldsetContext();
+    const mergedProps = mergeProps(() => fieldset().getErrorTextProps(), props);
+    return (<Show when={fieldset().invalid}>
+      <ark.span {...mergedProps}/>
+    </Show>);
+};

package/dist/source/components/fieldset/fieldset-helper-text.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useFieldsetContext } from './use-fieldset-context';
+export const FieldsetHelperText = (props) => {
+    const fieldset = useFieldsetContext();
+    const mergedProps = mergeProps(() => fieldset().getHelperTextProps(), props);
+    return <ark.span {...mergedProps}/>;
+};

package/dist/source/components/fieldset/fieldset-legend.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useFieldsetContext } from './use-fieldset-context';
+export const FieldsetLegend = (props) => {
+    const fieldset = useFieldsetContext();
+    const mergedProps = mergeProps(() => fieldset().getLegendProps(), props);
+    return <ark.legend {...mergedProps}/>;
+};

package/dist/source/components/fieldset/fieldset-root-provider.jsx

@@ -0,0 +1,11 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { FieldsetProvider } from './use-fieldset-context';
+export const FieldsetRootProvider = (props) => {
+    const [{ value: fieldset }, localProps] = createSplitProps()(props, ['value']);
+    const mergedProps = mergeProps(() => fieldset().getRootProps(), localProps);
+    return (<FieldsetProvider value={fieldset}>
+      <ark.fieldset {...mergedProps}/>
+    </FieldsetProvider>);
+};

package/dist/source/components/fieldset/fieldset-root.jsx

@@ -0,0 +1,18 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { useFieldset } from './use-fieldset';
+import { FieldsetProvider } from './use-fieldset-context';
+export const FieldsetRoot = (props) => {
+    const [useFieldsetProps, localProps] = createSplitProps()(props, [
+        'id',
+        'disabled',
+        'invalid',
+    ]);
+    const fieldset = useFieldset(useFieldsetProps);
+    const mergedProps = mergeProps(() => fieldset().getRootProps(), localProps);
+    return (<FieldsetProvider value={fieldset}>
+      <ark.fieldset {...mergedProps}/>
+    </FieldsetProvider>);
+};
+FieldsetRoot.displayName = 'FieldsetRoot';

package/dist/source/components/fieldset/fieldset.anatomy.js

@@ -0,0 +1,3 @@
+import { createAnatomy } from '@zag-js/anatomy';
+export const fieldsetAnatomy = createAnatomy('fieldset').parts('root', 'errorText', 'helperText', 'legend');
+export const parts = fieldsetAnatomy.build();

package/dist/source/components/fieldset/fieldset.jsx

@@ -0,0 +1,6 @@
+export { FieldsetRoot as Root, } from './fieldset-root';
+export { FieldsetRootProvider as RootProvider, } from './fieldset-root-provider';
+export { FieldsetLegend as Legend, } from './fieldset-legend';
+export { FieldsetHelperText as HelperText, } from './fieldset-helper-text';
+export { FieldsetErrorText as ErrorText, } from './fieldset-error-text';
+export { FieldsetContext as Context, } from './fieldset-context';

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

@@ -0,0 +1,9 @@
+export { FieldsetContext } from './fieldset-context';
+export { FieldsetErrorText, } from './fieldset-error-text';
+export { FieldsetHelperText, } from './fieldset-helper-text';
+export { FieldsetRoot } from './fieldset-root';
+export { FieldsetRootProvider, } from './fieldset-root-provider';
+export { FieldsetLegend, } from './fieldset-legend';
+export { fieldsetAnatomy } from './fieldset.anatomy';
+export { useFieldsetContext } from './use-fieldset-context';
+export * as Fieldset from './fieldset';

package/dist/source/components/fieldset/use-fieldset-context.js

@@ -0,0 +1,6 @@
+import { createContext } from '../../utils/create-context';
+export const [FieldsetProvider, useFieldsetContext] = createContext({
+    hookName: 'useFieldsetContext',
+    providerName: '<FieldsetProvider />',
+    strict: false,
+});

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

@@ -0,0 +1,65 @@
+import { getWindow } from '@zag-js/dom-query';
+import { createEffect, createMemo, createSignal, createUniqueId, onCleanup } from 'solid-js';
+import { parts } from './fieldset.anatomy';
+export const useFieldset = (props) => {
+    const { disabled = false, invalid = false } = props;
+    let rootRef;
+    const id = props.id ?? createUniqueId();
+    const errorTextId = `fieldset::${id}::error-text`;
+    const helperTextId = `fieldset::${id}::helper-text`;
+    const [hasErrorText, setHasErrorText] = createSignal(false);
+    const [hasHelperText, setHasHelperText] = createSignal(false);
+    createEffect(() => {
+        const rootNode = rootRef;
+        if (!rootNode)
+            return;
+        const win = getWindow(rootNode);
+        const doc = win.document;
+        const checkTextElements = () => {
+            setHasErrorText(!!doc.getElementById(errorTextId));
+            setHasHelperText(!!doc.getElementById(helperTextId));
+        };
+        checkTextElements();
+        const observer = new win.MutationObserver(checkTextElements);
+        observer.observe(rootNode, { childList: true, subtree: true });
+        onCleanup(() => observer.disconnect());
+    });
+    const labelIds = [];
+    if (hasErrorText() && invalid)
+        labelIds.push(errorTextId);
+    if (hasHelperText())
+        labelIds.push(helperTextId);
+    const getRootProps = () => ({
+        ...parts.root.attrs,
+        disabled,
+        'data-disabled': dataAttr(disabled),
+        'data-invalid': dataAttr(invalid),
+        'aria-describedby': labelIds.join(' ') || undefined,
+    });
+    const getLegendProps = () => ({
+        ...parts.legend.attrs,
+        'data-disabled': dataAttr(disabled),
+        'data-invalid': dataAttr(invalid),
+    });
+    const getHelperTextProps = () => ({
+        id: helperTextId,
+        ...parts.helperText.attrs,
+    });
+    const getErrorTextProps = () => ({
+        id: errorTextId,
+        ...parts.errorText.attrs,
+        'aria-live': 'polite',
+    });
+    return createMemo(() => ({
+        refs: {
+            rootRef,
+        },
+        disabled,
+        invalid,
+        getRootProps,
+        getLegendProps,
+        getHelperTextProps,
+        getErrorTextProps,
+    }));
+};
+const dataAttr = (condition) => (condition ? '' : undefined);

package/dist/source/components/highlight/highlight.jsx

@@ -0,0 +1,20 @@
+import { For, Show } from 'solid-js';
+import { createSplitProps } from '../../utils/create-split-props';
+import { useHighlight } from './use-highlight';
+export const Highlight = (props) => {
+    if (typeof props.text !== 'string') {
+        throw new Error('[ark-ui/highlight] text must be a string');
+    }
+    const [highlightProps, localProps] = createSplitProps()(props, [
+        'query',
+        'text',
+        'ignoreCase',
+        'matchAll',
+    ]);
+    const chunks = useHighlight(highlightProps);
+    return (<For each={chunks()}>
+      {(chunk) => (<Show when={chunk.match} fallback={chunk.text}>
+          <mark {...localProps}>{chunk.text}</mark>
+        </Show>)}
+    </For>);
+};

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

@@ -0,0 +1,2 @@
+export { Highlight } from './highlight';
+export { useHighlight } from './use-highlight';

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

@@ -0,0 +1,42 @@
+import { createMemo } from 'solid-js';
+const escapeRegexp = (term) => term.replace(/[|\\{}()[\]^$+*?.-]/g, (char) => `\\${char}`);
+const buildRegex = (queryProp, flags) => {
+    const query = queryProp.filter(Boolean).map((text) => escapeRegexp(text));
+    return new RegExp(`(${query.join('|')})`, flags);
+};
+const getRegexFlags = (ignoreCase = true, matchAll = true) => `${ignoreCase ? 'i' : ''}${matchAll ? 'g' : ''}`;
+const normalizeSpan = (spans, len) => {
+    const result = [];
+    const append = (start, end, match) => {
+        if (end - start > 0)
+            result.push({ start, end, match });
+    };
+    if (spans.length === 0) {
+        append(0, len, false);
+    }
+    else {
+        let lastIndex = 0;
+        for (const chunk of spans) {
+            append(lastIndex, chunk.start, false);
+            append(chunk.start, chunk.end, true);
+            lastIndex = chunk.end;
+        }
+        append(lastIndex, len, false);
+    }
+    return result;
+};
+const highlightWords = (props) => {
+    const flags = getRegexFlags(props.ignoreCase, props.matchAll);
+    const regex = buildRegex(Array.isArray(props.query) ? props.query : [props.query], flags);
+    const spans = [...props.text.matchAll(regex)].map((match) => ({
+        start: match.index || 0,
+        end: (match.index || 0) + match[0].length,
+    }));
+    return normalizeSpan(spans, props.text.length).map((chunk) => ({
+        text: props.text.slice(chunk.start, chunk.end),
+        match: !!chunk.match,
+    }));
+};
+export const useHighlight = (props) => {
+    return createMemo(() => highlightWords(props));
+};

package/dist/source/components/index.js

@@ -11,8 +11,10 @@ export * from './dialog';
 export * from './editable';
 export * from './factory';
 export * from './field';
+export * from './fieldset';
 export * from './file-upload';
 export * from './format';
+export * from './highlight';
 export * from './hover-card';
 export * from './menu';
 export * from './number-input';
@@ -32,6 +34,7 @@ export * from './splitter';
 export * from './switch';
 export * from './tabs';
 export * from './tags-input';
+export * from './time-picker';
 export * from './toast';
 export * from './toggle-group';
 export * from './tooltip';

package/dist/source/components/select/select-hidden-select.jsx

@@ -13,7 +13,7 @@ export const SelectHiddenSelect = (props) => {
         <option value=""/>
       </Show>
       <Index each={select().collection.items}>
-        {(option) => <option value={option().value}>{option().label}</option>}
+        {(item) => (<option value={select().collection.getItemValue(item) ?? ''} disabled={select().collection.getItemDisabled(item)}/>)}
       </Index>
     </ark.select>);
 };

package/dist/source/components/time-picker/index.js

@@ -0,0 +1,16 @@
+export { TimePickerCell, } from './time-picker-cell';
+export { TimePickerClearTrigger, } from './time-picker-clear-trigger';
+export { TimePickerColumn, } from './time-picker-column';
+export { TimePickerContent, } from './time-picker-content';
+export { TimePickerContext, } from './time-picker-context';
+export { TimePickerControl, } from './time-picker-control';
+export { TimePickerInput, } from './time-picker-input';
+export { TimePickerLabel, } from './time-picker-label';
+export { TimePickerPositioner, } from './time-picker-positioner';
+export { TimePickerRoot, } from './time-picker-root';
+export { TimePickerRootProvider, } from './time-picker-root-provider';
+export { TimePickerSpacer, } from './time-picker-spacer';
+export { TimePickerTrigger, } from './time-picker-trigger';
+export { useTimePicker } from './use-time-picker';
+export { useTimePickerContext } from './use-time-picker-context';
+export * as TimePicker from './time-picker';

package/dist/source/components/time-picker/time-picker-cell.jsx

@@ -0,0 +1,18 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { useTimePickerColumnPropsContext } from './use-time-picker-column-props-context';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerCell = (props) => {
+    const [cellProps, localProps] = createSplitProps()(props, ['value']);
+    const timePicker = useTimePickerContext();
+    const columnProps = useTimePickerColumnPropsContext();
+    const unitToPropsMap = {
+        hour: () => timePicker().getHourCellProps(cellProps),
+        minute: () => timePicker().getMinuteCellProps(cellProps),
+        second: () => timePicker().getSecondCellProps(cellProps),
+        period: () => timePicker().getPeriodCellProps(cellProps),
+    };
+    const mergedProps = mergeProps(() => unitToPropsMap[columnProps.unit](), localProps);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/components/time-picker/time-picker-clear-trigger.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerClearTrigger = (props) => {
+    const timePicker = useTimePickerContext();
+    const mergedProps = mergeProps(() => timePicker().getClearTriggerProps(), props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/components/time-picker/time-picker-column.jsx

@@ -0,0 +1,13 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { TimePickerColumnPropsProvider } from './use-time-picker-column-props-context';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerColumn = (props) => {
+    const [columnProps, localProps] = createSplitProps()(props, ['unit']);
+    const timePicker = useTimePickerContext();
+    const mergedProps = mergeProps(() => timePicker().getColumnProps(columnProps), localProps);
+    return (<TimePickerColumnPropsProvider value={columnProps}>
+      <ark.div {...mergedProps}/>
+    </TimePickerColumnPropsProvider>);
+};

package/dist/source/components/time-picker/time-picker-content.jsx

@@ -0,0 +1,13 @@
+import { mergeProps } from '@zag-js/solid';
+import { Show } from 'solid-js';
+import { ark } from '../factory';
+import { usePresenceContext } from '../presence';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerContent = (props) => {
+    const timePicker = useTimePickerContext();
+    const presenceApi = usePresenceContext();
+    const mergedProps = mergeProps(() => timePicker().getContentProps(), () => presenceApi().presenceProps, props);
+    return (<Show when={!presenceApi().unmounted}>
+      <ark.div {...mergedProps}/>
+    </Show>);
+};

package/dist/source/components/time-picker/time-picker-context.jsx

@@ -0,0 +1,2 @@
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerContext = (props) => props.children(useTimePickerContext());

package/dist/source/components/time-picker/time-picker-control.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerControl = (props) => {
+    const timePicker = useTimePickerContext();
+    const mergedProps = mergeProps(() => timePicker().getControlProps(), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/components/time-picker/time-picker-input.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerInput = (props) => {
+    const timePicker = useTimePickerContext();
+    const mergedProps = mergeProps(() => timePicker().getInputProps(), props);
+    return <ark.input {...mergedProps}/>;
+};

package/dist/source/components/time-picker/time-picker-label.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerLabel = (props) => {
+    const timePicker = useTimePickerContext();
+    const mergedProps = mergeProps(() => timePicker().getLabelProps(), props);
+    return <ark.label {...mergedProps}/>;
+};

package/dist/source/components/time-picker/time-picker-positioner.jsx

@@ -0,0 +1,13 @@
+import { mergeProps } from '@zag-js/solid';
+import { Show } from 'solid-js';
+import { ark } from '../factory';
+import { usePresenceContext } from '../presence';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerPositioner = (props) => {
+    const timePicker = useTimePickerContext();
+    const mergedProps = mergeProps(() => timePicker().getPositionerProps(), props);
+    const presenceApi = usePresenceContext();
+    return (<Show when={!presenceApi().unmounted}>
+      <ark.div {...mergedProps}/>
+    </Show>);
+};

package/dist/source/components/time-picker/time-picker-root-provider.jsx

@@ -0,0 +1,16 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { PresenceProvider, splitPresenceProps, usePresence, } from '../presence';
+import { TimePickerProvider } from './use-time-picker-context';
+export const TimePickerRootProvider = (props) => {
+    const [presenceProps, timePickerProps] = splitPresenceProps(props);
+    const [{ value: timePicker }, localProps] = createSplitProps()(timePickerProps, ['value']);
+    const apiPresence = usePresence(mergeProps(presenceProps, () => ({ present: timePicker().open })));
+    const mergedProps = mergeProps(() => timePicker().getRootProps(), localProps);
+    return (<TimePickerProvider value={timePicker}>
+      <PresenceProvider value={apiPresence}>
+        <ark.div {...mergedProps}/>
+      </PresenceProvider>
+    </TimePickerProvider>);
+};

package/dist/source/components/time-picker/time-picker-root.jsx

@@ -0,0 +1,39 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { PresenceProvider, splitPresenceProps, usePresence, } from '../presence';
+import { useTimePicker } from './use-time-picker';
+import { TimePickerProvider } from './use-time-picker-context';
+export const TimePickerRoot = (props) => {
+    const [presenceProps, timePickerProps] = splitPresenceProps(props);
+    const [useTimePickerProps, localProps] = createSplitProps()(timePickerProps, [
+        'allowSeconds',
+        'defaultOpen',
+        'defaultValue',
+        'disableLayer',
+        'disabled',
+        'id',
+        'ids',
+        'locale',
+        'max',
+        'min',
+        'name',
+        'onFocusChange',
+        'onOpenChange',
+        'onValueChange',
+        'open',
+        'placeholder',
+        'positioning',
+        'readOnly',
+        'steps',
+        'value',
+    ]);
+    const timePicker = useTimePicker(useTimePickerProps);
+    const apiPresence = usePresence(mergeProps(presenceProps, () => ({ present: timePicker().open })));
+    const mergedProps = mergeProps(() => timePicker().getRootProps(), localProps);
+    return (<TimePickerProvider value={timePicker}>
+      <PresenceProvider value={apiPresence}>
+        <ark.div {...mergedProps}/>
+      </PresenceProvider>
+    </TimePickerProvider>);
+};

package/dist/source/components/time-picker/time-picker-spacer.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerSpacer = (props) => {
+    const timePicker = useTimePickerContext();
+    const mergedProps = mergeProps(() => timePicker().getSpacerProps(), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/components/time-picker/time-picker-trigger.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTimePickerContext } from './use-time-picker-context';
+export const TimePickerTrigger = (props) => {
+    const timePicker = useTimePickerContext();
+    const mergedProps = mergeProps(() => timePicker().getTriggerProps(), props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/components/time-picker/time-picker.js

@@ -0,0 +1,13 @@
+export { TimePickerCell as Cell, } from './time-picker-cell';
+export { TimePickerClearTrigger as ClearTrigger, } from './time-picker-clear-trigger';
+export { TimePickerColumn as Column, } from './time-picker-column';
+export { TimePickerContent as Content, } from './time-picker-content';
+export { TimePickerContext as Context, } from './time-picker-context';
+export { TimePickerControl as Control, } from './time-picker-control';
+export { TimePickerInput as Input, } from './time-picker-input';
+export { TimePickerLabel as Label, } from './time-picker-label';
+export { TimePickerPositioner as Positioner, } from './time-picker-positioner';
+export { TimePickerRoot as Root, } from './time-picker-root';
+export { TimePickerRootProvider as RootProvider, } from './time-picker-root-provider';
+export { TimePickerSpacer as Spacer, } from './time-picker-spacer';
+export { TimePickerTrigger as Trigger, } from './time-picker-trigger';

package/dist/source/components/time-picker/use-time-picker-column-props-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../../utils/create-context';
+export const [TimePickerColumnPropsProvider, useTimePickerColumnPropsContext] = createContext({
+    hookName: 'useTimePickerColumnPropsContext',
+    providerName: '<TimePickerColumnPropsProvider />',
+});

package/dist/source/components/time-picker/use-time-picker-context.js

@@ -0,0 +1,5 @@
+import { createContext } from '../../utils/create-context';
+export const [TimePickerProvider, useTimePickerContext] = createContext({
+    hookName: 'useTimePickerContext',
+    providerName: '<TimePickerProvider />',
+});

package/dist/source/components/time-picker/use-time-picker.js

@@ -0,0 +1,23 @@
+import { parseTime } from '@internationalized/date';
+import { normalizeProps, useMachine } from '@zag-js/solid';
+import * as timePicker from '@zag-js/time-picker';
+import { createMemo, createUniqueId } from 'solid-js';
+import { useEnvironmentContext, useLocaleContext } from '../../providers';
+export const useTimePicker = (props = {}) => {
+    const locale = useLocaleContext();
+    const environment = useEnvironmentContext();
+    const id = createUniqueId();
+    const context = createMemo(() => ({
+        id,
+        dir: locale().dir,
+        getRootNode: environment().getRootNode,
+        open: props.defaultOpen,
+        'open.controlled': props.open !== undefined,
+        ...props,
+        value: props.defaultValue ? parseTime(props.defaultValue) : undefined,
+        min: props.min ? parseTime(props.min) : undefined,
+        max: props.max ? parseTime(props.max) : undefined,
+    }));
+    const [state, send] = useMachine(timePicker.machine(context()), { context });
+    return createMemo(() => timePicker.connect(state, send, normalizeProps));
+};

package/dist/source/components/tooltip/tooltip-root.jsx

@@ -8,6 +8,7 @@ export const TooltipRoot = (props) => {
     const [useTooltipProps, localProps] = createSplitProps()(tooltipProps, [
         'aria-label',
         'closeDelay',
+        'closeOnClick',
         'closeOnEscape',
         'closeOnPointerDown',
         'closeOnScroll',

package/dist/types/components/dialog/dialog-root.d.ts

@@ -3,7 +3,7 @@ import { type UsePresenceProps } from '../presence';
 import { type UseDialogProps } from './use-dialog';
 export interface DialogRootBaseProps extends UseDialogProps, UsePresenceProps {
 }
-export interface DialogRootProps extends UseDialogProps, UsePresenceProps {
+export interface DialogRootProps extends DialogRootBaseProps {
     children?: JSX.Element;
 }
 export declare const DialogRoot: (props: DialogRootProps) => JSX.Element;

package/dist/types/components/fieldset/fieldset-context.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from 'solid-js';
+import { type UseFieldsetContext } from './use-fieldset-context';
+export interface FieldsetContextProps {
+    children: (context: UseFieldsetContext) => JSX.Element;
+}
+export declare const FieldsetContext: (props: FieldsetContextProps) => JSX.Element;

package/dist/types/components/fieldset/fieldset-error-text.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface FieldsetErrorTextBaseProps extends PolymorphicProps<'span'> {
+}
+export interface FieldsetErrorTextProps extends HTMLProps<'span'>, FieldsetErrorTextBaseProps {
+}
+export declare const FieldsetErrorText: (props: FieldsetErrorTextProps) => import("solid-js").JSX.Element;

package/dist/types/components/fieldset/fieldset-helper-text.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface FieldsetHelperTextBaseProps extends PolymorphicProps<'span'> {
+}
+export interface FieldsetHelperTextProps extends HTMLProps<'span'>, FieldsetHelperTextBaseProps {
+}
+export declare const FieldsetHelperText: (props: FieldsetHelperTextProps) => import("solid-js").JSX.Element;

package/dist/types/components/fieldset/fieldset-legend.d.ts

@@ -0,0 +1,6 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+export interface FieldsetLegendBaseProps extends PolymorphicProps<'legend'> {
+}
+export interface FieldsetLegendProps extends HTMLProps<'legend'>, FieldsetLegendBaseProps {
+}
+export declare const FieldsetLegend: (props: FieldsetLegendProps) => import("solid-js").JSX.Element;

package/dist/types/components/fieldset/fieldset-root-provider.d.ts

@@ -0,0 +1,11 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+import type { UseFieldsetReturn } from './use-fieldset';
+interface RootProviderProps {
+    value: UseFieldsetReturn;
+}
+export interface FieldsetRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'fieldset'> {
+}
+export interface FieldsetRootProviderProps extends HTMLProps<'fieldset'>, FieldsetRootProviderBaseProps {
+}
+export declare const FieldsetRootProvider: (props: FieldsetRootProviderProps) => import("solid-js").JSX.Element;
+export {};

package/dist/types/components/fieldset/fieldset-root.d.ts

@@ -0,0 +1,10 @@
+import { type HTMLProps, type PolymorphicProps } from '../factory';
+import { type UseFieldsetProps } from './use-fieldset';
+export interface FieldsetRootBaseProps extends UseFieldsetProps, PolymorphicProps<'fieldset'> {
+}
+export interface FieldsetRootProps extends HTMLProps<'fieldset'>, FieldsetRootBaseProps {
+}
+export declare const FieldsetRoot: {
+    (props: FieldsetRootProps): import("solid-js").JSX.Element;
+    displayName: string;
+};

package/dist/types/components/fieldset/fieldset.anatomy.d.ts

@@ -0,0 +1,2 @@
+export declare const fieldsetAnatomy: import("@zag-js/anatomy").AnatomyInstance<"errorText" | "legend" | "root" | "helperText">;
+export declare const parts: Record<"errorText" | "legend" | "root" | "helperText", import("@zag-js/anatomy").AnatomyPart>;

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

@@ -0,0 +1,6 @@
+export { FieldsetRoot as Root, type FieldsetRootProps as RootProps, type FieldsetRootBaseProps as RootBaseProps, } from './fieldset-root';
+export { FieldsetRootProvider as RootProvider, type FieldsetRootProviderProps as RootProviderProps, type FieldsetRootProviderBaseProps as RootProviderBaseProps, } from './fieldset-root-provider';
+export { FieldsetLegend as Legend, type FieldsetLegendProps as LegendProps, type FieldsetLegendBaseProps as LegendBaseProps, } from './fieldset-legend';
+export { FieldsetHelperText as HelperText, type FieldsetHelperTextProps as HelperTextProps, type FieldsetHelperTextBaseProps as HelperTextBaseProps, } from './fieldset-helper-text';
+export { FieldsetErrorText as ErrorText, type FieldsetErrorTextProps as ErrorTextProps, type FieldsetErrorTextBaseProps as ErrorTextBaseProps, } from './fieldset-error-text';
+export { FieldsetContext as Context, type FieldsetContextProps as ContextProps, } from './fieldset-context';