@ark-ui/solid 4.0.0 → 4.2.0

package/dist/chunk/ONRWV73H.jsx

@@ -0,0 +1,215 @@
+import {
+  useFieldContext
+} from "./YJ7NNN57.jsx";
+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/editable/editable-area.tsx
+import { mergeProps } from "@zag-js/solid";
+
+// src/components/editable/use-editable-context.ts
+var [EditableProvider, useEditableContext] = createContext({
+  hookName: "useEditableContext",
+  providerName: "<EditableProvider />"
+});
+
+// src/components/editable/editable-area.tsx
+var EditableArea = (props) => {
+  const api = useEditableContext();
+  const mergedProps = mergeProps(() => api().getAreaProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/editable/editable-cancel-trigger.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+var EditableCancelTrigger = (props) => {
+  const api = useEditableContext();
+  const mergedProps = mergeProps2(() => api().getCancelTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/editable/editable-context.tsx
+var EditableContext = (props) => props.children(useEditableContext());
+
+// src/components/editable/editable-control.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var EditableControl = (props) => {
+  const api = useEditableContext();
+  const mergedProps = mergeProps3(() => api().getControlProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/editable/editable-edit-trigger.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+var EditableEditTrigger = (props) => {
+  const api = useEditableContext();
+  const mergedProps = mergeProps4(() => api().getEditTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/editable/editable-input.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+var EditableInput = (props) => {
+  const api = useEditableContext();
+  const mergedProps = mergeProps5(() => api().getInputProps(), props);
+  const field = useFieldContext();
+  return <ark.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+
+// src/components/editable/editable-label.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+var EditableLabel = (props) => {
+  const api = useEditableContext();
+  const mergedProps = mergeProps6(() => api().getLabelProps(), props);
+  return <ark.label {...mergedProps} />;
+};
+
+// src/components/editable/editable-preview.tsx
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
+var EditablePreview = (props) => {
+  const api = useEditableContext();
+  const mergedProps = mergeProps7(() => api().getPreviewProps(), props);
+  return <ark.span {...mergedProps} />;
+};
+
+// src/components/editable/editable-root.tsx
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
+
+// src/components/editable/use-editable.ts
+import * as editable from "@zag-js/editable";
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createMemo, createUniqueId } from "solid-js";
+var useEditable = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const field = useFieldContext();
+  const context = createMemo(() => ({
+    id,
+    ids: {
+      label: field?.().ids.label,
+      input: field?.().ids.control
+    },
+    dir: locale().dir,
+    disabled: field?.().disabled,
+    invalid: field?.().invalid,
+    readOnly: field?.().readOnly,
+    required: field?.().required,
+    getRootNode: environment().getRootNode,
+    edit: props.defaultEdit,
+    value: props.defaultValue,
+    "edit.controlled": props.edit !== void 0,
+    ...props
+  }));
+  const [state, send] = useMachine(editable.machine(context()), { context });
+  return createMemo(() => editable.connect(state, send, normalizeProps));
+};
+
+// src/components/editable/editable-root.tsx
+var EditableRoot = (props) => {
+  const [useEditableProps, localProps] = createSplitProps()(props, [
+    "activationMode",
+    "autoResize",
+    "defaultEdit",
+    "defaultValue",
+    "disabled",
+    "edit",
+    "finalFocusEl",
+    "form",
+    "id",
+    "ids",
+    "invalid",
+    "maxLength",
+    "name",
+    "onEditChange",
+    "onFocusOutside",
+    "onInteractOutside",
+    "onPointerDownOutside",
+    "onValueChange",
+    "onValueCommit",
+    "onValueRevert",
+    "placeholder",
+    "readOnly",
+    "required",
+    "selectOnFocus",
+    "submitMode",
+    "translations",
+    "value"
+  ]);
+  const api = useEditable(useEditableProps);
+  const mergedProps = mergeProps8(() => api().getRootProps(), localProps);
+  return <EditableProvider value={api}>
+      <ark.div {...mergedProps} />
+    </EditableProvider>;
+};
+
+// src/components/editable/editable-root-provider.tsx
+import { mergeProps as mergeProps9 } from "@zag-js/solid";
+var EditableRootProvider = (props) => {
+  const [{ value: editable2 }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps9(() => editable2().getRootProps(), localProps);
+  return <EditableProvider value={editable2}>
+      <ark.div {...mergedProps} />
+    </EditableProvider>;
+};
+
+// src/components/editable/editable-submit-trigger.tsx
+import { mergeProps as mergeProps10 } from "@zag-js/solid";
+var EditableSubmitTrigger = (props) => {
+  const api = useEditableContext();
+  const mergedProps = mergeProps10(() => api().getSubmitTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/editable/editable.anatomy.ts
+import { anatomy } from "@zag-js/editable";
+
+// src/components/editable/editable.ts
+var editable_exports = {};
+__export(editable_exports, {
+  Area: () => EditableArea,
+  CancelTrigger: () => EditableCancelTrigger,
+  Context: () => EditableContext,
+  Control: () => EditableControl,
+  EditTrigger: () => EditableEditTrigger,
+  Input: () => EditableInput,
+  Label: () => EditableLabel,
+  Preview: () => EditablePreview,
+  Root: () => EditableRoot,
+  RootProvider: () => EditableRootProvider,
+  SubmitTrigger: () => EditableSubmitTrigger
+});
+
+export {
+  useEditableContext,
+  EditableArea,
+  EditableCancelTrigger,
+  EditableContext,
+  EditableControl,
+  EditableEditTrigger,
+  EditableInput,
+  EditableLabel,
+  EditablePreview,
+  useEditable,
+  EditableRoot,
+  EditableRootProvider,
+  EditableSubmitTrigger,
+  anatomy,
+  editable_exports
+};

package/dist/chunk/OYTB5QWY.js

@@ -0,0 +1,102 @@
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
+import { useEnvironmentContext } from './QODB3C3M.js';
+import { createContext } from './I5UG2QUO.js';
+import { __export } from './ESLJRKWD.js';
+import { createComponent, mergeProps as mergeProps$1 } from 'solid-js/web';
+import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
+import * as timer from '@zag-js/timer';
+export { anatomy } from '@zag-js/timer';
+import { createUniqueId, createMemo } from 'solid-js';
+
+// src/components/timer/use-timer-context.ts
+var [TimerProvider, useTimerContext] = createContext({
+  hookName: "useTimerContext",
+  providerName: "<TimerProvider />"
+});
+
+// src/components/timer/timer-action-trigger.tsx
+var TimerActionTrigger = (props) => {
+  const timer2 = useTimerContext();
+  const mergedProps = mergeProps(() => timer2().getActionTriggerProps(props), props);
+  return createComponent(ark.button, mergedProps);
+};
+
+// src/components/timer/timer-context.tsx
+var TimerContext = (props) => props.children(useTimerContext());
+var TimerItem = (props) => {
+  const [itemProps, localProps] = createSplitProps()(props, ["type"]);
+  const timer2 = useTimerContext();
+  const mergedProps = mergeProps(() => timer2().getItemProps(itemProps), localProps);
+  return createComponent(ark.div, mergeProps$1(mergedProps, {
+    get children() {
+      return timer2().formattedTime[itemProps.type];
+    }
+  }));
+};
+var TimerArea = (props) => {
+  const timer2 = useTimerContext();
+  const mergedProps = mergeProps(() => timer2().getAreaProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var TimerControl = (props) => {
+  const timer2 = useTimerContext();
+  const mergedProps = mergeProps(() => timer2().getControlProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var useTimer = (props) => {
+  const env = useEnvironmentContext();
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
+    getRootNode: env().getRootNode,
+    ...props
+  }));
+  const [state, send] = useMachine(timer.machine(context()), { context });
+  return createMemo(() => timer.connect(state, send, normalizeProps));
+};
+
+// src/components/timer/timer-root.tsx
+var TimerRoot = (props) => {
+  const [useTimerProps, localProps] = createSplitProps()(props, ["id", "ids", "autoStart", "interval", "countdown", "startMs", "targetMs", "onComplete", "onTick"]);
+  const timer2 = useTimer(useTimerProps);
+  const mergedProps = mergeProps(() => timer2().getRootProps(), localProps);
+  return createComponent(TimerProvider, {
+    value: timer2,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var TimerRootProvider = (props) => {
+  const [{
+    value: timer2
+  }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(() => timer2().getRootProps(), localProps);
+  return createComponent(TimerProvider, {
+    value: timer2,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var TimerSeparator = (props) => {
+  const timer2 = useTimerContext();
+  const mergedProps = mergeProps(() => timer2().getSeparatorProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+
+// src/components/timer/timer.ts
+var timer_exports = {};
+__export(timer_exports, {
+  ActionTrigger: () => TimerActionTrigger,
+  Area: () => TimerArea,
+  Context: () => TimerContext,
+  Control: () => TimerControl,
+  Item: () => TimerItem,
+  Root: () => TimerRoot,
+  RootProvider: () => TimerRootProvider,
+  Separator: () => TimerSeparator
+});
+
+export { TimerActionTrigger, TimerArea, TimerContext, TimerControl, TimerItem, TimerRoot, TimerRootProvider, TimerSeparator, timer_exports, useTimer, useTimerContext };

package/dist/chunk/P24MDGF3.jsx

@@ -0,0 +1,116 @@
+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/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());
+
+// src/components/toggle-group/toggle-group-item.tsx
+import { mergeProps } from "@zag-js/solid";
+var ToggleGroupItem = (props) => {
+  const [toggleProps, restProps] = createSplitProps()(props, ["value", "disabled"]);
+  const api = useToggleGroupContext();
+  const mergedProps = mergeProps(() => api().getItemProps(toggleProps), restProps);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/toggle-group/toggle-group-root.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+
+// src/components/toggle-group/use-toggle-group.ts
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import * as toggleGroup from "@zag-js/toggle-group";
+import { createMemo, createUniqueId } from "solid-js";
+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 = mergeProps2(() => api().getRootProps(), restProps);
+  return <ToggleGroupProvider value={api}>
+      <ark.div {...mergedProps} />
+    </ToggleGroupProvider>;
+};
+
+// src/components/toggle-group/toggle-group-root-provider.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var ToggleGroupRootProvider = (props) => {
+  const [{ value: toggleGroup2 }, localProps] = createSplitProps()(props, [
+    "value"
+  ]);
+  const mergedProps = mergeProps3(() => toggleGroup2().getRootProps(), localProps);
+  return <ToggleGroupProvider value={toggleGroup2}>
+      <ark.div {...mergedProps} />
+    </ToggleGroupProvider>;
+};
+
+// src/components/toggle-group/toggle-group.anatomy.ts
+import { anatomy } from "@zag-js/toggle-group";
+
+// src/components/toggle-group/toggle-group.ts
+var toggle_group_exports = {};
+__export(toggle_group_exports, {
+  Context: () => ToggleGroupContext,
+  Item: () => ToggleGroupItem,
+  Root: () => ToggleGroupRoot,
+  RootProvider: () => ToggleGroupRootProvider
+});
+
+export {
+  useToggleGroupContext,
+  ToggleGroupContext,
+  ToggleGroupItem,
+  useToggleGroup,
+  ToggleGroupRoot,
+  ToggleGroupRootProvider,
+  anatomy,
+  toggle_group_exports
+};

package/dist/chunk/P2KJGUNW.jsx

@@ -0,0 +1,237 @@
+import {
+  PresenceProvider,
+  splitPresenceProps,
+  usePresence,
+  usePresenceContext
+} from "./E72NMPSK.jsx";
+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/popover/popover-anchor.tsx
+import { mergeProps } from "@zag-js/solid";
+
+// src/components/popover/use-popover-context.ts
+var [PopoverProvider, usePopoverContext] = createContext({
+  hookName: "usePopoverContext",
+  providerName: "<PopoverProvider />"
+});
+
+// src/components/popover/popover-anchor.tsx
+var PopoverAnchor = (props) => {
+  const api = usePopoverContext();
+  const mergedProps = mergeProps(() => api().getAnchorProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/popover/popover-arrow.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+var PopoverArrow = (props) => {
+  const popover2 = usePopoverContext();
+  const mergedProps = mergeProps2(() => popover2().getArrowProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/popover/popover-arrow-tip.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var PopoverArrowTip = (props) => {
+  const popover2 = usePopoverContext();
+  const mergedProps = mergeProps3(() => popover2().getArrowTipProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/popover/popover-close-trigger.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+var PopoverCloseTrigger = (props) => {
+  const api = usePopoverContext();
+  const mergedProps = mergeProps4(() => api().getCloseTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/popover/popover-content.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+import { Show } from "solid-js";
+var PopoverContent = (props) => {
+  const api = usePopoverContext();
+  const presenceApi = usePresenceContext();
+  const mergedProps = mergeProps5(
+    () => api().getContentProps(),
+    () => presenceApi().presenceProps,
+    props
+  );
+  return <Show when={!presenceApi().unmounted}>
+      <ark.div {...mergedProps} />
+    </Show>;
+};
+
+// src/components/popover/popover-context.tsx
+var PopoverContext = (props) => props.children(usePopoverContext());
+
+// src/components/popover/popover-description.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+var PopoverDescription = (props) => {
+  const api = usePopoverContext();
+  const mergedProps = mergeProps6(() => api().getDescriptionProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/popover/popover-indicator.tsx
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
+var PopoverIndicator = (props) => {
+  const popover2 = usePopoverContext();
+  const mergedProps = mergeProps7(() => popover2().getIndicatorProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/popover/popover-positioner.tsx
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
+import { Show as Show2 } from "solid-js";
+var PopoverPositioner = (props) => {
+  const api = usePopoverContext();
+  const presenceApi = usePresenceContext();
+  const mergedProps = mergeProps8(() => api().getPositionerProps(), props);
+  return <Show2 when={!presenceApi().unmounted}>
+      <ark.div {...mergedProps} />
+    </Show2>;
+};
+
+// src/components/popover/popover-root.tsx
+import { mergeProps as mergeProps9 } from "@zag-js/solid";
+
+// src/components/popover/use-popover.ts
+import * as popover from "@zag-js/popover";
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createMemo, createUniqueId } from "solid-js";
+var usePopover = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    open: props.defaultOpen,
+    "open.controlled": props.open !== void 0,
+    ...props
+  }));
+  const [state, send] = useMachine(popover.machine(context()), { context });
+  return createMemo(() => popover.connect(state, send, normalizeProps));
+};
+
+// src/components/popover/popover-root.tsx
+var PopoverRoot = (props) => {
+  const [presenceProps, popoverProps] = splitPresenceProps(props);
+  const [usePopoverProps, localProps] = createSplitProps()(popoverProps, [
+    "autoFocus",
+    "closeOnEscape",
+    "closeOnInteractOutside",
+    "defaultOpen",
+    "id",
+    "ids",
+    "initialFocusEl",
+    "modal",
+    "onEscapeKeyDown",
+    "onFocusOutside",
+    "onInteractOutside",
+    "onOpenChange",
+    "onPointerDownOutside",
+    "open",
+    "persistentElements",
+    "portalled",
+    "positioning"
+  ]);
+  const api = usePopover(usePopoverProps);
+  const apiPresence = usePresence(mergeProps9(presenceProps, () => ({ present: api().open })));
+  return <PopoverProvider value={api}>
+      <PresenceProvider value={apiPresence}>{localProps.children}</PresenceProvider>
+    </PopoverProvider>;
+};
+
+// src/components/popover/popover-root-provider.tsx
+import { mergeProps as mergeProps10 } from "@zag-js/solid";
+var PopoverRootProvider = (props) => {
+  const [presenceProps, popoverProps] = splitPresenceProps(props);
+  const presence = usePresence(
+    mergeProps10(presenceProps, () => ({ present: popoverProps.value().open }))
+  );
+  return <PopoverProvider value={popoverProps.value}>
+      <PresenceProvider value={presence}>{popoverProps.children}</PresenceProvider>
+    </PopoverProvider>;
+};
+
+// src/components/popover/popover-title.tsx
+import { mergeProps as mergeProps11 } from "@zag-js/solid";
+var PopoverTitle = (props) => {
+  const api = usePopoverContext();
+  const mergedProps = mergeProps11(() => api().getTitleProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/popover/popover-trigger.tsx
+import { mergeProps as mergeProps12 } from "@zag-js/solid";
+var PopoverTrigger = (props) => {
+  const api = usePopoverContext();
+  const presenceApi = usePresenceContext();
+  const mergedProps = mergeProps12(
+    () => api().getTriggerProps(),
+    () => ({ "aria-controls": presenceApi().unmounted && null }),
+    props
+  );
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/popover/popover.anatomy.ts
+import { anatomy } from "@zag-js/popover";
+
+// src/components/popover/popover.ts
+var popover_exports = {};
+__export(popover_exports, {
+  Anchor: () => PopoverAnchor,
+  Arrow: () => PopoverArrow,
+  ArrowTip: () => PopoverArrowTip,
+  CloseTrigger: () => PopoverCloseTrigger,
+  Content: () => PopoverContent,
+  Context: () => PopoverContext,
+  Description: () => PopoverDescription,
+  Indicator: () => PopoverIndicator,
+  Positioner: () => PopoverPositioner,
+  Root: () => PopoverRoot,
+  RootProvider: () => PopoverRootProvider,
+  Title: () => PopoverTitle,
+  Trigger: () => PopoverTrigger
+});
+
+export {
+  usePopoverContext,
+  PopoverAnchor,
+  PopoverArrow,
+  PopoverArrowTip,
+  PopoverCloseTrigger,
+  PopoverContent,
+  PopoverContext,
+  PopoverDescription,
+  PopoverIndicator,
+  PopoverPositioner,
+  usePopover,
+  PopoverRoot,
+  PopoverRootProvider,
+  PopoverTitle,
+  PopoverTrigger,
+  anatomy,
+  popover_exports
+};