@ark-ui/solid 4.0.0 → 4.2.0

package/dist/chunk/WW54SYIV.js

@@ -0,0 +1,167 @@
+import { usePresenceContext, splitPresenceProps, usePresence, PresenceProvider } from './LCESUDZB.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 } from 'solid-js/web';
+import { mergeProps, useMachine, normalizeProps } from '@zag-js/solid';
+import { Show, createUniqueId, createMemo } from 'solid-js';
+import * as popover from '@zag-js/popover';
+export { anatomy } from '@zag-js/popover';
+
+// 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 createComponent(ark.div, mergedProps);
+};
+var PopoverArrow = (props) => {
+  const popover2 = usePopoverContext();
+  const mergedProps = mergeProps(() => popover2().getArrowProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var PopoverArrowTip = (props) => {
+  const popover2 = usePopoverContext();
+  const mergedProps = mergeProps(() => popover2().getArrowTipProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var PopoverCloseTrigger = (props) => {
+  const api = usePopoverContext();
+  const mergedProps = mergeProps(() => api().getCloseTriggerProps(), props);
+  return createComponent(ark.button, mergedProps);
+};
+var PopoverContent = (props) => {
+  const api = usePopoverContext();
+  const presenceApi = usePresenceContext();
+  const mergedProps = mergeProps(() => api().getContentProps(), () => presenceApi().presenceProps, props);
+  return createComponent(Show, {
+    get when() {
+      return !presenceApi().unmounted;
+    },
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+// src/components/popover/popover-context.tsx
+var PopoverContext = (props) => props.children(usePopoverContext());
+var PopoverDescription = (props) => {
+  const api = usePopoverContext();
+  const mergedProps = mergeProps(() => api().getDescriptionProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var PopoverIndicator = (props) => {
+  const popover2 = usePopoverContext();
+  const mergedProps = mergeProps(() => popover2().getIndicatorProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var PopoverPositioner = (props) => {
+  const api = usePopoverContext();
+  const presenceApi = usePresenceContext();
+  const mergedProps = mergeProps(() => api().getPositionerProps(), props);
+  return createComponent(Show, {
+    get when() {
+      return !presenceApi().unmounted;
+    },
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+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(mergeProps(presenceProps, () => ({
+    present: api().open
+  })));
+  return createComponent(PopoverProvider, {
+    value: api,
+    get children() {
+      return createComponent(PresenceProvider, {
+        value: apiPresence,
+        get children() {
+          return localProps.children;
+        }
+      });
+    }
+  });
+};
+var PopoverRootProvider = (props) => {
+  const [presenceProps, popoverProps] = splitPresenceProps(props);
+  const presence = usePresence(mergeProps(presenceProps, () => ({
+    present: popoverProps.value().open
+  })));
+  return createComponent(PopoverProvider, {
+    get value() {
+      return popoverProps.value;
+    },
+    get children() {
+      return createComponent(PresenceProvider, {
+        value: presence,
+        get children() {
+          return popoverProps.children;
+        }
+      });
+    }
+  });
+};
+var PopoverTitle = (props) => {
+  const api = usePopoverContext();
+  const mergedProps = mergeProps(() => api().getTitleProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var PopoverTrigger = (props) => {
+  const api = usePopoverContext();
+  const presenceApi = usePresenceContext();
+  const mergedProps = mergeProps(() => api().getTriggerProps(), () => ({
+    "aria-controls": presenceApi().unmounted && null
+  }), props);
+  return createComponent(ark.button, mergedProps);
+};
+
+// 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 { PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, popover_exports, usePopover, usePopoverContext };

package/dist/chunk/X34KVQNW.js

@@ -0,0 +1,39 @@
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { createComponent, spread, insert, template } from 'solid-js/web';
+import { createMemo, For, Show } from 'solid-js';
+import { highlightWord } from '@zag-js/highlight-word';
+
+var useHighlight = (props) => {
+  return createMemo(() => highlightWord(props));
+};
+
+// src/components/highlight/highlight.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<mark>`);
+var Highlight = (props) => {
+  if (typeof props.text !== "string") {
+    throw new Error("[ark-ui/highlight] text must be a string");
+  }
+  const [highlightProps, localProps] = createSplitProps()(props, ["query", "text", "ignoreCase", "matchAll"]);
+  const chunks = useHighlight(highlightProps);
+  return createComponent(For, {
+    get each() {
+      return chunks();
+    },
+    children: (chunk) => createComponent(Show, {
+      get when() {
+        return chunk.match;
+      },
+      get fallback() {
+        return chunk.text;
+      },
+      get children() {
+        var _el$ = _tmpl$();
+        spread(_el$, localProps, false, true);
+        insert(_el$, () => chunk.text);
+        return _el$;
+      }
+    })
+  });
+};
+
+export { Highlight, useHighlight };

package/dist/chunk/X3GDAQGM.js

@@ -0,0 +1,143 @@
+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 slider from '@zag-js/slider';
+export { anatomy } from '@zag-js/slider';
+import { createUniqueId, createMemo } from 'solid-js';
+
+// src/components/slider/use-slider-context.ts
+var [SliderProvider, useSliderContext] = createContext({
+  hookName: "useSliderContext",
+  providerName: "<SliderProvider />"
+});
+
+// src/components/slider/slider-context.tsx
+var SliderContext = (props) => props.children(useSliderContext());
+var SliderControl = (props) => {
+  const api = useSliderContext();
+  const mergedProps = mergeProps(() => api().getControlProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+
+// src/components/slider/use-slider-thumb-props-context.ts
+var [SliderThumbPropsProvider, useSliderThumbPropsContext] = createContext({
+  hookName: "useSliderThumbPropsContext",
+  providerName: "<SliderThumbPropsProvider />"
+});
+
+// src/components/slider/slider-hidden-input.tsx
+var SliderHiddenInput = (props) => {
+  const slider2 = useSliderContext();
+  const thumbProps = useSliderThumbPropsContext();
+  const mergedProps = mergeProps(slider2().getHiddenInputProps(thumbProps), props);
+  return createComponent(ark.input, mergedProps);
+};
+var SliderLabel = (props) => {
+  const api = useSliderContext();
+  const mergedProps = mergeProps(() => api().getLabelProps(), props);
+  return createComponent(ark.label, mergedProps);
+};
+var SliderMarker = (props) => {
+  const [markerProps, localProps] = createSplitProps()(props, ["value"]);
+  const api = useSliderContext();
+  const mergedProps = mergeProps(() => api().getMarkerProps(markerProps), localProps);
+  return createComponent(ark.span, mergedProps);
+};
+var SliderMarkerGroup = (props) => {
+  const api = useSliderContext();
+  const mergedProps = mergeProps(() => api().getMarkerGroupProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var SliderRange = (props) => {
+  const api = useSliderContext();
+  const mergedProps = mergeProps(() => api().getRangeProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var useSlider = (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(slider.machine(context()), { context });
+  return createMemo(() => slider.connect(state, send, normalizeProps));
+};
+
+// src/components/slider/slider-root.tsx
+var SliderRoot = (props) => {
+  const [useSliderProps, localProps] = createSplitProps()(props, ["aria-label", "aria-labelledby", "defaultValue", "disabled", "form", "getAriaValueText", "id", "ids", "invalid", "max", "min", "minStepsBetweenThumbs", "name", "onFocusChange", "onValueChange", "onValueChangeEnd", "orientation", "origin", "readOnly", "step", "thumbAlignment", "thumbAlignment", "thumbSize", "value"]);
+  const api = useSlider(useSliderProps);
+  const mergedProps = mergeProps(() => api().getRootProps(), localProps);
+  return createComponent(SliderProvider, {
+    value: api,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var SliderRootProvider = (props) => {
+  const [{
+    value: slider2
+  }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(() => slider2().getRootProps(), localProps);
+  return createComponent(SliderProvider, {
+    value: slider2,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var SliderThumb = (props) => {
+  const [thumbProps, localProps] = createSplitProps()(props, ["index", "name"]);
+  const slider2 = useSliderContext();
+  const mergedProps = mergeProps(() => slider2().getThumbProps(thumbProps), localProps);
+  return createComponent(SliderThumbPropsProvider, {
+    value: thumbProps,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var SliderTrack = (props) => {
+  const api = useSliderContext();
+  const mergedProps = mergeProps(() => api().getTrackProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var SliderValueText = (props) => {
+  const api = useSliderContext();
+  const mergedProps = mergeProps(() => api().getValueTextProps(), props);
+  return createComponent(ark.span, mergeProps$1(mergedProps, {
+    get children() {
+      return props.children || api().value.join(",");
+    }
+  }));
+};
+
+// src/components/slider/slider.ts
+var slider_exports = {};
+__export(slider_exports, {
+  Context: () => SliderContext,
+  Control: () => SliderControl,
+  HiddenInput: () => SliderHiddenInput,
+  Label: () => SliderLabel,
+  Marker: () => SliderMarker,
+  MarkerGroup: () => SliderMarkerGroup,
+  Range: () => SliderRange,
+  Root: () => SliderRoot,
+  RootProvider: () => SliderRootProvider,
+  Thumb: () => SliderThumb,
+  Track: () => SliderTrack,
+  ValueText: () => SliderValueText
+});
+
+export { SliderContext, SliderControl, SliderHiddenInput, SliderLabel, SliderMarker, SliderMarkerGroup, SliderRange, SliderRoot, SliderRootProvider, SliderThumb, SliderTrack, SliderValueText, slider_exports, useSlider, useSliderContext };

package/dist/chunk/X7HQ6AMW.jsx

@@ -0,0 +1,147 @@
+import {
+  createSplitProps
+} from "./6WEDGJKQ.jsx";
+import {
+  ark
+} from "./UFYZ7HLU.jsx";
+import {
+  useEnvironmentContext
+} from "./5O4RWSWO.jsx";
+import {
+  createContext
+} from "./NMGUCD2L.jsx";
+import {
+  __export
+} from "./7IUG3E2V.jsx";
+
+// src/components/clipboard/use-clipboard-context.ts
+var [ClipboardProvider, useClipboardContext] = createContext({
+  hookName: "useClipboardContext",
+  providerName: "<ClipboardProvider />"
+});
+
+// src/components/clipboard/clipboard-context.tsx
+var ClipboardContext = (props) => props.children(useClipboardContext());
+
+// src/components/clipboard/clipboard-control.tsx
+import { mergeProps } from "@zag-js/solid";
+var ClipboardControl = (props) => {
+  const api = useClipboardContext();
+  const mergedProps = mergeProps(() => api().getControlProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/clipboard/clipboard-indicator.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+import { Show, children } from "solid-js";
+var ClipboardIndicator = (props) => {
+  const [indicatorProps, localProps] = createSplitProps()(props, ["copied"]);
+  const api = useClipboardContext();
+  const mergedProps = mergeProps2(api().getIndicatorProps({ copied: api().copied }), localProps);
+  const getChildren = children(() => localProps.children);
+  return <ark.div {...mergedProps}>
+      <Show when={api().copied} fallback={getChildren()}>
+        {indicatorProps.copied}
+      </Show>
+    </ark.div>;
+};
+
+// src/components/clipboard/clipboard-input.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var ClipboardInput = (props) => {
+  const api = useClipboardContext();
+  const mergedProps = mergeProps3(() => api().getInputProps(), props);
+  return <ark.input {...mergedProps} />;
+};
+
+// src/components/clipboard/clipboard-label.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+var ClipboardLabel = (props) => {
+  const api = useClipboardContext();
+  const mergedProps = mergeProps4(() => api().getLabelProps(), props);
+  return <ark.label {...mergedProps} />;
+};
+
+// src/components/clipboard/clipboard-root.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+
+// src/components/clipboard/use-clipboard.ts
+import * as clipboard from "@zag-js/clipboard";
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createMemo, createUniqueId } from "solid-js";
+var useClipboard = (props) => {
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
+    getRootNode: environment().getRootNode,
+    ...props
+  }));
+  const [state, send] = useMachine(clipboard.machine(context()), { context });
+  return createMemo(() => clipboard.connect(state, send, normalizeProps));
+};
+
+// src/components/clipboard/clipboard-root.tsx
+var ClipboardRoot = (props) => {
+  const [useClipboardProps, localProps] = createSplitProps()(props, [
+    "id",
+    "ids",
+    "onStatusChange",
+    "timeout",
+    "value"
+  ]);
+  const api = useClipboard(useClipboardProps);
+  const mergedProps = mergeProps5(() => api().getRootProps(), localProps);
+  return <ClipboardProvider value={api}>
+      <ark.div {...mergedProps} />
+    </ClipboardProvider>;
+};
+
+// src/components/clipboard/clipboard-root-provider.tsx
+import { mergeProps as mergeProps6 } from "@zag-js/solid";
+var ClipboardRootProvider = (props) => {
+  const [{ value: clipboard2 }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps6(() => clipboard2().getRootProps(), localProps);
+  return <ClipboardProvider value={clipboard2}>
+      <ark.div {...mergedProps} />
+    </ClipboardProvider>;
+};
+
+// src/components/clipboard/clipboard-trigger.tsx
+import { mergeProps as mergeProps7 } from "@zag-js/solid";
+var ClipboardTrigger = (props) => {
+  const api = useClipboardContext();
+  const mergedProps = mergeProps7(() => api().getTriggerProps(), props);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/clipboard/clipboard.anatomy.ts
+import { anatomy } from "@zag-js/clipboard";
+
+// src/components/clipboard/clipboard.ts
+var clipboard_exports = {};
+__export(clipboard_exports, {
+  Context: () => ClipboardContext,
+  Control: () => ClipboardControl,
+  Indicator: () => ClipboardIndicator,
+  Input: () => ClipboardInput,
+  Label: () => ClipboardLabel,
+  Root: () => ClipboardRoot,
+  RootProvider: () => ClipboardRootProvider,
+  Trigger: () => ClipboardTrigger
+});
+
+export {
+  useClipboardContext,
+  ClipboardContext,
+  ClipboardControl,
+  ClipboardIndicator,
+  ClipboardInput,
+  ClipboardLabel,
+  useClipboard,
+  ClipboardRoot,
+  ClipboardRootProvider,
+  ClipboardTrigger,
+  anatomy,
+  clipboard_exports
+};

package/dist/chunk/XUVXUPEH.js

@@ -0,0 +1,136 @@
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
+import { createContext } from './I5UG2QUO.js';
+import { __export } from './ESLJRKWD.js';
+import { createComponent } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { Show, createUniqueId, createSignal, createEffect, createMemo } from 'solid-js';
+import { createAnatomy } from '@zag-js/anatomy';
+
+// src/components/fieldset/use-fieldset-context.ts
+var [FieldsetProvider, useFieldsetContext] = createContext({
+  hookName: "useFieldsetContext",
+  providerName: "<FieldsetProvider />",
+  strict: false
+});
+
+// src/components/fieldset/fieldset-context.tsx
+var FieldsetContext = (props) => props.children(useFieldsetContext());
+var FieldsetErrorText = (props) => {
+  const fieldset = useFieldsetContext();
+  const mergedProps = mergeProps(() => fieldset().getErrorTextProps(), props);
+  return createComponent(Show, {
+    get when() {
+      return fieldset().invalid;
+    },
+    get children() {
+      return createComponent(ark.span, mergedProps);
+    }
+  });
+};
+var FieldsetHelperText = (props) => {
+  const fieldset = useFieldsetContext();
+  const mergedProps = mergeProps(() => fieldset().getHelperTextProps(), props);
+  return createComponent(ark.span, mergedProps);
+};
+var FieldsetLegend = (props) => {
+  const fieldset = useFieldsetContext();
+  const mergedProps = mergeProps(() => fieldset().getLegendProps(), props);
+  return createComponent(ark.legend, mergedProps);
+};
+var fieldsetAnatomy = createAnatomy("fieldset").parts(
+  "root",
+  "errorText",
+  "helperText",
+  "legend"
+);
+var parts = fieldsetAnatomy.build();
+
+// src/components/fieldset/use-fieldset.ts
+var useFieldset = (props) => {
+  const { disabled = false, invalid = false } = props;
+  let rootRef;
+  const id = props.id ?? createUniqueId();
+  const errorTextId = `fieldset::${id}::error-text`;
+  const helperTextId = `fieldset::${id}::helper-text`;
+  const [hasErrorText, setHasErrorText] = createSignal(false);
+  const [hasHelperText, setHasHelperText] = createSignal(false);
+  createEffect(() => {
+    return;
+  });
+  const labelIds = [];
+  if (hasErrorText() && invalid) labelIds.push(errorTextId);
+  if (hasHelperText()) labelIds.push(helperTextId);
+  const getRootProps = () => ({
+    ...parts.root.attrs,
+    disabled,
+    "data-disabled": dataAttr(disabled),
+    "data-invalid": dataAttr(invalid),
+    "aria-describedby": labelIds.join(" ") || void 0
+  });
+  const getLegendProps = () => ({
+    ...parts.legend.attrs,
+    "data-disabled": dataAttr(disabled),
+    "data-invalid": dataAttr(invalid)
+  });
+  const getHelperTextProps = () => ({
+    id: helperTextId,
+    ...parts.helperText.attrs
+  });
+  const getErrorTextProps = () => ({
+    id: errorTextId,
+    ...parts.errorText.attrs,
+    "aria-live": "polite"
+  });
+  return createMemo(() => ({
+    refs: {
+      rootRef
+    },
+    disabled,
+    invalid,
+    getRootProps,
+    getLegendProps,
+    getHelperTextProps,
+    getErrorTextProps
+  }));
+};
+var dataAttr = (condition) => condition ? "" : void 0;
+
+// src/components/fieldset/fieldset-root.tsx
+var FieldsetRoot = (props) => {
+  const [useFieldsetProps, localProps] = createSplitProps()(props, ["id", "disabled", "invalid"]);
+  const fieldset = useFieldset(useFieldsetProps);
+  const mergedProps = mergeProps(() => fieldset().getRootProps(), localProps);
+  return createComponent(FieldsetProvider, {
+    value: fieldset,
+    get children() {
+      return createComponent(ark.fieldset, mergedProps);
+    }
+  });
+};
+FieldsetRoot.displayName = "FieldsetRoot";
+var FieldsetRootProvider = (props) => {
+  const [{
+    value: fieldset
+  }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(() => fieldset().getRootProps(), localProps);
+  return createComponent(FieldsetProvider, {
+    value: fieldset,
+    get children() {
+      return createComponent(ark.fieldset, mergedProps);
+    }
+  });
+};
+
+// src/components/fieldset/fieldset.tsx
+var fieldset_exports = {};
+__export(fieldset_exports, {
+  Context: () => FieldsetContext,
+  ErrorText: () => FieldsetErrorText,
+  HelperText: () => FieldsetHelperText,
+  Legend: () => FieldsetLegend,
+  Root: () => FieldsetRoot,
+  RootProvider: () => FieldsetRootProvider
+});
+
+export { FieldsetContext, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot, FieldsetRootProvider, fieldsetAnatomy, fieldset_exports, useFieldsetContext };