@ark-ui/solid 3.0.2 → 3.2.0

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

@@ -0,0 +1,15 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { RenderStrategyProvider, splitRenderStrategyProps, } from '../../utils/render-strategy';
+import { ark } from '../factory';
+import { TabsProvider } from './use-tabs-context';
+export const TabsRootProvider = (props) => {
+    const [renderStrategyProps, tabsProps] = splitRenderStrategyProps(props);
+    const [{ value: tabs }, localprops] = createSplitProps()(tabsProps, ['value']);
+    const mergedProps = mergeProps(() => tabs().getRootProps(), localprops);
+    return (<TabsProvider value={tabs}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <ark.div {...mergedProps}/>
+      </RenderStrategyProvider>
+    </TabsProvider>);
+};

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

@@ -20,7 +20,7 @@ export const TabsRoot = (props) => {
         'value',
     ]);
     const api = useTabs(useTabsProps);
-    const mergedProps = mergeProps(() => api().rootProps, restProps);
+    const mergedProps = mergeProps(() => api().getRootProps(), restProps);
     return (<TabsProvider value={api}>
       <RenderStrategyProvider value={renderStrategyProps}>
         <ark.div {...mergedProps}/>

package/dist/source/components/tabs/tabs.js

@@ -4,3 +4,4 @@ export { TabList as List } from './tab-list';
 export { TabTrigger as Trigger } from './tab-trigger';
 export { TabsContext as Context } from './tabs-context';
 export { TabsRoot as Root } from './tabs-root';
+export { TabsRootProvider as RootProvider, } from './tabs-root-provider';

package/dist/source/components/tags-input/index.js

@@ -1,16 +1,18 @@
 export { TagsInputClearTrigger } from './tags-input-clear-trigger';
 export { TagsInputContext } from './tags-input-context';
 export { TagsInputControl } from './tags-input-control';
+export { TagsInputHiddenInput } from './tags-input-hidden-input';
 export { TagsInputInput } from './tags-input-input';
 export { TagsInputItem } from './tags-input-item';
 export { TagsInputItemContext } from './tags-input-item-context';
 export { TagsInputItemDeleteTrigger, } from './tags-input-item-delete-trigger';
 export { TagsInputItemInput } from './tags-input-item-input';
-export { TagsInputHiddenInput } from './tags-input-hidden-input';
 export { TagsInputItemPreview } from './tags-input-item-preview';
 export { TagsInputItemText } from './tags-input-item-text';
 export { TagsInputLabel } from './tags-input-label';
 export { TagsInputRoot } from './tags-input-root';
+export { TagsInputRootProvider } from './tags-input-root-provider';
+export { useTagsInput } from './use-tags-input';
 export { useTagsInputContext } from './use-tags-input-context';
 export { useTagsInputItemContext, } from './use-tags-input-item-context';
 export * as TagsInput from './tags-input';

package/dist/source/components/tags-input/tags-input-clear-trigger.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useTagsInputContext } from './use-tags-input-context';
 export const TagsInputClearTrigger = (props) => {
     const api = useTagsInputContext();
-    const mergedProps = mergeProps(() => api().clearTriggerProps, props);
+    const mergedProps = mergeProps(() => api().getClearTriggerProps(), props);
     return <ark.button {...mergedProps}/>;
 };

package/dist/source/components/tags-input/tags-input-control.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useTagsInputContext } from './use-tags-input-context';
 export const TagsInputControl = (props) => {
     const api = useTagsInputContext();
-    const mergedProps = mergeProps(() => api().controlProps, props);
+    const mergedProps = mergeProps(() => api().getControlProps(), props);
     return <ark.div {...mergedProps}/>;
 };

package/dist/source/components/tags-input/tags-input-hidden-input.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useTagsInputContext } from './use-tags-input-context';
 export const TagsInputHiddenInput = (props) => {
     const tagsInput = useTagsInputContext();
-    const mergedProps = mergeProps(() => tagsInput().hiddenInputProps, props);
+    const mergedProps = mergeProps(() => tagsInput().getHiddenInputProps(), props);
     return <ark.input {...mergedProps}/>;
 };

package/dist/source/components/tags-input/tags-input-input.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useTagsInputContext } from './use-tags-input-context';
 export const TagsInputInput = (props) => {
     const api = useTagsInputContext();
-    const mergedProps = mergeProps(() => api().inputProps, props);
+    const mergedProps = mergeProps(() => api().getInputProps(), props);
     return <ark.input {...mergedProps}/>;
 };

package/dist/source/components/tags-input/tags-input-label.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useTagsInputContext } from './use-tags-input-context';
 export const TagsInputLabel = (props) => {
     const api = useTagsInputContext();
-    const mergedProps = mergeProps(() => api().labelProps, props);
+    const mergedProps = mergeProps(() => api().getLabelProps(), props);
     return <ark.label {...mergedProps}/>;
 };

package/dist/source/components/tags-input/tags-input-root-provider.jsx

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

package/dist/source/components/tags-input/tags-input-root.jsx

@@ -34,7 +34,7 @@ export const TagsInputRoot = (props) => {
         'value',
     ]);
     const api = useTagsInput(useTagsInputProps);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    const mergedProps = mergeProps(() => api().getRootProps(), localProps);
     return (<TagsInputProvider value={api}>
       <ark.div {...mergedProps}/>
     </TagsInputProvider>);

package/dist/source/components/tags-input/tags-input.js

@@ -11,3 +11,4 @@ export { TagsInputItemPreview as ItemPreview, } from './tags-input-item-preview'
 export { TagsInputItemText as ItemText, } from './tags-input-item-text';
 export { TagsInputLabel as Label } from './tags-input-label';
 export { TagsInputRoot as Root } from './tags-input-root';
+export { TagsInputRootProvider as RootProvider, } from './tags-input-root-provider';

package/dist/source/components/toast/toast-action-trigger.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useToastContext } from './use-toast-context';
 export const ToastActionTrigger = (props) => {
     const toast = useToastContext();
-    const mergedProps = mergeProps(() => toast().actionTriggerProps, props);
+    const mergedProps = mergeProps(() => toast().getActionTriggerProps(), props);
     return <ark.button {...mergedProps}/>;
 };

package/dist/source/components/toast/toast-close-trigger.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useToastContext } from './use-toast-context';
 export const ToastCloseTrigger = (props) => {
     const toast = useToastContext();
-    const mergedProps = mergeProps(() => toast().closeTriggerProps, props);
+    const mergedProps = mergeProps(() => toast().getCloseTriggerProps(), props);
     return <ark.button {...mergedProps}/>;
 };

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

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useToastContext } from './use-toast-context';
 export const ToastDescription = (props) => {
     const toast = useToastContext();
-    const mergedProps = mergeProps(() => toast().descriptionProps, props);
+    const mergedProps = mergeProps(() => toast().getDescriptionProps(), props);
     return <ark.div {...mergedProps}/>;
 };

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

@@ -1,9 +1,9 @@
 import { useToastContext } from './use-toast-context';
 export const ToastRoot = (props) => {
     const toast = useToastContext();
-    return (<div {...toast().rootProps}>
-      <div {...toast().ghostBeforeProps}/>
+    return (<div {...toast().getRootProps()}>
+      <div {...toast().getGhostBeforeProps()}/>
       {props.children}
-      <div {...toast().ghostAfterProps}/>
+      <div {...toast().getGhostAfterProps()}/>
     </div>);
 };

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

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useToastContext } from './use-toast-context';
 export const ToastTitle = (props) => {
     const toast = useToastContext();
-    const mergedProps = mergeProps(() => toast().titleProps, props);
+    const mergedProps = mergeProps(() => toast().getTitleProps(), props);
     return <ark.div {...mergedProps}/>;
 };

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

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

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

@@ -0,0 +1,13 @@
+import { mergeProps } from '@zag-js/solid';
+import { createSplitProps } from '../../utils/create-split-props';
+import { ark } from '../factory';
+import { ToggleGroupProvider } from './use-toggle-group-context';
+export const ToggleGroupRootProvider = (props) => {
+    const [{ value: toggleGroup }, localProps] = createSplitProps()(props, [
+        'value',
+    ]);
+    const mergedProps = mergeProps(() => toggleGroup().getRootProps(), localProps);
+    return (<ToggleGroupProvider value={toggleGroup}>
+      <ark.div {...mergedProps}/>
+    </ToggleGroupProvider>);
+};

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

@@ -17,7 +17,7 @@ export const ToggleGroupRoot = (props) => {
         'value',
     ]);
     const api = useToggleGroup(useToggleGroupProps);
-    const mergedProps = mergeProps(() => api().rootProps, restProps);
+    const mergedProps = mergeProps(() => api().getRootProps(), restProps);
     return (<ToggleGroupProvider value={api}>
       <ark.div {...mergedProps}/>
     </ToggleGroupProvider>);

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

@@ -4,6 +4,8 @@ export { TooltipContent } from './tooltip-content';
 export { TooltipContext } from './tooltip-context';
 export { TooltipPositioner } from './tooltip-positioner';
 export { TooltipRoot } from './tooltip-root';
+export { TooltipRootProvider } from './tooltip-root-provider';
 export { TooltipTrigger } from './tooltip-trigger';
+export { useTooltip } from './use-tooltip';
 export { useTooltipContext } from './use-tooltip-context';
 export * as Tooltip from './tooltip';

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

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useTooltipContext } from './use-tooltip-context';
 export const TooltipArrowTip = (props) => {
     const api = useTooltipContext();
-    const mergedProps = mergeProps(() => api().arrowTipProps, props);
+    const mergedProps = mergeProps(() => api().getArrowTipProps(), props);
     return <ark.div {...mergedProps}/>;
 };

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

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useTooltipContext } from './use-tooltip-context';
 export const TooltipArrow = (props) => {
     const tooltip = useTooltipContext();
-    const mergedProps = mergeProps(() => tooltip().arrowProps, props);
+    const mergedProps = mergeProps(() => tooltip().getArrowProps(), props);
     return <ark.div {...mergedProps}/>;
 };

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

@@ -6,7 +6,7 @@ import { useTooltipContext } from './use-tooltip-context';
 export const TooltipContent = (props) => {
     const api = useTooltipContext();
     const presenceApi = usePresenceContext();
-    const mergedProps = mergeProps(() => api().contentProps, () => presenceApi().presenceProps, props);
+    const mergedProps = mergeProps(() => api().getContentProps(), () => presenceApi().presenceProps, props);
     return (<Show when={!presenceApi().unmounted}>
       <ark.div {...mergedProps}/>
     </Show>);

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

@@ -6,7 +6,7 @@ import { useTooltipContext } from './use-tooltip-context';
 export const TooltipPositioner = (props) => {
     const api = useTooltipContext();
     const presenceApi = usePresenceContext();
-    const mergedProps = mergeProps(() => api().positionerProps, props);
+    const mergedProps = mergeProps(() => api().getPositionerProps(), props);
     return (<Show when={!presenceApi().unmounted}>
       <ark.div {...mergedProps}/>
     </Show>);

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

@@ -0,0 +1,10 @@
+import { mergeProps } from '@zag-js/solid';
+import { PresenceProvider, splitPresenceProps, usePresence, } from '../presence';
+import { TooltipProvider } from './use-tooltip-context';
+export const TooltipRootProvider = (props) => {
+    const [presenceProps, { value: tooltip, children }] = splitPresenceProps(props);
+    const presence = usePresence(mergeProps(presenceProps, () => ({ present: tooltip().open })));
+    return (<TooltipProvider value={tooltip}>
+      <PresenceProvider value={presence}>{children}</PresenceProvider>
+    </TooltipProvider>);
+};

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

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useTooltipContext } from './use-tooltip-context';
 export const TooltipTrigger = (props) => {
     const api = useTooltipContext();
-    const mergedProps = mergeProps(() => api().triggerProps, props);
+    const mergedProps = mergeProps(() => api().getTriggerProps(), props);
     return <ark.button {...mergedProps}/>;
 };

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

@@ -4,4 +4,5 @@ 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 { TooltipRootProvider as RootProvider, } from './tooltip-root-provider';
 export { TooltipTrigger as Trigger, } from './tooltip-trigger';

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

@@ -11,7 +11,9 @@ 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 { TreeViewRootProvider } from './tree-view-root-provider';
 export { TreeViewTree } from './tree-view-tree';
+export { useTreeView } from './use-tree-view';
 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-label.jsx

@@ -3,6 +3,6 @@ import { ark } from '../factory';
 import { useTreeViewContext } from './use-tree-view-context';
 export const TreeViewLabel = (props) => {
     const api = useTreeViewContext();
-    const mergedProps = mergeProps(() => api().labelProps, props);
+    const mergedProps = mergeProps(() => api().getLabelProps(), props);
     return <ark.label {...mergedProps}/>;
 };

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

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

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

@@ -20,7 +20,7 @@ export const TreeViewRoot = (props) => {
         'typeahead',
     ]);
     const api = useTreeView(useTreeViewProps);
-    const mergedProps = mergeProps(() => api().rootProps, localProps);
+    const mergedProps = mergeProps(() => api().getRootProps(), localProps);
     return (<TreeViewProvider value={api}>
       <ark.div {...mergedProps}/>
     </TreeViewProvider>);

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

@@ -4,7 +4,7 @@ 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);
+    const mergedProps = mergeProps(() => api().getTreeProps(), props);
     return (<TreeViewDepthProvider value={1}>
       <ark.ul {...mergedProps}/>
     </TreeViewDepthProvider>);

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

@@ -11,4 +11,5 @@ export { TreeViewItemIndicator as ItemIndicator, } from './tree-view-item-indica
 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 { TreeViewRootProvider as RootProvider, } from './tree-view-root-provider';
 export { TreeViewTree as Tree } from './tree-view-tree';

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

@@ -0,0 +1,10 @@
+import { type RenderStrategyProps } from '../../utils/render-strategy';
+import { type HTMLArkProps } from '../factory';
+import type { UseAccordionReturn } from './use-accordion';
+interface RootProviderProps {
+    value: UseAccordionReturn;
+}
+export interface AccordionRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps, RenderStrategyProps {
+}
+export declare const AccordionRootProvider: (props: AccordionRootProviderProps) => import("solid-js").JSX.Element;
+export {};

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

@@ -6,3 +6,4 @@ export { AccordionItemContext as ItemContext, type AccordionItemContextProps as
 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';
+export { AccordionRootProvider as RootProvider, type AccordionRootProviderProps as RootProviderProps, } from './accordion-root-provider';

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

@@ -6,6 +6,8 @@ export { AccordionItemContext, type AccordionItemContextProps } from './accordio
 export { AccordionItemIndicator, type AccordionItemIndicatorProps, } from './accordion-item-indicator';
 export { AccordionItemTrigger, type AccordionItemTriggerProps } from './accordion-item-trigger';
 export { AccordionRoot, type AccordionRootProps } from './accordion-root';
+export { AccordionRootProvider, type AccordionRootProviderProps } from './accordion-root-provider';
+export { useAccordion, type UseAccordionProps, type UseAccordionReturn } from './use-accordion';
 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/avatar/avatar-root-provider.d.ts

@@ -0,0 +1,9 @@
+import { type HTMLArkProps } from '../factory';
+import type { UseAvatarReturn } from './use-avatar';
+interface RootProviderProps {
+    value: UseAvatarReturn;
+}
+export interface AvatarRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const AvatarRootProvider: (props: AvatarRootProviderProps) => import("solid-js").JSX.Element;
+export {};

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

@@ -3,3 +3,4 @@ export { AvatarContext as Context, type AvatarContextProps as ContextProps } fro
 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';
+export { AvatarRootProvider as RootProvider, type AvatarRootProviderProps as RootProviderProps, } from './avatar-root-provider';

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

@@ -3,5 +3,7 @@ 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 { AvatarRootProvider, type AvatarRootProviderProps } from './avatar-root-provider';
+export { useAvatar, type UseAvatarProps, type UseAvatarReturn } from './use-avatar';
+export { useAvatarContext, type UseAvatarContext } from './use-avatar-context';
 export * as Avatar from './avatar';

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

@@ -0,0 +1,9 @@
+import { type HTMLArkProps } from '../factory';
+import type { UseCarouselReturn } from './use-carousel';
+interface RootProviderProps {
+    value: UseCarouselReturn;
+}
+export interface CarouselRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const CarouselRootProvider: (props: CarouselRootProviderProps) => import("solid-js").JSX.Element;
+export {};

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

@@ -8,4 +8,5 @@ export { CarouselItemGroup as ItemGroup, type CarouselItemGroupProps as ItemGrou
 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 { CarouselRootProvider as RootProvider, type CarouselRootProviderProps as RootProviderProps, } from './carousel-root-provider';
 export { CarouselViewport as Viewport, type CarouselViewportProps as ViewportProps, } from './carousel-viewport';

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

@@ -8,6 +8,8 @@ export { CarouselItemGroup, type CarouselItemGroupProps } from './carousel-item-
 export { CarouselNextTrigger, type CarouselNextTriggerProps } from './carousel-next-trigger';
 export { CarouselPrevTrigger, type CarouselPrevTriggerProps } from './carousel-prev-trigger';
 export { CarouselRoot, type CarouselRootProps } from './carousel-root';
+export { CarouselRootProvider, type CarouselRootProviderProps } from './carousel-root-provider';
 export { CarouselViewport, type CarouselViewportProps } from './carousel-viewport';
-export { type UseCarouselContext, useCarouselContext } from './use-carousel-context';
+export { useCarousel, type UseCarouselProps, type UseCarouselReturn } from './use-carousel';
+export { useCarouselContext, type UseCarouselContext } from './use-carousel-context';
 export * as Carousel from './carousel';

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

@@ -0,0 +1,9 @@
+import { type HTMLArkProps } from '../factory';
+import type { UseCheckboxReturn } from './use-checkbox';
+interface RootProviderProps {
+    value: UseCheckboxReturn;
+}
+export interface CheckboxRootProviderProps extends HTMLArkProps<'label'>, RootProviderProps {
+}
+export declare const CheckboxRootProvider: (props: CheckboxRootProviderProps) => import("solid-js").JSX.Element;
+export {};

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

@@ -5,3 +5,4 @@ export { CheckboxHiddenInput as HiddenInput, type CheckboxHiddenInputProps as Hi
 export { CheckboxIndicator as Indicator, type CheckboxIndicatorProps as IndicatorProps, } from './checkbox-indicator';
 export { CheckboxLabel as Label, type CheckboxLabelProps as LabelProps } from './checkbox-label';
 export { CheckboxRoot as Root, type CheckboxRootProps as RootProps } from './checkbox-root';
+export { CheckboxRootProvider as RootProvider, type CheckboxRootProviderProps as RootProviderProps, } from './checkbox-root-provider';

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

@@ -5,5 +5,7 @@ export { CheckboxHiddenInput, type CheckboxHiddenInputProps } from './checkbox-h
 export { CheckboxIndicator, type CheckboxIndicatorProps } from './checkbox-indicator';
 export { CheckboxLabel, type CheckboxLabelProps } from './checkbox-label';
 export { CheckboxRoot, type CheckboxRootProps } from './checkbox-root';
+export { CheckboxRootProvider, type CheckboxRootProviderProps } from './checkbox-root-provider';
+export { useCheckbox, type UseCheckboxProps, type UseCheckboxReturn } from './use-checkbox';
 export { useCheckboxContext, type UseCheckboxContext } from './use-checkbox-context';
 export * as Checkbox from './checkbox';

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

@@ -0,0 +1,9 @@
+import { type HTMLArkProps } from '../factory';
+import type { UseClipboardReturn } from './use-clipboard';
+interface RootProviderProps {
+    value: UseClipboardReturn;
+}
+export interface ClipboardRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const ClipboardRootProvider: (props: ClipboardRootProviderProps) => import("solid-js").JSX.Element;
+export {};

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

@@ -5,4 +5,5 @@ export { ClipboardIndicator as Indicator, type ClipboardIndicatorProps as Indica
 export { ClipboardInput as Input, type ClipboardInputProps as InputProps } from './clipboard-input';
 export { ClipboardLabel as Label, type ClipboardLabelProps as LabelProps } from './clipboard-label';
 export { ClipboardRoot as Root, type ClipboardRootProps as RootProps } from './clipboard-root';
+export { ClipboardRootProvider as RootProvider, type ClipboardRootProviderProps as RootProviderProps, } from './clipboard-root-provider';
 export { ClipboardTrigger as Trigger, type ClipboardTriggerProps as TriggerProps, } from './clipboard-trigger';

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

@@ -5,6 +5,8 @@ export { ClipboardIndicator, type ClipboardIndicatorProps } from './clipboard-in
 export { ClipboardInput, type ClipboardInputProps } from './clipboard-input';
 export { ClipboardLabel, type ClipboardLabelProps } from './clipboard-label';
 export { ClipboardRoot, type ClipboardRootProps } from './clipboard-root';
+export { ClipboardRootProvider, type ClipboardRootProviderProps } from './clipboard-root-provider';
 export { ClipboardTrigger, type ClipboardTriggerProps } from './clipboard-trigger';
-export { type UseClipboardContext, useClipboardContext } from './use-clipboard-context';
+export { useClipboard, type UseClipboardProps, type UseClipboardReturn } from './use-clipboard';
+export { useClipboardContext, type UseClipboardContext } from './use-clipboard-context';
 export * as Clipboard from './clipboard';

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

@@ -0,0 +1,9 @@
+import { type HTMLArkProps } from '../factory';
+import type { UseCollapsibleReturn } from './use-collapsible';
+interface RootProviderProps {
+    value: UseCollapsibleReturn;
+}
+export interface CollapsibleRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps {
+}
+export declare const CollapsibleRootProvider: (props: CollapsibleRootProviderProps) => import("solid-js").JSX.Element;
+export {};

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

@@ -2,4 +2,5 @@ export type { OpenChangeDetails } from '@zag-js/collapsible';
 export { CollapsibleContent as Content, type CollapsibleContentProps as ContentProps, } from './collapsible-content';
 export { CollapsibleContext as Context, type CollapsibleContextProps as ContextProps, } from './collapsible-context';
 export { CollapsibleRoot as Root, type CollapsibleRootProps as RootProps } from './collapsible-root';
+export { CollapsibleRootProvider as RootProvider, type CollapsibleRootProviderProps as RootProviderProps, } from './collapsible-root-provider';
 export { CollapsibleTrigger as Trigger, type CollapsibleTriggerProps as TriggerProps, } from './collapsible-trigger';

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

@@ -2,6 +2,8 @@ export type { OpenChangeDetails as CollapsibleOpenChangeDetails } from '@zag-js/
 export { CollapsibleContent, type CollapsibleContentProps } from './collapsible-content';
 export { CollapsibleContext, type CollapsibleContextProps } from './collapsible-context';
 export { CollapsibleRoot, type CollapsibleRootProps } from './collapsible-root';
+export { CollapsibleRootProvider, type CollapsibleRootProviderProps, } from './collapsible-root-provider';
 export { CollapsibleTrigger, type CollapsibleTriggerProps } from './collapsible-trigger';
-export { type UseCollapsibleContext, useCollapsibleContext } from './use-collapsible-context';
+export { useCollapsible, type UseCollapsibleProps, type UseCollapsibleReturn, } from './use-collapsible';
+export { useCollapsibleContext, type UseCollapsibleContext } from './use-collapsible-context';
 export * as Collapsible from './collapsible';

package/dist/types/components/color-picker/color-picker-root-provider.d.ts

@@ -0,0 +1,10 @@
+import { type HTMLArkProps } from '../factory';
+import { type UsePresenceProps } from '../presence';
+import type { UseColorPickerReturn } from './use-color-picker';
+interface RootProviderProps {
+    value: UseColorPickerReturn;
+}
+export interface ColorPickerRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps, UsePresenceProps {
+}
+export declare const ColorPickerRootProvider: (props: ColorPickerRootProviderProps) => import("solid-js").JSX.Element;
+export {};

package/dist/types/components/color-picker/index.d.ts

@@ -16,6 +16,7 @@ export { ColorPickerHiddenInput, type ColorPickerHiddenInputProps, } from './col
 export { ColorPickerLabel, type ColorPickerLabelProps } from './color-picker-label';
 export { ColorPickerPositioner, type ColorPickerPositionerProps } from './color-picker-positioner';
 export { ColorPickerRoot, type ColorPickerRootProps } from './color-picker-root';
+export { ColorPickerRootProvider, type ColorPickerRootProviderProps, } from './color-picker-root-provider';
 export { ColorPickerSwatch, type ColorPickerSwatchProps } from './color-picker-swatch';
 export { ColorPickerSwatchGroup, type ColorPickerSwatchGroupProps, } from './color-picker-swatch-group';
 export { ColorPickerSwatchIndicator, type ColorPickerSwatchIndicatorProps, } from './color-picker-swatch-indicator';
@@ -24,5 +25,6 @@ export { ColorPickerTransparencyGrid, type ColorPickerTransparencyGridProps, } f
 export { ColorPickerTrigger, type ColorPickerTriggerProps } from './color-picker-trigger';
 export { ColorPickerValueText, type ColorPickerValueTextProps } from './color-picker-value-text';
 export { ColorPickerView, type ColorPickerViewProps } from './color-picker-view';
+export { useColorPicker, type UseColorPickerProps, type UseColorPickerReturn, } from './use-color-picker';
 export { useColorPickerContext, type UseColorPickerContext } from './use-color-picker-context';
 export * as ColorPicker from './color-picker';

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

@@ -0,0 +1,11 @@
+import type { CollectionItem } from '../../types';
+import { type HTMLArkProps } from '../factory';
+import { type UsePresenceProps } from '../presence';
+import type { UseComboboxReturn } from './use-combobox';
+interface RootProviderProps<T extends CollectionItem> {
+    value: UseComboboxReturn<T>;
+}
+export interface ComboboxRootProviderProps<T extends CollectionItem> extends HTMLArkProps<'div'>, RootProviderProps<T>, UsePresenceProps {
+}
+export declare const ComboboxRootProvider: <T extends CollectionItem>(props: ComboboxRootProviderProps<T>) => import("solid-js").JSX.Element;
+export {};

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

@@ -14,4 +14,5 @@ export { ComboboxItemText as ItemText, type ComboboxItemTextProps as ItemTextPro
 export { ComboboxLabel as Label, type ComboboxLabelProps as LabelProps } from './combobox-label';
 export { ComboboxPositioner as Positioner, type ComboboxPositionerProps as PositionerProps, } from './combobox-positioner';
 export { ComboboxRoot as Root, type ComboboxRootProps as RootProps } from './combobox-root';
+export { ComboboxRootProvider as RootProvider, type ComboboxRootProviderProps as RootProviderProps, } from './combobox-root-provider';
 export { ComboboxTrigger as Trigger, type ComboboxTriggerProps as TriggerProps, } from './combobox-trigger';

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

@@ -14,7 +14,9 @@ export { ComboboxItemText, type ComboboxItemTextProps } from './combobox-item-te
 export { ComboboxLabel, type ComboboxLabelProps } from './combobox-label';
 export { ComboboxPositioner, type ComboboxPositionerProps } from './combobox-positioner';
 export { ComboboxRoot, type ComboboxRootProps } from './combobox-root';
+export { ComboboxRootProvider, type ComboboxRootProviderProps } from './combobox-root-provider';
 export { ComboboxTrigger, type ComboboxTriggerProps } from './combobox-trigger';
+export { useCombobox, type UseComboboxProps, type UseComboboxReturn } from './use-combobox';
 export { useComboboxContext, type UseComboboxContext } from './use-combobox-context';
 export { useComboboxItemContext, type UseComboboxItemContext } from './use-combobox-item-context';
 export * as Combobox from './combobox';

package/dist/types/components/date-picker/date-picker-root-provider.d.ts

@@ -0,0 +1,10 @@
+import { type HTMLArkProps } from '../factory';
+import { type UsePresenceProps } from '../presence';
+import type { UseDatePickerReturn } from './use-date-picker';
+interface RootProviderProps {
+    value: UseDatePickerReturn;
+}
+export interface DatePickerRootProviderProps extends HTMLArkProps<'div'>, RootProviderProps, UsePresenceProps {
+}
+export declare const DatePickerRootProvider: (props: DatePickerRootProviderProps) => import("solid-js").JSX.Element;
+export {};