@ark-ui/react 3.5.0 → 3.6.1

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

@@ -0,0 +1,21 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+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 });
+  }
+);
+FieldsetHelperText.displayName = "FieldsetHelperText";
+
+exports.FieldsetHelperText = FieldsetHelperText;

package/dist/components/fieldset/fieldset-helper-text.d.cts

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface FieldsetHelperTextBaseProps extends PolymorphicProps {
+}
+export interface FieldsetHelperTextProps extends HTMLProps<'span'>, FieldsetHelperTextBaseProps {
+}
+export declare const FieldsetHelperText: ForwardRefExoticComponent<FieldsetHelperTextProps & RefAttributes<HTMLSpanElement>>;

package/dist/components/fieldset/fieldset-helper-text.d.ts

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface FieldsetHelperTextBaseProps extends PolymorphicProps {
+}
+export interface FieldsetHelperTextProps extends HTMLProps<'span'>, FieldsetHelperTextBaseProps {
+}
+export declare const FieldsetHelperText: ForwardRefExoticComponent<FieldsetHelperTextProps & RefAttributes<HTMLSpanElement>>;

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

@@ -0,0 +1,17 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+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 });
+  }
+);
+FieldsetHelperText.displayName = "FieldsetHelperText";
+
+export { FieldsetHelperText };

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

@@ -0,0 +1,19 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const factory = require('../factory.cjs');
+const useFieldsetContext = require('./use-fieldset-context.cjs');
+
+const FieldsetLegend = react.forwardRef((props, ref) => {
+  const fieldset = useFieldsetContext.useFieldsetContext();
+  const mergedProps = react$1.mergeProps(fieldset.getLegendProps(), props);
+  return /* @__PURE__ */ jsxRuntime.jsx(factory.ark.legend, { ...mergedProps, ref });
+});
+FieldsetLegend.displayName = "FieldsetLegend";
+
+exports.FieldsetLegend = FieldsetLegend;

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

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface FieldsetLegendBaseProps extends PolymorphicProps {
+}
+export interface FieldsetLegendProps extends HTMLProps<'legend'>, FieldsetLegendBaseProps {
+}
+export declare const FieldsetLegend: ForwardRefExoticComponent<FieldsetLegendProps & RefAttributes<HTMLLegendElement>>;

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

@@ -0,0 +1,8 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface FieldsetLegendBaseProps extends PolymorphicProps {
+}
+export interface FieldsetLegendProps extends HTMLProps<'legend'>, FieldsetLegendBaseProps {
+}
+export declare const FieldsetLegend: ForwardRefExoticComponent<FieldsetLegendProps & RefAttributes<HTMLLegendElement>>;

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

@@ -0,0 +1,15 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { ark } from '../factory.js';
+import { useFieldsetContext } from './use-fieldset-context.js';
+
+const FieldsetLegend = forwardRef((props, ref) => {
+  const fieldset = useFieldsetContext();
+  const mergedProps = mergeProps(fieldset.getLegendProps(), props);
+  return /* @__PURE__ */ jsx(ark.legend, { ...mergedProps, ref });
+});
+FieldsetLegend.displayName = "FieldsetLegend";
+
+export { FieldsetLegend };

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

@@ -0,0 +1,24 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+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 }) });
+  }
+);
+FieldsetRootProvider.displayName = "FieldsetRootProvider";
+
+exports.FieldsetRootProvider = FieldsetRootProvider;

package/dist/components/fieldset/fieldset-root-provider.d.cts

@@ -0,0 +1,13 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseFieldsetReturn } from './use-fieldset';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseFieldsetReturn;
+}
+export interface FieldsetRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface FieldsetRootProviderProps extends HTMLProps<'fieldset'>, FieldsetRootProviderBaseProps {
+}
+export declare const FieldsetRootProvider: ForwardRefExoticComponent<FieldsetRootProviderProps & RefAttributes<HTMLFieldSetElement>>;
+export {};

package/dist/components/fieldset/fieldset-root-provider.d.ts

@@ -0,0 +1,13 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseFieldsetReturn } from './use-fieldset';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+interface RootProviderProps {
+    value: UseFieldsetReturn;
+}
+export interface FieldsetRootProviderBaseProps extends RootProviderProps, PolymorphicProps {
+}
+export interface FieldsetRootProviderProps extends HTMLProps<'fieldset'>, FieldsetRootProviderBaseProps {
+}
+export declare const FieldsetRootProvider: ForwardRefExoticComponent<FieldsetRootProviderProps & RefAttributes<HTMLFieldSetElement>>;
+export {};

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

@@ -0,0 +1,20 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+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 }) });
+  }
+);
+FieldsetRootProvider.displayName = "FieldsetRootProvider";
+
+export { FieldsetRootProvider };

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

@@ -0,0 +1,27 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const jsxRuntime = require('react/jsx-runtime');
+const react$1 = require('@zag-js/react');
+const react = require('react');
+const composeRefs = require('../../utils/compose-refs.cjs');
+const createSplitProps = require('../../utils/create-split-props.cjs');
+const factory = require('../factory.cjs');
+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 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) }) });
+});
+FieldsetRoot.displayName = "FieldsetRoot";
+
+exports.FieldsetRoot = FieldsetRoot;

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

@@ -0,0 +1,9 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseFieldsetProps } from './use-fieldset';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface FieldsetRootBaseProps extends UseFieldsetProps, PolymorphicProps {
+}
+export interface FieldsetRootProps extends HTMLProps<'fieldset'>, FieldsetRootBaseProps {
+}
+export declare const FieldsetRoot: ForwardRefExoticComponent<FieldsetRootProps & RefAttributes<HTMLFieldSetElement>>;

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

@@ -0,0 +1,9 @@
+import { HTMLProps, PolymorphicProps } from '../factory';
+import { UseFieldsetProps } from './use-fieldset';
+import { ForwardRefExoticComponent, RefAttributes } from 'react';
+
+export interface FieldsetRootBaseProps extends UseFieldsetProps, PolymorphicProps {
+}
+export interface FieldsetRootProps extends HTMLProps<'fieldset'>, FieldsetRootBaseProps {
+}
+export declare const FieldsetRoot: ForwardRefExoticComponent<FieldsetRootProps & RefAttributes<HTMLFieldSetElement>>;

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

@@ -0,0 +1,23 @@
+'use client';
+import { jsx } from 'react/jsx-runtime';
+import { mergeProps } from '@zag-js/react';
+import { forwardRef } from 'react';
+import { composeRefs } from '../../utils/compose-refs.js';
+import { createSplitProps } from '../../utils/create-split-props.js';
+import { ark } from '../factory.js';
+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 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) }) });
+});
+FieldsetRoot.displayName = "FieldsetRoot";
+
+export { FieldsetRoot };

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

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

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

@@ -0,0 +1,3 @@
+import { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
+export declare const fieldsetAnatomy: AnatomyInstance<"legend" | "root" | "errorText" | "helperText">;
+export declare const parts: Record<"legend" | "root" | "errorText" | "helperText", AnatomyPart>;

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

@@ -0,0 +1,3 @@
+import { AnatomyInstance, AnatomyPart } from '@zag-js/anatomy';
+export declare const fieldsetAnatomy: AnatomyInstance<"legend" | "root" | "errorText" | "helperText">;
+export declare const parts: Record<"legend" | "root" | "errorText" | "helperText", AnatomyPart>;

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

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

package/dist/components/fieldset/fieldset.cjs

@@ -0,0 +1,19 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const fieldsetRoot = require('./fieldset-root.cjs');
+const fieldsetRootProvider = require('./fieldset-root-provider.cjs');
+const fieldsetLegend = require('./fieldset-legend.cjs');
+const fieldsetHelperText = require('./fieldset-helper-text.cjs');
+const fieldsetErrorText = require('./fieldset-error-text.cjs');
+const fieldsetContext = require('./fieldset-context.cjs');
+
+
+
+exports.Root = fieldsetRoot.FieldsetRoot;
+exports.RootProvider = fieldsetRootProvider.FieldsetRootProvider;
+exports.Legend = fieldsetLegend.FieldsetLegend;
+exports.HelperText = fieldsetHelperText.FieldsetHelperText;
+exports.ErrorText = fieldsetErrorText.FieldsetErrorText;
+exports.Context = fieldsetContext.FieldsetContext;

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

@@ -0,0 +1,6 @@
+export { FieldsetRoot as Root, type FieldsetRootProps as RootProps, type FieldsetRootBaseProps as RootBaseProps, } from './fieldset-root';
+export { FieldsetRootProvider as RootProvider, type FieldsetRootProviderProps as RootProviderProps, type FieldsetRootProviderBaseProps as RootProviderBaseProps, } from './fieldset-root-provider';
+export { FieldsetLegend as Legend, type FieldsetLegendProps as LegendProps, type FieldsetLegendBaseProps as LegendBaseProps, } from './fieldset-legend';
+export { FieldsetHelperText as HelperText, type FieldsetHelperTextProps as HelperTextProps, type FieldsetHelperTextBaseProps as HelperTextBaseProps, } from './fieldset-helper-text';
+export { FieldsetErrorText as ErrorText, type FieldsetErrorTextProps as ErrorTextProps, type FieldsetErrorTextBaseProps as ErrorTextBaseProps, } from './fieldset-error-text';
+export { FieldsetContext as Context, type FieldsetContextProps as ContextProps, } from './fieldset-context';

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

@@ -0,0 +1,6 @@
+export { FieldsetRoot as Root, type FieldsetRootProps as RootProps, type FieldsetRootBaseProps as RootBaseProps, } from './fieldset-root';
+export { FieldsetRootProvider as RootProvider, type FieldsetRootProviderProps as RootProviderProps, type FieldsetRootProviderBaseProps as RootProviderBaseProps, } from './fieldset-root-provider';
+export { FieldsetLegend as Legend, type FieldsetLegendProps as LegendProps, type FieldsetLegendBaseProps as LegendBaseProps, } from './fieldset-legend';
+export { FieldsetHelperText as HelperText, type FieldsetHelperTextProps as HelperTextProps, type FieldsetHelperTextBaseProps as HelperTextBaseProps, } from './fieldset-helper-text';
+export { FieldsetErrorText as ErrorText, type FieldsetErrorTextProps as ErrorTextProps, type FieldsetErrorTextBaseProps as ErrorTextBaseProps, } from './fieldset-error-text';
+export { FieldsetContext as Context, type FieldsetContextProps as ContextProps, } from './fieldset-context';

package/dist/components/fieldset/fieldset.js

@@ -0,0 +1,6 @@
+export { FieldsetRoot as Root } from './fieldset-root.js';
+export { FieldsetRootProvider as RootProvider } from './fieldset-root-provider.js';
+export { FieldsetLegend as Legend } from './fieldset-legend.js';
+export { FieldsetHelperText as HelperText } from './fieldset-helper-text.js';
+export { FieldsetErrorText as ErrorText } from './fieldset-error-text.js';
+export { FieldsetContext as Context } from './fieldset-context.js';

package/dist/components/fieldset/index.cjs

@@ -0,0 +1,25 @@
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const fieldsetContext = require('./fieldset-context.cjs');
+const fieldsetErrorText = require('./fieldset-error-text.cjs');
+const fieldsetHelperText = require('./fieldset-helper-text.cjs');
+const fieldsetRoot = require('./fieldset-root.cjs');
+const fieldsetRootProvider = require('./fieldset-root-provider.cjs');
+const fieldsetLegend = require('./fieldset-legend.cjs');
+const fieldset_anatomy = require('./fieldset.anatomy.cjs');
+const useFieldsetContext = require('./use-fieldset-context.cjs');
+const fieldset = require('./fieldset.cjs');
+
+
+
+exports.FieldsetContext = fieldsetContext.FieldsetContext;
+exports.FieldsetErrorText = fieldsetErrorText.FieldsetErrorText;
+exports.FieldsetHelperText = fieldsetHelperText.FieldsetHelperText;
+exports.FieldsetRoot = fieldsetRoot.FieldsetRoot;
+exports.FieldsetRootProvider = fieldsetRootProvider.FieldsetRootProvider;
+exports.FieldsetLegend = fieldsetLegend.FieldsetLegend;
+exports.fieldsetAnatomy = fieldset_anatomy.fieldsetAnatomy;
+exports.useFieldsetContext = useFieldsetContext.useFieldsetContext;
+exports.Fieldset = fieldset;

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

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

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

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

package/dist/components/fieldset/index.js

@@ -0,0 +1,10 @@
+export { FieldsetContext } from './fieldset-context.js';
+export { FieldsetErrorText } from './fieldset-error-text.js';
+export { FieldsetHelperText } from './fieldset-helper-text.js';
+export { FieldsetRoot } from './fieldset-root.js';
+export { FieldsetRootProvider } from './fieldset-root-provider.js';
+export { FieldsetLegend } from './fieldset-legend.js';
+export { fieldsetAnatomy } from './fieldset.anatomy.js';
+export { useFieldsetContext } from './use-fieldset-context.js';
+import * as fieldset from './fieldset.js';
+export { fieldset as Fieldset };

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

@@ -0,0 +1,16 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const createContext = require('../../utils/create-context.cjs');
+
+const [FieldsetProvider, useFieldsetContext] = createContext.createContext({
+  name: "FieldsetContext",
+  hookName: "useFieldsetContext",
+  providerName: "<FieldsetProvider />",
+  strict: false
+});
+
+exports.FieldsetProvider = FieldsetProvider;
+exports.useFieldsetContext = useFieldsetContext;

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

@@ -0,0 +1,6 @@
+import { UseFieldsetReturn } from './use-fieldset';
+import { Provider } from 'react';
+
+export interface UseFieldsetContext extends UseFieldsetReturn {
+}
+export declare const FieldsetProvider: Provider<UseFieldsetContext>, useFieldsetContext: () => UseFieldsetContext;

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

@@ -0,0 +1,6 @@
+import { UseFieldsetReturn } from './use-fieldset';
+import { Provider } from 'react';
+
+export interface UseFieldsetContext extends UseFieldsetReturn {
+}
+export declare const FieldsetProvider: Provider<UseFieldsetContext>, useFieldsetContext: () => UseFieldsetContext;

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

@@ -0,0 +1,11 @@
+'use client';
+import { createContext } from '../../utils/create-context.js';
+
+const [FieldsetProvider, useFieldsetContext] = createContext({
+  name: "FieldsetContext",
+  hookName: "useFieldsetContext",
+  providerName: "<FieldsetProvider />",
+  strict: false
+});
+
+export { FieldsetProvider, useFieldsetContext };

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

@@ -0,0 +1,85 @@
+'use client';
+'use strict';
+
+Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+
+const domQuery = require('@zag-js/dom-query');
+const react = require('react');
+const fieldset_anatomy = require('./fieldset.anatomy.cjs');
+
+const useFieldset = (props) => {
+  const { disabled = false, invalid = false } = props;
+  const hasErrorText = react.useRef(false);
+  const hasHelperText = react.useRef(false);
+  const id = props.id ?? react.useId();
+  const rootRef = react.useRef(null);
+  const errorTextId = `fieldset::${id}::error-text`;
+  const helperTextId = `fieldset::${id}::helper-text`;
+  react.useLayoutEffect(() => {
+    const rootNode = rootRef.current;
+    if (!rootNode) return;
+    const win = domQuery.getWindow(rootNode);
+    const doc = win.document;
+    const checkTextElements = () => {
+      hasErrorText.current = !!doc.getElementById(errorTextId);
+      hasHelperText.current = !!doc.getElementById(helperTextId);
+    };
+    checkTextElements();
+    const observer = new win.MutationObserver(checkTextElements);
+    observer.observe(rootNode, { childList: true, subtree: true });
+    return () => observer.disconnect();
+  }, [errorTextId, helperTextId]);
+  const labelIds = react.useMemo(() => {
+    const ids = [];
+    if (hasErrorText.current && invalid) ids.push(errorTextId);
+    if (hasHelperText.current) ids.push(helperTextId);
+    return ids.join(" ") || void 0;
+  }, [invalid, errorTextId, helperTextId]);
+  const getRootProps = react.useMemo(
+    () => () => ({
+      ...fieldset_anatomy.parts.root.attrs,
+      ref: rootRef,
+      disabled,
+      "data-disabled": disabled ? "true" : void 0,
+      "data-invalid": invalid ? "true" : void 0,
+      "aria-describedby": labelIds
+    }),
+    [disabled, invalid, labelIds]
+  );
+  const getLegendProps = react.useMemo(
+    () => () => ({
+      ...fieldset_anatomy.parts.legend.attrs,
+      "data-disabled": disabled ? "true" : void 0,
+      "data-invalid": invalid ? "true" : void 0
+    }),
+    [disabled, invalid]
+  );
+  const getHelperTextProps = react.useMemo(
+    () => () => ({
+      id: helperTextId,
+      ...fieldset_anatomy.parts.helperText.attrs
+    }),
+    [helperTextId]
+  );
+  const getErrorTextProps = react.useMemo(
+    () => () => ({
+      id: errorTextId,
+      ...fieldset_anatomy.parts.errorText.attrs,
+      "aria-live": "polite"
+    }),
+    [errorTextId]
+  );
+  return {
+    refs: {
+      rootRef
+    },
+    disabled,
+    invalid,
+    getRootProps,
+    getLegendProps,
+    getHelperTextProps,
+    getErrorTextProps
+  };
+};
+
+exports.useFieldset = useFieldset;

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

@@ -0,0 +1,29 @@
+import { HTMLProps } from '../factory';
+import { RefObject } from 'react';
+
+export interface UseFieldsetProps {
+    /**
+     * The id of the fieldset.
+     */
+    id?: string;
+    /**
+     * Indicates whether the fieldset is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Indicates whether the fieldset is invalid.
+     */
+    invalid?: boolean;
+}
+export type UseFieldsetReturn = ReturnType<typeof useFieldset>;
+export declare const useFieldset: (props: UseFieldsetProps) => {
+    refs: {
+        rootRef: RefObject<HTMLFieldSetElement>;
+    };
+    disabled: boolean;
+    invalid: boolean;
+    getRootProps: () => HTMLProps<"fieldset">;
+    getLegendProps: () => HTMLProps<"legend">;
+    getHelperTextProps: () => HTMLProps<"span">;
+    getErrorTextProps: () => HTMLProps<"span">;
+};

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

@@ -0,0 +1,29 @@
+import { HTMLProps } from '../factory';
+import { RefObject } from 'react';
+
+export interface UseFieldsetProps {
+    /**
+     * The id of the fieldset.
+     */
+    id?: string;
+    /**
+     * Indicates whether the fieldset is disabled.
+     */
+    disabled?: boolean;
+    /**
+     * Indicates whether the fieldset is invalid.
+     */
+    invalid?: boolean;
+}
+export type UseFieldsetReturn = ReturnType<typeof useFieldset>;
+export declare const useFieldset: (props: UseFieldsetProps) => {
+    refs: {
+        rootRef: RefObject<HTMLFieldSetElement>;
+    };
+    disabled: boolean;
+    invalid: boolean;
+    getRootProps: () => HTMLProps<"fieldset">;
+    getLegendProps: () => HTMLProps<"legend">;
+    getHelperTextProps: () => HTMLProps<"span">;
+    getErrorTextProps: () => HTMLProps<"span">;
+};