@ark-ui/solid 3.0.2 → 3.2.0

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

@@ -5,5 +5,7 @@ export { TabList, type TabListProps } from './tab-list';
 export { TabTrigger, type TabTriggerProps } from './tab-trigger';
 export { TabsContext, type TabsContextProps } from './tabs-context';
 export { TabsRoot, type TabsRootProps } from './tabs-root';
-export { type UseTabsContext, useTabsContext } from './use-tabs-context';
+export { TabsRootProvider, type TabsRootProviderProps } from './tabs-root-provider';
+export { useTabs, type UseTabsProps, type UseTabsReturn } from './use-tabs';
+export { useTabsContext, type UseTabsContext } from './use-tabs-context';
 export * as Tabs from './tabs';

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

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

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

@@ -5,3 +5,4 @@ export { TabList as List, type TabListProps as ListProps } from './tab-list';
 export { TabTrigger as Trigger, type TabTriggerProps as TriggerProps } from './tab-trigger';
 export { TabsContext as Context, type TabsContextProps as ContextProps } from './tabs-context';
 export { TabsRoot as Root, type TabsRootProps as RootProps } from './tabs-root';
+export { TabsRootProvider as RootProvider, type TabsRootProviderProps as RootProviderProps, } from './tabs-root-provider';

package/dist/types/components/tags-input/index.d.ts

@@ -2,16 +2,18 @@ export type { HighlightChangeDetails as TagsInputHighlightChangeDetails, Validit
 export { TagsInputClearTrigger, type TagsInputClearTriggerProps } from './tags-input-clear-trigger';
 export { TagsInputContext, type TagsInputContextProps } from './tags-input-context';
 export { TagsInputControl, type TagsInputControlProps } from './tags-input-control';
+export { TagsInputHiddenInput, type TagsInputHiddenInputProps } from './tags-input-hidden-input';
 export { TagsInputInput, type TagsInputInputProps } from './tags-input-input';
 export { TagsInputItem, type TagsInputItemProps } from './tags-input-item';
 export { TagsInputItemContext, type TagsInputItemContextProps } from './tags-input-item-context';
 export { TagsInputItemDeleteTrigger, type TagsInputItemDeleteTriggerProps, } from './tags-input-item-delete-trigger';
 export { TagsInputItemInput, type TagsInputItemInputProps } from './tags-input-item-input';
-export { TagsInputHiddenInput, type TagsInputHiddenInputProps } from './tags-input-hidden-input';
 export { TagsInputItemPreview, type TagsInputItemPreviewProps } from './tags-input-item-preview';
 export { TagsInputItemText, type TagsInputItemTextProps } from './tags-input-item-text';
 export { TagsInputLabel, type TagsInputLabelProps } from './tags-input-label';
 export { TagsInputRoot, type TagsInputRootProps } from './tags-input-root';
-export { type UseTagsInputContext, useTagsInputContext } from './use-tags-input-context';
-export { type UseTagsInputItemContext, useTagsInputItemContext, } from './use-tags-input-item-context';
+export { TagsInputRootProvider, type TagsInputRootProviderProps } from './tags-input-root-provider';
+export { useTagsInput, type UseTagsInputProps, type UseTagsInputReturn } from './use-tags-input';
+export { useTagsInputContext, type UseTagsInputContext } from './use-tags-input-context';
+export { useTagsInputItemContext, type UseTagsInputItemContext, } from './use-tags-input-item-context';
 export * as TagsInput from './tags-input';

package/dist/types/components/tags-input/tags-input-root-provider.d.ts

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

package/dist/types/components/tags-input/tags-input.d.ts

@@ -12,3 +12,4 @@ export { TagsInputItemPreview as ItemPreview, type TagsInputItemPreviewProps as
 export { TagsInputItemText as ItemText, type TagsInputItemTextProps as ItemTextProps, } from './tags-input-item-text';
 export { TagsInputLabel as Label, type TagsInputLabelProps as LabelProps } from './tags-input-label';
 export { TagsInputRoot as Root, type TagsInputRootProps as RootProps } from './tags-input-root';
+export { TagsInputRootProvider as RootProvider, type TagsInputRootProviderProps as RootProviderProps, } from './tags-input-root-provider';

package/dist/types/components/toggle-group/index.d.ts

@@ -2,5 +2,7 @@ export type { ValueChangeDetails as ToggleGroupValueChangeDetails } from '@zag-j
 export { ToggleGroupContext, type ToggleGroupContextProps } from './toggle-group-context';
 export { ToggleGroupItem, type ToggleGroupItemProps } from './toggle-group-item';
 export { ToggleGroupRoot, type ToggleGroupRootProps } from './toggle-group-root';
-export { type UseToggleGroupContext, useToggleGroupContext } from './use-toggle-group-context';
+export { ToggleGroupRootProvider, type ToggleGroupRootProviderProps, } from './toggle-group-root-provider';
+export { useToggleGroup, type UseToggleGroupProps, type UseToggleGroupReturn, } from './use-toggle-group';
+export { useToggleGroupContext, type UseToggleGroupContext } from './use-toggle-group-context';
 export * as ToggleGroup from './toggle-group';

package/dist/types/components/toggle-group/toggle-group-root-provider.d.ts

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

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

@@ -5,6 +5,8 @@ export { TooltipContent, type TooltipContentProps } from './tooltip-content';
 export { TooltipContext, type TooltipContextProps } from './tooltip-context';
 export { TooltipPositioner, type TooltipPositionerProps } from './tooltip-positioner';
 export { TooltipRoot, type TooltipRootProps } from './tooltip-root';
+export { TooltipRootProvider, type TooltipRootProviderProps } from './tooltip-root-provider';
 export { TooltipTrigger, type TooltipTriggerProps } from './tooltip-trigger';
-export { type UseTooltipContext, useTooltipContext } from './use-tooltip-context';
+export { useTooltip, type UseTooltipProps, type UseTooltipReturn } from './use-tooltip';
+export { useTooltipContext, type UseTooltipContext } from './use-tooltip-context';
 export * as Tooltip from './tooltip';

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

@@ -0,0 +1,11 @@
+import type { JSX } from 'solid-js';
+import { type UsePresenceProps } from '../presence';
+import type { UseTooltipReturn } from './use-tooltip';
+interface RootProviderProps {
+    children?: JSX.Element;
+    value: UseTooltipReturn;
+}
+export interface TooltipRootProviderProps extends RootProviderProps, UsePresenceProps {
+}
+export declare const TooltipRootProvider: (props: TooltipRootProviderProps) => JSX.Element;
+export {};

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

@@ -5,4 +5,5 @@ export { TooltipContent as Content, type TooltipContentProps as ContentProps, }
 export { TooltipContext as Context, type TooltipContextProps as ContextProps, } from './tooltip-context';
 export { TooltipPositioner as Positioner, type TooltipPositionerProps as PositionerProps, } from './tooltip-positioner';
 export { TooltipRoot as Root, type TooltipRootProps as RootProps } from './tooltip-root';
+export { TooltipRootProvider as RootProvider, type TooltipRootProviderProps as RootProviderProps, } from './tooltip-root-provider';
 export { TooltipTrigger as Trigger, type TooltipTriggerProps as TriggerProps, } from './tooltip-trigger';

package/dist/types/components/tree-view/index.d.ts

@@ -12,7 +12,9 @@ export { TreeViewItemIndicator, type TreeViewItemIndicatorProps } from './tree-v
 export { TreeViewItemText, type TreeViewItemTextProps } from './tree-view-item-text';
 export { TreeViewLabel, type TreeViewLabelProps } from './tree-view-label';
 export { TreeViewRoot, type TreeViewRootProps } from './tree-view-root';
+export { TreeViewRootProvider, type TreeViewRootProviderProps } from './tree-view-root-provider';
 export { TreeViewTree, type TreeViewTreeProps } from './tree-view-tree';
-export { type UseTreeViewContext, useTreeViewContext } from './use-tree-view-context';
-export { type UseTreeViewItemContext, useTreeViewItemContext } from './use-tree-view-item-context';
+export { useTreeView, type UseTreeViewProps, type UseTreeViewReturn } from './use-tree-view';
+export { useTreeViewContext, type UseTreeViewContext } from './use-tree-view-context';
+export { useTreeViewItemContext, type UseTreeViewItemContext } from './use-tree-view-item-context';
 export * as TreeView from './tree-view';

package/dist/types/components/tree-view/tree-view-root-provider.d.ts

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

package/dist/types/components/tree-view/tree-view.d.ts

@@ -12,4 +12,5 @@ export { TreeViewItemIndicator as ItemIndicator, type TreeViewItemIndicatorProps
 export { TreeViewItemText as ItemText, type TreeViewItemTextProps as ItemTextProps, } from './tree-view-item-text';
 export { TreeViewLabel as Label, type TreeViewLabelProps as LabelProps } from './tree-view-label';
 export { TreeViewRoot as Root, type TreeViewRootProps as RootProps } from './tree-view-root';
+export { TreeViewRootProvider as RootProvider, type TreeViewRootProviderProps as RootProviderProps, } from './tree-view-root-provider';
 export { TreeViewTree as Tree, type TreeViewTreeProps as TreeProps } from './tree-view-tree';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/solid",
-  "version": "3.0.2",
+  "version": "3.2.0",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -81,68 +81,68 @@
   "sideEffects": false,
   "dependencies": {
     "@ark-ui/anatomy": "^3.2.0",
-    "@zag-js/accordion": "0.51.2",
-    "@zag-js/avatar": "0.51.2",
-    "@zag-js/carousel": "0.51.2",
-    "@zag-js/checkbox": "0.51.2",
-    "@zag-js/clipboard": "0.51.2",
-    "@zag-js/collapsible": "0.51.2",
-    "@zag-js/color-picker": "0.51.2",
-    "@zag-js/combobox": "0.51.2",
-    "@zag-js/date-picker": "0.51.2",
-    "@zag-js/dialog": "0.51.2",
-    "@zag-js/dom-query": "0.51.2",
-    "@zag-js/editable": "0.51.2",
-    "@zag-js/file-upload": "0.51.2",
-    "@zag-js/hover-card": "0.51.2",
-    "@zag-js/file-utils": "0.51.2",
-    "@zag-js/i18n-utils": "0.51.2",
-    "@zag-js/menu": "0.51.2",
-    "@zag-js/number-input": "0.51.2",
-    "@zag-js/pagination": "0.51.2",
-    "@zag-js/pin-input": "0.51.2",
-    "@zag-js/popover": "0.51.2",
-    "@zag-js/presence": "0.51.2",
-    "@zag-js/progress": "0.51.2",
-    "@zag-js/radio-group": "0.51.2",
-    "@zag-js/rating-group": "0.51.2",
-    "@zag-js/select": "0.51.2",
-    "@zag-js/slider": "0.51.2",
-    "@zag-js/solid": "0.51.2",
-    "@zag-js/splitter": "0.51.2",
-    "@zag-js/switch": "0.51.2",
-    "@zag-js/tabs": "0.51.2",
-    "@zag-js/tags-input": "0.51.2",
-    "@zag-js/toast": "0.51.2",
-    "@zag-js/toggle-group": "0.51.2",
-    "@zag-js/tooltip": "0.51.2",
-    "@zag-js/tree-view": "0.51.2",
-    "@zag-js/types": "0.51.2"
+    "@zag-js/accordion": "0.54.0",
+    "@zag-js/avatar": "0.54.0",
+    "@zag-js/carousel": "0.54.0",
+    "@zag-js/checkbox": "0.54.0",
+    "@zag-js/clipboard": "0.54.0",
+    "@zag-js/collapsible": "0.54.0",
+    "@zag-js/color-picker": "0.54.0",
+    "@zag-js/combobox": "0.54.0",
+    "@zag-js/date-picker": "0.54.0",
+    "@zag-js/dialog": "0.54.0",
+    "@zag-js/dom-query": "0.54.0",
+    "@zag-js/editable": "0.54.0",
+    "@zag-js/file-upload": "0.54.0",
+    "@zag-js/hover-card": "0.54.0",
+    "@zag-js/file-utils": "0.54.0",
+    "@zag-js/i18n-utils": "0.54.0",
+    "@zag-js/menu": "0.54.0",
+    "@zag-js/number-input": "0.54.0",
+    "@zag-js/pagination": "0.54.0",
+    "@zag-js/pin-input": "0.54.0",
+    "@zag-js/popover": "0.54.0",
+    "@zag-js/presence": "0.54.0",
+    "@zag-js/progress": "0.54.0",
+    "@zag-js/radio-group": "0.54.0",
+    "@zag-js/rating-group": "0.54.0",
+    "@zag-js/select": "0.54.0",
+    "@zag-js/slider": "0.54.0",
+    "@zag-js/solid": "0.54.0",
+    "@zag-js/splitter": "0.54.0",
+    "@zag-js/switch": "0.54.0",
+    "@zag-js/tabs": "0.54.0",
+    "@zag-js/tags-input": "0.54.0",
+    "@zag-js/toast": "0.54.0",
+    "@zag-js/toggle-group": "0.54.0",
+    "@zag-js/tooltip": "0.54.0",
+    "@zag-js/tree-view": "0.54.0",
+    "@zag-js/types": "0.54.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.7.3",
+    "@biomejs/biome": "1.8.0",
     "@release-it/keep-a-changelog": "5.0.0",
     "@solidjs/testing-library": "0.8.8",
-    "@storybook/addon-a11y": "8.1.3",
-    "@storybook/addon-essentials": "8.1.3",
+    "@storybook/addon-a11y": "8.1.6",
+    "@storybook/addon-essentials": "8.1.6",
     "@testing-library/dom": "10.1.0",
     "@testing-library/jest-dom": "6.4.5",
     "@testing-library/user-event": "14.5.2",
-    "@types/jsdom": "21.1.6",
+    "@types/jsdom": "21.1.7",
     "@types/testing-library__jest-dom": "5.14.9",
     "globby": "14.0.1",
-    "jsdom": "24.0.0",
-    "lucide-solid": "0.379.0",
+    "jsdom": "24.1.0",
+    "lucide-solid": "0.383.0",
     "release-it": "17.3.0",
     "resize-observer-polyfill": "1.5.1",
     "rollup": "4.18.0",
     "rollup-preset-solid": "2.0.1",
     "solid-js": "1.8.17",
-    "storybook": "8.1.3",
+    "storybook": "8.1.6",
     "storybook-solidjs": "1.0.0-beta.2",
     "storybook-solidjs-vite": "1.0.0-beta.2",
     "typescript": "5.4.5",
-    "vite": "5.2.11",
+    "vite": "5.2.12",
     "vite-plugin-solid": "2.10.2",
     "vitest": "1.6.0"
   },