@ark-ui/solid 4.1.0 → 4.2.1

package/dist/chunk/6YHAMTNY.jsx

@@ -0,0 +1,126 @@
+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/qr-code/use-qr-code-context.ts
+var [QrCodeProvider, useQrCodeContext] = createContext({
+  hookName: "useQrCodeContext",
+  providerName: "<QrCodeProvider />"
+});
+
+// src/components/qr-code/qr-code-context.ts
+var QrCodeContext = (props) => props.children(useQrCodeContext());
+
+// src/components/qr-code/qr-code-frame.tsx
+import { mergeProps } from "@zag-js/solid";
+var QrCodeFrame = (props) => {
+  const qrCode2 = useQrCodeContext();
+  const mergedProps = mergeProps(() => qrCode2().getFrameProps(), props);
+  return <ark.svg {...mergedProps} />;
+};
+
+// src/components/qr-code/qr-code-overlay.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+var QrCodeOverlay = (props) => {
+  const qrCode2 = useQrCodeContext();
+  const mergedProps = mergeProps2(() => qrCode2().getOverlayProps(), props);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/qr-code/qr-code-pattern.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+var QrCodePattern = (props) => {
+  const qrCode2 = useQrCodeContext();
+  const mergedProps = mergeProps3(() => qrCode2().getPatternProps(), props);
+  return <ark.path {...mergedProps} />;
+};
+
+// src/components/qr-code/qr-code-root.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+
+// src/components/qr-code/use-qr-code.ts
+import * as qrCode from "@zag-js/qr-code";
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import { createMemo, createUniqueId } from "solid-js";
+var useQrCode = (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(qrCode.machine(context()), {
+    context
+  });
+  return createMemo(() => qrCode.connect(state, send, normalizeProps));
+};
+
+// src/components/qr-code/qr-code-root.tsx
+var QrCodeRoot = (props) => {
+  const [useQrCodeProps, restProps] = createSplitProps()(props, [
+    "encoding",
+    "id",
+    "ids",
+    "value"
+  ]);
+  const api = useQrCode(useQrCodeProps);
+  const mergedProps = mergeProps4(() => api().getRootProps(), restProps);
+  return <QrCodeProvider value={api}>
+      <ark.div {...mergedProps} />
+    </QrCodeProvider>;
+};
+
+// src/components/qr-code/qr-code-root-provider.tsx
+import { mergeProps as mergeProps5 } from "@zag-js/solid";
+var QrCodeRootProvider = (props) => {
+  const [{ value: qrCode2 }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps5(() => qrCode2().getRootProps(), localProps);
+  return <QrCodeProvider value={qrCode2}>
+      <ark.div {...mergedProps} />
+    </QrCodeProvider>;
+};
+
+// src/components/qr-code/qr-code.anatomy.ts
+import { anatomy } from "@zag-js/qr-code";
+
+// src/components/qr-code/qr-code.ts
+var qr_code_exports = {};
+__export(qr_code_exports, {
+  Context: () => QrCodeContext,
+  Frame: () => QrCodeFrame,
+  Overlay: () => QrCodeOverlay,
+  Pattern: () => QrCodePattern,
+  Root: () => QrCodeRoot,
+  RootProvider: () => QrCodeRootProvider
+});
+
+export {
+  useQrCodeContext,
+  QrCodeContext,
+  QrCodeFrame,
+  QrCodeOverlay,
+  QrCodePattern,
+  useQrCode,
+  QrCodeRoot,
+  QrCodeRootProvider,
+  anatomy,
+  qr_code_exports
+};

package/dist/chunk/7HCCUF5N.jsx

@@ -0,0 +1,124 @@
+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/splitter/use-splitter-context.ts
+var [SplitterProvider, useSplitterContext] = createContext({
+  hookName: "useSplitterContext",
+  providerName: "<SplitterProvider />"
+});
+
+// src/components/splitter/splitter-context.tsx
+var SplitterContext = (props) => props.children(useSplitterContext());
+
+// src/components/splitter/splitter-panel.tsx
+import { mergeProps } from "@zag-js/solid";
+var SplitterPanel = (props) => {
+  const [panelProps, restProps] = createSplitProps()(props, ["id", "snapSize"]);
+  const api = useSplitterContext();
+  const mergedProps = mergeProps(() => api().getPanelProps(panelProps), restProps);
+  return <ark.div {...mergedProps} />;
+};
+
+// src/components/splitter/splitter-resize-trigger.tsx
+import { mergeProps as mergeProps2 } from "@zag-js/solid";
+var SplitterResizeTrigger = (props) => {
+  const [resizeTriggerProps, restProps] = createSplitProps()(props, [
+    "disabled",
+    "id",
+    "step"
+  ]);
+  const api = useSplitterContext();
+  const mergedProps = mergeProps2(() => api().getResizeTriggerProps(resizeTriggerProps), restProps);
+  return <ark.button {...mergedProps} />;
+};
+
+// src/components/splitter/splitter-root.tsx
+import { mergeProps as mergeProps3 } from "@zag-js/solid";
+
+// src/components/splitter/use-splitter.ts
+import { normalizeProps, useMachine } from "@zag-js/solid";
+import * as splitter from "@zag-js/splitter";
+import { createMemo, createUniqueId } from "solid-js";
+var useSplitter = (props) => {
+  const locale = useLocaleContext();
+  const environment = useEnvironmentContext();
+  const id = createUniqueId();
+  const context = createMemo(() => ({
+    id,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    size: props.defaultSize,
+    ...props
+  }));
+  const [state, send] = useMachine(splitter.machine(context()), { context });
+  return createMemo(() => splitter.connect(state, send, normalizeProps));
+};
+
+// src/components/splitter/splitter-root.tsx
+var SplitterRoot = (props) => {
+  const [useSplitterProps, localProps] = createSplitProps()(props, [
+    "defaultSize",
+    "id",
+    "ids",
+    "onSizeChange",
+    "onSizeChangeEnd",
+    "orientation",
+    "size"
+  ]);
+  const api = useSplitter(useSplitterProps);
+  const mergedProps = mergeProps3(() => api().getRootProps(), localProps);
+  return <SplitterProvider value={api}>
+      <ark.div {...mergedProps} />
+    </SplitterProvider>;
+};
+
+// src/components/splitter/splitter-root-provider.tsx
+import { mergeProps as mergeProps4 } from "@zag-js/solid";
+var SplitterRootProvider = (props) => {
+  const [{ value: splitter2 }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps4(() => splitter2().getRootProps(), localProps);
+  return <SplitterProvider value={splitter2}>
+      <ark.div {...mergedProps} />
+    </SplitterProvider>;
+};
+
+// src/components/splitter/splitter.anatomy.ts
+import { anatomy } from "@zag-js/splitter";
+
+// src/components/splitter/splitter.ts
+var splitter_exports = {};
+__export(splitter_exports, {
+  Context: () => SplitterContext,
+  Panel: () => SplitterPanel,
+  ResizeTrigger: () => SplitterResizeTrigger,
+  Root: () => SplitterRoot,
+  RootProvider: () => SplitterRootProvider
+});
+
+export {
+  useSplitterContext,
+  SplitterContext,
+  SplitterPanel,
+  SplitterResizeTrigger,
+  useSplitter,
+  SplitterRoot,
+  SplitterRootProvider,
+  anatomy,
+  splitter_exports
+};

package/dist/chunk/7IUG3E2V.jsx

@@ -0,0 +1,9 @@
+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/7KBRNVZ6.js

@@ -0,0 +1,107 @@
+import { useControllableState } from './BSPFGETO.js';
+import { createSplitProps } from './ZMHI4GDJ.js';
+import { ark } from './EPLBB4QN.js';
+import { createContext } from './I5UG2QUO.js';
+import { __export } from './ESLJRKWD.js';
+import { createComponent, mergeProps as mergeProps$1, spread, template } from 'solid-js/web';
+import { mergeProps } from '@zag-js/solid';
+import { Show, createMemo } from 'solid-js';
+import { dataAttr } from '@zag-js/dom-query';
+import { createAnatomy } from '@zag-js/anatomy';
+
+// src/components/toggle/use-toggle-context.ts
+var [ToggleProvider, useToggleContext] = createContext({
+  hookName: "useToggleContext",
+  providerName: "<ToggleProvider />"
+});
+
+// src/components/toggle/toggle-context.tsx
+var ToggleContext = (props) => props.children(useToggleContext());
+var ToggleIndicator = (props) => {
+  const {
+    children,
+    fallback,
+    ...restProps
+  } = props;
+  const toggle = useToggleContext();
+  const mergedProps = mergeProps(() => toggle().getIndicatorProps(), restProps);
+  return createComponent(ark.div, mergeProps$1(mergedProps, {
+    get children() {
+      return createComponent(Show, {
+        get when() {
+          return toggle().pressed;
+        },
+        fallback,
+        children
+      });
+    }
+  }));
+};
+var toggleAnatomy = createAnatomy("toggle", ["root", "indicator"]);
+var parts = toggleAnatomy.build();
+
+// src/components/toggle/use-toggle.ts
+function useToggle(props) {
+  const { defaultPressed, pressed, onPressedChange, disabled } = props;
+  const [pressedState, setPressedState] = useControllableState({
+    defaultValue: !!defaultPressed,
+    value: pressed,
+    onChange: onPressedChange
+  });
+  return createMemo(() => ({
+    pressed: pressedState(),
+    disabled: !!disabled,
+    setPressed: setPressedState,
+    getRootProps() {
+      return {
+        ...parts.root.attrs,
+        type: "button",
+        disabled,
+        "aria-pressed": pressedState(),
+        "data-state": pressedState() ? "on" : "off",
+        "data-pressed": dataAttr(pressedState()),
+        "data-disabled": dataAttr(disabled),
+        onClick(event) {
+          if (event.defaultPrevented) return;
+          if (disabled) return;
+          setPressedState(!pressedState());
+        }
+      };
+    },
+    getIndicatorProps() {
+      return {
+        ...parts.indicator.attrs,
+        "data-disabled": dataAttr(disabled),
+        "data-pressed": dataAttr(pressedState()),
+        "data-state": pressedState() ? "on" : "off"
+      };
+    }
+  }));
+}
+
+// src/components/toggle/toggle-root.tsx
+var _tmpl$ = /* @__PURE__ */ template(`<button>`);
+var ToggleRoot = (props) => {
+  const [useToggleProps, localProps] = createSplitProps()(props, ["pressed", "defaultPressed", "disabled", "onPressedChange"]);
+  const toggle = useToggle(useToggleProps);
+  const mergedProps = mergeProps(() => toggle().getRootProps(), localProps);
+  return createComponent(ToggleProvider, {
+    value: toggle,
+    get children() {
+      var _el$ = _tmpl$();
+      spread(_el$, mergedProps, false, false);
+      return _el$;
+    }
+  });
+};
+
+// src/components/toggle/toggle.ts
+var toggle_exports = {};
+__export(toggle_exports, {
+  Context: () => ToggleContext,
+  Indicator: () => ToggleIndicator,
+  Root: () => ToggleRoot,
+  toggleAnatomy: () => toggleAnatomy
+});
+
+export { ToggleContext, ToggleIndicator, ToggleRoot, toggleAnatomy, toggle_exports, useToggle, useToggleContext };

package/dist/chunk/AEONTAXJ.js

@@ -0,0 +1,109 @@
+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 pinInput from '@zag-js/pin-input';
+export { anatomy } from '@zag-js/pin-input';
+import { createUniqueId, createMemo } from 'solid-js';
+
+// src/components/pin-input/use-pin-input-context.ts
+var [PinInputProvider, usePinInputContext] = createContext({
+  hookName: "usePinInputContext",
+  providerName: "<PinInputProvider />"
+});
+
+// src/components/pin-input/pin-input-context.tsx
+var PinInputContext = (props) => props.children(usePinInputContext());
+var PinInputControl = (props) => {
+  const api = usePinInputContext();
+  const mergedProps = mergeProps(() => api().getControlProps(), props);
+  return createComponent(ark.div, mergedProps);
+};
+var PinInputHiddenInput = (props) => {
+  const pinInput2 = usePinInputContext();
+  const mergedProps = mergeProps(() => pinInput2().getHiddenInputProps(), props);
+  const field = useFieldContext();
+  return createComponent(ark.input, mergeProps$1({
+    get ["aria-describedby"]() {
+      return field?.().ariaDescribedby;
+    }
+  }, mergedProps));
+};
+var PinInputInput = (props) => {
+  const [inputProps, localProps] = createSplitProps()(props, ["index"]);
+  const api = usePinInputContext();
+  const mergedProps = mergeProps(() => api().getInputProps(inputProps), localProps);
+  return createComponent(ark.input, mergedProps);
+};
+var PinInputLabel = (props) => {
+  const api = usePinInputContext();
+  const mergedProps = mergeProps(() => api().getLabelProps(), props);
+  return createComponent(ark.label, mergedProps);
+};
+var usePinInput = (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,
+    invalid: field?.().invalid,
+    dir: locale().dir,
+    getRootNode: environment().getRootNode,
+    value: props.defaultValue,
+    ...props
+  }));
+  const [state, send] = useMachine(pinInput.machine(context()), { context });
+  return createMemo(() => pinInput.connect(state, send, normalizeProps));
+};
+
+// src/components/pin-input/pin-input-root.tsx
+var PinInputRoot = (props) => {
+  const [usePinInputProps, localProps] = createSplitProps()(props, ["autoFocus", "blurOnComplete", "defaultValue", "disabled", "form", "id", "ids", "invalid", "mask", "name", "onValueChange", "onValueComplete", "onValueInvalid", "otp", "pattern", "placeholder", "readOnly", "required", "selectOnFocus", "translations", "type", "value"]);
+  const pinInput2 = usePinInput(usePinInputProps);
+  const mergedProps = mergeProps(() => pinInput2().getRootProps(), localProps);
+  return createComponent(PinInputProvider, {
+    value: pinInput2,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var PinInputRootProvider = (props) => {
+  const [{
+    value: pinInput2
+  }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(() => pinInput2().getRootProps(), localProps);
+  return createComponent(PinInputProvider, {
+    value: pinInput2,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+
+// src/components/pin-input/pin-input.ts
+var pin_input_exports = {};
+__export(pin_input_exports, {
+  Context: () => PinInputContext,
+  Control: () => PinInputControl,
+  HiddenInput: () => PinInputHiddenInput,
+  Input: () => PinInputInput,
+  Label: () => PinInputLabel,
+  Root: () => PinInputRoot,
+  RootProvider: () => PinInputRootProvider
+});
+
+export { PinInputContext, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputRoot, PinInputRootProvider, pin_input_exports, usePinInput, usePinInputContext };

package/dist/chunk/B2OPFF7J.js

@@ -0,0 +1,202 @@
+import { useFieldsetContext } from './XUVXUPEH.js';
+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, mergeProps as mergeProps$1, createSignal, createUniqueId, createEffect, createMemo } from 'solid-js';
+import { dataAttr, ariaAttr } from '@zag-js/dom-query';
+import { createAnatomy } from '@zag-js/anatomy';
+
+// src/components/field/use-field-context.ts
+var [FieldProvider, useFieldContext] = createContext({
+  hookName: "useFieldContext",
+  providerName: "<FieldProvider />",
+  strict: false
+});
+
+// src/components/field/field-context.tsx
+var FieldContext = (props) => props.children(useFieldContext());
+var FieldErrorText = (props) => {
+  const field = useFieldContext();
+  const mergedProps = mergeProps(() => field().getErrorTextProps(), props);
+  return createComponent(Show, {
+    get when() {
+      return field?.().invalid;
+    },
+    get children() {
+      return createComponent(ark.span, mergedProps);
+    }
+  });
+};
+var FieldHelperText = (props) => {
+  const field = useFieldContext();
+  const mergedProps = mergeProps(() => field().getHelperTextProps(), props);
+  return createComponent(ark.span, mergedProps);
+};
+var FieldInput = (props) => {
+  const field = useFieldContext();
+  const mergedProps = mergeProps(() => field?.().getInputProps(), props);
+  return createComponent(ark.input, mergedProps);
+};
+var FieldLabel = (props) => {
+  const field = useFieldContext();
+  const mergedProps = mergeProps(() => field?.().getLabelProps(), props);
+  return createComponent(ark.label, mergedProps);
+};
+var fieldAnatomy = createAnatomy("field").parts(
+  "root",
+  "errorText",
+  "helperText",
+  "input",
+  "label",
+  "select",
+  "textarea"
+);
+var parts = fieldAnatomy.build();
+
+// src/components/field/use-field.ts
+var useField = (props) => {
+  const fieldset = useFieldsetContext();
+  const fieldProps = mergeProps$1(
+    { disabled: Boolean(fieldset?.().disabled), required: false, invalid: false, readOnly: false },
+    props
+  );
+  const [hasErrorText, setHasErrorText] = createSignal(false);
+  const [hasHelperText, setHasHelperText] = createSignal(false);
+  const id = fieldProps.id ?? createUniqueId();
+  let rootRef;
+  const rootId = fieldProps.ids?.control ?? `field::${id}`;
+  const errorTextId = fieldProps.ids?.errorText ?? `field::${id}::error-text`;
+  const helperTextId = fieldProps.ids?.helperText ?? `field::${id}::helper-text`;
+  const labelId = fieldProps.ids?.label ?? `field::${id}::label`;
+  createEffect(() => {
+    return;
+  });
+  const getRootProps = () => ({
+    ...parts.root.attrs,
+    id: rootId,
+    role: "group",
+    "data-disabled": dataAttr(fieldProps.disabled),
+    "data-invalid": dataAttr(fieldProps.invalid),
+    "data-readonly": dataAttr(fieldProps.readOnly)
+  });
+  const getLabelProps = () => ({
+    ...parts.label.attrs,
+    id: labelId,
+    "data-disabled": dataAttr(fieldProps.disabled),
+    "data-invalid": dataAttr(fieldProps.invalid),
+    "data-readonly": dataAttr(fieldProps.readOnly),
+    htmlFor: id
+  });
+  const labelIds = [];
+  if (hasErrorText() && fieldProps.invalid) labelIds.push(errorTextId);
+  if (hasHelperText()) labelIds.push(helperTextId);
+  const getControlProps = () => ({
+    "aria-describedby": labelIds.join(" ") || void 0,
+    "aria-invalid": ariaAttr(fieldProps.invalid),
+    "data-invalid": dataAttr(fieldProps.invalid),
+    "data-required": dataAttr(fieldProps.required),
+    "data-readonly": dataAttr(fieldProps.readOnly),
+    id,
+    required: fieldProps.required,
+    disabled: fieldProps.disabled,
+    readOnly: fieldProps.readOnly || void 0
+  });
+  const getInputProps = () => ({
+    ...getControlProps(),
+    ...parts.input.attrs
+  });
+  const getTextareaProps = () => ({
+    ...getControlProps(),
+    ...parts.textarea.attrs
+  });
+  const getSelectProps = () => ({
+    ...getControlProps(),
+    ...parts.select.attrs
+  });
+  const getHelperTextProps = () => ({
+    id: helperTextId,
+    ...parts.helperText.attrs
+  });
+  const getErrorTextProps = () => ({
+    id: errorTextId,
+    ...parts.errorText.attrs,
+    "aria-live": "polite"
+  });
+  return createMemo(() => ({
+    ariaDescribedby: labelIds.join(" "),
+    ids: {
+      control: id,
+      label: labelId,
+      errorText: errorTextId,
+      helperText: helperTextId
+    },
+    refs: {
+      rootRef
+    },
+    disabled: fieldProps.disabled,
+    invalid: fieldProps.invalid,
+    readOnly: fieldProps.readOnly,
+    required: fieldProps.required,
+    getLabelProps,
+    getRootProps,
+    getInputProps,
+    getTextareaProps,
+    getSelectProps,
+    getHelperTextProps,
+    getErrorTextProps
+  }));
+};
+
+// src/components/field/field-root.tsx
+var FieldRoot = (props) => {
+  const [useFieldProps, localProps] = createSplitProps()(props, ["id", "ids", "disabled", "invalid", "readOnly", "required"]);
+  const field = useField(useFieldProps);
+  const mergedProps = mergeProps(() => field().getRootProps(), localProps);
+  return createComponent(FieldProvider, {
+    value: field,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var FieldRootProvider = (props) => {
+  const [{
+    value: field
+  }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(() => field().getRootProps(), localProps);
+  return createComponent(FieldProvider, {
+    value: field,
+    get children() {
+      return createComponent(ark.div, mergedProps);
+    }
+  });
+};
+var FieldSelect = (props) => {
+  const field = useFieldContext();
+  const mergedProps = mergeProps(() => field?.().getSelectProps(), props);
+  return createComponent(ark.select, mergedProps);
+};
+var FieldTextarea = (props) => {
+  const field = useFieldContext();
+  const mergedProps = mergeProps(() => field?.().getTextareaProps(), props);
+  return createComponent(ark.textarea, mergedProps);
+};
+
+// src/components/field/field.ts
+var field_exports = {};
+__export(field_exports, {
+  Context: () => FieldContext,
+  ErrorText: () => FieldErrorText,
+  HelperText: () => FieldHelperText,
+  Input: () => FieldInput,
+  Label: () => FieldLabel,
+  Root: () => FieldRoot,
+  RootProvider: () => FieldRootProvider,
+  Select: () => FieldSelect,
+  Textarea: () => FieldTextarea
+});
+
+export { FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldLabel, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldAnatomy, field_exports, useFieldContext };