@ark-ui/solid 3.0.0-0 → 3.0.0-1

package/dist/source/menu/menu-root.jsx

@@ -0,0 +1,49 @@
+import { mergeProps } from '@zag-js/solid';
+import { createEffect } from 'solid-js';
+import { createSplitProps } from '../create-split-props';
+import { PresenceProvider, splitPresenceProps, usePresence, } from '../presence';
+import { useMenu } from './use-menu';
+import { MenuProvider, useMenuContext } from './use-menu-context';
+import { MenuMachineProvider, useMenuMachineContext } from './use-menu-machine-context';
+import { MenuTriggerItemProvider } from './use-menu-trigger-item-context';
+export const MenuRoot = (props) => {
+    const [presenceProps, menuProps] = splitPresenceProps(props);
+    const [useMenuProps, localProps] = createSplitProps()(menuProps, [
+        'anchorPoint',
+        'aria-label',
+        'closeOnSelect',
+        'dir',
+        'getRootNode',
+        'highlightedValue',
+        'id',
+        'ids',
+        'loop',
+        'onEscapeKeyDown',
+        'onFocusOutside',
+        'onHighlightChange',
+        'onInteractOutside',
+        'onOpenChange',
+        'onPointerDownOutside',
+        'onSelect',
+        'open',
+        'positioning',
+    ]);
+    const parentApi = useMenuContext();
+    const parentMachine = useMenuMachineContext();
+    const menu = useMenu(useMenuProps);
+    const presenceApi = usePresence(mergeProps(presenceProps, () => ({ present: menu.api().isOpen })));
+    createEffect(() => {
+        if (!parentMachine)
+            return;
+        parentApi?.().setChild(menu.machine);
+        menu.api().setParent(parentMachine);
+    });
+    const triggerItemContext = () => parentApi?.().getTriggerItemProps(menu.api());
+    return (<MenuTriggerItemProvider value={triggerItemContext}>
+      <MenuMachineProvider value={menu.machine}>
+        <MenuProvider value={menu.api}>
+          <PresenceProvider value={presenceApi}>{localProps.children}</PresenceProvider>
+        </MenuProvider>
+      </MenuMachineProvider>
+    </MenuTriggerItemProvider>);
+};

package/dist/source/menu/menu-separator.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useMenuContext } from './use-menu-context';
+export const MenuSeparator = (props) => {
+    const menu = useMenuContext();
+    const mergedProps = mergeProps(() => menu().separatorProps, props);
+    return <ark.hr {...mergedProps}/>;
+};

package/dist/source/menu/menu-trigger-item.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useMenuTriggerItemContext } from './use-menu-trigger-item-context';
+export const MenuTriggerItem = (props) => {
+    const getTriggerItemProps = useMenuTriggerItemContext();
+    const mergedProps = mergeProps(() => getTriggerItemProps?.(), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/menu/menu-trigger.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { usePresenceContext } from '../presence';
+import { useMenuContext } from './use-menu-context';
+export const MenuTrigger = (props) => {
+    const api = useMenuContext();
+    const presenceApi = usePresenceContext();
+    const mergedProps = mergeProps(() => api().triggerProps, () => ({ 'aria-controls': presenceApi().isUnmounted && null }), props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/menu/menu.jsx

@@ -0,0 +1,21 @@
+import { MenuArrow as Arrow } from './menu-arrow';
+import { MenuArrowTip as ArrowTip } from './menu-arrow-tip';
+import { MenuCheckboxItem as CheckboxItem, } from './menu-checkbox-item';
+import { MenuContent as Content } from './menu-content';
+import { MenuContext as Context } from './menu-context';
+import { MenuContextTrigger as ContextTrigger, } from './menu-context-trigger';
+import { MenuIndicator as Indicator, } from './menu-indicator';
+import { MenuItem as Item } from './menu-item';
+import { MenuItemContext as ItemContext, } from './menu-item-context';
+import { MenuItemGroup as ItemGroup, } from './menu-item-group';
+import { MenuItemGroupLabel as ItemGroupLabel, } from './menu-item-group-label';
+import { MenuItemIndicator as ItemIndicator, } from './menu-item-indicator';
+import { MenuItemText as ItemText } from './menu-item-text';
+import { MenuPositioner as Positioner, } from './menu-positioner';
+import { MenuRadioItem as RadioItem, } from './menu-radio-item';
+import { MenuRadioItemGroup as RadioItemGroup, } from './menu-radio-item-group';
+import { MenuRoot as Root } from './menu-root';
+import { MenuSeparator as Separator, } from './menu-separator';
+import { MenuTrigger as Trigger } from './menu-trigger';
+import { MenuTriggerItem as TriggerItem, } from './menu-trigger-item';
+export { Arrow, ArrowTip, CheckboxItem, Content, Context, ContextTrigger, Indicator, Item, ItemContext, ItemGroup, ItemGroupLabel, ItemIndicator, ItemText, Positioner, RadioItem, RadioItemGroup, Root, Separator, Trigger, TriggerItem, };

package/dist/source/menu/use-menu-context.js

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

package/dist/source/menu/use-menu-item-context.js

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

package/dist/source/menu/use-menu-item-group-context.js

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

package/dist/source/menu/use-menu-machine-context.js

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

package/dist/source/menu/use-menu-option-item-context.js

@@ -0,0 +1,9 @@
+import { createContext } from '../create-context';
+export const [MenuOptionItemProvider, useMenuOptionItemContext] = createContext({
+    hookName: 'useMenuOptionItemContext',
+    providerName: '<MenuOptionItemProvider />',
+});
+export const [MenuOptionItemPropsProvider, useMenuOptionItemPropsContext] = createContext({
+    hookName: 'useMenuOptionItemPropsContext',
+    providerName: '<MenuOptionItemPropsProvider />',
+});

package/dist/source/menu/use-menu-trigger-item-context.js

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

package/dist/source/menu/use-menu.js

@@ -0,0 +1,14 @@
+import * as menu from '@zag-js/menu';
+import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { createMemo, createUniqueId } from 'solid-js';
+import { useEnvironmentContext } from '../environment';
+export const useMenu = (props) => {
+    const getRootNode = useEnvironmentContext();
+    const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
+    const [state, send, machine] = useMachine(menu.machine(context), { context });
+    const api = createMemo(() => menu.connect(state, send, normalizeProps));
+    return {
+        api,
+        machine,
+    };
+};

package/dist/source/number-input/index.js

@@ -0,0 +1,11 @@
+import { NumberInputContext } from './number-input-context';
+import { NumberInputControl } from './number-input-control';
+import { NumberInputDecrementTrigger, } from './number-input-decrement-trigger';
+import { NumberInputIncrementTrigger, } from './number-input-increment-trigger';
+import { NumberInputInput } from './number-input-input';
+import { NumberInputLabel } from './number-input-label';
+import { NumberInputRoot } from './number-input-root';
+import { NumberInputScrubber } from './number-input-scrubber';
+import { useNumberInputContext } from './use-number-input-context';
+export * as NumberInput from './number-input';
+export { NumberInputContext, NumberInputControl, NumberInputDecrementTrigger, NumberInputIncrementTrigger, NumberInputInput, NumberInputLabel, NumberInputRoot, NumberInputScrubber, useNumberInputContext, };

package/dist/source/number-input/number-input-context.jsx

@@ -0,0 +1,2 @@
+import { useNumberInputContext } from './use-number-input-context';
+export const NumberInputContext = (props) => props.children(useNumberInputContext());

package/dist/source/number-input/number-input-control.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useNumberInputContext } from './use-number-input-context';
+export const NumberInputControl = (props) => {
+    const api = useNumberInputContext();
+    const mergedProps = mergeProps(() => api().controlProps, props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/number-input/number-input-decrement-trigger.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useNumberInputContext } from './use-number-input-context';
+export const NumberInputDecrementTrigger = (props) => {
+    const api = useNumberInputContext();
+    const mergedProps = mergeProps(() => api().decrementTriggerProps, props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/number-input/number-input-increment-trigger.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useNumberInputContext } from './use-number-input-context';
+export const NumberInputIncrementTrigger = (props) => {
+    const api = useNumberInputContext();
+    const mergedProps = mergeProps(() => api().incrementTriggerProps, props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/number-input/number-input-input.jsx

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

package/dist/source/number-input/number-input-label.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useNumberInputContext } from './use-number-input-context';
+export const NumberInputLabel = (props) => {
+    const api = useNumberInputContext();
+    const mergedProps = mergeProps(() => api().labelProps, props);
+    return <ark.label {...mergedProps}/>;
+};

package/dist/source/number-input/number-input-root.jsx

@@ -0,0 +1,40 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useNumberInput } from './use-number-input';
+import { NumberInputProvider } from './use-number-input-context';
+export const NumberInputRoot = (props) => {
+    const [useNumberInputProps, localProps] = createSplitProps()(props, [
+        'allowMouseWheel',
+        'allowOverflow',
+        'clampValueOnBlur',
+        'dir',
+        'disabled',
+        'focusInputOnChange',
+        'form',
+        'formatOptions',
+        'getRootNode',
+        'id',
+        'ids',
+        'inputMode',
+        'invalid',
+        'locale',
+        'max',
+        'min',
+        'name',
+        'onFocusChange',
+        'onValueChange',
+        'onValueInvalid',
+        'pattern',
+        'readOnly',
+        'spinOnPress',
+        'step',
+        'translations',
+        'value',
+    ]);
+    const api = useNumberInput(useNumberInputProps);
+    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    return (<NumberInputProvider value={api}>
+      <ark.div {...mergedProps}/>
+    </NumberInputProvider>);
+};

package/dist/source/number-input/number-input-scrubber.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useNumberInputContext } from './use-number-input-context';
+export const NumberInputScrubber = (props) => {
+    const api = useNumberInputContext();
+    const mergedProps = mergeProps(() => api().scrubberProps, props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/number-input/number-input.jsx

@@ -0,0 +1,9 @@
+import { NumberInputContext as Context, } from './number-input-context';
+import { NumberInputControl as Control, } from './number-input-control';
+import { NumberInputDecrementTrigger as DecrementTrigger, } from './number-input-decrement-trigger';
+import { NumberInputIncrementTrigger as IncrementTrigger, } from './number-input-increment-trigger';
+import { NumberInputInput as Input, } from './number-input-input';
+import { NumberInputLabel as Label, } from './number-input-label';
+import { NumberInputRoot as Root, } from './number-input-root';
+import { NumberInputScrubber as Scrubber, } from './number-input-scrubber';
+export { Context, Control, DecrementTrigger, IncrementTrigger, Input, Label, Root, Scrubber };

package/dist/source/number-input/use-number-input-context.js

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

package/dist/source/number-input/use-number-input.js

@@ -0,0 +1,10 @@
+import * as numberInput from '@zag-js/number-input';
+import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { createMemo, createUniqueId } from 'solid-js';
+import { useEnvironmentContext } from '../environment';
+export const useNumberInput = (props) => {
+    const getRootNode = useEnvironmentContext();
+    const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
+    const [state, send] = useMachine(numberInput.machine(context), { context });
+    return createMemo(() => numberInput.connect(state, send, normalizeProps));
+};

package/dist/source/pagination/index.js

@@ -0,0 +1,9 @@
+import { PaginationContext } from './pagination-context';
+import { PaginationEllipsis } from './pagination-ellipsis';
+import { PaginationItem } from './pagination-item';
+import { PaginationNextTrigger } from './pagination-next-trigger';
+import { PaginationPrevTrigger } from './pagination-prev-trigger';
+import { PaginationRoot } from './pagination-root';
+import { usePaginationContext } from './use-pagination-context';
+export * as Pagination from './pagination';
+export { PaginationContext, PaginationEllipsis, PaginationItem, PaginationNextTrigger, PaginationPrevTrigger, PaginationRoot, usePaginationContext, };

package/dist/source/pagination/pagination-context.jsx

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

package/dist/source/pagination/pagination-ellipsis.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { usePaginationContext } from './use-pagination-context';
+export const PaginationEllipsis = (props) => {
+    const [ellipsisProps, localProps] = createSplitProps()(props, ['index']);
+    const api = usePaginationContext();
+    const mergedProps = mergeProps(() => api().getEllipsisProps(ellipsisProps), localProps);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/pagination/pagination-item.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { usePaginationContext } from './use-pagination-context';
+export const PaginationItem = (props) => {
+    const [itemProps, localProps] = createSplitProps()(props, ['value', 'type']);
+    const api = usePaginationContext();
+    const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/pagination/pagination-next-trigger.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { usePaginationContext } from './use-pagination-context';
+export const PaginationNextTrigger = (props) => {
+    const api = usePaginationContext();
+    const mergedProps = mergeProps(() => api().nextTriggerProps, props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/pagination/pagination-prev-trigger.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { usePaginationContext } from './use-pagination-context';
+export const PaginationPrevTrigger = (props) => {
+    const api = usePaginationContext();
+    const mergedProps = mergeProps(() => api().prevTriggerProps, props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/pagination/pagination-root.jsx

@@ -0,0 +1,25 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { usePagination } from './use-pagination';
+import { PaginationProvider } from './use-pagination-context';
+export const PaginationRoot = (props) => {
+    const [usePaginationProps, localProps] = createSplitProps()(props, [
+        'count',
+        'dir',
+        'getRootNode',
+        'id',
+        'ids',
+        'onPageChange',
+        'page',
+        'pageSize',
+        'siblingCount',
+        'translations',
+        'type',
+    ]);
+    const api = usePagination(usePaginationProps);
+    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    return (<PaginationProvider value={api}>
+      <ark.nav {...mergedProps}/>
+    </PaginationProvider>);
+};

package/dist/source/pagination/pagination.jsx

@@ -0,0 +1,7 @@
+import { PaginationContext as Context, } from './pagination-context';
+import { PaginationEllipsis as Ellipsis, } from './pagination-ellipsis';
+import { PaginationItem as Item } from './pagination-item';
+import { PaginationNextTrigger as NextTrigger, } from './pagination-next-trigger';
+import { PaginationPrevTrigger as PrevTrigger, } from './pagination-prev-trigger';
+import { PaginationRoot as Root } from './pagination-root';
+export { Context, Ellipsis, Item, NextTrigger, PrevTrigger, Root };

package/dist/source/pagination/use-pagination-context.js

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

package/dist/source/pagination/use-pagination.js

@@ -0,0 +1,10 @@
+import * as pagination from '@zag-js/pagination';
+import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { createMemo, createUniqueId } from 'solid-js';
+import { useEnvironmentContext } from '../environment';
+export const usePagination = (props) => {
+    const getRootNode = useEnvironmentContext();
+    const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
+    const [state, send] = useMachine(pagination.machine(context), { context });
+    return createMemo(() => pagination.connect(state, send, normalizeProps));
+};

package/dist/source/pin-input/index.js

@@ -0,0 +1,8 @@
+import { PinInputContext } from './pin-input-context';
+import { PinInputControl } from './pin-input-control';
+import { PinInputInput } from './pin-input-input';
+import { PinInputLabel } from './pin-input-label';
+import { PinInputRoot } from './pin-input-root';
+import { usePinInputContext } from './use-pin-input-context';
+export * as PinInput from './pin-input';
+export { PinInputContext, PinInputControl, PinInputInput, PinInputLabel, PinInputRoot, usePinInputContext, };

package/dist/source/pin-input/pin-input-context.jsx

@@ -0,0 +1,2 @@
+import { usePinInputContext } from './use-pin-input-context';
+export const PinInputContext = (props) => props.children(usePinInputContext());

package/dist/source/pin-input/pin-input-control.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { usePinInputContext } from './use-pin-input-context';
+export const PinInputControl = (props) => {
+    const api = usePinInputContext();
+    const mergedProps = mergeProps(() => api().controlProps, props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/pin-input/pin-input-input.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { usePinInputContext } from './use-pin-input-context';
+export const PinInputInput = (props) => {
+    const [inputProps, localProps] = createSplitProps()(props, ['index']);
+    const api = usePinInputContext();
+    const mergedProps = mergeProps(() => api().getInputProps(inputProps), localProps);
+    return <ark.input {...mergedProps}/>;
+};

package/dist/source/pin-input/pin-input-label.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { usePinInputContext } from './use-pin-input-context';
+export const PinInputLabel = (props) => {
+    const api = usePinInputContext();
+    const mergedProps = mergeProps(() => api().labelProps, props);
+    return <ark.label {...mergedProps}/>;
+};

package/dist/source/pin-input/pin-input-root.jsx

@@ -0,0 +1,36 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { usePinInput } from './use-pin-input';
+import { PinInputProvider } from './use-pin-input-context';
+export const PinInputRoot = (props) => {
+    const [usePinInputProps, localProps] = createSplitProps()(props, [
+        'autoFocus',
+        'blurOnComplete',
+        'dir',
+        'disabled',
+        'form',
+        'getRootNode',
+        'id',
+        'ids',
+        'invalid',
+        'mask',
+        'name',
+        'onValueChange',
+        'onValueComplete',
+        'onValueInvalid',
+        'otp',
+        'pattern',
+        'placeholder',
+        'selectOnFocus',
+        'translations',
+        'type',
+        'value',
+    ]);
+    const api = usePinInput(usePinInputProps);
+    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    return (<PinInputProvider value={api}>
+      <ark.div {...mergedProps}/>
+      <input {...api().hiddenInputProps}/>
+    </PinInputProvider>);
+};

package/dist/source/pin-input/pin-input.jsx

@@ -0,0 +1,6 @@
+import { PinInputContext as Context, } from './pin-input-context';
+import { PinInputControl as Control, } from './pin-input-control';
+import { PinInputInput as Input } from './pin-input-input';
+import { PinInputLabel as Label } from './pin-input-label';
+import { PinInputRoot as Root } from './pin-input-root';
+export { Context, Control, Input, Label, Root };

package/dist/source/pin-input/use-pin-input-context.js

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

package/dist/source/pin-input/use-pin-input.js

@@ -0,0 +1,10 @@
+import * as pinInput from '@zag-js/pin-input';
+import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import { createMemo, createUniqueId } from 'solid-js';
+import { useEnvironmentContext } from '../environment';
+export const usePinInput = (props) => {
+    const getRootNode = useEnvironmentContext();
+    const context = mergeProps({ id: createUniqueId(), getRootNode }, props);
+    const [state, send] = useMachine(pinInput.machine(context), { context });
+    return createMemo(() => pinInput.connect(state, send, normalizeProps));
+};

package/dist/source/popover/index.js

@@ -0,0 +1,15 @@
+import { PopoverAnchor } from './popover-anchor';
+import { PopoverArrow } from './popover-arrow';
+import { PopoverArrowTip } from './popover-arrow-tip';
+import { PopoverCloseTrigger } from './popover-close-trigger';
+import { PopoverContent } from './popover-content';
+import { PopoverContext } from './popover-context';
+import { PopoverDescription } from './popover-description';
+import { PopoverIndicator } from './popover-indicator';
+import { PopoverPositioner } from './popover-positioner';
+import { PopoverRoot } from './popover-root';
+import { PopoverTitle } from './popover-title';
+import { PopoverTrigger } from './popover-trigger';
+import { usePopoverContext } from './use-popover-context';
+export * as Popover from './popover';
+export { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverTitle, PopoverTrigger, usePopoverContext, };

package/dist/source/popover/popover-anchor.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { usePopoverContext } from './use-popover-context';
+export const PopoverAnchor = (props) => {
+    const api = usePopoverContext();
+    const mergedProps = mergeProps(() => api().anchorProps, props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/popover/popover-arrow-tip.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { usePopoverContext } from './use-popover-context';
+export const PopoverArrowTip = (props) => {
+    const popover = usePopoverContext();
+    const mergedProps = mergeProps(() => popover().arrowTipProps, props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/popover/popover-arrow.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { usePopoverContext } from './use-popover-context';
+export const PopoverArrow = (props) => {
+    const popover = usePopoverContext();
+    const mergedProps = mergeProps(() => popover().arrowProps, props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/popover/popover-close-trigger.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { usePopoverContext } from './use-popover-context';
+export const PopoverCloseTrigger = (props) => {
+    const api = usePopoverContext();
+    const mergedProps = mergeProps(() => api().closeTriggerProps, props);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/popover/popover-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 { usePopoverContext } from './use-popover-context';
+export const PopoverContent = (props) => {
+    const api = usePopoverContext();
+    const presenceApi = usePresenceContext();
+    const mergedProps = mergeProps(() => api().contentProps, () => presenceApi().presenceProps, props);
+    return (<Show when={!presenceApi().isUnmounted}>
+      <ark.div {...mergedProps}/>
+    </Show>);
+};

package/dist/source/popover/popover-context.jsx

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

package/dist/source/popover/popover-description.jsx

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { usePopoverContext } from './use-popover-context';
+export const PopoverDescription = (props) => {
+    const api = usePopoverContext();
+    const mergedProps = mergeProps(() => api().descriptionProps, props);
+    return <ark.div {...mergedProps}/>;
+};