@ark-ui/react 4.9.2 → 5.0.0

package/dist/components/editable/use-editable.js

@@ -4,15 +4,15 @@ import { useMachine, normalizeProps } from '@zag-js/react';
 import { useId } from 'react';
 import { useEnvironmentContext } from '../../providers/environment/use-environment-context.js';
 import { useLocaleContext } from '../../providers/locale/use-locale-context.js';
-import { useEvent } from '../../utils/use-event.js';
 import { useFieldContext } from '../field/use-field-context.js';
 
 const useEditable = (props = {}) => {
+  const id = useId();
   const { getRootNode } = useEnvironmentContext();
   const { dir } = useLocaleContext();
   const field = useFieldContext();
-  const initialContext = {
-    id: useId(),
+  const machineProps = {
+    id,
     ids: {
       label: field?.ids.label,
       input: field?.ids.control
@@ -23,21 +23,10 @@ const useEditable = (props = {}) => {
     readOnly: field?.readOnly,
     required: field?.required,
     getRootNode,
-    edit: props.defaultEdit,
-    value: props.defaultValue,
-    "edit.controlled": props.edit !== void 0,
     ...props
   };
-  const context = {
-    ...initialContext,
-    value: props.value,
-    onValueChange: useEvent(props.onValueChange, { sync: true }),
-    onEditChange: useEvent(props.onEditChange),
-    onValueCommit: useEvent(props.onValueCommit),
-    onValueRevert: useEvent(props.onValueRevert)
-  };
-  const [state, send] = useMachine(editable.machine(initialContext), { context });
-  return editable.connect(state, send, normalizeProps);
+  const service = useMachine(editable.machine, machineProps);
+  return editable.connect(service, normalizeProps);
 };
 
 export { useEditable };

package/dist/components/field/field-root-provider.cjs

@@ -10,13 +10,11 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useFieldContext = require('./use-field-context.cjs');
 
-const FieldRootProvider = react.forwardRef(
-  (props, ref) => {
-    const [{ value: field }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
-    const mergedProps = react$1.mergeProps(field.getRootProps(), localProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(useFieldContext.FieldProvider, { value: field, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
-  }
-);
+const FieldRootProvider = react.forwardRef((props, ref) => {
+  const [{ value: field }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+  const mergedProps = react$1.mergeProps(field.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useFieldContext.FieldProvider, { value: field, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref }) });
+});
 FieldRootProvider.displayName = "FieldRootProvider";
 
 exports.FieldRootProvider = FieldRootProvider;

package/dist/components/field/field-root-provider.js

@@ -6,13 +6,11 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { FieldProvider } from './use-field-context.js';
 
-const FieldRootProvider = forwardRef(
-  (props, ref) => {
-    const [{ value: field }, localProps] = createSplitProps()(props, ["value"]);
-    const mergedProps = mergeProps(field.getRootProps(), localProps);
-    return /* @__PURE__ */ jsx(FieldProvider, { value: field, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
-  }
-);
+const FieldRootProvider = forwardRef((props, ref) => {
+  const [{ value: field }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(field.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(FieldProvider, { value: field, children: /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref }) });
+});
 FieldRootProvider.displayName = "FieldRootProvider";
 
 export { FieldRootProvider };

package/dist/components/field/index.d.cts

@@ -1,13 +1,13 @@
 export { FieldContext, type FieldContextProps } from './field-context';
-export { FieldErrorText, type FieldErrorTextBaseProps, type FieldErrorTextProps, } from './field-error-text';
-export { FieldHelperText, type FieldHelperTextBaseProps, type FieldHelperTextProps, } from './field-helper-text';
+export { FieldErrorText, type FieldErrorTextBaseProps, type FieldErrorTextProps } from './field-error-text';
+export { FieldHelperText, type FieldHelperTextBaseProps, type FieldHelperTextProps } from './field-helper-text';
 export { FieldInput, type FieldInputBaseProps, type FieldInputProps } from './field-input';
 export { FieldLabel, type FieldLabelBaseProps, type FieldLabelProps } from './field-label';
 export { FieldRequiredIndicator, type FieldRequiredIndicatorBaseProps, type FieldRequiredIndicatorProps, } from './field-required-indicator';
 export { FieldRoot, type FieldRootBaseProps, type FieldRootProps } from './field-root';
-export { FieldRootProvider, type FieldRootProviderBaseProps, type FieldRootProviderProps, } from './field-root-provider';
+export { FieldRootProvider, type FieldRootProviderBaseProps, type FieldRootProviderProps } from './field-root-provider';
 export { FieldSelect, type FieldSelectBaseProps, type FieldSelectProps } from './field-select';
-export { FieldTextarea, type FieldTextareaBaseProps, type FieldTextareaProps, } from './field-textarea';
+export { FieldTextarea, type FieldTextareaBaseProps, type FieldTextareaProps } from './field-textarea';
 export { fieldAnatomy } from './field.anatomy';
 export { useFieldContext, type UseFieldContext } from './use-field-context';
 export * as Field from './field';

package/dist/components/field/index.d.ts

@@ -1,13 +1,13 @@
 export { FieldContext, type FieldContextProps } from './field-context';
-export { FieldErrorText, type FieldErrorTextBaseProps, type FieldErrorTextProps, } from './field-error-text';
-export { FieldHelperText, type FieldHelperTextBaseProps, type FieldHelperTextProps, } from './field-helper-text';
+export { FieldErrorText, type FieldErrorTextBaseProps, type FieldErrorTextProps } from './field-error-text';
+export { FieldHelperText, type FieldHelperTextBaseProps, type FieldHelperTextProps } from './field-helper-text';
 export { FieldInput, type FieldInputBaseProps, type FieldInputProps } from './field-input';
 export { FieldLabel, type FieldLabelBaseProps, type FieldLabelProps } from './field-label';
 export { FieldRequiredIndicator, type FieldRequiredIndicatorBaseProps, type FieldRequiredIndicatorProps, } from './field-required-indicator';
 export { FieldRoot, type FieldRootBaseProps, type FieldRootProps } from './field-root';
-export { FieldRootProvider, type FieldRootProviderBaseProps, type FieldRootProviderProps, } from './field-root-provider';
+export { FieldRootProvider, type FieldRootProviderBaseProps, type FieldRootProviderProps } from './field-root-provider';
 export { FieldSelect, type FieldSelectBaseProps, type FieldSelectProps } from './field-select';
-export { FieldTextarea, type FieldTextareaBaseProps, type FieldTextareaProps, } from './field-textarea';
+export { FieldTextarea, type FieldTextareaBaseProps, type FieldTextareaProps } from './field-textarea';
 export { fieldAnatomy } from './field.anatomy';
 export { useFieldContext, type UseFieldContext } from './use-field-context';
 export * as Field from './field';

package/dist/components/field/use-field.cjs

@@ -9,17 +9,11 @@ const useSafeLayoutEffect = require('../../utils/use-safe-layout-effect.cjs');
 const useFieldsetContext = require('../fieldset/use-fieldset-context.cjs');
 const field_anatomy = require('./field.anatomy.cjs');
 
-const useField = (props) => {
+const useField = (props = {}) => {
   const fieldset = useFieldsetContext.useFieldsetContext();
-  const {
-    ids,
-    disabled = Boolean(fieldset?.disabled),
-    invalid = false,
-    readOnly = false,
-    required = false
-  } = props;
-  const hasErrorText = react.useRef(false);
-  const hasHelperText = react.useRef(false);
+  const { ids, disabled = Boolean(fieldset?.disabled), invalid = false, readOnly = false, required = false } = props;
+  const [hasErrorText, setHasErrorText] = react.useState(false);
+  const [hasHelperText, setHasHelperText] = react.useState(false);
   const id = props.id ?? react.useId();
   const rootRef = react.useRef(null);
   const rootId = ids?.control ?? `field::${id}`;
@@ -32,8 +26,8 @@ const useField = (props) => {
     const win = domQuery.getWindow(rootNode);
     const doc = win.document;
     const checkTextElements = () => {
-      hasErrorText.current = !!doc.getElementById(errorTextId);
-      hasHelperText.current = !!doc.getElementById(helperTextId);
+      setHasErrorText(!!doc.getElementById(errorTextId));
+      setHasHelperText(!!doc.getElementById(helperTextId));
     };
     checkTextElements();
     const observer = new win.MutationObserver(checkTextElements);
@@ -42,10 +36,10 @@ const useField = (props) => {
   }, [errorTextId, helperTextId]);
   const labelIds = react.useMemo(() => {
     const ids2 = [];
-    if (hasErrorText.current && invalid) ids2.push(errorTextId);
-    if (hasHelperText.current) ids2.push(helperTextId);
+    if (hasErrorText && invalid) ids2.push(errorTextId);
+    if (hasHelperText) ids2.push(helperTextId);
     return ids2.join(" ") || void 0;
-  }, [invalid, errorTextId, helperTextId]);
+  }, [invalid, errorTextId, helperTextId, hasErrorText, hasHelperText]);
   const getRootProps = react.useMemo(
     () => () => ({
       ...field_anatomy.parts.root.attrs,

package/dist/components/field/use-field.d.cts

@@ -34,7 +34,7 @@ export interface UseFieldProps {
     readOnly?: boolean;
 }
 export type UseFieldReturn = ReturnType<typeof useField>;
-export declare const useField: (props: UseFieldProps) => {
+export declare const useField: (props?: UseFieldProps) => {
     ariaDescribedby: string | undefined;
     ids: {
         root: string;

package/dist/components/field/use-field.d.ts

@@ -34,7 +34,7 @@ export interface UseFieldProps {
     readOnly?: boolean;
 }
 export type UseFieldReturn = ReturnType<typeof useField>;
-export declare const useField: (props: UseFieldProps) => {
+export declare const useField: (props?: UseFieldProps) => {
     ariaDescribedby: string | undefined;
     ids: {
         root: string;

package/dist/components/field/use-field.js

@@ -1,21 +1,15 @@
 'use client';
 import { getWindow, dataAttr, ariaAttr } from '@zag-js/dom-query';
-import { useRef, useId, useMemo } from 'react';
+import { useState, useId, useRef, useMemo } from 'react';
 import { useSafeLayoutEffect } from '../../utils/use-safe-layout-effect.js';
 import { useFieldsetContext } from '../fieldset/use-fieldset-context.js';
 import { parts } from './field.anatomy.js';
 
-const useField = (props) => {
+const useField = (props = {}) => {
   const fieldset = useFieldsetContext();
-  const {
-    ids,
-    disabled = Boolean(fieldset?.disabled),
-    invalid = false,
-    readOnly = false,
-    required = false
-  } = props;
-  const hasErrorText = useRef(false);
-  const hasHelperText = useRef(false);
+  const { ids, disabled = Boolean(fieldset?.disabled), invalid = false, readOnly = false, required = false } = props;
+  const [hasErrorText, setHasErrorText] = useState(false);
+  const [hasHelperText, setHasHelperText] = useState(false);
   const id = props.id ?? useId();
   const rootRef = useRef(null);
   const rootId = ids?.control ?? `field::${id}`;
@@ -28,8 +22,8 @@ const useField = (props) => {
     const win = getWindow(rootNode);
     const doc = win.document;
     const checkTextElements = () => {
-      hasErrorText.current = !!doc.getElementById(errorTextId);
-      hasHelperText.current = !!doc.getElementById(helperTextId);
+      setHasErrorText(!!doc.getElementById(errorTextId));
+      setHasHelperText(!!doc.getElementById(helperTextId));
     };
     checkTextElements();
     const observer = new win.MutationObserver(checkTextElements);
@@ -38,10 +32,10 @@ const useField = (props) => {
   }, [errorTextId, helperTextId]);
   const labelIds = useMemo(() => {
     const ids2 = [];
-    if (hasErrorText.current && invalid) ids2.push(errorTextId);
-    if (hasHelperText.current) ids2.push(helperTextId);
+    if (hasErrorText && invalid) ids2.push(errorTextId);
+    if (hasHelperText) ids2.push(helperTextId);
     return ids2.join(" ") || void 0;
-  }, [invalid, errorTextId, helperTextId]);
+  }, [invalid, errorTextId, helperTextId, hasErrorText, hasHelperText]);
   const getRootProps = useMemo(
     () => () => ({
       ...parts.root.attrs,

package/dist/components/fieldset/fieldset-error-text.cjs

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useFieldsetContext = require('./use-fieldset-context.cjs');
 
-const FieldsetErrorText = react.forwardRef(
-  (props, ref) => {
-    const fieldset = useFieldsetContext.useFieldsetContext();
-    const mergedProps = react$1.mergeProps(fieldset.getErrorTextProps(), props);
-    return fieldset.invalid ? /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref }) : null;
-  }
-);
+const FieldsetErrorText = react.forwardRef((props, ref) => {
+  const fieldset = useFieldsetContext.useFieldsetContext();
+  const mergedProps = react$1.mergeProps(fieldset.getErrorTextProps(), props);
+  return fieldset.invalid ? /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref }) : null;
+});
 FieldsetErrorText.displayName = "FieldsetErrorText";
 
 exports.FieldsetErrorText = FieldsetErrorText;

package/dist/components/fieldset/fieldset-error-text.js

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useFieldsetContext } from './use-fieldset-context.js';
 
-const FieldsetErrorText = forwardRef(
-  (props, ref) => {
-    const fieldset = useFieldsetContext();
-    const mergedProps = mergeProps(fieldset.getErrorTextProps(), props);
-    return fieldset.invalid ? /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref }) : null;
-  }
-);
+const FieldsetErrorText = forwardRef((props, ref) => {
+  const fieldset = useFieldsetContext();
+  const mergedProps = mergeProps(fieldset.getErrorTextProps(), props);
+  return fieldset.invalid ? /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref }) : null;
+});
 FieldsetErrorText.displayName = "FieldsetErrorText";
 
 export { FieldsetErrorText };

package/dist/components/fieldset/fieldset-helper-text.cjs

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useFieldsetContext = require('./use-fieldset-context.cjs');
 
-const FieldsetHelperText = react.forwardRef(
-  (props, ref) => {
-    const fieldset = useFieldsetContext.useFieldsetContext();
-    const mergedProps = react$1.mergeProps(fieldset.getHelperTextProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });
-  }
-);
+const FieldsetHelperText = react.forwardRef((props, ref) => {
+  const fieldset = useFieldsetContext.useFieldsetContext();
+  const mergedProps = react$1.mergeProps(fieldset.getHelperTextProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.span, { ...mergedProps, ref });
+});
 FieldsetHelperText.displayName = "FieldsetHelperText";
 
 exports.FieldsetHelperText = FieldsetHelperText;

package/dist/components/fieldset/fieldset-helper-text.js

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useFieldsetContext } from './use-fieldset-context.js';
 
-const FieldsetHelperText = forwardRef(
-  (props, ref) => {
-    const fieldset = useFieldsetContext();
-    const mergedProps = mergeProps(fieldset.getHelperTextProps(), props);
-    return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
-  }
-);
+const FieldsetHelperText = forwardRef((props, ref) => {
+  const fieldset = useFieldsetContext();
+  const mergedProps = mergeProps(fieldset.getHelperTextProps(), props);
+  return /* @__PURE__ */ jsx(ark.span, { ...mergedProps, ref });
+});
 FieldsetHelperText.displayName = "FieldsetHelperText";
 
 export { FieldsetHelperText };

package/dist/components/fieldset/fieldset-root-provider.cjs

@@ -10,15 +10,11 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useFieldsetContext = require('./use-fieldset-context.cjs');
 
-const FieldsetRootProvider = react.forwardRef(
-  (props, ref) => {
-    const [{ value: fieldset }, localProps] = createSplitProps.createSplitProps()(props, [
-      "value"
-    ]);
-    const mergedProps = react$1.mergeProps(fieldset.getRootProps(), localProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(useFieldsetContext.FieldsetProvider, { value: fieldset, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.fieldset, { ...mergedProps, ref }) });
-  }
-);
+const FieldsetRootProvider = react.forwardRef((props, ref) => {
+  const [{ value: fieldset }, localProps] = createSplitProps.createSplitProps()(props, ["value"]);
+  const mergedProps = react$1.mergeProps(fieldset.getRootProps(), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(useFieldsetContext.FieldsetProvider, { value: fieldset, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.fieldset, { ...mergedProps, ref }) });
+});
 FieldsetRootProvider.displayName = "FieldsetRootProvider";
 
 exports.FieldsetRootProvider = FieldsetRootProvider;

package/dist/components/fieldset/fieldset-root-provider.js

@@ -6,15 +6,11 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { FieldsetProvider } from './use-fieldset-context.js';
 
-const FieldsetRootProvider = forwardRef(
-  (props, ref) => {
-    const [{ value: fieldset }, localProps] = createSplitProps()(props, [
-      "value"
-    ]);
-    const mergedProps = mergeProps(fieldset.getRootProps(), localProps);
-    return /* @__PURE__ */ jsx(FieldsetProvider, { value: fieldset, children: /* @__PURE__ */ jsx(ark.fieldset, { ...mergedProps, ref }) });
-  }
-);
+const FieldsetRootProvider = forwardRef((props, ref) => {
+  const [{ value: fieldset }, localProps] = createSplitProps()(props, ["value"]);
+  const mergedProps = mergeProps(fieldset.getRootProps(), localProps);
+  return /* @__PURE__ */ jsx(FieldsetProvider, { value: fieldset, children: /* @__PURE__ */ jsx(ark.fieldset, { ...mergedProps, ref }) });
+});
 FieldsetRootProvider.displayName = "FieldsetRootProvider";
 
 export { FieldsetRootProvider };

package/dist/components/fieldset/fieldset-root.cjs

@@ -13,11 +13,7 @@ const useFieldset = require('./use-fieldset.cjs');
 const useFieldsetContext = require('./use-fieldset-context.cjs');
 
 const FieldsetRoot = react.forwardRef((props, ref) => {
-  const [useFieldsetProps, localProps] = createSplitProps.createSplitProps()(props, [
-    "id",
-    "disabled",
-    "invalid"
-  ]);
+  const [useFieldsetProps, localProps] = createSplitProps.createSplitProps()(props, ["id", "disabled", "invalid"]);
   const fieldset = useFieldset.useFieldset(useFieldsetProps);
   const mergedProps = react$1.mergeProps(fieldset.getRootProps(), localProps);
   return /* @__PURE__ */ jsxRuntime.jsx(useFieldsetContext.FieldsetProvider, { value: fieldset, children: /* @__PURE__ */ jsxRuntime.jsx(factory.ark.fieldset, { ...mergedProps, ref: composeRefs.composeRefs(ref, fieldset.refs.rootRef) }) });

package/dist/components/fieldset/fieldset-root.js

@@ -9,11 +9,7 @@ import { useFieldset } from './use-fieldset.js';
 import { FieldsetProvider } from './use-fieldset-context.js';
 
 const FieldsetRoot = forwardRef((props, ref) => {
-  const [useFieldsetProps, localProps] = createSplitProps()(props, [
-    "id",
-    "disabled",
-    "invalid"
-  ]);
+  const [useFieldsetProps, localProps] = createSplitProps()(props, ["id", "disabled", "invalid"]);
   const fieldset = useFieldset(useFieldsetProps);
   const mergedProps = mergeProps(fieldset.getRootProps(), localProps);
   return /* @__PURE__ */ jsx(FieldsetProvider, { value: fieldset, children: /* @__PURE__ */ jsx(ark.fieldset, { ...mergedProps, ref: composeRefs(ref, fieldset.refs.rootRef) }) });

package/dist/components/fieldset/fieldset.anatomy.cjs

@@ -5,12 +5,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
 
 const anatomy = require('@zag-js/anatomy');
 
-const fieldsetAnatomy = anatomy.createAnatomy("fieldset").parts(
-  "root",
-  "errorText",
-  "helperText",
-  "legend"
-);
+const fieldsetAnatomy = anatomy.createAnatomy("fieldset").parts("root", "errorText", "helperText", "legend");
 const parts = fieldsetAnatomy.build();
 
 exports.fieldsetAnatomy = fieldsetAnatomy;

package/dist/components/fieldset/fieldset.anatomy.js

@@ -1,12 +1,7 @@
 'use client';
 import { createAnatomy } from '@zag-js/anatomy';
 
-const fieldsetAnatomy = createAnatomy("fieldset").parts(
-  "root",
-  "errorText",
-  "helperText",
-  "legend"
-);
+const fieldsetAnatomy = createAnatomy("fieldset").parts("root", "errorText", "helperText", "legend");
 const parts = fieldsetAnatomy.build();
 
 export { fieldsetAnatomy, parts };

package/dist/components/fieldset/fieldset.d.cts

@@ -1,4 +1,4 @@
-export { FieldsetContext as Context, type FieldsetContextProps as ContextProps, } from './fieldset-context';
+export { FieldsetContext as Context, type FieldsetContextProps as ContextProps } from './fieldset-context';
 export { FieldsetErrorText as ErrorText, type FieldsetErrorTextBaseProps as ErrorTextBaseProps, type FieldsetErrorTextProps as ErrorTextProps, } from './fieldset-error-text';
 export { FieldsetHelperText as HelperText, type FieldsetHelperTextBaseProps as HelperTextBaseProps, type FieldsetHelperTextProps as HelperTextProps, } from './fieldset-helper-text';
 export { FieldsetLegend as Legend, type FieldsetLegendBaseProps as LegendBaseProps, type FieldsetLegendProps as LegendProps, } from './fieldset-legend';

package/dist/components/fieldset/fieldset.d.ts

@@ -1,4 +1,4 @@
-export { FieldsetContext as Context, type FieldsetContextProps as ContextProps, } from './fieldset-context';
+export { FieldsetContext as Context, type FieldsetContextProps as ContextProps } from './fieldset-context';
 export { FieldsetErrorText as ErrorText, type FieldsetErrorTextBaseProps as ErrorTextBaseProps, type FieldsetErrorTextProps as ErrorTextProps, } from './fieldset-error-text';
 export { FieldsetHelperText as HelperText, type FieldsetHelperTextBaseProps as HelperTextBaseProps, type FieldsetHelperTextProps as HelperTextProps, } from './fieldset-helper-text';
 export { FieldsetLegend as Legend, type FieldsetLegendBaseProps as LegendBaseProps, type FieldsetLegendProps as LegendProps, } from './fieldset-legend';

package/dist/components/fieldset/index.d.cts

@@ -1,7 +1,7 @@
 export { FieldsetContext, type FieldsetContextProps } from './fieldset-context';
-export { FieldsetErrorText, type FieldsetErrorTextBaseProps, type FieldsetErrorTextProps, } from './fieldset-error-text';
+export { FieldsetErrorText, type FieldsetErrorTextBaseProps, type FieldsetErrorTextProps } from './fieldset-error-text';
 export { FieldsetHelperText, type FieldsetHelperTextBaseProps, type FieldsetHelperTextProps, } from './fieldset-helper-text';
-export { FieldsetLegend, type FieldsetLegendBaseProps, type FieldsetLegendProps, } from './fieldset-legend';
+export { FieldsetLegend, type FieldsetLegendBaseProps, type FieldsetLegendProps } from './fieldset-legend';
 export { FieldsetRoot, type FieldsetRootBaseProps, type FieldsetRootProps } from './fieldset-root';
 export { FieldsetRootProvider, type FieldsetRootProviderBaseProps, type FieldsetRootProviderProps, } from './fieldset-root-provider';
 export { fieldsetAnatomy } from './fieldset.anatomy';

package/dist/components/fieldset/index.d.ts

@@ -1,7 +1,7 @@
 export { FieldsetContext, type FieldsetContextProps } from './fieldset-context';
-export { FieldsetErrorText, type FieldsetErrorTextBaseProps, type FieldsetErrorTextProps, } from './fieldset-error-text';
+export { FieldsetErrorText, type FieldsetErrorTextBaseProps, type FieldsetErrorTextProps } from './fieldset-error-text';
 export { FieldsetHelperText, type FieldsetHelperTextBaseProps, type FieldsetHelperTextProps, } from './fieldset-helper-text';
-export { FieldsetLegend, type FieldsetLegendBaseProps, type FieldsetLegendProps, } from './fieldset-legend';
+export { FieldsetLegend, type FieldsetLegendBaseProps, type FieldsetLegendProps } from './fieldset-legend';
 export { FieldsetRoot, type FieldsetRootBaseProps, type FieldsetRootProps } from './fieldset-root';
 export { FieldsetRootProvider, type FieldsetRootProviderBaseProps, type FieldsetRootProviderProps, } from './fieldset-root-provider';
 export { fieldsetAnatomy } from './fieldset.anatomy';

package/dist/components/fieldset/use-fieldset.cjs

@@ -8,7 +8,7 @@ const react = require('react');
 const useSafeLayoutEffect = require('../../utils/use-safe-layout-effect.cjs');
 const fieldset_anatomy = require('./fieldset.anatomy.cjs');
 
-const useFieldset = (props) => {
+const useFieldset = (props = {}) => {
   const { disabled = false, invalid = false } = props;
   const hasErrorText = react.useRef(false);
   const hasHelperText = react.useRef(false);

package/dist/components/fieldset/use-fieldset.d.cts

@@ -15,7 +15,7 @@ export interface UseFieldsetProps {
     invalid?: boolean;
 }
 export type UseFieldsetReturn = ReturnType<typeof useFieldset>;
-export declare const useFieldset: (props: UseFieldsetProps) => {
+export declare const useFieldset: (props?: UseFieldsetProps) => {
     refs: {
         rootRef: RefObject<HTMLFieldSetElement | null>;
     };

package/dist/components/fieldset/use-fieldset.d.ts

@@ -15,7 +15,7 @@ export interface UseFieldsetProps {
     invalid?: boolean;
 }
 export type UseFieldsetReturn = ReturnType<typeof useFieldset>;
-export declare const useFieldset: (props: UseFieldsetProps) => {
+export declare const useFieldset: (props?: UseFieldsetProps) => {
     refs: {
         rootRef: RefObject<HTMLFieldSetElement | null>;
     };

package/dist/components/fieldset/use-fieldset.js

@@ -4,7 +4,7 @@ import { useRef, useId, useMemo } from 'react';
 import { useSafeLayoutEffect } from '../../utils/use-safe-layout-effect.js';
 import { parts } from './fieldset.anatomy.js';
 
-const useFieldset = (props) => {
+const useFieldset = (props = {}) => {
   const { disabled = false, invalid = false } = props;
   const hasErrorText = useRef(false);
   const hasHelperText = useRef(false);

package/dist/components/file-upload/file-upload-clear-trigger.cjs

@@ -9,13 +9,11 @@ const react = require('react');
 const factory = require('../factory.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
 
-const FileUploadClearTrigger = react.forwardRef(
-  (props, ref) => {
-    const fileUpload = useFileUploadContext.useFileUploadContext();
-    const mergedProps = react$1.mergeProps(fileUpload.getClearTriggerProps(), props);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
-  }
-);
+const FileUploadClearTrigger = react.forwardRef((props, ref) => {
+  const fileUpload = useFileUploadContext.useFileUploadContext();
+  const mergedProps = react$1.mergeProps(fileUpload.getClearTriggerProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.button, { ...mergedProps, ref });
+});
 FileUploadClearTrigger.displayName = "FileUploadClearTrigger";
 
 exports.FileUploadClearTrigger = FileUploadClearTrigger;

package/dist/components/file-upload/file-upload-clear-trigger.js

@@ -5,13 +5,11 @@ import { forwardRef } from 'react';
 import { ark } from '../factory.js';
 import { useFileUploadContext } from './use-file-upload-context.js';
 
-const FileUploadClearTrigger = forwardRef(
-  (props, ref) => {
-    const fileUpload = useFileUploadContext();
-    const mergedProps = mergeProps(fileUpload.getClearTriggerProps(), props);
-    return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
-  }
-);
+const FileUploadClearTrigger = forwardRef((props, ref) => {
+  const fileUpload = useFileUploadContext();
+  const mergedProps = mergeProps(fileUpload.getClearTriggerProps(), props);
+  return /* @__PURE__ */ jsx(ark.button, { ...mergedProps, ref });
+});
 FileUploadClearTrigger.displayName = "FileUploadClearTrigger";
 
 export { FileUploadClearTrigger };

package/dist/components/file-upload/file-upload-dropzone.cjs

@@ -10,14 +10,12 @@ const createSplitProps = require('../../utils/create-split-props.cjs');
 const factory = require('../factory.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
 
-const FileUploadDropzone = react.forwardRef(
-  (props, ref) => {
-    const [dropzoneProps, localProps] = createSplitProps.createSplitProps()(props, ["disableClick"]);
-    const fileUpload = useFileUploadContext.useFileUploadContext();
-    const mergedProps = react$1.mergeProps(fileUpload.getDropzoneProps(dropzoneProps), localProps);
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
-  }
-);
+const FileUploadDropzone = react.forwardRef((props, ref) => {
+  const [dropzoneProps, localProps] = createSplitProps.createSplitProps()(props, ["disableClick"]);
+  const fileUpload = useFileUploadContext.useFileUploadContext();
+  const mergedProps = react$1.mergeProps(fileUpload.getDropzoneProps(dropzoneProps), localProps);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.div, { ...mergedProps, ref });
+});
 FileUploadDropzone.displayName = "FileUploadDropzone";
 
 exports.FileUploadDropzone = FileUploadDropzone;

package/dist/components/file-upload/file-upload-dropzone.js

@@ -6,14 +6,12 @@ import { createSplitProps } from '../../utils/create-split-props.js';
 import { ark } from '../factory.js';
 import { useFileUploadContext } from './use-file-upload-context.js';
 
-const FileUploadDropzone = forwardRef(
-  (props, ref) => {
-    const [dropzoneProps, localProps] = createSplitProps()(props, ["disableClick"]);
-    const fileUpload = useFileUploadContext();
-    const mergedProps = mergeProps(fileUpload.getDropzoneProps(dropzoneProps), localProps);
-    return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
-  }
-);
+const FileUploadDropzone = forwardRef((props, ref) => {
+  const [dropzoneProps, localProps] = createSplitProps()(props, ["disableClick"]);
+  const fileUpload = useFileUploadContext();
+  const mergedProps = mergeProps(fileUpload.getDropzoneProps(dropzoneProps), localProps);
+  return /* @__PURE__ */ jsx(ark.div, { ...mergedProps, ref });
+});
 FileUploadDropzone.displayName = "FileUploadDropzone";
 
 export { FileUploadDropzone };

package/dist/components/file-upload/file-upload-hidden-input.cjs

@@ -10,14 +10,12 @@ const factory = require('../factory.cjs');
 const useFieldContext = require('../field/use-field-context.cjs');
 const useFileUploadContext = require('./use-file-upload-context.cjs');
 
-const FileUploadHiddenInput = react.forwardRef(
-  (props, ref) => {
-    const fileUpload = useFileUploadContext.useFileUploadContext();
-    const mergedProps = react$1.mergeProps(fileUpload.getHiddenInputProps(), props);
-    const field = useFieldContext.useFieldContext();
-    return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
-  }
-);
+const FileUploadHiddenInput = react.forwardRef((props, ref) => {
+  const fileUpload = useFileUploadContext.useFileUploadContext();
+  const mergedProps = react$1.mergeProps(fileUpload.getHiddenInputProps(), props);
+  const field = useFieldContext.useFieldContext();
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.input, { "aria-describedby": field?.ariaDescribedby, ...mergedProps, ref });
+});
 FileUploadHiddenInput.displayName = "FileUploadHiddenInput";
 
 exports.FileUploadHiddenInput = FileUploadHiddenInput;