@ark-ui/solid 4.1.0 → 4.2.1

package/dist/chunk/VHCWCT42.jsx

@@ -0,0 +1,188 @@
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
+import {
+  useLocaleContext
+} from "./3QQZKR3F.jsx";
+import {
+  useEnvironmentContext
+} from "./5O4RWSWO.jsx";
+import {
+  createContext
+} from "./NMGUCD2L.jsx";
+import {
+  __export
+} from "./7IUG3E2V.jsx";
+
+// src/components/carousel/use-carousel-context.ts
+var [CarouselProvider, useCarouselContext] = createContext({
+  hookName: "useCarouselContext",
+  providerName: "<CarouselProvider />"
+});
+
+// src/components/carousel/carousel-context.tsx
+var CarouselContext = (props) => props.children(useCarouselContext());
+
+// src/components/carousel/carousel-control.tsx
+import { mergeProps } from "@zag-js/solid";
+
+// src/components/carousel/carousel.anatomy.ts
+import { anatomy } from "@zag-js/carousel";
+var carouselAnatomy = anatomy.extendWith("control");
+
+// src/components/carousel/carousel-control.tsx
+var CarouselControl = (props) => {
+  const mergedProps = mergeProps(() => carouselAnatomy.build().control.attrs, props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/carousel/carousel-indicator.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+var CarouselIndicator = (props) => {
+  const [indicatorProps, localProps] = createSplitProps()(props, [
+    "index",
+    "readOnly"
+  ]);
+  const api = useCarouselContext();
+  const mergedProps = mergeProps2(() => api().getIndicatorProps(indicatorProps), localProps);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/carousel/carousel-indicator-group.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var CarouselIndicatorGroup = (props) => {
+  const api = useCarouselContext();
+  const mergedProps = mergeProps3(() => api().getIndicatorGroupProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/carousel/carousel-item.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+var CarouselItem = (props) => {
+  const [itemProps, localProps] = createSplitProps()(props, ["index"]);
+  const api = useCarouselContext();
+  const mergedProps = mergeProps4(() => api().getItemProps(itemProps), localProps);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/carousel/carousel-item-group.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+var CarouselItemGroup = (props) => {
+  const api = useCarouselContext();
+  const mergedProps = mergeProps5(() => api().getItemGroupProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/carousel/carousel-next-trigger.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+var CarouselNextTrigger = (props) => {
+  const api = useCarouselContext();
+  const mergedProps = mergeProps6(() => api().getNextTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/carousel/carousel-prev-trigger.tsx
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
+var CarouselPrevTrigger = (props) => {
+  const api = useCarouselContext();
+  const mergedProps = mergeProps7(() => api().getPrevTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/carousel/carousel-root.tsx
+import { mergeProps as mergeProps8 } from "@zag-js/solid";
+
+// src/components/carousel/use-carousel.ts
+import * as carousel from "@zag-js/carousel";
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createMemo, createUniqueId } from "solid-js";
+var useCarousel = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    index: props.defaultIndex,
+    ...props
+  }));
+  const [state, send] = useMachine(carousel.machine(context()), { context });
+  return createMemo(() => carousel.connect(state, send, normalizeProps));
+};
+
+// src/components/carousel/carousel-root.tsx
+var CarouselRoot = (props) => {
+  const [useCarouselProps, localProps] = createSplitProps()(props, [
+    "align",
+    "defaultIndex",
+    "id",
+    "ids",
+    "index",
+    "loop",
+    "onIndexChange",
+    "orientation",
+    "slidesPerView",
+    "spacing"
+  ]);
+  const api = useCarousel(useCarouselProps);
+  const mergedProps = mergeProps8(() => api().getRootProps(), localProps);
+  return <CarouselProvider value={api}>
+      <ark.div {...mergedProps} />
+    </CarouselProvider>;
+};
+
+// src/components/carousel/carousel-root-provider.tsx
+import { mergeProps as mergeProps9 } from "@zag-js/solid";
+var CarouselRootProvider = (props) => {
+  const [{ value: carousel2 }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps9(() => carousel2().getRootProps(), localProps);
+  return <CarouselProvider value={carousel2}>
+      <ark.div {...mergedProps} />
+    </CarouselProvider>;
+};
+
+// src/components/carousel/carousel-viewport.tsx
+import { mergeProps as mergeProps10 } from "@zag-js/solid";
+var CarouselViewport = (props) => {
+  const api = useCarouselContext();
+  const mergedProps = mergeProps10(() => api().getViewportProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/carousel/carousel.ts
+var carousel_exports = {};
+__export(carousel_exports, {
+  Context: () => CarouselContext,
+  Control: () => CarouselControl,
+  Indicator: () => CarouselIndicator,
+  IndicatorGroup: () => CarouselIndicatorGroup,
+  Item: () => CarouselItem,
+  ItemGroup: () => CarouselItemGroup,
+  NextTrigger: () => CarouselNextTrigger,
+  PrevTrigger: () => CarouselPrevTrigger,
+  Root: () => CarouselRoot,
+  RootProvider: () => CarouselRootProvider,
+  Viewport: () => CarouselViewport
+});
+
+export {
+  useCarouselContext,
+  CarouselContext,
+  carouselAnatomy,
+  CarouselControl,
+  CarouselIndicator,
+  CarouselIndicatorGroup,
+  CarouselItem,
+  CarouselItemGroup,
+  CarouselNextTrigger,
+  CarouselPrevTrigger,
+  useCarousel,
+  CarouselRoot,
+  CarouselRootProvider,
+  CarouselViewport,
+  carousel_exports
+};

package/dist/chunk/VN3OG575.js

@@ -0,0 +1,108 @@
+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 * as zagSwitch from '@zag-js/switch';
+export { anatomy } from '@zag-js/switch';
+import { createUniqueId, createMemo } from 'solid-js';
+
+// src/components/switch/use-switch-context.ts
+var [SwitchProvider, useSwitchContext] = createContext({
+  hookName: "useSwitchContext",
+  providerName: "<SwitchProvider />"
+});
+
+// src/components/switch/switch-context.tsx
+var SwitchContext = (props) => props.children(useSwitchContext());
+var SwitchControl = (props) => {
+  const api = useSwitchContext();
+  const mergedProps = mergeProps(() => api().getControlProps(), props);
+  return createComponent(ark.span, mergedProps);
+};
+var SwitchHiddenInput = (props) => {
+  const api = useSwitchContext();
+  const mergedProps = mergeProps(() => api().getHiddenInputProps(), props);
+  const field = useFieldContext();
+  return createComponent(ark.input, mergeProps$1({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps));
+};
+var SwitchLabel = (props) => {
+  const api = useSwitchContext();
+  const mergedProps = mergeProps(() => api().getLabelProps(), props);
+  return createComponent(ark.span, mergedProps);
+};
+var useSwitch = (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,
+    invalid: field?.().invalid,
+    required: field?.().required,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    checked: props.defaultChecked,
+    ...props
+  }));
+  const [state, send] = useMachine(zagSwitch.machine(context()), { context });
+  return createMemo(() => zagSwitch.connect(state, send, normalizeProps));
+};
+
+// src/components/switch/switch-root.tsx
+var SwitchRoot = (props) => {
+  const [switchProps, localProps] = createSplitProps()(props, ["checked", "defaultChecked", "disabled", "form", "id", "ids", "invalid", "label", "name", "onCheckedChange", "readOnly", "required", "value"]);
+  const api = useSwitch(switchProps);
+  const mergedProps = mergeProps(() => api().getRootProps(), localProps);
+  return createComponent(SwitchProvider, {
+    value: api,
+    get children() {
+      return createComponent(ark.label, mergedProps);
+    }
+  });
+};
+var SwitchRootProvider = (props) => {
+  const [{
+    value: api
+  }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(() => api().getRootProps(), localProps);
+  return createComponent(SwitchProvider, {
+    value: api,
+    get children() {
+      return createComponent(ark.label, mergedProps);
+    }
+  });
+};
+var SwitchThumb = (props) => {
+  const api = useSwitchContext();
+  const mergedProps = mergeProps(() => api().getThumbProps(), props);
+  return createComponent(ark.span, mergedProps);
+};
+
+// src/components/switch/switch.ts
+var switch_exports = {};
+__export(switch_exports, {
+  Context: () => SwitchContext,
+  Control: () => SwitchControl,
+  HiddenInput: () => SwitchHiddenInput,
+  Label: () => SwitchLabel,
+  Root: () => SwitchRoot,
+  RootProvider: () => SwitchRootProvider,
+  Thumb: () => SwitchThumb
+});
+
+export { SwitchContext, SwitchControl, SwitchHiddenInput, SwitchLabel, SwitchRoot, SwitchRootProvider, SwitchThumb, switch_exports, useSwitch, useSwitchContext };

package/dist/chunk/W7ARB4RD.jsx

@@ -0,0 +1,237 @@
+import {
+  PresenceProvider,
+  splitPresenceProps,
+  usePresence,
+  usePresenceContext
+} from "./E72NMPSK.jsx";
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
+import {
+  useLocaleContext
+} from "./3QQZKR3F.jsx";
+import {
+  useEnvironmentContext
+} from "./5O4RWSWO.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
+};

package/dist/chunk/WQQVH7YG.jsx

@@ -0,0 +1,125 @@
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
+import {
+  createContext
+} from "./NMGUCD2L.jsx";
+import {
+  __export
+} from "./7IUG3E2V.jsx";
+
+// src/components/toast/create-toaster.tsx
+import { normalizeProps } from "@zag-js/solid";
+import * as toast from "@zag-js/toast";
+var createToaster = (props) => {
+  const machine = toast.group.machine({ id: "1", ...props });
+  const api = toast.group.connect(machine, machine.send, normalizeProps);
+  return { ...api, machine };
+};
+
+// src/components/toast/toast-action-trigger.tsx
+import { mergeProps } from "@zag-js/solid";
+
+// src/components/toast/use-toast-context.ts
+var [ToastProvider, useToastContext] = createContext({
+  hookName: "useToastContext",
+  providerName: "<ToastProvider />"
+});
+
+// src/components/toast/toast-action-trigger.tsx
+var ToastActionTrigger = (props) => {
+  const toast3 = useToastContext();
+  const mergedProps = mergeProps(() => toast3().getActionTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/toast/toast-close-trigger.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+var ToastCloseTrigger = (props) => {
+  const toast3 = useToastContext();
+  const mergedProps = mergeProps2(() => toast3().getCloseTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/toast/toast-context.tsx
+var ToastContext = (props) => props.children(useToastContext());
+
+// src/components/toast/toast-description.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var ToastDescription = (props) => {
+  const toast3 = useToastContext();
+  const mergedProps = mergeProps3(() => toast3().getDescriptionProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/toast/toast-root.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+var ToastRoot = (props) => {
+  const toast3 = useToastContext();
+  const mergedProps = mergeProps4(() => toast3().getRootProps(), props);
+  return <div {...mergedProps}>
+      <div {...toast3().getGhostBeforeProps()} />
+      {props.children}
+      <div {...toast3().getGhostAfterProps()} />
+    </div>;
+};
+
+// src/components/toast/toast-title.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+var ToastTitle = (props) => {
+  const toast3 = useToastContext();
+  const mergedProps = mergeProps5(() => toast3().getTitleProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/toast/toast.anatomy.ts
+import { anatomy } from "@zag-js/toast";
+
+// src/components/toast/toaster.tsx
+import { mergeProps as mergeProps6, normalizeProps as normalizeProps2, useActor, useMachine } from "@zag-js/solid";
+import * as toast2 from "@zag-js/toast";
+import { For, createMemo, splitProps } from "solid-js";
+var Toaster = (props) => {
+  const [toasterProps, localProps] = splitProps(props, ["toaster", "children"]);
+  const [state, send] = useMachine(toasterProps.toaster.machine);
+  const placement = state.context.placement;
+  const api = createMemo(() => toast2.group.connect(state, send, normalizeProps2));
+  const toasts = createMemo(() => api().getToastsByPlacement(placement));
+  const mergedProps = mergeProps6(api().getGroupProps({ placement }), localProps);
+  return <ark.div {...mergedProps}>
+      <For each={toasts()}>
+        {(toast3) => <ToastActor value={toast3}>{(ctx) => toasterProps.children(ctx)}</ToastActor>}
+      </For>
+    </ark.div>;
+};
+var ToastActor = (props) => {
+  const [state, send] = useActor(props.value);
+  const api = createMemo(() => toast2.connect(state, send, normalizeProps2));
+  const ctx = createMemo(() => state.context);
+  return <ToastProvider value={api}>{props.children(ctx)}</ToastProvider>;
+};
+
+// src/components/toast/toast.ts
+var toast_exports = {};
+__export(toast_exports, {
+  ActionTrigger: () => ToastActionTrigger,
+  CloseTrigger: () => ToastCloseTrigger,
+  Context: () => ToastContext,
+  Description: () => ToastDescription,
+  Root: () => ToastRoot,
+  Title: () => ToastTitle
+});
+
+export {
+  createToaster,
+  useToastContext,
+  ToastActionTrigger,
+  ToastCloseTrigger,
+  ToastContext,
+  ToastDescription,
+  ToastRoot,
+  ToastTitle,
+  anatomy,
+  Toaster,
+  toast_exports
+};