@ark-ui/solid 4.2.1 → 4.4.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ark-ui/solid",
-  "version": "4.2.1",
+  "version": "4.4.0",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -117,80 +117,81 @@
   "sideEffects": false,
   "dependencies": {
     "@internationalized/date": "3.5.6",
-    "@zag-js/accordion": "0.74.2",
-    "@zag-js/anatomy": "0.74.2",
-    "@zag-js/avatar": "0.74.2",
-    "@zag-js/carousel": "0.74.2",
-    "@zag-js/checkbox": "0.74.2",
-    "@zag-js/clipboard": "0.74.2",
-    "@zag-js/collapsible": "0.74.2",
-    "@zag-js/collection": "0.74.2",
-    "@zag-js/color-picker": "0.74.2",
-    "@zag-js/combobox": "0.74.2",
-    "@zag-js/date-picker": "0.74.2",
-    "@zag-js/dialog": "0.74.2",
-    "@zag-js/dom-query": "0.74.2",
-    "@zag-js/editable": "0.74.2",
-    "@zag-js/file-upload": "0.74.2",
-    "@zag-js/highlight-word": "0.74.2",
-    "@zag-js/hover-card": "0.74.2",
-    "@zag-js/file-utils": "0.74.2",
-    "@zag-js/i18n-utils": "0.74.2",
-    "@zag-js/menu": "0.74.2",
-    "@zag-js/number-input": "0.74.2",
-    "@zag-js/pagination": "0.74.2",
-    "@zag-js/pin-input": "0.74.2",
-    "@zag-js/popover": "0.74.2",
-    "@zag-js/presence": "0.74.2",
-    "@zag-js/progress": "0.74.2",
-    "@zag-js/qr-code": "0.74.2",
-    "@zag-js/radio-group": "0.74.2",
-    "@zag-js/rating-group": "0.74.2",
-    "@zag-js/select": "0.74.2",
-    "@zag-js/signature-pad": "0.74.2",
-    "@zag-js/slider": "0.74.2",
-    "@zag-js/solid": "0.74.2",
-    "@zag-js/splitter": "0.74.2",
-    "@zag-js/steps": "0.74.2",
-    "@zag-js/switch": "0.74.2",
-    "@zag-js/tabs": "0.74.2",
-    "@zag-js/tags-input": "0.74.2",
-    "@zag-js/timer": "0.74.2",
-    "@zag-js/time-picker": "0.74.2",
-    "@zag-js/toast": "0.74.2",
-    "@zag-js/toggle-group": "0.74.2",
-    "@zag-js/tooltip": "0.74.2",
-    "@zag-js/tree-view": "0.74.2",
-    "@zag-js/types": "0.74.2"
+    "@zag-js/accordion": "0.77.0",
+    "@zag-js/anatomy": "0.77.0",
+    "@zag-js/auto-resize": "0.77.0",
+    "@zag-js/avatar": "0.77.0",
+    "@zag-js/carousel": "0.77.0",
+    "@zag-js/checkbox": "0.77.0",
+    "@zag-js/clipboard": "0.77.0",
+    "@zag-js/collapsible": "0.77.0",
+    "@zag-js/collection": "0.77.0",
+    "@zag-js/color-picker": "0.77.0",
+    "@zag-js/combobox": "0.77.0",
+    "@zag-js/date-picker": "0.77.0",
+    "@zag-js/dialog": "0.77.0",
+    "@zag-js/dom-query": "0.77.0",
+    "@zag-js/editable": "0.77.0",
+    "@zag-js/file-upload": "0.77.0",
+    "@zag-js/highlight-word": "0.77.0",
+    "@zag-js/hover-card": "0.77.0",
+    "@zag-js/file-utils": "0.77.0",
+    "@zag-js/i18n-utils": "0.77.0",
+    "@zag-js/menu": "0.77.0",
+    "@zag-js/number-input": "0.77.0",
+    "@zag-js/pagination": "0.77.0",
+    "@zag-js/pin-input": "0.77.0",
+    "@zag-js/popover": "0.77.0",
+    "@zag-js/presence": "0.77.0",
+    "@zag-js/progress": "0.77.0",
+    "@zag-js/qr-code": "0.77.0",
+    "@zag-js/radio-group": "0.77.0",
+    "@zag-js/rating-group": "0.77.0",
+    "@zag-js/select": "0.77.0",
+    "@zag-js/signature-pad": "0.77.0",
+    "@zag-js/slider": "0.77.0",
+    "@zag-js/solid": "0.77.0",
+    "@zag-js/splitter": "0.77.0",
+    "@zag-js/steps": "0.77.0",
+    "@zag-js/switch": "0.77.0",
+    "@zag-js/tabs": "0.77.0",
+    "@zag-js/tags-input": "0.77.0",
+    "@zag-js/timer": "0.77.0",
+    "@zag-js/time-picker": "0.77.0",
+    "@zag-js/toast": "0.77.0",
+    "@zag-js/toggle-group": "0.77.0",
+    "@zag-js/tooltip": "0.77.0",
+    "@zag-js/tree-view": "0.77.0",
+    "@zag-js/types": "0.77.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "1.9.3",
+    "@biomejs/biome": "1.9.4",
     "@release-it/keep-a-changelog": "5.0.0",
     "@solidjs/testing-library": "0.8.10",
-    "@storybook/addon-a11y": "8.3.5",
-    "@storybook/addon-essentials": "8.3.5",
-    "@storybook/docs-tools": "8.3.5",
+    "@storybook/addon-a11y": "8.4.2",
+    "@storybook/addon-essentials": "8.4.2",
+    "@storybook/docs-tools": "8.4.2",
     "@testing-library/dom": "10.4.0",
     "@testing-library/jest-dom": "6.5.0",
     "@testing-library/user-event": "14.5.2",
     "@types/jsdom": "21.1.7",
-    "@zag-js/stringify-state": "0.74.2",
+    "@zag-js/stringify-state": "0.77.0",
     "clean-package": "2.2.0",
     "esbuild-plugin-solid": "0.6.0",
     "globby": "14.0.2",
     "jsdom": "25.0.1",
-    "lucide-solid": "0.451.0",
-    "release-it": "17.8.0",
+    "lucide-solid": "0.456.0",
+    "release-it": "17.10.0",
     "resize-observer-polyfill": "1.5.1",
-    "solid-js": "1.9.2",
-    "storybook": "8.3.5",
+    "solid-js": "1.9.3",
+    "storybook": "8.4.2",
     "storybook-solidjs": "1.0.0-beta.2",
-    "storybook-solidjs-vite": "1.0.0-beta.2",
-    "tsup": "8.3.0",
+    "storybook-solidjs-vite": "1.0.0-beta.3",
+    "tsup": "8.3.5",
     "typescript": "5.6.3",
-    "vite": "5.4.8",
+    "vite": "5.4.10",
     "vite-plugin-solid": "2.10.2",
-    "vitest": "2.1.2"
+    "vitest": "2.1.4"
   },
   "peerDependencies": {
     "solid-js": ">=1.6.0"

package/dist/chunk/DI6H2YIE.jsx

@@ -1,279 +0,0 @@
-import {
-  createSplitProps
-} from "./6WEDGJKQ.jsx";
-import {
-  ark
-} from "./UFYZ7HLU.jsx";
-import {
-  useLocaleContext
-} from "./3QQZKR3F.jsx";
-import {
-  useEnvironmentContext
-} from "./5O4RWSWO.jsx";
-import {
-  createContext
-} from "./NMGUCD2L.jsx";
-import {
-  __export
-} from "./7IUG3E2V.jsx";
-
-// src/components/tree-view/tree-view-branch.tsx
-import { mergeProps } from "@zag-js/solid";
-
-// src/components/tree-view/use-tree-view-branch-context.ts
-var [TreeViewBranchProvider, useTreeViewBranchContext] = createContext({
-  hookName: "useTreeViewBranchContext",
-  providerName: "<TreeViewBranchProvider />"
-});
-
-// src/components/tree-view/use-tree-view-context.ts
-var [TreeViewProvider, useTreeViewContext] = createContext({
-  hookName: "useTreeViewContext",
-  providerName: "<TreeViewProvider />"
-});
-
-// src/components/tree-view/use-tree-view-depth-context.ts
-var [TreeViewDepthProvider, useTreeViewDepthContext] = createContext({
-  hookName: "useTreeViewDepthContext",
-  providerName: "<TreeViewDepthProvider />"
-});
-
-// src/components/tree-view/tree-view-branch.tsx
-var 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>;
-};
-
-// src/components/tree-view/tree-view-branch-content.tsx
-import { mergeProps as mergeProps2 } from "@zag-js/solid";
-var TreeViewBranchContent = (props) => {
-  const api = useTreeViewContext();
-  const branchProps = useTreeViewBranchContext();
-  const mergedProps = mergeProps2(() => api().getBranchContentProps(branchProps), props);
-  return <ark.ul {...mergedProps} />;
-};
-
-// src/components/tree-view/tree-view-branch-control.tsx
-import { mergeProps as mergeProps3 } from "@zag-js/solid";
-var TreeViewBranchControl = (props) => {
-  const api = useTreeViewContext();
-  const branchProps = useTreeViewBranchContext();
-  const mergedProps = mergeProps3(() => api().getBranchControlProps(branchProps), props);
-  return <ark.div {...mergedProps} />;
-};
-
-// src/components/tree-view/tree-view-branch-indicator.tsx
-import { mergeProps as mergeProps4 } from "@zag-js/solid";
-var TreeViewBranchIndicator = (props) => {
-  const api = useTreeViewContext();
-  const branchProps = useTreeViewBranchContext();
-  const mergedProps = mergeProps4(() => api().getBranchIndicatorProps(branchProps), props);
-  return <ark.div {...mergedProps} />;
-};
-
-// src/components/tree-view/tree-view-branch-text.tsx
-import { mergeProps as mergeProps5 } from "@zag-js/solid";
-var TreeViewBranchText = (props) => {
-  const api = useTreeViewContext();
-  const branchProps = useTreeViewBranchContext();
-  const mergedProps = mergeProps5(() => api().getBranchTextProps(branchProps), props);
-  return <ark.span {...mergedProps} />;
-};
-
-// src/components/tree-view/tree-view-branch-trigger.tsx
-import { mergeProps as mergeProps6 } from "@zag-js/solid";
-var TreeViewBranchTrigger = (props) => {
-  const api = useTreeViewContext();
-  const branchProps = useTreeViewBranchContext();
-  const mergedProps = mergeProps6(() => api().getBranchTriggerProps(branchProps), props);
-  return <ark.div {...mergedProps} />;
-};
-
-// src/components/tree-view/tree-view-context.tsx
-var TreeViewContext = (props) => props.children(useTreeViewContext());
-
-// src/components/tree-view/tree-view-item.tsx
-import { mergeProps as mergeProps7 } from "@zag-js/solid";
-import { createMemo } from "solid-js";
-
-// src/components/tree-view/use-tree-view-item-context.ts
-var [TreeViewItemProvider, useTreeViewItemContext] = createContext(
-  {
-    hookName: "useTreeViewItemContext",
-    providerName: "<TreeViewItemProvider />"
-  }
-);
-
-// src/components/tree-view/use-tree-view-item-props-context.ts
-var [TreeViewItemPropsProvider, useTreeViewItemPropsContext] = createContext({
-  hookName: "useTreeViewItemPropsContext",
-  providerName: "<TreeViewItemProvider />"
-});
-
-// src/components/tree-view/tree-view-item.tsx
-var TreeViewItem = (props) => {
-  const [_itemProps, localProps] = createSplitProps()(props, [
-    "disabled",
-    "value"
-  ]);
-  const api = useTreeViewContext();
-  const depth = useTreeViewDepthContext();
-  const itemProps = mergeProps7(_itemProps, { depth });
-  const itemState = createMemo(() => api().getItemState(itemProps));
-  const mergedProps = mergeProps7(() => api().getItemProps(itemProps), localProps);
-  return <TreeViewItemPropsProvider value={itemProps}>
-      <TreeViewItemProvider value={itemState}>
-        <ark.li {...mergedProps} />
-      </TreeViewItemProvider>
-    </TreeViewItemPropsProvider>;
-};
-
-// src/components/tree-view/tree-view-item-context.tsx
-var TreeViewItemContext = (props) => props.children(useTreeViewItemContext());
-
-// src/components/tree-view/tree-view-item-indicator.tsx
-import { mergeProps as mergeProps8 } from "@zag-js/solid";
-var TreeViewItemIndicator = (props) => {
-  const api = useTreeViewContext();
-  const itemProps = useTreeViewItemPropsContext();
-  const mergedProps = mergeProps8(() => api().getItemIndicatorProps(itemProps), props);
-  return <ark.div {...mergedProps} />;
-};
-
-// src/components/tree-view/tree-view-item-text.tsx
-import { mergeProps as mergeProps9 } from "@zag-js/solid";
-var TreeViewItemText = (props) => {
-  const api = useTreeViewContext();
-  const itemProps = useTreeViewItemPropsContext();
-  const mergedProps = mergeProps9(() => api().getItemTextProps(itemProps), props);
-  return <ark.span {...mergedProps} />;
-};
-
-// src/components/tree-view/tree-view-label.tsx
-import { mergeProps as mergeProps10 } from "@zag-js/solid";
-var TreeViewLabel = (props) => {
-  const api = useTreeViewContext();
-  const mergedProps = mergeProps10(() => api().getLabelProps(), props);
-  return <ark.label {...mergedProps} />;
-};
-
-// src/components/tree-view/tree-view-root.tsx
-import { mergeProps as mergeProps11 } from "@zag-js/solid";
-
-// src/components/tree-view/use-tree-view.ts
-import { normalizeProps, useMachine } from "@zag-js/solid";
-import * as treeView from "@zag-js/tree-view";
-import { createMemo as createMemo2, createUniqueId } from "solid-js";
-var useTreeView = (props) => {
-  const locale = useLocaleContext();
-  const environment = useEnvironmentContext();
-  const id = createUniqueId();
-  const context = createMemo2(() => ({
-    id,
-    dir: locale().dir,
-    getRootNode: environment().getRootNode,
-    selectedValue: props.defaultSelectedValue,
-    expandedValue: props.defaultExpandedValue,
-    ...props
-  }));
-  const [state, send] = useMachine(treeView.machine(context()), { context });
-  return createMemo2(() => treeView.connect(state, send, normalizeProps));
-};
-
-// src/components/tree-view/tree-view-root.tsx
-var TreeViewRoot = (props) => {
-  const [useTreeViewProps, localProps] = createSplitProps()(props, [
-    "defaultExpandedValue",
-    "defaultSelectedValue",
-    "expandedValue",
-    "expandOnClick",
-    "focusedValue",
-    "id",
-    "ids",
-    "onExpandedChange",
-    "onFocusChange",
-    "onSelectionChange",
-    "selectedValue",
-    "selectionMode",
-    "typeahead"
-  ]);
-  const api = useTreeView(useTreeViewProps);
-  const mergedProps = mergeProps11(() => api().getRootProps(), localProps);
-  return <TreeViewProvider value={api}>
-      <ark.div {...mergedProps} />
-    </TreeViewProvider>;
-};
-
-// src/components/tree-view/tree-view-root-provider.tsx
-import { mergeProps as mergeProps12 } from "@zag-js/solid";
-var TreeViewRootProvider = (props) => {
-  const [{ value: treeView2 }, localProps] = createSplitProps()(props, ["value"]);
-  const mergedProps = mergeProps12(() => treeView2().getRootProps(), localProps);
-  return <TreeViewProvider value={treeView2}>
-      <ark.div {...mergedProps} />
-    </TreeViewProvider>;
-};
-
-// src/components/tree-view/tree-view-tree.tsx
-import { mergeProps as mergeProps13 } from "@zag-js/solid";
-var TreeViewTree = (props) => {
-  const api = useTreeViewContext();
-  const mergedProps = mergeProps13(() => api().getTreeProps(), props);
-  return <TreeViewDepthProvider value={1}>
-      <ark.ul {...mergedProps} />
-    </TreeViewDepthProvider>;
-};
-
-// src/components/tree-view/tree-view.anatomy.ts
-import { anatomy } from "@zag-js/tree-view";
-
-// src/components/tree-view/tree-view.ts
-var tree_view_exports = {};
-__export(tree_view_exports, {
-  Branch: () => TreeViewBranch,
-  BranchContent: () => TreeViewBranchContent,
-  BranchControl: () => TreeViewBranchControl,
-  BranchIndicator: () => TreeViewBranchIndicator,
-  BranchText: () => TreeViewBranchText,
-  BranchTrigger: () => TreeViewBranchTrigger,
-  Context: () => TreeViewContext,
-  Item: () => TreeViewItem,
-  ItemContext: () => TreeViewItemContext,
-  ItemIndicator: () => TreeViewItemIndicator,
-  ItemText: () => TreeViewItemText,
-  Label: () => TreeViewLabel,
-  Root: () => TreeViewRoot,
-  RootProvider: () => TreeViewRootProvider,
-  Tree: () => TreeViewTree
-});
-
-export {
-  useTreeViewContext,
-  TreeViewBranch,
-  TreeViewBranchContent,
-  TreeViewBranchControl,
-  TreeViewBranchIndicator,
-  TreeViewBranchText,
-  TreeViewBranchTrigger,
-  TreeViewContext,
-  useTreeViewItemContext,
-  TreeViewItem,
-  TreeViewItemContext,
-  TreeViewItemIndicator,
-  TreeViewItemText,
-  TreeViewLabel,
-  useTreeView,
-  TreeViewRoot,
-  TreeViewRootProvider,
-  TreeViewTree,
-  anatomy,
-  tree_view_exports
-};

package/dist/chunk/EZ2HOZZM.js

@@ -1 +0,0 @@
-

package/dist/chunk/MVL2JW5G.js

@@ -1,213 +0,0 @@
-import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useLocaleContext } from './HPDOBQ3V.js';
-import { useEnvironmentContext } from './QODB3C3M.js';
-import { createContext } from './I5UG2QUO.js';
-import { __export } from './ESLJRKWD.js';
-import { createComponent } from 'solid-js/web';
-import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
-import { createMemo, createUniqueId } from 'solid-js';
-import * as treeView from '@zag-js/tree-view';
-export { anatomy } from '@zag-js/tree-view';
-
-// src/components/tree-view/use-tree-view-branch-context.ts
-var [TreeViewBranchProvider, useTreeViewBranchContext] = createContext({
-  hookName: "useTreeViewBranchContext",
-  providerName: "<TreeViewBranchProvider />"
-});
-
-// src/components/tree-view/use-tree-view-context.ts
-var [TreeViewProvider, useTreeViewContext] = createContext({
-  hookName: "useTreeViewContext",
-  providerName: "<TreeViewProvider />"
-});
-
-// src/components/tree-view/use-tree-view-depth-context.ts
-var [TreeViewDepthProvider, useTreeViewDepthContext] = createContext({
-  hookName: "useTreeViewDepthContext",
-  providerName: "<TreeViewDepthProvider />"
-});
-
-// src/components/tree-view/tree-view-branch.tsx
-var 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 createComponent(TreeViewDepthProvider, {
-    value: depth + 1,
-    get children() {
-      return createComponent(TreeViewBranchProvider, {
-        value: branchProps,
-        get children() {
-          return createComponent(ark.li, mergedProps);
-        }
-      });
-    }
-  });
-};
-var TreeViewBranchContent = (props) => {
-  const api = useTreeViewContext();
-  const branchProps = useTreeViewBranchContext();
-  const mergedProps = mergeProps(() => api().getBranchContentProps(branchProps), props);
-  return createComponent(ark.ul, mergedProps);
-};
-var TreeViewBranchControl = (props) => {
-  const api = useTreeViewContext();
-  const branchProps = useTreeViewBranchContext();
-  const mergedProps = mergeProps(() => api().getBranchControlProps(branchProps), props);
-  return createComponent(ark.div, mergedProps);
-};
-var TreeViewBranchIndicator = (props) => {
-  const api = useTreeViewContext();
-  const branchProps = useTreeViewBranchContext();
-  const mergedProps = mergeProps(() => api().getBranchIndicatorProps(branchProps), props);
-  return createComponent(ark.div, mergedProps);
-};
-var TreeViewBranchText = (props) => {
-  const api = useTreeViewContext();
-  const branchProps = useTreeViewBranchContext();
-  const mergedProps = mergeProps(() => api().getBranchTextProps(branchProps), props);
-  return createComponent(ark.span, mergedProps);
-};
-var TreeViewBranchTrigger = (props) => {
-  const api = useTreeViewContext();
-  const branchProps = useTreeViewBranchContext();
-  const mergedProps = mergeProps(() => api().getBranchTriggerProps(branchProps), props);
-  return createComponent(ark.div, mergedProps);
-};
-
-// src/components/tree-view/tree-view-context.tsx
-var TreeViewContext = (props) => props.children(useTreeViewContext());
-
-// src/components/tree-view/use-tree-view-item-context.ts
-var [TreeViewItemProvider, useTreeViewItemContext] = createContext(
-  {
-    hookName: "useTreeViewItemContext",
-    providerName: "<TreeViewItemProvider />"
-  }
-);
-
-// src/components/tree-view/use-tree-view-item-props-context.ts
-var [TreeViewItemPropsProvider, useTreeViewItemPropsContext] = createContext({
-  hookName: "useTreeViewItemPropsContext",
-  providerName: "<TreeViewItemProvider />"
-});
-
-// src/components/tree-view/tree-view-item.tsx
-var 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 createComponent(TreeViewItemPropsProvider, {
-    value: itemProps,
-    get children() {
-      return createComponent(TreeViewItemProvider, {
-        value: itemState,
-        get children() {
-          return createComponent(ark.li, mergedProps);
-        }
-      });
-    }
-  });
-};
-
-// src/components/tree-view/tree-view-item-context.tsx
-var TreeViewItemContext = (props) => props.children(useTreeViewItemContext());
-var TreeViewItemIndicator = (props) => {
-  const api = useTreeViewContext();
-  const itemProps = useTreeViewItemPropsContext();
-  const mergedProps = mergeProps(() => api().getItemIndicatorProps(itemProps), props);
-  return createComponent(ark.div, mergedProps);
-};
-var TreeViewItemText = (props) => {
-  const api = useTreeViewContext();
-  const itemProps = useTreeViewItemPropsContext();
-  const mergedProps = mergeProps(() => api().getItemTextProps(itemProps), props);
-  return createComponent(ark.span, mergedProps);
-};
-var TreeViewLabel = (props) => {
-  const api = useTreeViewContext();
-  const mergedProps = mergeProps(() => api().getLabelProps(), props);
-  return createComponent(ark.label, mergedProps);
-};
-var useTreeView = (props) => {
-  const locale = useLocaleContext();
-  const environment = useEnvironmentContext();
-  const id = createUniqueId();
-  const context = createMemo(() => ({
-    id,
-    dir: locale().dir,
-    getRootNode: environment().getRootNode,
-    selectedValue: props.defaultSelectedValue,
-    expandedValue: props.defaultExpandedValue,
-    ...props
-  }));
-  const [state, send] = useMachine(treeView.machine(context()), { context });
-  return createMemo(() => treeView.connect(state, send, normalizeProps));
-};
-
-// src/components/tree-view/tree-view-root.tsx
-var TreeViewRoot = (props) => {
-  const [useTreeViewProps, localProps] = createSplitProps()(props, ["defaultExpandedValue", "defaultSelectedValue", "expandedValue", "expandOnClick", "focusedValue", "id", "ids", "onExpandedChange", "onFocusChange", "onSelectionChange", "selectedValue", "selectionMode", "typeahead"]);
-  const api = useTreeView(useTreeViewProps);
-  const mergedProps = mergeProps(() => api().getRootProps(), localProps);
-  return createComponent(TreeViewProvider, {
-    value: api,
-    get children() {
-      return createComponent(ark.div, mergedProps);
-    }
-  });
-};
-var TreeViewRootProvider = (props) => {
-  const [{
-    value: treeView2
-  }, localProps] = createSplitProps()(props, ["value"]);
-  const mergedProps = mergeProps(() => treeView2().getRootProps(), localProps);
-  return createComponent(TreeViewProvider, {
-    value: treeView2,
-    get children() {
-      return createComponent(ark.div, mergedProps);
-    }
-  });
-};
-var TreeViewTree = (props) => {
-  const api = useTreeViewContext();
-  const mergedProps = mergeProps(() => api().getTreeProps(), props);
-  return createComponent(TreeViewDepthProvider, {
-    value: 1,
-    get children() {
-      return createComponent(ark.ul, mergedProps);
-    }
-  });
-};
-
-// src/components/tree-view/tree-view.ts
-var tree_view_exports = {};
-__export(tree_view_exports, {
-  Branch: () => TreeViewBranch,
-  BranchContent: () => TreeViewBranchContent,
-  BranchControl: () => TreeViewBranchControl,
-  BranchIndicator: () => TreeViewBranchIndicator,
-  BranchText: () => TreeViewBranchText,
-  BranchTrigger: () => TreeViewBranchTrigger,
-  Context: () => TreeViewContext,
-  Item: () => TreeViewItem,
-  ItemContext: () => TreeViewItemContext,
-  ItemIndicator: () => TreeViewItemIndicator,
-  ItemText: () => TreeViewItemText,
-  Label: () => TreeViewLabel,
-  Root: () => TreeViewRoot,
-  RootProvider: () => TreeViewRootProvider,
-  Tree: () => TreeViewTree
-});
-
-export { TreeViewBranch, TreeViewBranchContent, TreeViewBranchControl, TreeViewBranchIndicator, TreeViewBranchText, TreeViewBranchTrigger, TreeViewContext, TreeViewItem, TreeViewItemContext, TreeViewItemIndicator, TreeViewItemText, TreeViewLabel, TreeViewRoot, TreeViewRootProvider, TreeViewTree, tree_view_exports, useTreeView, useTreeViewContext, useTreeViewItemContext };