@ark-ui/solid 4.0.0 → 4.2.0

package/dist/chunk/27BDPPYM.jsx

@@ -0,0 +1,279 @@
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./5O4RWSWO.jsx";
+import {
+  useLocaleContext
+} from "./3QQZKR3F.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/2C6A32GV.js

@@ -0,0 +1,78 @@
+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 * as toggleGroup from '@zag-js/toggle-group';
+export { anatomy } from '@zag-js/toggle-group';
+import { createUniqueId, createMemo } from 'solid-js';
+
+// src/components/toggle-group/use-toggle-group-context.ts
+var [ToggleGroupProvider, useToggleGroupContext] = createContext({
+  hookName: "useToggleGroupContext",
+  providerName: "<ToggleGroupProvider />"
+});
+
+// src/components/toggle-group/toggle-group-context.tsx
+var ToggleGroupContext = (props) => props.children(useToggleGroupContext());
+var ToggleGroupItem = (props) => {
+  const [toggleProps, restProps] = createSplitProps()(props, ["value", "disabled"]);
+  const api = useToggleGroupContext();
+  const mergedProps = mergeProps(() => api().getItemProps(toggleProps), restProps);
+  return createComponent(ark.button, mergedProps);
+};
+var useToggleGroup = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    value: props.defaultValue,
+    ...props
+  }));
+  const [state, send] = useMachine(toggleGroup.machine(context()), {
+    context
+  });
+  return createMemo(() => toggleGroup.connect(state, send, normalizeProps));
+};
+
+// src/components/toggle-group/toggle-group-root.tsx
+var ToggleGroupRoot = (props) => {
+  const [useToggleGroupProps, restProps] = createSplitProps()(props, ["defaultValue", "disabled", "id", "ids", "loopFocus", "multiple", "onValueChange", "orientation", "rovingFocus", "value"]);
+  const api = useToggleGroup(useToggleGroupProps);
+  const mergedProps = mergeProps(() => api().getRootProps(), restProps);
+  return createComponent(ToggleGroupProvider, {
+    value: api,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var ToggleGroupRootProvider = (props) => {
+  const [{
+    value: toggleGroup2
+  }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(() => toggleGroup2().getRootProps(), localProps);
+  return createComponent(ToggleGroupProvider, {
+    value: toggleGroup2,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+// src/components/toggle-group/toggle-group.ts
+var toggle_group_exports = {};
+__export(toggle_group_exports, {
+  Context: () => ToggleGroupContext,
+  Item: () => ToggleGroupItem,
+  Root: () => ToggleGroupRoot,
+  RootProvider: () => ToggleGroupRootProvider
+});
+
+export { ToggleGroupContext, ToggleGroupItem, ToggleGroupRoot, ToggleGroupRootProvider, toggle_group_exports, useToggleGroup, useToggleGroupContext };

package/dist/chunk/2XEXGBVI.jsx

@@ -0,0 +1,218 @@
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./5O4RWSWO.jsx";
+import {
+  useLocaleContext
+} from "./3QQZKR3F.jsx";
+import {
+  createContext
+} from "./NMGUCD2L.jsx";
+import {
+  __export
+} from "./7IUG3E2V.jsx";
+
+// src/components/slider/use-slider-context.ts
+var [SliderProvider, useSliderContext] = createContext({
+  hookName: "useSliderContext",
+  providerName: "<SliderProvider />"
+});
+
+// src/components/slider/slider-context.tsx
+var SliderContext = (props) => props.children(useSliderContext());
+
+// src/components/slider/slider-control.tsx
+import { mergeProps } from "@zag-js/solid";
+var SliderControl = (props) => {
+  const api = useSliderContext();
+  const mergedProps = mergeProps(() => api().getControlProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/slider/slider-hidden-input.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+
+// src/components/slider/use-slider-thumb-props-context.ts
+var [SliderThumbPropsProvider, useSliderThumbPropsContext] = createContext({
+  hookName: "useSliderThumbPropsContext",
+  providerName: "<SliderThumbPropsProvider />"
+});
+
+// src/components/slider/slider-hidden-input.tsx
+var SliderHiddenInput = (props) => {
+  const slider2 = useSliderContext();
+  const thumbProps = useSliderThumbPropsContext();
+  const mergedProps = mergeProps2(slider2().getHiddenInputProps(thumbProps), props);
+  return <ark.input {...mergedProps} />;
+};
+
+// src/components/slider/slider-label.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var SliderLabel = (props) => {
+  const api = useSliderContext();
+  const mergedProps = mergeProps3(() => api().getLabelProps(), props);
+  return <ark.label {...mergedProps} />;
+};
+
+// src/components/slider/slider-marker.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+var SliderMarker = (props) => {
+  const [markerProps, localProps] = createSplitProps()(props, ["value"]);
+  const api = useSliderContext();
+  const mergedProps = mergeProps4(() => api().getMarkerProps(markerProps), localProps);
+  return <ark.span {...mergedProps} />;
+};
+
+// src/components/slider/slider-marker-group.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+var SliderMarkerGroup = (props) => {
+  const api = useSliderContext();
+  const mergedProps = mergeProps5(() => api().getMarkerGroupProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/slider/slider-range.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+var SliderRange = (props) => {
+  const api = useSliderContext();
+  const mergedProps = mergeProps6(() => api().getRangeProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/slider/slider-root.tsx
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
+
+// src/components/slider/use-slider.ts
+import * as slider from "@zag-js/slider";
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createMemo, createUniqueId } from "solid-js";
+var useSlider = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    value: props.defaultValue,
+    ...props
+  }));
+  const [state, send] = useMachine(slider.machine(context()), { context });
+  return createMemo(() => slider.connect(state, send, normalizeProps));
+};
+
+// src/components/slider/slider-root.tsx
+var SliderRoot = (props) => {
+  const [useSliderProps, localProps] = createSplitProps()(props, [
+    "aria-label",
+    "aria-labelledby",
+    "defaultValue",
+    "disabled",
+    "form",
+    "getAriaValueText",
+    "id",
+    "ids",
+    "invalid",
+    "max",
+    "min",
+    "minStepsBetweenThumbs",
+    "name",
+    "onFocusChange",
+    "onValueChange",
+    "onValueChangeEnd",
+    "orientation",
+    "origin",
+    "readOnly",
+    "step",
+    "thumbAlignment",
+    "thumbAlignment",
+    "thumbSize",
+    "value"
+  ]);
+  const api = useSlider(useSliderProps);
+  const mergedProps = mergeProps7(() => api().getRootProps(), localProps);
+  return <SliderProvider value={api}>
+      <ark.div {...mergedProps} />
+    </SliderProvider>;
+};
+
+// src/components/slider/slider-root-provider.tsx
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
+var SliderRootProvider = (props) => {
+  const [{ value: slider2 }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps8(() => slider2().getRootProps(), localProps);
+  return <SliderProvider value={slider2}>
+      <ark.div {...mergedProps} />
+    </SliderProvider>;
+};
+
+// src/components/slider/slider-thumb.tsx
+import { mergeProps as mergeProps9 } from "@zag-js/solid";
+var SliderThumb = (props) => {
+  const [thumbProps, localProps] = createSplitProps()(props, ["index", "name"]);
+  const slider2 = useSliderContext();
+  const mergedProps = mergeProps9(() => slider2().getThumbProps(thumbProps), localProps);
+  return <SliderThumbPropsProvider value={thumbProps}>
+      <ark.div {...mergedProps} />
+    </SliderThumbPropsProvider>;
+};
+
+// src/components/slider/slider-track.tsx
+import { mergeProps as mergeProps10 } from "@zag-js/solid";
+var SliderTrack = (props) => {
+  const api = useSliderContext();
+  const mergedProps = mergeProps10(() => api().getTrackProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/slider/slider-value-text.tsx
+import { mergeProps as mergeProps11 } from "@zag-js/solid";
+var SliderValueText = (props) => {
+  const api = useSliderContext();
+  const mergedProps = mergeProps11(() => api().getValueTextProps(), props);
+  return <ark.span {...mergedProps}>{props.children || api().value.join(",")}</ark.span>;
+};
+
+// src/components/slider/slider.anatomy.ts
+import { anatomy } from "@zag-js/slider";
+
+// src/components/slider/slider.ts
+var slider_exports = {};
+__export(slider_exports, {
+  Context: () => SliderContext,
+  Control: () => SliderControl,
+  HiddenInput: () => SliderHiddenInput,
+  Label: () => SliderLabel,
+  Marker: () => SliderMarker,
+  MarkerGroup: () => SliderMarkerGroup,
+  Range: () => SliderRange,
+  Root: () => SliderRoot,
+  RootProvider: () => SliderRootProvider,
+  Thumb: () => SliderThumb,
+  Track: () => SliderTrack,
+  ValueText: () => SliderValueText
+});
+
+export {
+  useSliderContext,
+  SliderContext,
+  SliderControl,
+  SliderHiddenInput,
+  SliderLabel,
+  SliderMarker,
+  SliderMarkerGroup,
+  SliderRange,
+  useSlider,
+  SliderRoot,
+  SliderRootProvider,
+  SliderThumb,
+  SliderTrack,
+  SliderValueText,
+  anatomy,
+  slider_exports
+};