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

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

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

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

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/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/components/toggle-group/toggle-group-root.jsx

@@ -0,0 +1,23 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/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, [
+        'disabled',
+        'id',
+        'ids',
+        'loopFocus',
+        '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/components/toggle-group/toggle-group.js

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

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-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-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.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.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-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-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.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

@@ -1,37 +1,2 @@
-export * from './accordion';
-export * from './avatar';
-export * from './carousel';
-export * from './checkbox';
-export * from './clipboard';
-export * from './collapsible';
-export * from './color-picker';
-export * from './combobox';
-export * from './date-picker';
-export * from './dialog';
-export * from './editable';
-export * from './environment';
-export * from './factory';
-export * from './file-upload';
-export * from './format';
-export * from './hover-card';
-export * from './locale';
-export * from './menu';
-export * from './number-input';
-export * from './pagination';
-export * from './pin-input';
-export * from './popover';
-export * from './presence';
-export * from './progress';
-export * from './radio-group';
-export * from './rating-group';
-export * from './segment-group';
-export * from './select';
-export * from './slider';
-export * from './splitter';
-export * from './switch';
-export * from './tabs';
-export * from './tags-input';
-export * from './toast';
-export * from './toggle-group';
-export * from './tooltip';
-export * from './tree-view';
+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/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/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

@@ -1,2 +1 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 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/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.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';

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

@@ -0,0 +1,5 @@
+import type { 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;

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

@@ -0,0 +1,2 @@
+import type { ItemProps } from '@zag-js/accordion';
+export declare const AccordionItemPropsProvider: import("solid-js").ContextProviderComponent<ItemProps>, useAccordionItemPropsContext: () => ItemProps;

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

@@ -0,0 +1,9 @@
+import * as accordion from '@zag-js/accordion';
+import { type PropTypes } from '@zag-js/solid';
+import { type Accessor } from 'solid-js';
+import type { Optional } from '../../types';
+export interface UseAccordionProps extends Optional<Omit<accordion.Context, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseAccordionReturn extends Accessor<accordion.Api<PropTypes>> {
+}
+export declare const useAccordion: (props: UseAccordionProps) => UseAccordionReturn;

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

@@ -0,0 +1,6 @@
+import type { Assign } from '../../types';
+import { type HTMLArkProps } from '../factory';
+import { type UseAvatarProps } from './use-avatar';
+export interface AvatarRootProps extends Assign<HTMLArkProps<'div'>, UseAvatarProps> {
+}
+export declare const AvatarRoot: (props: AvatarRootProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,5 @@
+export type { StatusChangeDetails } from '@zag-js/avatar';
+export { AvatarContext as Context, type AvatarContextProps as ContextProps } from './avatar-context';
+export { AvatarFallback as Fallback, type AvatarFallbackProps as FallbackProps, } from './avatar-fallback';
+export { AvatarImage as Image, type AvatarImageProps as ImageProps } from './avatar-image';
+export { AvatarRoot as Root, type AvatarRootProps as RootProps } from './avatar-root';

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

@@ -0,0 +1,7 @@
+export type { StatusChangeDetails as AvatarStatusChangeDetails } from '@zag-js/avatar';
+export { AvatarContext, type AvatarContextProps } from './avatar-context';
+export { AvatarFallback, type AvatarFallbackProps } from './avatar-fallback';
+export { AvatarImage, type AvatarImageProps } from './avatar-image';
+export { AvatarRoot, type AvatarRootProps } from './avatar-root';
+export { type UseAvatarContext, useAvatarContext } from './use-avatar-context';
+export * as Avatar from './avatar';

package/dist/types/components/avatar/use-avatar-context.d.ts

@@ -0,0 +1,4 @@
+import type { UseAvatarReturn } from './use-avatar';
+export interface UseAvatarContext extends UseAvatarReturn {
+}
+export declare const AvatarProvider: import("solid-js").ContextProviderComponent<UseAvatarContext>, useAvatarContext: () => UseAvatarContext;

package/dist/types/components/avatar/use-avatar.d.ts

@@ -0,0 +1,9 @@
+import * as avatar from '@zag-js/avatar';
+import { type PropTypes } from '@zag-js/solid';
+import { type Accessor } from 'solid-js';
+import type { Optional } from '../../types';
+export interface UseAvatarProps extends Optional<Omit<avatar.Context, 'dir' | 'getRootNode'>, 'id'> {
+}
+export interface UseAvatarReturn extends Accessor<avatar.Api<PropTypes>> {
+}
+export declare const useAvatar: (props: UseAvatarProps) => UseAvatarReturn;

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

@@ -0,0 +1,6 @@
+import type { IndicatorProps } from '@zag-js/carousel';
+import type { Assign } from '../../types';
+import { type HTMLArkProps } from '../factory';
+export interface CarouselIndicatorProps extends Assign<HTMLArkProps<'button'>, IndicatorProps> {
+}
+export declare const CarouselIndicator: (props: CarouselIndicatorProps) => import("solid-js").JSX.Element;

package/dist/types/components/carousel/carousel-item.d.ts

@@ -0,0 +1,6 @@
+import type { ItemProps } from '@zag-js/carousel';
+import type { Assign } from '../../types';
+import { type HTMLArkProps } from '../factory';
+export interface CarouselItemProps extends Assign<HTMLArkProps<'div'>, ItemProps> {
+}
+export declare const CarouselItem: (props: CarouselItemProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,6 @@
+import type { Assign } from '../../types';
+import { type HTMLArkProps } from '../factory';
+import { type UseCarouselProps } from './use-carousel';
+export interface CarouselRootProps extends Assign<HTMLArkProps<'div'>, UseCarouselProps> {
+}
+export declare const CarouselRoot: (props: CarouselRootProps) => import("solid-js").JSX.Element;

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

@@ -0,0 +1,11 @@
+export type { SlideChangeDetails } from '@zag-js/carousel';
+export { CarouselContext as Context, type CarouselContextProps as ContextProps, } from './carousel-context';
+export { CarouselControl as Control, type CarouselControlProps as ControlProps, } from './carousel-control';
+export { CarouselIndicator as Indicator, type CarouselIndicatorProps as IndicatorProps, } from './carousel-indicator';
+export { CarouselIndicatorGroup as IndicatorGroup, type CarouselIndicatorGroupProps as IndicatorGroupProps, } from './carousel-indicator-group';
+export { CarouselItem as Item, type CarouselItemProps as ItemProps } from './carousel-item';
+export { CarouselItemGroup as ItemGroup, type CarouselItemGroupProps as ItemGroupProps, } from './carousel-item-group';
+export { CarouselNextTrigger as NextTrigger, type CarouselNextTriggerProps as NextTriggerProps, } from './carousel-next-trigger';
+export { CarouselPrevTrigger as PrevTrigger, type CarouselPrevTriggerProps as PrevTriggerProps, } from './carousel-prev-trigger';
+export { CarouselRoot as Root, type CarouselRootProps as RootProps } from './carousel-root';
+export { CarouselViewport as Viewport, type CarouselViewportProps as ViewportProps, } from './carousel-viewport';