@ark-ui/solid 4.0.0 → 4.2.0

package/dist/chunk/NTCV3MLJ.jsx

@@ -0,0 +1,219 @@
+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/segment-group/use-segment-group-context.ts
+var [SegmentGroupProvider, useSegmentGroupContext] = createContext(
+  {
+    hookName: "useSegmentGroupContext",
+    providerName: "<SegmentGroupProvider />"
+  }
+);
+
+// src/components/segment-group/segment-group-context.tsx
+var SegmentGroupContext = (props) => props.children(useSegmentGroupContext());
+
+// src/components/segment-group/segment-group-indicator.tsx
+import { mergeProps } from "@zag-js/solid";
+
+// src/components/segment-group/segment-group.anatomy.ts
+import { anatomy } from "@zag-js/radio-group";
+var segmentGroupAnatomy = anatomy.rename("segment-group");
+var parts = segmentGroupAnatomy.build();
+
+// src/components/segment-group/segment-group-indicator.tsx
+var SegmentGroupIndicator = (props) => {
+  const segmentGroup2 = useSegmentGroupContext();
+  const mergedProps = mergeProps(
+    () => segmentGroup2().getIndicatorProps(),
+    parts.indicator.attrs,
+    props
+  );
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/segment-group/segment-group-item.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+import { createMemo } from "solid-js";
+
+// src/components/segment-group/use-segment-group-item-context.ts
+var [SegmentGroupItemProvider, useSegmentGroupItemContext] = createContext({
+  hookName: "useSegmentGroupItemContext",
+  providerName: "<SegmentGroupItemProvider />"
+});
+
+// src/components/segment-group/use-segment-group-item-props-context.ts
+var [SegmentGroupItemPropsProvider, useSegmentGroupItemPropsContext] = createContext({
+  hookName: "useSegmentGroupItemPropsContext",
+  providerName: "<SegmentGroupItemPropsProvider />"
+});
+
+// src/components/segment-group/segment-group-item.tsx
+var SegmentGroupItem = (props) => {
+  const [itemProps, localProps] = createSplitProps()(props, [
+    "value",
+    "disabled",
+    "invalid"
+  ]);
+  const segmentGroup2 = useSegmentGroupContext();
+  const mergedProps = mergeProps2(
+    () => segmentGroup2().getItemProps(itemProps),
+    parts.item.attrs,
+    localProps
+  );
+  const itemState = createMemo(() => segmentGroup2().getItemState(itemProps));
+  return <SegmentGroupItemPropsProvider value={itemProps}>
+      <SegmentGroupItemProvider value={itemState}>
+        <ark.label {...mergedProps} />
+      </SegmentGroupItemProvider>
+    </SegmentGroupItemPropsProvider>;
+};
+
+// src/components/segment-group/segment-group-item-context.tsx
+var SegmentGroupItemContext = (props) => props.children(useSegmentGroupItemContext());
+
+// src/components/segment-group/segment-group-item-control.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var SegmentGroupItemControl = (props) => {
+  const segmentGroup2 = useSegmentGroupContext();
+  const itemProps = useSegmentGroupItemPropsContext();
+  const mergedProps = mergeProps3(
+    () => segmentGroup2().getItemControlProps(itemProps),
+    parts.itemControl.attrs,
+    props
+  );
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/segment-group/segment-group-item-hidden-input.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+var SegmentGroupItemHiddenInput = (props) => {
+  const segmentGroup2 = useSegmentGroupContext();
+  const itemProps = useSegmentGroupItemPropsContext();
+  const mergedProps = mergeProps4(() => segmentGroup2().getItemHiddenInputProps(itemProps), props);
+  return <ark.input {...mergedProps} />;
+};
+
+// src/components/segment-group/segment-group-item-text.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+var SegmentGroupItemText = (props) => {
+  const segmentGroup2 = useSegmentGroupContext();
+  const itemProps = useSegmentGroupItemPropsContext();
+  const mergedProps = mergeProps5(
+    () => segmentGroup2().getItemTextProps(itemProps),
+    parts.itemText.attrs,
+    props
+  );
+  return <ark.span {...mergedProps} />;
+};
+
+// src/components/segment-group/segment-group-label.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+var SegmentGroupLabel = (props) => {
+  const segmentGroup2 = useSegmentGroupContext();
+  const mergedProps = mergeProps6(() => segmentGroup2().getLabelProps(), parts.label.attrs, props);
+  return <ark.label {...mergedProps} />;
+};
+
+// src/components/segment-group/segment-group-root.tsx
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
+
+// src/components/segment-group/use-segment-group.ts
+import * as segmentGroup from "@zag-js/radio-group";
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createMemo as createMemo2, createUniqueId } from "solid-js";
+var useSegmentGroup = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const context = createMemo2(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    value: props.defaultValue,
+    ...props
+  }));
+  const [state, send] = useMachine(segmentGroup.machine(context()), { context });
+  return createMemo2(() => segmentGroup.connect(state, send, normalizeProps));
+};
+
+// src/components/segment-group/segment-group-root.tsx
+var SegmentGroupRoot = (props) => {
+  const [useSegmentGroupProps, localProps] = createSplitProps()(props, [
+    "defaultValue",
+    "disabled",
+    "form",
+    "id",
+    "ids",
+    "name",
+    "onValueChange",
+    "orientation",
+    "readOnly",
+    "value"
+  ]);
+  const segmentGroup2 = useSegmentGroup(useSegmentGroupProps);
+  const mergedProps = mergeProps7(() => segmentGroup2().getRootProps(), parts.root.attrs, localProps);
+  return <SegmentGroupProvider value={segmentGroup2}>
+      <ark.div {...mergedProps} />
+    </SegmentGroupProvider>;
+};
+
+// src/components/segment-group/segment-group-root-provider.tsx
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
+var SegmentGroupRootProvider = (props) => {
+  const [{ value: segmentGroup2 }, localProps] = createSplitProps()(props, [
+    "value"
+  ]);
+  const mergedProps = mergeProps8(() => segmentGroup2().getRootProps(), parts.root.attrs, localProps);
+  return <SegmentGroupProvider value={segmentGroup2}>
+      <ark.div {...mergedProps} />
+    </SegmentGroupProvider>;
+};
+
+// src/components/segment-group/segment-group.ts
+var segment_group_exports = {};
+__export(segment_group_exports, {
+  Context: () => SegmentGroupContext,
+  Indicator: () => SegmentGroupIndicator,
+  Item: () => SegmentGroupItem,
+  ItemContext: () => SegmentGroupItemContext,
+  ItemControl: () => SegmentGroupItemControl,
+  ItemHiddenInput: () => SegmentGroupItemHiddenInput,
+  ItemText: () => SegmentGroupItemText,
+  Label: () => SegmentGroupLabel,
+  Root: () => SegmentGroupRoot,
+  RootProvider: () => SegmentGroupRootProvider
+});
+
+export {
+  useSegmentGroupContext,
+  SegmentGroupContext,
+  segmentGroupAnatomy,
+  SegmentGroupIndicator,
+  useSegmentGroupItemContext,
+  SegmentGroupItem,
+  SegmentGroupItemContext,
+  SegmentGroupItemControl,
+  SegmentGroupItemHiddenInput,
+  SegmentGroupItemText,
+  SegmentGroupLabel,
+  useSegmentGroup,
+  SegmentGroupRoot,
+  SegmentGroupRootProvider,
+  segment_group_exports
+};

package/dist/chunk/OBGOP5NZ.js

@@ -0,0 +1,126 @@
+import { useFieldContext } from './B2OPFF7J.js';
+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 { createMemo, createUniqueId } from 'solid-js';
+import * as rating from '@zag-js/rating-group';
+export { anatomy } from '@zag-js/rating-group';
+
+// src/components/rating-group/use-rating-group-context.ts
+var [RatingGroupProvider, useRatingGroupContext] = createContext({
+  hookName: "useRatingGroupContext",
+  providerName: "<RatingGroupProvider />"
+});
+
+// src/components/rating-group/rating-group-context.tsx
+var RatingGroupContext = (props) => props.children(useRatingGroupContext());
+var RatingGroupControl = (props) => {
+  const ratingGroup = useRatingGroupContext();
+  const mergedProps = mergeProps(() => ratingGroup().getControlProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var RatingGroupHiddenInput = (props) => {
+  const ratingGroup = useRatingGroupContext();
+  const mergedProps = mergeProps(() => ratingGroup().getHiddenInputProps(), props);
+  const field = useFieldContext();
+  return createComponent(ark.input, mergeProps$1({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps));
+};
+
+// src/components/rating-group/use-rating-group-item-context.ts
+var [RatingGroupItemProvider, useRatingGroupItemContext] = createContext({
+  hookName: "useRatingGroupItemContext",
+  providerName: "<RatingGroupItemProvider />"
+});
+
+// src/components/rating-group/rating-group-item.tsx
+var RatingGroupItem = (props) => {
+  const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+  const api = useRatingGroupContext();
+  const mergedProps = mergeProps(() => api().getItemProps(itemProps), localProps);
+  const itemState = createMemo(() => api().getItemState(itemProps));
+  return createComponent(RatingGroupItemProvider, {
+    value: itemState,
+    get children() {
+      return createComponent(ark.span, mergedProps);
+    }
+  });
+};
+
+// src/components/rating-group/rating-group-item-context.tsx
+var RatingGroupItemContext = (props) => props.children(useRatingGroupItemContext());
+var RatingGroupLabel = (props) => {
+  const api = useRatingGroupContext();
+  const mergedProps = mergeProps(() => api().getLabelProps(), props);
+  return createComponent(ark.label, mergedProps);
+};
+var useRatingGroup = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const field = useFieldContext();
+  const context = createMemo(() => ({
+    id,
+    ids: {
+      label: field?.().ids.label,
+      hiddenInput: field?.().ids.control
+    },
+    disabled: field?.().disabled,
+    readOnly: field?.().readOnly,
+    required: field?.().required,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    value: props.defaultValue,
+    ...props
+  }));
+  const [state, send] = useMachine(rating.machine(context()), { context });
+  return createMemo(() => rating.connect(state, send, normalizeProps));
+};
+
+// src/components/rating-group/rating-group-root.tsx
+var RatingGroupRoot = (props) => {
+  const [useRatingProps, localProps] = createSplitProps()(props, ["allowHalf", "autoFocus", "count", "defaultValue", "disabled", "form", "id", "ids", "name", "onHoverChange", "onValueChange", "readOnly", "required", "translations", "value"]);
+  const api = useRatingGroup(useRatingProps);
+  const mergedProps = mergeProps(() => api().getRootProps(), localProps);
+  return createComponent(RatingGroupProvider, {
+    value: api,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var RatingGroupRootProvider = (props) => {
+  const [{
+    value: ratingGroup
+  }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(() => ratingGroup().getRootProps(), localProps);
+  return createComponent(RatingGroupProvider, {
+    value: ratingGroup,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+// src/components/rating-group/rating-group.ts
+var rating_group_exports = {};
+__export(rating_group_exports, {
+  Context: () => RatingGroupContext,
+  Control: () => RatingGroupControl,
+  HiddenInput: () => RatingGroupHiddenInput,
+  Item: () => RatingGroupItem,
+  ItemContext: () => RatingGroupItemContext,
+  Label: () => RatingGroupLabel,
+  Root: () => RatingGroupRoot,
+  RootProvider: () => RatingGroupRootProvider
+});
+
+export { RatingGroupContext, RatingGroupControl, RatingGroupHiddenInput, RatingGroupItem, RatingGroupItemContext, RatingGroupLabel, RatingGroupRoot, RatingGroupRootProvider, rating_group_exports, useRatingGroup, useRatingGroupContext, useRatingGroupItemContext };

package/dist/chunk/OEMG2RQ5.jsx

@@ -0,0 +1,230 @@
+import {
+  PresenceProvider,
+  splitPresenceProps,
+  usePresence,
+  usePresenceContext
+} from "./E72NMPSK.jsx";
+import {
+  RenderStrategyProvider,
+  splitRenderStrategyProps,
+  useRenderStrategyContext
+} from "./5ONYCKM3.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/dialog/dialog-backdrop.tsx
+import { mergeProps } from "@zag-js/solid";
+import { Show } from "solid-js";
+
+// src/components/dialog/use-dialog-context.ts
+var [DialogProvider, useDialogContext] = createContext({
+  hookName: "useDialogContext",
+  providerName: "<DialogProvider />"
+});
+
+// src/components/dialog/dialog-backdrop.tsx
+var DialogBackdrop = (props) => {
+  const api = useDialogContext();
+  const renderStrategyProps = useRenderStrategyContext();
+  const presenceApi = usePresence(mergeProps(renderStrategyProps, () => ({ present: api().open })));
+  const mergedProps = mergeProps(
+    () => api().getBackdropProps(),
+    () => presenceApi().presenceProps,
+    props
+  );
+  return <Show when={!presenceApi().unmounted}>
+      <ark.div {...mergedProps} />
+    </Show>;
+};
+
+// src/components/dialog/dialog-close-trigger.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+var DialogCloseTrigger = (props) => {
+  const dialog2 = useDialogContext();
+  const mergedProps = mergeProps2(() => dialog2().getCloseTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/dialog/dialog-content.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+import { Show as Show2 } from "solid-js";
+var DialogContent = (props) => {
+  const api = useDialogContext();
+  const presenceApi = usePresenceContext();
+  const mergedProps = mergeProps3(
+    () => api().getContentProps(),
+    () => presenceApi().presenceProps,
+    props
+  );
+  return <Show2 when={!presenceApi().unmounted}>
+      <ark.div {...mergedProps} />
+    </Show2>;
+};
+
+// src/components/dialog/dialog-context.tsx
+var DialogContext = (props) => props.children(useDialogContext());
+
+// src/components/dialog/dialog-description.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+var DialogDescription = (props) => {
+  const dialog2 = useDialogContext();
+  const mergedProps = mergeProps4(() => dialog2().getDescriptionProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/dialog/dialog-positioner.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+import { Show as Show3 } from "solid-js";
+var DialogPositioner = (props) => {
+  const api = useDialogContext();
+  const presenceApi = usePresenceContext();
+  const mergedProps = mergeProps5(() => api().getPositionerProps(), props);
+  return <Show3 when={!presenceApi().unmounted}>
+      <ark.div {...mergedProps} />
+    </Show3>;
+};
+
+// src/components/dialog/dialog-root.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+
+// src/components/dialog/use-dialog.ts
+import * as dialog from "@zag-js/dialog";
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createMemo, createUniqueId } from "solid-js";
+var useDialog = (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(dialog.machine(context()), { context });
+  return createMemo(() => dialog.connect(state, send, normalizeProps));
+};
+
+// src/components/dialog/dialog-root.tsx
+var DialogRoot = (props) => {
+  const [presenceProps, dialogProps] = splitPresenceProps(props);
+  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+  const [useDialogProps, localProps] = createSplitProps()(dialogProps, [
+    "aria-label",
+    "closeOnEscape",
+    "closeOnInteractOutside",
+    "defaultOpen",
+    "finalFocusEl",
+    "id",
+    "ids",
+    "initialFocusEl",
+    "modal",
+    "onEscapeKeyDown",
+    "onFocusOutside",
+    "onInteractOutside",
+    "onOpenChange",
+    "onPointerDownOutside",
+    "open",
+    "persistentElements",
+    "preventScroll",
+    "restoreFocus",
+    "role",
+    "trapFocus"
+  ]);
+  const api = useDialog(useDialogProps);
+  const apiPresence = usePresence(mergeProps6(presenceProps, () => ({ present: api().open })));
+  return <DialogProvider value={api}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <PresenceProvider value={apiPresence}>{localProps.children}</PresenceProvider>
+      </RenderStrategyProvider>
+    </DialogProvider>;
+};
+
+// src/components/dialog/dialog-root-provider.tsx
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
+var DialogRootProvider = (props) => {
+  const [presenceProps, dialogProps] = splitPresenceProps(props);
+  const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+  const apiPresence = usePresence(
+    mergeProps7(presenceProps, () => ({ present: dialogProps.value().open }))
+  );
+  return <DialogProvider value={dialogProps.value}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <PresenceProvider value={apiPresence}>{dialogProps.children}</PresenceProvider>
+      </RenderStrategyProvider>
+    </DialogProvider>;
+};
+
+// src/components/dialog/dialog-title.tsx
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
+var DialogTitle = (props) => {
+  const dialog2 = useDialogContext();
+  const mergedProps = mergeProps8(() => dialog2().getTitleProps(), props);
+  return <ark.h2 {...mergedProps} />;
+};
+
+// src/components/dialog/dialog-trigger.tsx
+import { mergeProps as mergeProps9 } from "@zag-js/solid";
+var DialogTrigger = (props) => {
+  const api = useDialogContext();
+  const presenceApi = usePresenceContext();
+  const mergedProps = mergeProps9(
+    () => api().getTriggerProps(),
+    () => ({ "aria-controls": presenceApi().unmounted && null }),
+    props
+  );
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/dialog/dialog.anatomy.ts
+import { anatomy } from "@zag-js/dialog";
+
+// src/components/dialog/dialog.ts
+var dialog_exports = {};
+__export(dialog_exports, {
+  Backdrop: () => DialogBackdrop,
+  CloseTrigger: () => DialogCloseTrigger,
+  Content: () => DialogContent,
+  Context: () => DialogContext,
+  Description: () => DialogDescription,
+  Positioner: () => DialogPositioner,
+  Root: () => DialogRoot,
+  RootProvider: () => DialogRootProvider,
+  Title: () => DialogTitle,
+  Trigger: () => DialogTrigger
+});
+
+export {
+  useDialogContext,
+  DialogBackdrop,
+  DialogCloseTrigger,
+  DialogContent,
+  DialogContext,
+  DialogDescription,
+  DialogPositioner,
+  useDialog,
+  DialogRoot,
+  DialogRootProvider,
+  DialogTitle,
+  DialogTrigger,
+  anatomy,
+  dialog_exports
+};