@ark-ui/solid 5.23.0 → 5.24.1

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/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/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ark-ui/solid",
   "type": "module",
-  "version": "5.23.0",
+  "version": "5.24.1",
   "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.1",
+    "@zag-js/anatomy": "1.24.1",
+    "@zag-js/angle-slider": "1.24.1",
+    "@zag-js/async-list": "1.24.1",
+    "@zag-js/auto-resize": "1.24.1",
+    "@zag-js/avatar": "1.24.1",
+    "@zag-js/carousel": "1.24.1",
+    "@zag-js/checkbox": "1.24.1",
+    "@zag-js/clipboard": "1.24.1",
+    "@zag-js/collapsible": "1.24.1",
+    "@zag-js/collection": "1.24.1",
+    "@zag-js/color-picker": "1.24.1",
+    "@zag-js/color-utils": "1.24.1",
+    "@zag-js/combobox": "1.24.1",
+    "@zag-js/core": "1.24.1",
+    "@zag-js/date-picker": "1.24.1",
+    "@zag-js/date-utils": "1.24.1",
+    "@zag-js/dialog": "1.24.1",
+    "@zag-js/dom-query": "1.24.1",
+    "@zag-js/editable": "1.24.1",
+    "@zag-js/file-upload": "1.24.1",
+    "@zag-js/file-utils": "1.24.1",
+    "@zag-js/floating-panel": "1.24.1",
+    "@zag-js/focus-trap": "1.24.1",
+    "@zag-js/highlight-word": "1.24.1",
+    "@zag-js/hover-card": "1.24.1",
+    "@zag-js/i18n-utils": "1.24.1",
+    "@zag-js/json-tree-utils": "1.24.1",
+    "@zag-js/listbox": "1.24.1",
+    "@zag-js/menu": "1.24.1",
+    "@zag-js/number-input": "1.24.1",
+    "@zag-js/pagination": "1.24.1",
+    "@zag-js/password-input": "1.24.1",
+    "@zag-js/pin-input": "1.24.1",
+    "@zag-js/popover": "1.24.1",
+    "@zag-js/presence": "1.24.1",
+    "@zag-js/progress": "1.24.1",
+    "@zag-js/qr-code": "1.24.1",
+    "@zag-js/radio-group": "1.24.1",
+    "@zag-js/rating-group": "1.24.1",
+    "@zag-js/scroll-area": "1.24.1",
+    "@zag-js/select": "1.24.1",
+    "@zag-js/signature-pad": "1.24.1",
+    "@zag-js/slider": "1.24.1",
+    "@zag-js/solid": "1.24.1",
+    "@zag-js/splitter": "1.24.1",
+    "@zag-js/steps": "1.24.1",
+    "@zag-js/switch": "1.24.1",
+    "@zag-js/tabs": "1.24.1",
+    "@zag-js/tags-input": "1.24.1",
+    "@zag-js/timer": "1.24.1",
+    "@zag-js/toast": "1.24.1",
+    "@zag-js/toggle": "1.24.1",
+    "@zag-js/toggle-group": "1.24.1",
+    "@zag-js/tooltip": "1.24.1",
+    "@zag-js/tour": "1.24.1",
+    "@zag-js/tree-view": "1.24.1",
+    "@zag-js/types": "1.24.1",
+    "@zag-js/utils": "1.24.1"
   },
   "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
-};

package/dist/chunk/RUJWWVJQ.js

@@ -1,194 +0,0 @@
-import { splitPresenceProps, usePresence, PresenceProvider, usePresenceContext } from './SIT3D7TL.js';
-import { composeRefs } from './ROP6QZQ7.js';
-import { createSplitProps } from './ZMHI4GDJ.js';
-import { ark } from './EPLBB4QN.js';
-import { useEnvironmentContext } from './YO2MCGXO.js';
-import { useLocaleContext } from './JOLWKIPW.js';
-import { createContext } from './TROPIN4C.js';
-import { runIfFn } from './DT73WLR4.js';
-import { __export } from './ESLJRKWD.js';
-export { parseTime } from '@internationalized/date';
-import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
-import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
-import { Show, createUniqueId, createMemo } from 'solid-js';
-import * as timePicker from '@zag-js/time-picker';
-export { anatomy } from '@zag-js/time-picker';
-
-// 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 createComponent(ark.button, mergedProps);
-};
-var TimePickerClearTrigger = (props) => {
-  const timePicker2 = useTimePickerContext();
-  const mergedProps = mergeProps(() => timePicker2().getClearTriggerProps(), props);
-  return createComponent(ark.button, mergedProps);
-};
-var TimePickerColumn = (props) => {
-  const [columnProps, localProps] = createSplitProps()(props, ["unit"]);
-  const timePicker2 = useTimePickerContext();
-  const mergedProps = mergeProps(() => timePicker2().getColumnProps(columnProps), localProps);
-  return createComponent(TimePickerColumnPropsProvider, {
-    value: columnProps,
-    get children() {
-      return createComponent(ark.div, mergedProps);
-    }
-  });
-};
-var TimePickerContent = (props) => {
-  const timePicker2 = useTimePickerContext();
-  const presenceApi = usePresenceContext();
-  const mergedProps = mergeProps(() => timePicker2().getContentProps(), () => presenceApi().presenceProps, props);
-  return createComponent(Show, {
-    get when() {
-      return !presenceApi().unmounted;
-    },
-    get children() {
-      return createComponent(ark.div, mergeProps$1(mergedProps, {
-        ref(r$) {
-          var _ref$ = composeRefs(presenceApi().ref, props.ref);
-          typeof _ref$ === "function" && _ref$(r$);
-        }
-      }));
-    }
-  });
-};
-
-// src/components/time-picker/time-picker-context.tsx
-var TimePickerContext = (props) => props.children(useTimePickerContext());
-var TimePickerControl = (props) => {
-  const timePicker2 = useTimePickerContext();
-  const mergedProps = mergeProps(() => timePicker2().getControlProps(), props);
-  return createComponent(ark.div, mergedProps);
-};
-var TimePickerInput = (props) => {
-  const timePicker2 = useTimePickerContext();
-  const mergedProps = mergeProps(() => timePicker2().getInputProps(), props);
-  return createComponent(ark.input, mergedProps);
-};
-var TimePickerLabel = (props) => {
-  const timePicker2 = useTimePickerContext();
-  const mergedProps = mergeProps(() => timePicker2().getLabelProps(), props);
-  return createComponent(ark.label, mergedProps);
-};
-var TimePickerPositioner = (props) => {
-  const timePicker2 = useTimePickerContext();
-  const mergedProps = mergeProps(() => timePicker2().getPositionerProps(), props);
-  const presenceApi = usePresenceContext();
-  return createComponent(Show, {
-    get when() {
-      return !presenceApi().unmounted;
-    },
-    get children() {
-      return createComponent(ark.div, mergedProps);
-    }
-  });
-};
-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(mergeProps(presenceProps, () => ({
-    present: timePicker2().open
-  })));
-  const mergedProps = mergeProps(() => timePicker2().getRootProps(), localProps);
-  return createComponent(TimePickerProvider, {
-    value: timePicker2,
-    get children() {
-      return createComponent(PresenceProvider, {
-        value: apiPresence,
-        get children() {
-          return createComponent(ark.div, mergedProps);
-        }
-      });
-    }
-  });
-};
-var TimePickerRootProvider = (props) => {
-  const [presenceProps, timePickerProps] = splitPresenceProps(props);
-  const [{
-    value: timePicker2
-  }, localProps] = createSplitProps()(timePickerProps, ["value"]);
-  const apiPresence = usePresence(mergeProps(presenceProps, () => ({
-    present: timePicker2().open
-  })));
-  const mergedProps = mergeProps(() => timePicker2().getRootProps(), localProps);
-  return createComponent(TimePickerProvider, {
-    value: timePicker2,
-    get children() {
-      return createComponent(PresenceProvider, {
-        value: apiPresence,
-        get children() {
-          return createComponent(ark.div, mergedProps);
-        }
-      });
-    }
-  });
-};
-var TimePickerSpacer = (props) => {
-  const timePicker2 = useTimePickerContext();
-  const mergedProps = mergeProps(() => timePicker2().getSpacerProps(), props);
-  return createComponent(ark.div, mergedProps);
-};
-var TimePickerTrigger = (props) => {
-  const timePicker2 = useTimePickerContext();
-  const mergedProps = mergeProps(() => timePicker2().getTriggerProps(), props);
-  return createComponent(ark.button, mergedProps);
-};
-
-// 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 { TimePickerCell, TimePickerClearTrigger, TimePickerColumn, TimePickerContent, TimePickerContext, TimePickerControl, TimePickerInput, TimePickerLabel, TimePickerPositioner, TimePickerRoot, TimePickerRootProvider, TimePickerSpacer, TimePickerTrigger, time_picker_exports, useTimePicker, useTimePickerContext };