@ark-ui/solid 5.22.0 → 5.24.0

package/dist/listbox.anatomy-CuSvGz29.d.ts

@@ -0,0 +1,5 @@
+import * as _zag_js_anatomy from '@zag-js/anatomy';
+
+declare const listboxAnatomy: _zag_js_anatomy.AnatomyInstance<"label" | "input" | "root" | "item" | "content" | "valueText" | "itemGroup" | "itemGroupLabel" | "itemIndicator" | "itemText" | "empty">;
+
+export { listboxAnatomy as l };

package/dist/providers/index.js

@@ -1,2 +1,2 @@
-export { EnvironmentProvider, useEnvironmentContext } from '../chunk/YO2MCGXO.js';
 export { LocaleProvider, useCollator, useFilter, useLocaleContext } from '../chunk/JOLWKIPW.js';
+export { EnvironmentProvider, useEnvironmentContext } from '../chunk/YO2MCGXO.js';

package/dist/segment-group.anatomy-D8EFD_kq.d.ts

@@ -0,0 +1,5 @@
+import * as _zag_js_anatomy from '@zag-js/anatomy';
+
+declare const segmentGroupAnatomy: _zag_js_anatomy.Anatomy<"label" | "root" | "item" | "indicator" | "itemText" | "itemControl">;
+
+export { segmentGroupAnatomy as s };

package/dist/toggle.anatomy-kQyY2NzP.d.ts

@@ -0,0 +1,5 @@
+import * as _zag_js_anatomy from '@zag-js/anatomy';
+
+declare const toggleAnatomy: _zag_js_anatomy.Anatomy<"root" | "indicator">;
+
+export { toggleAnatomy as t };

package/dist/tour.anatomy-dhFVCgSh.d.ts

@@ -0,0 +1,5 @@
+import * as _zag_js_anatomy from '@zag-js/anatomy';
+
+declare const tourAnatomy: _zag_js_anatomy.AnatomyInstance<"title" | "content" | "control" | "positioner" | "backdrop" | "closeTrigger" | "description" | "arrow" | "actionTrigger" | "progressText" | "arrowTip" | "spotlight">;
+
+export { tourAnatomy as t };

package/dist/{tree-view-tree-CbBeWSwi.d.ts → tree-view-tree-Bsm9ZNuk.d.ts}

@@ -1,5 +1,5 @@
 import * as solid_js from 'solid-js';
-import { Accessor } from 'solid-js';
+import { Accessor, JSX } from 'solid-js';
 import { O as Optional, M as MaybeAccessor, A as Assign } from './types-Bc0WfPsv.js';
 import { R as RenderStrategyProps } from './render-strategy-B5MqQP3X.js';
 import { TreeNode, TreeCollection } from '@zag-js/collection';
@@ -21,7 +21,8 @@ interface TreeViewRootBaseProps<T extends TreeNode> extends UseTreeViewProps<T>,
 }
 interface TreeViewRootProps<T extends TreeNode> extends Assign<HTMLProps<'div'>, TreeViewRootBaseProps<T>> {
 }
-declare const TreeViewRoot: <T extends TreeNode>(props: TreeViewRootProps<T>) => solid_js.JSX.Element;
+declare const TreeViewRoot: <T extends TreeNode>(props: TreeViewRootProps<T>) => JSX.Element;
+type TreeViewRootComponent<P = {}> = <T extends TreeNode>(props: Assign<TreeViewRootProps<T>, P>) => JSX.Element;
 
 interface RootProviderProps<T extends TreeNode> {
     value: UseTreeViewReturn<T>;
@@ -30,7 +31,8 @@ interface TreeViewRootProviderBaseProps<T extends TreeNode> extends RootProvider
 }
 interface TreeViewRootProviderProps<T extends TreeNode> extends HTMLProps<'div'>, TreeViewRootProviderBaseProps<T> {
 }
-declare const TreeViewRootProvider: <T extends TreeNode>(props: TreeViewRootProviderProps<T>) => solid_js.JSX.Element;
+declare const TreeViewRootProvider: <T extends TreeNode>(props: TreeViewRootProviderProps<T>) => JSX.Element;
+type TreeViewRootProviderComponent<P = {}> = <T extends TreeNode>(props: Assign<TreeViewRootProviderProps<T>, P>) => JSX.Element;
 
 interface TreeViewTreeBaseProps extends PolymorphicProps<'div'> {
 }
@@ -38,4 +40,4 @@ interface TreeViewTreeProps extends HTMLProps<'div'>, TreeViewTreeBaseProps {
 }
 declare const TreeViewTree: (props: TreeViewTreeProps) => solid_js.JSX.Element;
 
-export { TreeViewRoot as T, type UseTreeViewProps as U, type TreeViewRootBaseProps as a, type TreeViewRootProps as b, TreeViewRootProvider as c, type TreeViewRootProviderBaseProps as d, type TreeViewRootProviderProps as e, TreeViewTree as f, type TreeViewTreeBaseProps as g, type TreeViewTreeProps as h, type UseTreeViewReturn as i, useTreeView as u };
+export { TreeViewRoot as T, type UseTreeViewProps as U, type TreeViewRootBaseProps as a, type TreeViewRootComponent as b, type TreeViewRootProps as c, TreeViewRootProvider as d, type TreeViewRootProviderBaseProps as e, type TreeViewRootProviderComponent as f, type TreeViewRootProviderProps as g, TreeViewTree as h, type TreeViewTreeBaseProps as i, type TreeViewTreeProps as j, type UseTreeViewReturn as k, useTreeView as u };

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/solid",
   "type": "module",
-  "version": "5.22.0",
+  "version": "5.24.0",
   "description": "A collection of unstyled, accessible UI components for Solid, utilizing state machines for seamless interaction.",
   "keywords": [
     "accordion",
@@ -109,75 +109,74 @@
   },
   "sideEffects": false,
   "dependencies": {
-    "@internationalized/date": "3.8.2",
-    "@zag-js/accordion": "1.22.1",
-    "@zag-js/anatomy": "1.22.1",
-    "@zag-js/angle-slider": "1.22.1",
-    "@zag-js/async-list": "1.22.1",
-    "@zag-js/auto-resize": "1.22.1",
-    "@zag-js/avatar": "1.22.1",
-    "@zag-js/carousel": "1.22.1",
-    "@zag-js/checkbox": "1.22.1",
-    "@zag-js/clipboard": "1.22.1",
-    "@zag-js/collapsible": "1.22.1",
-    "@zag-js/collection": "1.22.1",
-    "@zag-js/color-picker": "1.22.1",
-    "@zag-js/color-utils": "1.22.1",
-    "@zag-js/combobox": "1.22.1",
-    "@zag-js/core": "1.22.1",
-    "@zag-js/date-picker": "1.22.1",
-    "@zag-js/date-utils": "1.22.1",
-    "@zag-js/dialog": "1.22.1",
-    "@zag-js/dom-query": "1.22.1",
-    "@zag-js/editable": "1.22.1",
-    "@zag-js/file-upload": "1.22.1",
-    "@zag-js/file-utils": "1.22.1",
-    "@zag-js/floating-panel": "1.22.1",
-    "@zag-js/focus-trap": "1.22.1",
-    "@zag-js/highlight-word": "1.22.1",
-    "@zag-js/hover-card": "1.22.1",
-    "@zag-js/i18n-utils": "1.22.1",
-    "@zag-js/json-tree-utils": "1.22.1",
-    "@zag-js/listbox": "1.22.1",
-    "@zag-js/menu": "1.22.1",
-    "@zag-js/number-input": "1.22.1",
-    "@zag-js/pagination": "1.22.1",
-    "@zag-js/password-input": "1.22.1",
-    "@zag-js/pin-input": "1.22.1",
-    "@zag-js/popover": "1.22.1",
-    "@zag-js/presence": "1.22.1",
-    "@zag-js/progress": "1.22.1",
-    "@zag-js/qr-code": "1.22.1",
-    "@zag-js/radio-group": "1.22.1",
-    "@zag-js/rating-group": "1.22.1",
-    "@zag-js/scroll-area": "1.22.1",
-    "@zag-js/select": "1.22.1",
-    "@zag-js/signature-pad": "1.22.1",
-    "@zag-js/slider": "1.22.1",
-    "@zag-js/solid": "1.22.1",
-    "@zag-js/splitter": "1.22.1",
-    "@zag-js/steps": "1.22.1",
-    "@zag-js/switch": "1.22.1",
-    "@zag-js/tabs": "1.22.1",
-    "@zag-js/tags-input": "1.22.1",
-    "@zag-js/time-picker": "1.22.1",
-    "@zag-js/timer": "1.22.1",
-    "@zag-js/toast": "1.22.1",
-    "@zag-js/toggle": "1.22.1",
-    "@zag-js/toggle-group": "1.22.1",
-    "@zag-js/tooltip": "1.22.1",
-    "@zag-js/tour": "1.22.1",
-    "@zag-js/tree-view": "1.22.1",
-    "@zag-js/types": "1.22.1",
-    "@zag-js/utils": "1.22.1"
+    "@internationalized/date": "3.9.0",
+    "@zag-js/accordion": "1.24.0",
+    "@zag-js/anatomy": "1.24.0",
+    "@zag-js/angle-slider": "1.24.0",
+    "@zag-js/async-list": "1.24.0",
+    "@zag-js/auto-resize": "1.24.0",
+    "@zag-js/avatar": "1.24.0",
+    "@zag-js/carousel": "1.24.0",
+    "@zag-js/checkbox": "1.24.0",
+    "@zag-js/clipboard": "1.24.0",
+    "@zag-js/collapsible": "1.24.0",
+    "@zag-js/collection": "1.24.0",
+    "@zag-js/color-picker": "1.24.0",
+    "@zag-js/color-utils": "1.24.0",
+    "@zag-js/combobox": "1.24.0",
+    "@zag-js/core": "1.24.0",
+    "@zag-js/date-picker": "1.24.0",
+    "@zag-js/date-utils": "1.24.0",
+    "@zag-js/dialog": "1.24.0",
+    "@zag-js/dom-query": "1.24.0",
+    "@zag-js/editable": "1.24.0",
+    "@zag-js/file-upload": "1.24.0",
+    "@zag-js/file-utils": "1.24.0",
+    "@zag-js/floating-panel": "1.24.0",
+    "@zag-js/focus-trap": "1.24.0",
+    "@zag-js/highlight-word": "1.24.0",
+    "@zag-js/hover-card": "1.24.0",
+    "@zag-js/i18n-utils": "1.24.0",
+    "@zag-js/json-tree-utils": "1.24.0",
+    "@zag-js/listbox": "1.24.0",
+    "@zag-js/menu": "1.24.0",
+    "@zag-js/number-input": "1.24.0",
+    "@zag-js/pagination": "1.24.0",
+    "@zag-js/password-input": "1.24.0",
+    "@zag-js/pin-input": "1.24.0",
+    "@zag-js/popover": "1.24.0",
+    "@zag-js/presence": "1.24.0",
+    "@zag-js/progress": "1.24.0",
+    "@zag-js/qr-code": "1.24.0",
+    "@zag-js/radio-group": "1.24.0",
+    "@zag-js/rating-group": "1.24.0",
+    "@zag-js/scroll-area": "1.24.0",
+    "@zag-js/select": "1.24.0",
+    "@zag-js/signature-pad": "1.24.0",
+    "@zag-js/slider": "1.24.0",
+    "@zag-js/solid": "1.24.0",
+    "@zag-js/splitter": "1.24.0",
+    "@zag-js/steps": "1.24.0",
+    "@zag-js/switch": "1.24.0",
+    "@zag-js/tabs": "1.24.0",
+    "@zag-js/tags-input": "1.24.0",
+    "@zag-js/timer": "1.24.0",
+    "@zag-js/toast": "1.24.0",
+    "@zag-js/toggle": "1.24.0",
+    "@zag-js/toggle-group": "1.24.0",
+    "@zag-js/tooltip": "1.24.0",
+    "@zag-js/tour": "1.24.0",
+    "@zag-js/tree-view": "1.24.0",
+    "@zag-js/types": "1.24.0",
+    "@zag-js/utils": "1.24.0"
   },
   "devDependencies": {
-    "@biomejs/biome": "2.2.2",
+    "@biomejs/biome": "2.2.4",
     "@modular-forms/solid": "0.25.1",
     "@solidjs/testing-library": "0.8.10",
-    "@storybook/addon-a11y": "9.1.3",
-    "@storybook/addon-links": "9.1.3",
-    "@storybook/addon-vitest": "9.1.3",
+    "@storybook/addon-a11y": "9.1.5",
+    "@storybook/addon-links": "9.1.5",
+    "@storybook/addon-vitest": "9.1.5",
     "@testing-library/dom": "10.4.1",
     "@testing-library/jest-dom": "6.8.0",
     "@testing-library/user-event": "14.6.1",
@@ -187,14 +186,14 @@
     "esbuild-plugin-solid": "0.6.0",
     "globby": "14.1.0",
     "jsdom": "26.1.0",
-    "lucide-solid": "0.541.0",
+    "lucide-solid": "0.544.0",
     "resize-observer-polyfill": "1.5.1",
     "solid-js": "1.9.9",
-    "storybook": "9.1.3",
+    "storybook": "9.1.5",
     "storybook-solidjs-vite": "9.0.3",
     "tsup": "8.5.0",
     "typescript": "5.9.2",
-    "vite": "7.1.3",
+    "vite": "7.1.5",
     "vite-plugin-solid": "2.11.8",
     "vitest": "3.2.4",
     "@vitest/coverage-v8": "3.2.4",

package/dist/chunk/6MGH6HEP.jsx

@@ -1,266 +0,0 @@
-import {
-  PresenceProvider,
-  splitPresenceProps,
-  usePresence,
-  usePresenceContext
-} from "./4LUY46IM.jsx";
-import {
-  composeRefs
-} from "./PT2CJE3O.jsx";
-import {
-  createSplitProps
-} from "./6WEDGJKQ.jsx";
-import {
-  ark
-} from "./UFYZ7HLU.jsx";
-import {
-  useEnvironmentContext
-} from "./6J5H27AQ.jsx";
-import {
-  runIfFn
-} from "./KGOB2IMX.jsx";
-import {
-  useLocaleContext
-} from "./XIYHIOP3.jsx";
-import {
-  createContext
-} from "./TVCIHLER.jsx";
-import {
-  __export
-} from "./7IUG3E2V.jsx";
-
-// src/components/time-picker/index.tsx
-import { parseTime } from "@internationalized/date";
-
-// src/components/time-picker/time-picker-cell.tsx
-import { mergeProps } from "@zag-js/solid";
-
-// src/components/time-picker/use-time-picker-column-props-context.ts
-var [TimePickerColumnPropsProvider, useTimePickerColumnPropsContext] = createContext({
-  hookName: "useTimePickerColumnPropsContext",
-  providerName: "<TimePickerColumnPropsProvider />"
-});
-
-// src/components/time-picker/use-time-picker-context.ts
-var [TimePickerProvider, useTimePickerContext] = createContext({
-  hookName: "useTimePickerContext",
-  providerName: "<TimePickerProvider />"
-});
-
-// src/components/time-picker/time-picker-cell.tsx
-var TimePickerCell = (props) => {
-  const [cellProps, localProps] = createSplitProps()(props, ["value"]);
-  const timePicker2 = useTimePickerContext();
-  const columnProps = useTimePickerColumnPropsContext();
-  const unitToPropsMap = {
-    hour: () => timePicker2().getHourCellProps(cellProps),
-    minute: () => timePicker2().getMinuteCellProps(cellProps),
-    second: () => timePicker2().getSecondCellProps(cellProps),
-    period: () => timePicker2().getPeriodCellProps(cellProps)
-  };
-  const mergedProps = mergeProps(() => unitToPropsMap[columnProps.unit](), localProps);
-  return <ark.button {...mergedProps} />;
-};
-
-// src/components/time-picker/time-picker-clear-trigger.tsx
-import { mergeProps as mergeProps2 } from "@zag-js/solid";
-var TimePickerClearTrigger = (props) => {
-  const timePicker2 = useTimePickerContext();
-  const mergedProps = mergeProps2(() => timePicker2().getClearTriggerProps(), props);
-  return <ark.button {...mergedProps} />;
-};
-
-// src/components/time-picker/time-picker-column.tsx
-import { mergeProps as mergeProps3 } from "@zag-js/solid";
-var TimePickerColumn = (props) => {
-  const [columnProps, localProps] = createSplitProps()(props, ["unit"]);
-  const timePicker2 = useTimePickerContext();
-  const mergedProps = mergeProps3(() => timePicker2().getColumnProps(columnProps), localProps);
-  return <TimePickerColumnPropsProvider value={columnProps}>
-      <ark.div {...mergedProps} />
-    </TimePickerColumnPropsProvider>;
-};
-
-// src/components/time-picker/time-picker-content.tsx
-import { mergeProps as mergeProps4 } from "@zag-js/solid";
-import { Show } from "solid-js";
-var TimePickerContent = (props) => {
-  const timePicker2 = useTimePickerContext();
-  const presenceApi = usePresenceContext();
-  const mergedProps = mergeProps4(
-    () => timePicker2().getContentProps(),
-    () => presenceApi().presenceProps,
-    props
-  );
-  return <Show when={!presenceApi().unmounted}>
-      <ark.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
-    </Show>;
-};
-
-// src/components/time-picker/time-picker-context.tsx
-var TimePickerContext = (props) => props.children(useTimePickerContext());
-
-// src/components/time-picker/time-picker-control.tsx
-import { mergeProps as mergeProps5 } from "@zag-js/solid";
-var TimePickerControl = (props) => {
-  const timePicker2 = useTimePickerContext();
-  const mergedProps = mergeProps5(() => timePicker2().getControlProps(), props);
-  return <ark.div {...mergedProps} />;
-};
-
-// src/components/time-picker/time-picker-input.tsx
-import { mergeProps as mergeProps6 } from "@zag-js/solid";
-var TimePickerInput = (props) => {
-  const timePicker2 = useTimePickerContext();
-  const mergedProps = mergeProps6(() => timePicker2().getInputProps(), props);
-  return <ark.input {...mergedProps} />;
-};
-
-// src/components/time-picker/time-picker-label.tsx
-import { mergeProps as mergeProps7 } from "@zag-js/solid";
-var TimePickerLabel = (props) => {
-  const timePicker2 = useTimePickerContext();
-  const mergedProps = mergeProps7(() => timePicker2().getLabelProps(), props);
-  return <ark.label {...mergedProps} />;
-};
-
-// src/components/time-picker/time-picker-positioner.tsx
-import { mergeProps as mergeProps8 } from "@zag-js/solid";
-import { Show as Show2 } from "solid-js";
-var TimePickerPositioner = (props) => {
-  const timePicker2 = useTimePickerContext();
-  const mergedProps = mergeProps8(() => timePicker2().getPositionerProps(), props);
-  const presenceApi = usePresenceContext();
-  return <Show2 when={!presenceApi().unmounted}>
-      <ark.div {...mergedProps} />
-    </Show2>;
-};
-
-// src/components/time-picker/time-picker-root.tsx
-import { mergeProps as mergeProps9 } from "@zag-js/solid";
-
-// src/components/time-picker/use-time-picker.ts
-import { normalizeProps, useMachine } from "@zag-js/solid";
-import * as timePicker from "@zag-js/time-picker";
-import { createMemo, createUniqueId } from "solid-js";
-var useTimePicker = (props) => {
-  const id = createUniqueId();
-  const locale = useLocaleContext();
-  const environment = useEnvironmentContext();
-  const machineProps = createMemo(() => ({
-    id,
-    dir: locale().dir,
-    getRootNode: environment().getRootNode,
-    locale: locale().locale,
-    ...runIfFn(props)
-  }));
-  const service = useMachine(timePicker.machine, machineProps);
-  return createMemo(() => timePicker.connect(service, normalizeProps));
-};
-
-// src/components/time-picker/time-picker-root.tsx
-var TimePickerRoot = (props) => {
-  const [presenceProps, timePickerProps] = splitPresenceProps(props);
-  const [useTimePickerProps, localProps] = createSplitProps()(timePickerProps, [
-    "allowSeconds",
-    "defaultOpen",
-    "defaultValue",
-    "disableLayer",
-    "disabled",
-    "id",
-    "ids",
-    "locale",
-    "max",
-    "min",
-    "name",
-    "onFocusChange",
-    "onOpenChange",
-    "onValueChange",
-    "open",
-    "placeholder",
-    "positioning",
-    "readOnly",
-    "steps",
-    "value"
-  ]);
-  const timePicker2 = useTimePicker(useTimePickerProps);
-  const apiPresence = usePresence(mergeProps9(presenceProps, () => ({ present: timePicker2().open })));
-  const mergedProps = mergeProps9(() => timePicker2().getRootProps(), localProps);
-  return <TimePickerProvider value={timePicker2}>
-      <PresenceProvider value={apiPresence}>
-        <ark.div {...mergedProps} />
-      </PresenceProvider>
-    </TimePickerProvider>;
-};
-
-// src/components/time-picker/time-picker-root-provider.tsx
-import { mergeProps as mergeProps10 } from "@zag-js/solid";
-var TimePickerRootProvider = (props) => {
-  const [presenceProps, timePickerProps] = splitPresenceProps(props);
-  const [{ value: timePicker2 }, localProps] = createSplitProps()(timePickerProps, ["value"]);
-  const apiPresence = usePresence(mergeProps10(presenceProps, () => ({ present: timePicker2().open })));
-  const mergedProps = mergeProps10(() => timePicker2().getRootProps(), localProps);
-  return <TimePickerProvider value={timePicker2}>
-      <PresenceProvider value={apiPresence}>
-        <ark.div {...mergedProps} />
-      </PresenceProvider>
-    </TimePickerProvider>;
-};
-
-// src/components/time-picker/time-picker-spacer.tsx
-import { mergeProps as mergeProps11 } from "@zag-js/solid";
-var TimePickerSpacer = (props) => {
-  const timePicker2 = useTimePickerContext();
-  const mergedProps = mergeProps11(() => timePicker2().getSpacerProps(), props);
-  return <ark.div {...mergedProps} />;
-};
-
-// src/components/time-picker/time-picker-trigger.tsx
-import { mergeProps as mergeProps12 } from "@zag-js/solid";
-var TimePickerTrigger = (props) => {
-  const timePicker2 = useTimePickerContext();
-  const mergedProps = mergeProps12(() => timePicker2().getTriggerProps(), props);
-  return <ark.button {...mergedProps} />;
-};
-
-// src/components/time-picker/time-picker.anatomy.ts
-import { anatomy } from "@zag-js/time-picker";
-
-// src/components/time-picker/time-picker.ts
-var time_picker_exports = {};
-__export(time_picker_exports, {
-  Cell: () => TimePickerCell,
-  ClearTrigger: () => TimePickerClearTrigger,
-  Column: () => TimePickerColumn,
-  Content: () => TimePickerContent,
-  Context: () => TimePickerContext,
-  Control: () => TimePickerControl,
-  Input: () => TimePickerInput,
-  Label: () => TimePickerLabel,
-  Positioner: () => TimePickerPositioner,
-  Root: () => TimePickerRoot,
-  RootProvider: () => TimePickerRootProvider,
-  Spacer: () => TimePickerSpacer,
-  Trigger: () => TimePickerTrigger
-});
-
-export {
-  useTimePickerContext,
-  TimePickerCell,
-  TimePickerClearTrigger,
-  TimePickerColumn,
-  TimePickerContent,
-  TimePickerContext,
-  TimePickerControl,
-  TimePickerInput,
-  TimePickerLabel,
-  TimePickerPositioner,
-  useTimePicker,
-  TimePickerRoot,
-  TimePickerRootProvider,
-  TimePickerSpacer,
-  TimePickerTrigger,
-  anatomy,
-  time_picker_exports,
-  parseTime
-};