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

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

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

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

@@ -0,0 +1,13 @@
+import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import * as toggleGroup from '@zag-js/toggle-group';
+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 [state, send] = useMachine(toggleGroup.machine(context), {
+        context,
+    });
+    return createMemo(() => toggleGroup.connect(state, send, normalizeProps));
+};

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

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

package/dist/source/components/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/components/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/components/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().unmounted}>
+      <ark.div {...mergedProps}/>
+    </Show>);
+};

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

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

package/dist/source/components/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().unmounted}>
+      <ark.div {...mergedProps}/>
+    </Show>);
+};

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

@@ -0,0 +1,27 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/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',
+        'disabled',
+        'id',
+        'ids',
+        'interactive',
+        'onOpenChange',
+        'open',
+        'openDelay',
+        'positioning',
+    ]);
+    const api = useTooltip(useTooltipProps);
+    const apiPresence = usePresence(mergeProps(presenceProps, () => ({ present: api().open })));
+    return (<TooltipProvider value={api}>
+      <PresenceProvider value={apiPresence}>{localProps.children}</PresenceProvider>
+    </TooltipProvider>);
+};

package/dist/source/components/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/components/tooltip/tooltip.js

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

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

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

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

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

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

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

package/dist/source/components/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/components/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/components/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/components/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/components/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/components/tree-view/tree-view-branch.jsx

@@ -0,0 +1,18 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/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', 'value']);
+    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/components/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/components/tree-view/tree-view-item-context.jsx

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

package/dist/source/components/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 { useTreeViewItemPropsContext } from './use-tree-view-item-props-context';
+export const TreeViewItemIndicator = (props) => {
+    const api = useTreeViewContext();
+    const itemProps = useTreeViewItemPropsContext();
+    const mergedProps = mergeProps(() => api().getItemIndicatorProps(itemProps), props);
+    return <ark.div {...mergedProps}/>;
+};

package/dist/source/components/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 { useTreeViewItemPropsContext } from './use-tree-view-item-props-context';
+export const TreeViewItemText = (props) => {
+    const api = useTreeViewContext();
+    const itemProps = useTreeViewItemPropsContext();
+    const mergedProps = mergeProps(() => api().getItemTextProps(itemProps), props);
+    return <ark.span {...mergedProps}/>;
+};

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

@@ -0,0 +1,24 @@
+import { mergeProps } from '@zag-js/solid';
+import { createMemo } from 'solid-js';
+import { createSplitProps } from '../../utils/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';
+import { TreeViewItemPropsProvider, } from './use-tree-view-item-props-context';
+export const TreeViewItem = (props) => {
+    const [_itemProps, localProps] = createSplitProps()(props, [
+        'disabled',
+        'value',
+    ]);
+    const api = useTreeViewContext();
+    const depth = useTreeViewDepthContext();
+    const itemProps = mergeProps(_itemProps, { depth });
+    const itemState = createMemo(() => api().getItemState(itemProps));
+    const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
+    return (<TreeViewItemPropsProvider value={itemProps}>
+      <TreeViewItemProvider value={itemState}>
+        <ark.li {...mergedProps}/>
+      </TreeViewItemProvider>
+    </TreeViewItemPropsProvider>);
+};

package/dist/source/components/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/components/tree-view/tree-view-root.jsx

@@ -0,0 +1,25 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/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, [
+        'expandedValue',
+        'focusedValue',
+        'id',
+        'ids',
+        'onExpandedChange',
+        'onFocusChange',
+        'onSelectionChange',
+        'openOnClick',
+        'selectedValue',
+        'selectionMode',
+        'typeahead',
+    ]);
+    const api = useTreeView(useTreeViewProps);
+    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    return (<TreeViewProvider value={api}>
+      <ark.div {...mergedProps}/>
+    </TreeViewProvider>);
+};

package/dist/source/components/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/components/tree-view/tree-view.js

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

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import { mergeProps, normalizeProps, useMachine } from '@zag-js/solid';
+import * as treeView from '@zag-js/tree-view';
+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 [state, send] = useMachine(treeView.machine(context), { context });
+    return createMemo(() => treeView.connect(state, send, normalizeProps));
+};

package/dist/source/index.jsx

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './providers';

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

@@ -0,0 +1,11 @@
+import { createMemo } from 'solid-js';
+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()}>
+      {props.children}
+      {!props.value && <span hidden ref={spanRef}/>}
+    </EnvironmentProvider>);
+};

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

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

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

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

package/dist/source/providers/index.js

@@ -0,0 +1,2 @@
+export * from './environment';
+export * from './locale';

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

@@ -0,0 +1,2 @@
+export { LocaleProvider } from './locale-provider';
+export { useLocaleContext } from './use-locale-context';

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

@@ -0,0 +1,24 @@
+import { isRTL, trackLocale } from '@zag-js/i18n-utils';
+import { createEffect, createMemo, createSignal, onCleanup, splitProps, } from 'solid-js';
+import { useEnvironmentContext } from '../environment';
+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();
+    createEffect(() => {
+        const cleanup = trackLocale({
+            locale: localeProps.locale,
+            getRootNode,
+            onLocaleChange(locale) {
+                setLocale(locale.locale);
+            },
+        });
+        onCleanup(cleanup);
+    });
+    const context = createMemo(() => ({
+        locale: locale(),
+        dir: isRTL(locale()) ? 'rtl' : 'ltr',
+    }));
+    return <LocaleContextProvider value={context}>{restProps.children}</LocaleContextProvider>;
+};

package/dist/source/providers/locale/use-locale-context.jsx

@@ -0,0 +1,7 @@
+import { createContext } from '../../utils/create-context';
+export const [LocaleContextProvider, useLocaleContext] = createContext({
+    hookName: 'useEnvironmentContext',
+    providerName: '<EnvironmentProvider />',
+    strict: false,
+    defaultValue: () => ({ dir: 'ltr', locale: 'en-US' }),
+});

package/dist/source/types.js

@@ -0,0 +1 @@
+export {};

package/dist/source/utils/create-context.js

@@ -0,0 +1,19 @@
+import { createContext as createSolidContext, useContext as useSolidContext, } from 'solid-js';
+function getErrorMessage(hook, provider) {
+    return `${hook} returned \`undefined\`. Seems you forgot to wrap component within ${provider}`;
+}
+export function createContext(options = {}) {
+    const { strict = true, hookName = 'useContext', providerName = 'Provider', errorMessage, defaultValue, } = options;
+    const Context = createSolidContext(defaultValue);
+    function useContext() {
+        const context = useSolidContext(Context);
+        if (!context && strict) {
+            const error = new Error(errorMessage ?? getErrorMessage(hookName, providerName));
+            error.name = 'ContextError';
+            Error.captureStackTrace?.(error, useContext);
+            throw error;
+        }
+        return context;
+    }
+    return [Context.Provider, useContext, Context];
+}

package/dist/source/utils/create-split-props.js

@@ -0,0 +1,2 @@
+import { splitProps } from 'solid-js';
+export const createSplitProps = () => (props, keys) => splitProps(props, keys);

package/dist/source/utils/render-strategy.js

@@ -0,0 +1,7 @@
+import { createContext } from './create-context';
+import { createSplitProps } from './create-split-props';
+export const [RenderStrategyProvider, useRenderStrategyContext] = createContext({
+    hookName: 'useRenderStrategyContext',
+    providerName: '<RenderStrategyProvider />',
+});
+export const splitRenderStrategyProps = (props) => createSplitProps()(props, ['lazyMount', 'unmountOnExit']);

package/dist/types/components/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/components/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/components/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/components/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/components/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/components/accordion/accordion-item.d.ts

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

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

@@ -0,0 +1,7 @@
+import type { Assign } from '../../types';
+import { type RenderStrategyProps } from '../../utils/render-strategy';
+import { type HTMLArkProps } from '../factory';
+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/components/accordion/accordion.d.ts

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

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

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