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

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

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

package/dist/source/toast/toast-group.jsx

@@ -0,0 +1,4 @@
+import { ark } from '../factory';
+export const ToastGroup = (props) => {
+    return <ark.ol {...props}/>;
+};

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

@@ -0,0 +1,8 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useToastContext } from './use-toast-context';
+export const ToastRoot = (props) => {
+    const api = useToastContext();
+    const mergedProps = mergeProps(() => api().rootProps, props);
+    return <ark.li {...mergedProps}/>;
+};

package/dist/source/toast/toast-title.jsx

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

package/dist/source/toast/toast.jsx

@@ -0,0 +1,7 @@
+import { ToastCloseTrigger as CloseTrigger, } from './toast-close-trigger';
+import { ToastContext as Context } from './toast-context';
+import { ToastDescription as Description, } from './toast-description';
+import { ToastGroup as Group } from './toast-group';
+import { ToastRoot as Root } from './toast-root';
+import { ToastTitle as Title } from './toast-title';
+export { CloseTrigger, Context, Description, Group, Root, Title };

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

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

package/dist/source/toggle-group/index.js

@@ -0,0 +1,6 @@
+import { ToggleGroupContext } from './toggle-group-context';
+import { ToggleGroupItem } from './toggle-group-item';
+import { ToggleGroupRoot } from './toggle-group-root';
+import { useToggleGroupContext } from './use-toggle-group-context';
+export * as ToggleGroup from './toggle-group';
+export { ToggleGroupContext, ToggleGroupItem, ToggleGroupRoot, useToggleGroupContext };

package/dist/source/toggle-group/toggle-group-context.jsx

@@ -0,0 +1,2 @@
+import { useToggleGroupContext } from './use-toggle-group-context';
+export const ToggleGroupContext = (props) => props.children(useToggleGroupContext());

package/dist/source/toggle-group/toggle-group-item.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useToggleGroupContext } from './use-toggle-group-context';
+export const ToggleGroupItem = (props) => {
+    const [toggleProps, restProps] = createSplitProps()(props, ['value', 'disabled']);
+    const api = useToggleGroupContext();
+    const mergedProps = mergeProps(() => api().getItemProps(toggleProps), restProps);
+    return <ark.button {...mergedProps}/>;
+};

package/dist/source/toggle-group/toggle-group-root.jsx

@@ -0,0 +1,25 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useToggleGroup } from './use-toggle-group';
+import { ToggleGroupProvider } from './use-toggle-group-context';
+export const ToggleGroupRoot = (props) => {
+    const [useToggleGroupProps, restProps] = createSplitProps()(props, [
+        'dir',
+        'disabled',
+        'getRootNode',
+        'id',
+        'ids',
+        'loop',
+        'multiple',
+        'onValueChange',
+        'orientation',
+        'rovingFocus',
+        'value',
+    ]);
+    const api = useToggleGroup(useToggleGroupProps);
+    const mergedProps = mergeProps(() => api().rootProps, restProps);
+    return (<ToggleGroupProvider value={api}>
+      <ark.div {...mergedProps}/>
+    </ToggleGroupProvider>);
+};

package/dist/source/toggle-group/toggle-group.jsx

@@ -0,0 +1,4 @@
+import { ToggleGroupContext as Context, } from './toggle-group-context';
+import { ToggleGroupItem as Item, } from './toggle-group-item';
+import { ToggleGroupRoot as Root, } from './toggle-group-root';
+export { Context, Item, Root };

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

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

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

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

package/dist/source/tooltip/index.js

@@ -0,0 +1,10 @@
+import { TooltipArrow } from './tooltip-arrow';
+import { TooltipArrowTip } from './tooltip-arrow-tip';
+import { TooltipContent } from './tooltip-content';
+import { TooltipContext } from './tooltip-context';
+import { TooltipPositioner } from './tooltip-positioner';
+import { TooltipRoot } from './tooltip-root';
+import { TooltipTrigger } from './tooltip-trigger';
+import { useTooltipContext } from './use-tooltip-context';
+export * as Tooltip from './tooltip';
+export { TooltipArrow, TooltipArrowTip, TooltipContent, TooltipContext, TooltipPositioner, TooltipRoot, TooltipTrigger, useTooltipContext, };

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,29 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { PresenceProvider, splitPresenceProps, usePresence, } from '../presence';
+import { useTooltip } from './use-tooltip';
+import { TooltipProvider } from './use-tooltip-context';
+export const TooltipRoot = (props) => {
+    const [presenceProps, tooltipProps] = splitPresenceProps(props);
+    const [useTooltipProps, localProps] = createSplitProps()(tooltipProps, [
+        'aria-label',
+        'closeDelay',
+        'closeOnEsc',
+        'closeOnPointerDown',
+        'dir',
+        'disabled',
+        'getRootNode',
+        'id',
+        'ids',
+        'interactive',
+        'onOpenChange',
+        'open',
+        'openDelay',
+        'positioning',
+    ]);
+    const api = useTooltip(useTooltipProps);
+    const apiPresence = usePresence(mergeProps(presenceProps, () => ({ present: api().isOpen })));
+    return (<TooltipProvider value={api}>
+      <PresenceProvider value={apiPresence}>{localProps.children}</PresenceProvider>
+    </TooltipProvider>);
+};

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

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

package/dist/source/tooltip/tooltip.jsx

@@ -0,0 +1,8 @@
+import { TooltipArrow as Arrow } from './tooltip-arrow';
+import { TooltipArrowTip as ArrowTip, } from './tooltip-arrow-tip';
+import { TooltipContent as Content, } from './tooltip-content';
+import { TooltipContext as Context, } from './tooltip-context';
+import { TooltipPositioner as Positioner, } from './tooltip-positioner';
+import { TooltipRoot as Root } from './tooltip-root';
+import { TooltipTrigger as Trigger, } from './tooltip-trigger';
+export { Arrow, ArrowTip, Content, Context, Positioner, Root, Trigger };

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

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

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

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

package/dist/source/tree-view/index.js

@@ -0,0 +1,16 @@
+import { TreeViewBranch } from './tree-view-branch';
+import { TreeViewBranchContent } from './tree-view-branch-content';
+import { TreeViewBranchControl } from './tree-view-branch-control';
+import { TreeViewBranchIndicator, } from './tree-view-branch-indicator';
+import { TreeViewBranchText } from './tree-view-branch-text';
+import { TreeViewBranchTrigger } from './tree-view-branch-trigger';
+import { TreeViewContext } from './tree-view-context';
+import { TreeViewItem } from './tree-view-item';
+import { TreeViewItemIndicator } from './tree-view-item-indicator';
+import { TreeViewItemText } from './tree-view-item-text';
+import { TreeViewLabel } from './tree-view-label';
+import { TreeViewRoot } from './tree-view-root';
+import { TreeViewTree } from './tree-view-tree';
+import { useTreeViewContext } from './use-tree-view-context';
+export * as TreeView from './tree-view';
+export { TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewContext, TreeViewItem, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewTree, useTreeViewContext, };

package/dist/source/tree-view/tree-view-branch-content.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTreeViewBranchContext } from './use-tree-view-branch-context';
+import { useTreeViewContext } from './use-tree-view-context';
+export const TreeViewBranchContent = (props) => {
+    const api = useTreeViewContext();
+    const branchProps = useTreeViewBranchContext();
+    const mergedProps = mergeProps(() => api().getBranchContentProps(branchProps), props);
+    return <ark.ul {...mergedProps}/>;
+};

package/dist/source/tree-view/tree-view-branch-control.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTreeViewBranchContext } from './use-tree-view-branch-context';
+import { useTreeViewContext } from './use-tree-view-context';
+export const TreeViewBranchControl = (props) => {
+    const api = useTreeViewContext();
+    const branchProps = useTreeViewBranchContext();
+    const mergedProps = mergeProps(() => api().getBranchControlProps(branchProps), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/tree-view/tree-view-branch-indicator.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTreeViewBranchContext } from './use-tree-view-branch-context';
+import { useTreeViewContext } from './use-tree-view-context';
+export const TreeViewBranchIndicator = (props) => {
+    const api = useTreeViewContext();
+    const branchProps = useTreeViewBranchContext();
+    const mergedProps = mergeProps(() => api().getBranchIndicatorProps(branchProps), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/tree-view/tree-view-branch-text.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTreeViewBranchContext } from './use-tree-view-branch-context';
+import { useTreeViewContext } from './use-tree-view-context';
+export const TreeViewBranchText = (props) => {
+    const api = useTreeViewContext();
+    const branchProps = useTreeViewBranchContext();
+    const mergedProps = mergeProps(() => api().getBranchTextProps(branchProps), props);
+    return <ark.span {...mergedProps}/>;
+};

package/dist/source/tree-view/tree-view-branch-trigger.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTreeViewBranchContext } from './use-tree-view-branch-context';
+import { useTreeViewContext } from './use-tree-view-context';
+export const TreeViewBranchTrigger = (props) => {
+    const api = useTreeViewContext();
+    const branchProps = useTreeViewBranchContext();
+    const mergedProps = mergeProps(() => api().getBranchTriggerProps(branchProps), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/tree-view/tree-view-branch.jsx

@@ -0,0 +1,18 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { TreeViewBranchProvider } from './use-tree-view-branch-context';
+import { useTreeViewContext } from './use-tree-view-context';
+import { TreeViewDepthProvider, useTreeViewDepthContext } from './use-tree-view-depth-context';
+export const TreeViewBranch = (props) => {
+    const [itemProps, localProps] = createSplitProps()(props, ['disabled', 'id']);
+    const api = useTreeViewContext();
+    const depth = useTreeViewDepthContext();
+    const branchProps = mergeProps(itemProps, { depth });
+    const mergedProps = mergeProps(() => api().getBranchProps(branchProps), localProps);
+    return (<TreeViewDepthProvider value={depth + 1}>
+      <TreeViewBranchProvider value={branchProps}>
+        <ark.li {...mergedProps}/>
+      </TreeViewBranchProvider>
+    </TreeViewDepthProvider>);
+};

package/dist/source/tree-view/tree-view-context.jsx

@@ -0,0 +1,2 @@
+import { useTreeViewContext } from './use-tree-view-context';
+export const TreeViewContext = (props) => props.children(useTreeViewContext());

package/dist/source/tree-view/tree-view-item-indicator.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTreeViewContext } from './use-tree-view-context';
+import { useTreeViewItemContext } from './use-tree-view-item-context';
+export const TreeViewItemIndicator = (props) => {
+    const api = useTreeViewContext();
+    const itemProps = useTreeViewItemContext();
+    const mergedProps = mergeProps(() => api().getItemIndicatorProps(itemProps), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/tree-view/tree-view-item-text.jsx

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTreeViewContext } from './use-tree-view-context';
+import { useTreeViewItemContext } from './use-tree-view-item-context';
+export const TreeViewItemText = (props) => {
+    const api = useTreeViewContext();
+    const itemProps = useTreeViewItemContext();
+    const mergedProps = mergeProps(() => api().getItemTextProps(itemProps), props);
+    return <ark.span {...mergedProps}/>;
+};

package/dist/source/tree-view/tree-view-item.jsx

@@ -0,0 +1,16 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useTreeViewContext } from './use-tree-view-context';
+import { useTreeViewDepthContext } from './use-tree-view-depth-context';
+import { TreeViewItemProvider } from './use-tree-view-item-context';
+export const TreeViewItem = (props) => {
+    const [_itemProps, localProps] = createSplitProps()(props, ['id', 'disabled']);
+    const api = useTreeViewContext();
+    const depth = useTreeViewDepthContext();
+    const itemProps = mergeProps(_itemProps, { depth });
+    const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
+    return (<TreeViewItemProvider value={itemProps}>
+      <ark.li {...mergedProps}/>
+    </TreeViewItemProvider>);
+};

package/dist/source/tree-view/tree-view-label.jsx

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

package/dist/source/tree-view/tree-view-root.jsx

@@ -0,0 +1,25 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../create-split-props';
+import { ark } from '../factory';
+import { useTreeView } from './use-tree-view';
+import { TreeViewProvider } from './use-tree-view-context';
+export const TreeViewRoot = (props) => {
+    const [useTreeViewProps, localProps] = createSplitProps()(props, [
+        'dir',
+        'expandedIds',
+        'focusedId',
+        'getRootNode',
+        'id',
+        'onExpandedChange',
+        'onFocusChange',
+        'onSelectionChange',
+        'openOnClick',
+        'selectedIds',
+        'selectionMode',
+    ]);
+    const api = useTreeView(useTreeViewProps);
+    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    return (<TreeViewProvider value={api}>
+      <ark.div {...mergedProps}/>
+    </TreeViewProvider>);
+};

package/dist/source/tree-view/tree-view-tree.jsx

@@ -0,0 +1,11 @@
+import { mergeProps } from '@zag-js/solid';
+import { ark } from '../factory';
+import { useTreeViewContext } from './use-tree-view-context';
+import { TreeViewDepthProvider } from './use-tree-view-depth-context';
+export const TreeViewTree = (props) => {
+    const api = useTreeViewContext();
+    const mergedProps = mergeProps(() => api().treeProps, props);
+    return (<TreeViewDepthProvider value={1}>
+      <ark.ul {...mergedProps}/>
+    </TreeViewDepthProvider>);
+};

package/dist/source/tree-view/tree-view.jsx

@@ -0,0 +1,14 @@
+import { TreeViewBranch as Branch, } from './tree-view-branch';
+import { TreeViewBranchContent as BranchContent, } from './tree-view-branch-content';
+import { TreeViewBranchControl as BranchControl, } from './tree-view-branch-control';
+import { TreeViewBranchIndicator as BranchIndicator, } from './tree-view-branch-indicator';
+import { TreeViewBranchText as BranchText, } from './tree-view-branch-text';
+import { TreeViewBranchTrigger as BranchTrigger, } from './tree-view-branch-trigger';
+import { TreeViewContext as Context, } from './tree-view-context';
+import { TreeViewItem as Item } from './tree-view-item';
+import { TreeViewItemIndicator as ItemIndicator, } from './tree-view-item-indicator';
+import { TreeViewItemText as ItemText, } from './tree-view-item-text';
+import { TreeViewLabel as Label } from './tree-view-label';
+import { TreeViewRoot as Root } from './tree-view-root';
+import { TreeViewTree as Tree } from './tree-view-tree';
+export { Branch, BranchContent, BranchControl, BranchIndicator, BranchText, BranchTrigger, Context, Item, ItemIndicator, ItemText, Label, Root, Tree, };

package/dist/source/tree-view/use-tree-view-branch-context.js

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

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

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

package/dist/source/tree-view/use-tree-view-depth-context.js

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

package/dist/source/tree-view/use-tree-view-item-context.js

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

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

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

package/dist/source/types.js

@@ -0,0 +1,2 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export {};

package/dist/types/accordion/accordion-context.d.ts

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

package/dist/types/accordion/accordion-item-content.d.ts

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

package/dist/types/accordion/accordion-item-context.d.ts

@@ -0,0 +1,6 @@
+import type { JSX } from 'solid-js';
+import { type UseAccordionItemContext } from './use-accordion-item-context';
+export interface AccordionItemContextProps {
+    children: (context: UseAccordionItemContext) => JSX.Element;
+}
+export declare const AccordionItemContext: (props: AccordionItemContextProps) => JSX.Element;

package/dist/types/accordion/accordion-item-indicator.d.ts

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

package/dist/types/accordion/accordion-item-trigger.d.ts

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

package/dist/types/accordion/accordion-item.d.ts

@@ -0,0 +1,7 @@
+import { type ItemProps } from '@zag-js/accordion';
+import type { UseCollapsibleProps } from '../collapsible/use-collapsible';
+import { type HTMLArkProps } from '../factory';
+import type { Assign } from '../types';
+export interface AccordionItemProps extends Assign<HTMLArkProps<'div'>, UseCollapsibleProps>, ItemProps {
+}
+export declare const AccordionItem: (props: AccordionItemProps) => import("solid-js").JSX.Element;

package/dist/types/accordion/accordion-root.d.ts

@@ -0,0 +1,7 @@
+import { type HTMLArkProps } from '../factory';
+import { type RenderStrategyProps } from '../render-strategy';
+import type { Assign } from '../types';
+import { type UseAccordionProps } from './use-accordion';
+export interface AccordionRootProps extends Assign<HTMLArkProps<'div'>, UseAccordionProps>, RenderStrategyProps {
+}
+export declare const AccordionRoot: (props: AccordionRootProps) => import("solid-js").JSX.Element;

package/dist/types/accordion/accordion.d.ts

@@ -0,0 +1,10 @@
+import type { FocusChangeDetails, ValueChangeDetails } from '@zag-js/accordion';
+import { AccordionContext as Context, type AccordionContextProps as ContextProps } from './accordion-context';
+import { AccordionItem as Item, type AccordionItemProps as ItemProps } from './accordion-item';
+import { AccordionItemContent as ItemContent, type AccordionItemContentProps as ItemContentProps } from './accordion-item-content';
+import { AccordionItemContext as ItemContext, type AccordionItemContextProps as ItemContextProps } from './accordion-item-context';
+import { AccordionItemIndicator as ItemIndicator, type AccordionItemIndicatorProps as ItemIndicatorProps } from './accordion-item-indicator';
+import { AccordionItemTrigger as ItemTrigger, type AccordionItemTriggerProps as ItemTriggerProps } from './accordion-item-trigger';
+import { AccordionRoot as Root, type AccordionRootProps as RootProps } from './accordion-root';
+export { Context, Item, ItemContent, ItemContext, ItemIndicator, ItemTrigger, Root };
+export type { ContextProps, FocusChangeDetails, ItemContentProps, ItemContextProps, ItemIndicatorProps, ItemProps, ItemTriggerProps, RootProps, ValueChangeDetails, };

package/dist/types/accordion/index.d.ts

@@ -0,0 +1,12 @@
+import type { FocusChangeDetails as AccordionFocusChangeDetails, ValueChangeDetails as AccordionValueChangeDetails } from '@zag-js/accordion';
+import { AccordionContext, type AccordionContextProps } from './accordion-context';
+import { AccordionItem, type AccordionItemProps } from './accordion-item';
+import { AccordionItemContent, type AccordionItemContentProps } from './accordion-item-content';
+import { AccordionItemIndicator, type AccordionItemIndicatorProps } from './accordion-item-indicator';
+import { AccordionItemTrigger, type AccordionItemTriggerProps } from './accordion-item-trigger';
+import { AccordionRoot, type AccordionRootProps } from './accordion-root';
+import { useAccordionContext, type UseAccordionContext } from './use-accordion-context';
+import { useAccordionItemContext, type UseAccordionItemContext } from './use-accordion-item-context';
+export * as Accordion from './accordion';
+export { AccordionContext, AccordionItem, AccordionItemContent, AccordionItemIndicator, AccordionItemTrigger, AccordionRoot, useAccordionContext, useAccordionItemContext, };
+export type { AccordionContextProps, AccordionFocusChangeDetails, AccordionItemContentProps, AccordionItemIndicatorProps, AccordionItemProps, AccordionItemTriggerProps, AccordionRootProps, AccordionValueChangeDetails, UseAccordionContext, UseAccordionItemContext, };

package/dist/types/accordion/use-accordion-context.d.ts

@@ -0,0 +1,4 @@
+import { type UseAccordionReturn } from './use-accordion';
+export interface UseAccordionContext extends UseAccordionReturn {
+}
+export declare const AccordionProvider: import("solid-js").ContextProviderComponent<UseAccordionContext>, useAccordionContext: () => UseAccordionContext;

package/dist/types/accordion/use-accordion-item-context.d.ts

@@ -0,0 +1,6 @@
+import type { ItemProps, ItemState } from '@zag-js/accordion';
+import type { Accessor } from 'solid-js';
+export interface UseAccordionItemContext extends Accessor<ItemState> {
+}
+export declare const AccordionItemProvider: import("solid-js").ContextProviderComponent<UseAccordionItemContext>, useAccordionItemContext: () => UseAccordionItemContext;
+export declare const AccordionItemPropsProvider: import("solid-js").ContextProviderComponent<ItemProps>, useAccordionItemPropsContext: () => ItemProps;