@ark-ui/solid 4.1.0 → 4.2.0

package/dist/chunk/DY4JCG75.js

@@ -0,0 +1,123 @@
+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, mergeProps as mergeProps$1 } from 'solid-js/web';
+import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
+import * as progress from '@zag-js/progress';
+export { anatomy } from '@zag-js/progress';
+import { createUniqueId, createMemo } from 'solid-js';
+
+// src/components/progress/use-progress-context.ts
+var [ProgressProvider, useProgressContext] = createContext({
+  hookName: "useProgressContext",
+  providerName: "<ProgressProvider />"
+});
+
+// src/components/progress/progress-circle.tsx
+var ProgressCircle = (props) => {
+  const api = useProgressContext();
+  const mergedProps = mergeProps(() => api().getCircleProps(), props);
+  return createComponent(ark.svg, mergedProps);
+};
+var ProgressCircleRange = (props) => {
+  const api = useProgressContext();
+  const mergedProps = mergeProps(() => api().getCircleRangeProps(), props);
+  return createComponent(ark.circle, mergedProps);
+};
+var ProgressCircleTrack = (props) => {
+  const api = useProgressContext();
+  const mergedProps = mergeProps(() => api().getCircleTrackProps(), props);
+  return createComponent(ark.circle, mergedProps);
+};
+
+// src/components/progress/progress-context.tsx
+var ProgressContext = (props) => props.children(useProgressContext());
+var ProgressLabel = (props) => {
+  const api = useProgressContext();
+  const mergedProps = mergeProps(() => api().getLabelProps(), props);
+  return createComponent(ark.label, mergedProps);
+};
+var ProgressRange = (props) => {
+  const api = useProgressContext();
+  const mergedProps = mergeProps(() => api().getRangeProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var useProgress = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    ...props
+  }));
+  const [state, send] = useMachine(progress.machine(context()), { context });
+  return createMemo(() => progress.connect(state, send, normalizeProps));
+};
+
+// src/components/progress/progress-root.tsx
+var ProgressRoot = (props) => {
+  const [progressProps, localProps] = createSplitProps()(props, ["id", "ids", "max", "min", "orientation", "translations", "value"]);
+  const api = useProgress(progressProps);
+  const mergedProps = mergeProps(() => api().getRootProps(), localProps);
+  return createComponent(ProgressProvider, {
+    value: api,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var ProgressRootProvider = (props) => {
+  const [{
+    value: progress2
+  }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(() => progress2().getRootProps(), localProps);
+  return createComponent(ProgressProvider, {
+    value: progress2,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var ProgressTrack = (props) => {
+  const api = useProgressContext();
+  const mergedProps = mergeProps(() => api().getTrackProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var ProgressValueText = (props) => {
+  const api = useProgressContext();
+  const mergedProps = mergeProps(() => api().getValueTextProps(), props);
+  return createComponent(ark.span, mergeProps$1(mergedProps, {
+    get children() {
+      return props.children || api().percentAsString;
+    }
+  }));
+};
+var ProgressView = (props) => {
+  const [state, localProps] = createSplitProps()(props, ["state"]);
+  const api = useProgressContext();
+  const mergedProps = mergeProps(() => api().getViewProps(state), localProps);
+  return createComponent(ark.span, mergedProps);
+};
+
+// src/components/progress/progress.ts
+var progress_exports = {};
+__export(progress_exports, {
+  Circle: () => ProgressCircle,
+  CircleRange: () => ProgressCircleRange,
+  CircleTrack: () => ProgressCircleTrack,
+  Context: () => ProgressContext,
+  Label: () => ProgressLabel,
+  Range: () => ProgressRange,
+  Root: () => ProgressRoot,
+  RootProvider: () => ProgressRootProvider,
+  Track: () => ProgressTrack,
+  ValueText: () => ProgressValueText,
+  View: () => ProgressView
+});
+
+export { ProgressCircle, ProgressCircleRange, ProgressCircleTrack, ProgressContext, ProgressLabel, ProgressRange, ProgressRoot, ProgressRootProvider, ProgressTrack, ProgressValueText, ProgressView, progress_exports, useProgress, useProgressContext };

package/dist/chunk/E4VJ3RD7.jsx

@@ -0,0 +1,380 @@
+import {
+  PresenceProvider,
+  splitPresenceProps,
+  usePresence,
+  usePresenceContext
+} from "./E72NMPSK.jsx";
+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/select/select-clear-trigger.tsx
+import { mergeProps } from "@zag-js/solid";
+
+// src/components/select/use-select-context.ts
+var [SelectProvider, useSelectContext] = createContext({
+  hookName: "useSelectContext",
+  providerName: "<SelectProvider />"
+});
+
+// src/components/select/select-clear-trigger.tsx
+var SelectClearTrigger = (props) => {
+  const select2 = useSelectContext();
+  const mergedProps = mergeProps(() => select2().getClearTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/select/select-content.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+import { Show } from "solid-js";
+var SelectContent = (props) => {
+  const select2 = useSelectContext();
+  const presenceApi = usePresenceContext();
+  const mergedProps = mergeProps2(
+    () => select2().getContentProps(),
+    () => presenceApi().presenceProps,
+    props
+  );
+  return <Show when={!presenceApi().unmounted}>
+      <ark.div {...mergedProps} />
+    </Show>;
+};
+
+// src/components/select/select-context.tsx
+var SelectContext = (props) => props.children(useSelectContext());
+
+// src/components/select/select-control.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var SelectControl = (props) => {
+  const select2 = useSelectContext();
+  const mergedProps = mergeProps3(() => select2().getControlProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/select/select-hidden-select.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+import { Index, Show as Show2, createMemo } from "solid-js";
+var SelectHiddenSelect = (props) => {
+  const select2 = useSelectContext();
+  const mergedProps = mergeProps4(() => select2().getHiddenSelectProps(), props);
+  const isValueEmpty = createMemo(() => select2().value.length === 0);
+  const field = useFieldContext();
+  return <ark.select aria-describedby={field?.().ariaDescribedby} {...mergedProps}>
+      <Show2 when={isValueEmpty()}>
+        <option value="" />
+      </Show2>
+      <Index each={select2().collection.items}>
+        {(item) => <option
+    value={select2().collection.getItemValue(item()) ?? ""}
+    disabled={select2().collection.getItemDisabled(item())}
+  />}
+      </Index>
+    </ark.select>;
+};
+
+// src/components/select/select-indicator.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+var SelectIndicator = (props) => {
+  const select2 = useSelectContext();
+  const mergedProps = mergeProps5(() => select2().getIndicatorProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/select/select-item.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+import { createMemo as createMemo2 } from "solid-js";
+
+// src/components/select/use-select-item-context.ts
+var [SelectItemProvider, useSelectItemContext] = createContext({
+  hookName: "useSelectItemContext",
+  providerName: "<SelectItemProvider />"
+});
+
+// src/components/select/use-select-item-props-context.ts
+var [SelectItemPropsProvider, useSelectItemPropsContext] = createContext({
+  hookName: "useSelectItemPropsContext",
+  providerName: "<SelectItemPropsProvider />"
+});
+
+// src/components/select/select-item.tsx
+var SelectItem = (props) => {
+  const [itemProps, localProps] = createSplitProps()(props, ["item", "persistFocus"]);
+  const select2 = useSelectContext();
+  const mergedProps = mergeProps6(() => select2().getItemProps(itemProps), localProps);
+  const itemState = createMemo2(() => select2().getItemState(itemProps));
+  return <SelectItemPropsProvider value={itemProps}>
+      <SelectItemProvider value={itemState}>
+        <ark.div {...mergedProps} />
+      </SelectItemProvider>
+    </SelectItemPropsProvider>;
+};
+
+// src/components/select/select-item-context.tsx
+var SelectItemContext = (props) => props.children(useSelectItemContext());
+
+// src/components/select/select-item-group.tsx
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
+import { createUniqueId } from "solid-js";
+
+// src/components/select/use-select-item-group-props-context.ts
+var [SelectItemGroupPropsProvider, useSelectItemGroupPropsContext] = createContext({
+  hookName: "useSelectItemGroupPropsContext",
+  providerName: "<SelectItemGroupPropsProvider />"
+});
+
+// src/components/select/select-item-group.tsx
+var SelectItemGroup = (props) => {
+  const [_itemGroupProps, localProps] = createSplitProps()(props, ["id"]);
+  const select2 = useSelectContext();
+  const itemGroupProps = mergeProps7({ id: createUniqueId() }, _itemGroupProps);
+  const mergedProps = mergeProps7(() => select2().getItemGroupProps(itemGroupProps), localProps);
+  return <SelectItemGroupPropsProvider value={itemGroupProps}>
+      <ark.div {...mergedProps} />
+    </SelectItemGroupPropsProvider>;
+};
+
+// src/components/select/select-item-group-label.tsx
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
+var SelectItemGroupLabel = (props) => {
+  const select2 = useSelectContext();
+  const itemGroupProps = useSelectItemGroupPropsContext();
+  const mergedProps = mergeProps8(
+    () => select2().getItemGroupLabelProps({ htmlFor: itemGroupProps.id }),
+    props
+  );
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/select/select-item-indicator.tsx
+import { mergeProps as mergeProps9 } from "@zag-js/solid";
+var SelectItemIndicator = (props) => {
+  const select2 = useSelectContext();
+  const itemProps = useSelectItemPropsContext();
+  const mergedProps = mergeProps9(() => select2().getItemIndicatorProps(itemProps), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/select/select-item-text.tsx
+import { mergeProps as mergeProps10 } from "@zag-js/solid";
+var SelectItemText = (props) => {
+  const select2 = useSelectContext();
+  const itemProps = useSelectItemPropsContext();
+  const mergedProps = mergeProps10(() => select2().getItemTextProps(itemProps), props);
+  return <ark.span {...mergedProps} />;
+};
+
+// src/components/select/select-label.tsx
+import { mergeProps as mergeProps11 } from "@zag-js/solid";
+var SelectLabel = (props) => {
+  const select2 = useSelectContext();
+  const mergedProps = mergeProps11(() => select2().getLabelProps(), props);
+  return <ark.label {...mergedProps} />;
+};
+
+// src/components/select/select-list.tsx
+import { mergeProps as mergeProps12 } from "@zag-js/solid";
+var SelectList = (props) => {
+  const select2 = useSelectContext();
+  const mergedProps = mergeProps12(() => select2().getListProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/select/select-positioner.tsx
+import { mergeProps as mergeProps13 } from "@zag-js/solid";
+import { Show as Show3 } from "solid-js";
+var SelectPositioner = (props) => {
+  const select2 = useSelectContext();
+  const presenceApi = usePresenceContext();
+  const mergedProps = mergeProps13(() => select2().getPositionerProps(), props);
+  return <Show3 when={!presenceApi().unmounted}>
+      <ark.div {...mergedProps} />
+    </Show3>;
+};
+
+// src/components/select/select-root.tsx
+import { mergeProps as mergeProps14 } from "@zag-js/solid";
+
+// src/components/select/use-select.ts
+import * as select from "@zag-js/select";
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createEffect, createMemo as createMemo3, createUniqueId as createUniqueId2, splitProps } from "solid-js";
+var useSelect = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId2();
+  const field = useFieldContext();
+  const initialContext = createMemo3(() => ({
+    id,
+    ids: {
+      label: field?.().ids.label,
+      hiddenSelect: field?.().ids.control
+    },
+    disabled: field?.().disabled,
+    readOnly: field?.().readOnly,
+    invalid: field?.().invalid,
+    required: field?.().required,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    open: props.defaultOpen,
+    value: props.defaultValue,
+    "open.controlled": props.open !== void 0,
+    ...props
+  }));
+  const context = createMemo3(() => {
+    const [, restProps] = splitProps(initialContext(), ["collection"]);
+    return restProps;
+  });
+  const [state, send, service] = useMachine(select.machine(initialContext()), {
+    context
+  });
+  createEffect(() => {
+    service.setContext({ collection: props.collection });
+  });
+  return createMemo3(() => select.connect(state, send, normalizeProps));
+};
+
+// src/components/select/select-root.tsx
+var SelectRoot = (props) => {
+  const [presenceProps, selectProps] = splitPresenceProps(props);
+  const [useSelectProps, localProps] = createSplitProps()(selectProps, [
+    "closeOnSelect",
+    "composite",
+    "collection",
+    "defaultOpen",
+    "defaultValue",
+    "deselectable",
+    "disabled",
+    "form",
+    "highlightedValue",
+    "id",
+    "ids",
+    "invalid",
+    "loopFocus",
+    "multiple",
+    "name",
+    "onFocusOutside",
+    "onHighlightChange",
+    "onInteractOutside",
+    "onOpenChange",
+    "onPointerDownOutside",
+    "onValueChange",
+    "open",
+    "positioning",
+    "readOnly",
+    "required",
+    "scrollToIndexFn",
+    "value"
+  ]);
+  const select2 = useSelect(useSelectProps);
+  const presenceApi = usePresence(mergeProps14(() => ({ present: select2().open }), presenceProps));
+  const mergedProps = mergeProps14(() => select2().getRootProps(), localProps);
+  return <SelectProvider value={select2}>
+      <PresenceProvider value={presenceApi}>
+        <ark.div {...mergedProps} />
+      </PresenceProvider>
+    </SelectProvider>;
+};
+
+// src/components/select/select-root-provider.tsx
+import { mergeProps as mergeProps15 } from "@zag-js/solid";
+var SelectRootProvider = (props) => {
+  const [presenceProps, selectProps] = splitPresenceProps(props);
+  const [{ value: select2 }, localProps] = createSplitProps()(selectProps, [
+    "value"
+  ]);
+  const presence = usePresence(mergeProps15(() => ({ present: select2().open }), presenceProps));
+  const mergedProps = mergeProps15(() => select2().getRootProps(), localProps);
+  return <SelectProvider value={select2}>
+      <PresenceProvider value={presence}>
+        <ark.div {...mergedProps} />
+      </PresenceProvider>
+    </SelectProvider>;
+};
+
+// src/components/select/select-trigger.tsx
+import { mergeProps as mergeProps16 } from "@zag-js/solid";
+var SelectTrigger = (props) => {
+  const select2 = useSelectContext();
+  const mergedProps = mergeProps16(() => select2().getTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/select/select-value-text.tsx
+import { mergeProps as mergeProps17 } from "@zag-js/solid";
+var SelectValueText = (props) => {
+  const select2 = useSelectContext();
+  const mergedProps = mergeProps17(() => select2().getValueTextProps(), props);
+  return <ark.span {...mergedProps}>{select2().valueAsString || props.placeholder}</ark.span>;
+};
+
+// src/components/select/select.anatomy.ts
+import { anatomy } from "@zag-js/select";
+
+// src/components/select/select.ts
+var select_exports = {};
+__export(select_exports, {
+  ClearTrigger: () => SelectClearTrigger,
+  Content: () => SelectContent,
+  Context: () => SelectContext,
+  Control: () => SelectControl,
+  HiddenSelect: () => SelectHiddenSelect,
+  Indicator: () => SelectIndicator,
+  Item: () => SelectItem,
+  ItemContext: () => SelectItemContext,
+  ItemGroup: () => SelectItemGroup,
+  ItemGroupLabel: () => SelectItemGroupLabel,
+  ItemIndicator: () => SelectItemIndicator,
+  ItemText: () => SelectItemText,
+  Label: () => SelectLabel,
+  List: () => SelectList,
+  Positioner: () => SelectPositioner,
+  Root: () => SelectRoot,
+  RootProvider: () => SelectRootProvider,
+  Trigger: () => SelectTrigger,
+  ValueText: () => SelectValueText
+});
+
+export {
+  useSelectContext,
+  SelectClearTrigger,
+  SelectContent,
+  SelectContext,
+  SelectControl,
+  SelectHiddenSelect,
+  SelectIndicator,
+  useSelectItemContext,
+  SelectItem,
+  SelectItemContext,
+  SelectItemGroup,
+  SelectItemGroupLabel,
+  SelectItemIndicator,
+  SelectItemText,
+  SelectLabel,
+  SelectList,
+  SelectPositioner,
+  useSelect,
+  SelectRoot,
+  SelectRootProvider,
+  SelectTrigger,
+  SelectValueText,
+  anatomy,
+  select_exports
+};

package/dist/chunk/E72NMPSK.jsx

@@ -0,0 +1,75 @@
+import {
+  splitRenderStrategyProps
+} from "./5ONYCKM3.jsx";
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
+import {
+  createContext
+} from "./NMGUCD2L.jsx";
+
+// src/components/presence/presence.tsx
+import { mergeProps } from "@zag-js/solid";
+import { Show } from "solid-js";
+
+// src/components/presence/split-presence-props.ts
+var splitPresenceProps = (props) => createSplitProps()(props, [
+  "immediate",
+  "lazyMount",
+  "onExitComplete",
+  "present",
+  "unmountOnExit"
+]);
+
+// src/components/presence/use-presence.ts
+import * as presence from "@zag-js/presence";
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createEffect, createMemo, createSignal } from "solid-js";
+var usePresence = (props) => {
+  const [renderStrategyProps, context] = splitRenderStrategyProps(props);
+  const [wasEverPresent, setWasEverPresent] = createSignal(false);
+  const [state, send] = useMachine(presence.machine(context), {
+    context
+  });
+  const api = createMemo(() => presence.connect(state, send, normalizeProps));
+  createEffect(() => {
+    const present = api().present;
+    if (present) setWasEverPresent(true);
+  });
+  return createMemo(() => ({
+    unmounted: !api().present && !wasEverPresent() && renderStrategyProps.lazyMount || renderStrategyProps.unmountOnExit && !api().present && wasEverPresent(),
+    present: api().present,
+    presenceProps: {
+      ref: api().setNode,
+      hidden: !api().present,
+      "data-state": context.present ? "open" : "closed"
+    }
+  }));
+};
+
+// src/components/presence/presence.tsx
+var Presence = (props) => {
+  const [presenceProps, localProps] = splitPresenceProps(props);
+  const api = usePresence(presenceProps);
+  const mergedProps = mergeProps(() => api().presenceProps, localProps);
+  return <Show when={!api().unmounted}>
+      <ark.div {...mergedProps} data-scope="presence" data-part="root" />
+    </Show>;
+};
+
+// src/components/presence/use-presence-context.ts
+var [PresenceProvider, usePresenceContext] = createContext({
+  hookName: "usePresenceContext",
+  providerName: "<PresenceProvider />"
+});
+
+export {
+  splitPresenceProps,
+  usePresence,
+  Presence,
+  PresenceProvider,
+  usePresenceContext
+};

package/dist/chunk/EPLBB4QN.js

@@ -0,0 +1,39 @@
+import { createComponent, Dynamic, mergeProps } from 'solid-js/web';
+import { mergeProps as mergeProps$1 } from '@zag-js/solid';
+import { splitProps } from 'solid-js';
+
+// src/components/factory.tsx
+var withAsProp = (Component) => {
+  const ArkComponent = (props) => {
+    const [localProps, parentProps] = splitProps(props, ["asChild"]);
+    if (localProps.asChild) {
+      const propsFn = (userProps) => {
+        const [, restProps] = splitProps(parentProps, ["ref"]);
+        return mergeProps$1(restProps, userProps);
+      };
+      return localProps.asChild(propsFn);
+    }
+    return createComponent(Dynamic, mergeProps({
+      component: Component
+    }, parentProps));
+  };
+  return ArkComponent;
+};
+function jsxFactory() {
+  const cache = /* @__PURE__ */ new Map();
+  return new Proxy(withAsProp, {
+    apply(_target, _thisArg, argArray) {
+      return withAsProp(argArray[0]);
+    },
+    get(_, element) {
+      const asElement = element;
+      if (!cache.has(asElement)) {
+        cache.set(asElement, withAsProp(asElement));
+      }
+      return cache.get(asElement);
+    }
+  });
+}
+var ark = jsxFactory();
+
+export { ark };

package/dist/chunk/ESLJRKWD.js

@@ -0,0 +1,7 @@
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+
+export { __export };

package/dist/chunk/EZ2HOZZM.js

@@ -0,0 +1 @@
+