@wirekyt/react 0.0.1 → 0.0.2

package/dist/field.d.ts

@@ -0,0 +1,129 @@
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
+import { PropsWithChildren, ReactNode } from "react";
+//#region src/components/field/use.d.ts
+interface ElementIds {
+  root?: string | undefined;
+  control?: string | undefined;
+  label?: string | undefined;
+  errorText?: string | undefined;
+  helperText?: string | undefined;
+}
+interface UseFieldProps {
+  id?: string | undefined;
+  ids?: ElementIds | undefined;
+  required?: boolean | undefined;
+  disabled?: boolean | undefined;
+  invalid?: boolean | undefined;
+  readOnly?: boolean | undefined;
+  target?: string | undefined;
+}
+type UseFieldReturn = ReturnType<typeof useField>;
+declare const useField: (props?: UseFieldProps) => {
+  ariaDescribedby: string | undefined;
+  ids: {
+    root: string;
+    control: string;
+    label: string;
+    errorText: string;
+    helperText: string;
+  };
+  refs: {
+    rootRef: import("react").RefObject<HTMLDivElement | null>;
+  };
+  disabled: boolean;
+  invalid: boolean;
+  readOnly: boolean;
+  required: boolean;
+  getLabelProps: () => HTMLProps<"label">;
+  getRootProps: () => HTMLProps<"div">;
+  getInputProps: () => HTMLProps<"input">;
+  getTextareaProps: () => HTMLProps<"textarea">;
+  getSelectProps: () => HTMLProps<"select">;
+  getHelperTextProps: () => HTMLProps<"span">;
+  getErrorTextProps: () => HTMLProps<"span">;
+  getRequiredIndicatorProps: () => HTMLProps<"span">;
+};
+//#endregion
+//#region src/components/field/use-context.d.ts
+interface UseFieldContext extends UseFieldReturn {}
+declare const FieldProvider: import("react").Provider<UseFieldContext>, useFieldContext: () => UseFieldContext;
+//#endregion
+//#region src/components/field/context.d.ts
+interface FieldContextProps {
+  children: (context: UseFieldContext) => ReactNode;
+}
+declare const FieldContext: (props: FieldContextProps) => ReactNode;
+//#endregion
+//#region src/components/field/error-text.d.ts
+interface FieldErrorTextBaseProps extends PolymorphicProps {}
+interface FieldErrorTextProps extends HTMLProps<"span">, FieldErrorTextBaseProps {}
+declare const FieldErrorText: import("react").ForwardRefExoticComponent<FieldErrorTextProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/field/helper-text.d.ts
+interface FieldHelperTextBaseProps extends PolymorphicProps {}
+interface FieldHelperTextProps extends HTMLProps<"span">, FieldHelperTextBaseProps {}
+declare const FieldHelperText: import("react").ForwardRefExoticComponent<FieldHelperTextProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/field/input.d.ts
+interface FieldInputBaseProps extends PolymorphicProps {}
+interface FieldInputProps extends HTMLProps<"input">, FieldInputBaseProps {}
+declare const FieldInput: import("react").ForwardRefExoticComponent<FieldInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/field/item.d.ts
+interface FieldItemBaseProps {
+  value: string;
+}
+interface FieldItemProps extends PropsWithChildren<FieldItemBaseProps> {}
+declare const FieldItem: {
+  (props: FieldItemProps): import("react").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/field/label.d.ts
+interface FieldLabelBaseProps extends PolymorphicProps {}
+interface FieldLabelProps extends HTMLProps<"label">, FieldLabelBaseProps {}
+declare const FieldLabel: import("react").ForwardRefExoticComponent<FieldLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/field/required-indicator.d.ts
+interface FieldRequiredIndicatorBaseProps extends PolymorphicProps {
+  fallback?: React.ReactNode | undefined;
+}
+interface FieldRequiredIndicatorProps extends HTMLProps<"span">, FieldRequiredIndicatorBaseProps {}
+declare const FieldRequiredIndicator: import("react").ForwardRefExoticComponent<FieldRequiredIndicatorProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/field/root.d.ts
+interface FieldRootBaseProps extends UseFieldProps, PolymorphicProps {}
+interface FieldRootProps extends HTMLProps<"div">, FieldRootBaseProps {}
+declare const FieldRoot: import("react").ForwardRefExoticComponent<FieldRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/field/root-provider.d.ts
+interface RootProviderProps {
+  value: UseFieldReturn;
+}
+interface FieldRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface FieldRootProviderProps extends HTMLProps<"div">, FieldRootProviderBaseProps {}
+declare const FieldRootProvider: import("react").ForwardRefExoticComponent<FieldRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/field/select.d.ts
+interface FieldSelectBaseProps extends PolymorphicProps {}
+interface FieldSelectProps extends HTMLProps<"select">, FieldSelectBaseProps {}
+declare const FieldSelect: import("react").ForwardRefExoticComponent<FieldSelectProps & import("react").RefAttributes<HTMLSelectElement>>;
+//#endregion
+//#region src/components/field/textarea.d.ts
+interface FieldTextareaBaseProps extends PolymorphicProps {
+  /**
+   * Whether the textarea should autoresize
+   * @default false
+   */
+  autoresize?: boolean | undefined;
+}
+interface FieldTextareaProps extends HTMLProps<"textarea">, FieldTextareaBaseProps {}
+declare const FieldTextarea: import("react").ForwardRefExoticComponent<FieldTextareaProps & import("react").RefAttributes<HTMLTextAreaElement>>;
+//#endregion
+//#region src/components/field/anatomy.d.ts
+declare const fieldAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"input" | "label" | "select" | "textarea" | "root" | "errorText" | "helperText" | "requiredIndicator">;
+declare namespace field_d_exports {
+  export { FieldContext as Context, FieldContextProps as ContextProps, FieldErrorText as ErrorText, FieldErrorTextBaseProps as ErrorTextBaseProps, FieldErrorTextProps as ErrorTextProps, FieldHelperText as HelperText, FieldHelperTextBaseProps as HelperTextBaseProps, FieldHelperTextProps as HelperTextProps, FieldInput as Input, FieldInputBaseProps as InputBaseProps, FieldInputProps as InputProps, FieldItem as Item, FieldItemBaseProps as ItemBaseProps, FieldItemProps as ItemProps, FieldLabel as Label, FieldLabelBaseProps as LabelBaseProps, FieldLabelProps as LabelProps, FieldRequiredIndicator as RequiredIndicator, FieldRequiredIndicatorBaseProps as RequiredIndicatorBaseProps, FieldRequiredIndicatorProps as RequiredIndicatorProps, FieldRoot as Root, FieldRootBaseProps as RootBaseProps, FieldRootProps as RootProps, FieldRootProvider as RootProvider, FieldRootProviderBaseProps as RootProviderBaseProps, FieldRootProviderProps as RootProviderProps, FieldSelect as Select, FieldSelectBaseProps as SelectBaseProps, FieldSelectProps as SelectProps, FieldTextarea as Textarea, FieldTextareaBaseProps as TextareaBaseProps, FieldTextareaProps as TextareaProps };
+}
+//#endregion
+export { field_d_exports as Field, FieldContext, type FieldContextProps, FieldErrorText, type FieldErrorTextBaseProps, type FieldErrorTextProps, FieldHelperText, type FieldHelperTextBaseProps, type FieldHelperTextProps, FieldInput, type FieldInputBaseProps, type FieldInputProps, FieldItem, type FieldItemBaseProps, type FieldItemProps, FieldLabel, type FieldLabelBaseProps, type FieldLabelProps, FieldRequiredIndicator, type FieldRequiredIndicatorBaseProps, type FieldRequiredIndicatorProps, FieldRoot, type FieldRootBaseProps, type FieldRootProps, FieldRootProvider, type FieldRootProviderBaseProps, type FieldRootProviderProps, FieldSelect, type FieldSelectBaseProps, type FieldSelectProps, FieldTextarea, type FieldTextareaBaseProps, type FieldTextareaProps, type UseFieldContext, type UseFieldProps, type UseFieldReturn, fieldAnatomy, useField, useFieldContext };

package/dist/field.js

@@ -0,0 +1,2 @@
+import { a as FieldRoot, c as FieldLabel, d as FieldInput, f as FieldHelperText, h as useFieldContext, i as FieldRootProvider, l as FieldItem, m as FieldContext, n as FieldTextarea, o as useField, p as FieldErrorText, r as FieldSelect, s as FieldRequiredIndicator, t as field_exports, u as fieldAnatomy } from "./field-Cy1E02DH.js";
+export { field_exports as Field, FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldItem, FieldLabel, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldAnatomy, useField, useFieldContext };

package/dist/fieldset-DWZXj1t5.cjs

@@ -0,0 +1,232 @@
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_environment = require("./environment-B6IaCAuQ.cjs");
+require("./core-CBFAnVIP.cjs");
+const require_factory = require("./factory-CFFufs5e.cjs");
+require("./providers-DrJEJcrE.cjs");
+const require_use_context = require("./use-context-38DKWHsx.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_dom_query = require("@wirekyt/dom/dom-query");
+let _wirekyt_dom_anatomy = require("@wirekyt/dom/anatomy");
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/fieldset/context.tsx
+const FieldsetContext = (props) => props.children(require_use_context.useFieldsetContext());
+//#endregion
+//#region src/components/fieldset/error-text.tsx
+const FieldsetErrorText = (0, react.forwardRef)((props, ref) => {
+	const fieldset = require_use_context.useFieldsetContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(fieldset.getErrorTextProps(), props);
+	return fieldset.invalid ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.span, {
+		...mergedProps,
+		ref
+	}) : null;
+});
+FieldsetErrorText.displayName = "FieldsetErrorText";
+//#endregion
+//#region src/components/fieldset/helper-text.tsx
+const FieldsetHelperText = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(require_use_context.useFieldsetContext().getHelperTextProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.span, {
+		...mergedProps,
+		ref
+	});
+});
+FieldsetHelperText.displayName = "FieldsetHelperText";
+//#endregion
+//#region src/components/fieldset/legend.tsx
+const FieldsetLegend = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(require_use_context.useFieldsetContext().getLegendProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.legend, {
+		...mergedProps,
+		ref
+	});
+});
+FieldsetLegend.displayName = "FieldsetLegend";
+//#endregion
+//#region src/components/fieldset/anatomy.ts
+const fieldsetAnatomy = (0, _wirekyt_dom_anatomy.createAnatomy)("fieldset").parts("root", "errorText", "helperText", "legend");
+const parts = fieldsetAnatomy.build();
+//#endregion
+//#region src/components/fieldset/use.ts
+const useFieldset = (props = {}) => {
+	const { disabled = false, invalid = false } = props;
+	const env = require_environment.useEnvironmentContext();
+	const [textElements, setTextElements] = (0, react.useState)({
+		hasErrorText: false,
+		hasHelperText: false
+	});
+	const uid = (0, react.useId)();
+	const id = props.id ?? uid;
+	const rootRef = (0, react.useRef)(null);
+	const legendId = `fieldset::${id}::legend`;
+	const errorTextId = `fieldset::${id}::error-text`;
+	const helperTextId = `fieldset::${id}::helper-text`;
+	require_utils.useSafeLayoutEffect(() => {
+		const rootNode = rootRef.current;
+		if (!rootNode) return;
+		const checkTextElements = () => {
+			const docOrShadowRoot = env.getRootNode();
+			const hasErrorText = !!docOrShadowRoot.getElementById(errorTextId);
+			const hasHelperText = !!docOrShadowRoot.getElementById(helperTextId);
+			setTextElements({
+				hasErrorText,
+				hasHelperText
+			});
+		};
+		checkTextElements();
+		const observer = new (env.getWindow()).MutationObserver(checkTextElements);
+		observer.observe(rootNode, {
+			childList: true,
+			subtree: true
+		});
+		return () => observer.disconnect();
+	}, [
+		env,
+		errorTextId,
+		helperTextId
+	]);
+	const ids = [];
+	if (textElements.hasErrorText && invalid) ids.push(errorTextId);
+	if (textElements.hasHelperText) ids.push(helperTextId);
+	const labelIds = ids.length > 0 ? ids.join(" ") : void 0;
+	const getRootProps = () => ({
+		...parts.root.attrs,
+		ref: rootRef,
+		disabled,
+		"data-disabled": (0, _wirekyt_dom_dom_query.dataAttr)(disabled),
+		"data-invalid": (0, _wirekyt_dom_dom_query.dataAttr)(invalid),
+		"aria-labelledby": legendId,
+		"aria-describedby": labelIds
+	});
+	const getLegendProps = () => ({
+		id: legendId,
+		...parts.legend.attrs,
+		"data-disabled": (0, _wirekyt_dom_dom_query.dataAttr)(disabled),
+		"data-invalid": (0, _wirekyt_dom_dom_query.dataAttr)(invalid)
+	});
+	const getHelperTextProps = () => ({
+		id: helperTextId,
+		...parts.helperText.attrs
+	});
+	const getErrorTextProps = () => ({
+		id: errorTextId,
+		...parts.errorText.attrs,
+		"aria-live": "polite"
+	});
+	return {
+		refs: { rootRef },
+		ids: {
+			legend: legendId,
+			errorText: errorTextId,
+			helperText: helperTextId
+		},
+		disabled,
+		invalid,
+		getRootProps,
+		getLegendProps,
+		getHelperTextProps,
+		getErrorTextProps
+	};
+};
+//#endregion
+//#region src/components/fieldset/root.tsx
+const splitRootProps = require_utils.createSplitProps();
+const FieldsetRoot = (0, react.forwardRef)((props, ref) => {
+	const [useFieldsetProps, localProps] = splitRootProps(props, [
+		"id",
+		"disabled",
+		"invalid"
+	]);
+	const fieldset = useFieldset(useFieldsetProps);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(fieldset.getRootProps(), localProps);
+	const composedRefs = require_utils.useComposedRefs(ref, fieldset.refs.rootRef);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_context.FieldsetProvider, {
+		value: fieldset,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.fieldset, {
+			...mergedProps,
+			ref: composedRefs
+		})
+	});
+});
+FieldsetRoot.displayName = "FieldsetRoot";
+//#endregion
+//#region src/components/fieldset/root-provider.tsx
+const splitRootProviderProps = require_utils.createSplitProps();
+const FieldsetRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: fieldset }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(fieldset.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_use_context.FieldsetProvider, {
+		value: fieldset,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.fieldset, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+FieldsetRootProvider.displayName = "FieldsetRootProvider";
+//#endregion
+//#region src/components/fieldset/fieldset.ts
+var fieldset_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	Context: () => FieldsetContext,
+	ErrorText: () => FieldsetErrorText,
+	HelperText: () => FieldsetHelperText,
+	Legend: () => FieldsetLegend,
+	Root: () => FieldsetRoot,
+	RootProvider: () => FieldsetRootProvider
+});
+//#endregion
+Object.defineProperty(exports, "FieldsetContext", {
+	enumerable: true,
+	get: function() {
+		return FieldsetContext;
+	}
+});
+Object.defineProperty(exports, "FieldsetErrorText", {
+	enumerable: true,
+	get: function() {
+		return FieldsetErrorText;
+	}
+});
+Object.defineProperty(exports, "FieldsetHelperText", {
+	enumerable: true,
+	get: function() {
+		return FieldsetHelperText;
+	}
+});
+Object.defineProperty(exports, "FieldsetLegend", {
+	enumerable: true,
+	get: function() {
+		return FieldsetLegend;
+	}
+});
+Object.defineProperty(exports, "FieldsetRoot", {
+	enumerable: true,
+	get: function() {
+		return FieldsetRoot;
+	}
+});
+Object.defineProperty(exports, "FieldsetRootProvider", {
+	enumerable: true,
+	get: function() {
+		return FieldsetRootProvider;
+	}
+});
+Object.defineProperty(exports, "fieldsetAnatomy", {
+	enumerable: true,
+	get: function() {
+		return fieldsetAnatomy;
+	}
+});
+Object.defineProperty(exports, "fieldset_exports", {
+	enumerable: true,
+	get: function() {
+		return fieldset_exports;
+	}
+});
+Object.defineProperty(exports, "useFieldset", {
+	enumerable: true,
+	get: function() {
+		return useFieldset;
+	}
+});

package/dist/fieldset-fx44GCtM.js

@@ -0,0 +1,178 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { c as createSplitProps, l as useComposedRefs, n as useSafeLayoutEffect } from "./utils-CqLmqrgj.js";
+import { n as useEnvironmentContext } from "./environment-BTgKwk5E.js";
+import { t as mergeProps } from "./core-CEYOEcVI.js";
+import { n as wire } from "./factory-Nm__-4xn.js";
+import "./providers-FEHnDTvb.js";
+import { n as useFieldsetContext, t as FieldsetProvider } from "./use-context-CITa6pn9.js";
+import { forwardRef, useId, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { dataAttr } from "@wirekyt/dom/dom-query";
+import { createAnatomy } from "@wirekyt/dom/anatomy";
+//#region src/components/fieldset/context.tsx
+const FieldsetContext = (props) => props.children(useFieldsetContext());
+//#endregion
+//#region src/components/fieldset/error-text.tsx
+const FieldsetErrorText = forwardRef((props, ref) => {
+	const fieldset = useFieldsetContext();
+	const mergedProps = mergeProps(fieldset.getErrorTextProps(), props);
+	return fieldset.invalid ? /* @__PURE__ */ jsx(wire.span, {
+		...mergedProps,
+		ref
+	}) : null;
+});
+FieldsetErrorText.displayName = "FieldsetErrorText";
+//#endregion
+//#region src/components/fieldset/helper-text.tsx
+const FieldsetHelperText = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFieldsetContext().getHelperTextProps(), props);
+	return /* @__PURE__ */ jsx(wire.span, {
+		...mergedProps,
+		ref
+	});
+});
+FieldsetHelperText.displayName = "FieldsetHelperText";
+//#endregion
+//#region src/components/fieldset/legend.tsx
+const FieldsetLegend = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFieldsetContext().getLegendProps(), props);
+	return /* @__PURE__ */ jsx(wire.legend, {
+		...mergedProps,
+		ref
+	});
+});
+FieldsetLegend.displayName = "FieldsetLegend";
+//#endregion
+//#region src/components/fieldset/anatomy.ts
+const fieldsetAnatomy = createAnatomy("fieldset").parts("root", "errorText", "helperText", "legend");
+const parts = fieldsetAnatomy.build();
+//#endregion
+//#region src/components/fieldset/use.ts
+const useFieldset = (props = {}) => {
+	const { disabled = false, invalid = false } = props;
+	const env = useEnvironmentContext();
+	const [textElements, setTextElements] = useState({
+		hasErrorText: false,
+		hasHelperText: false
+	});
+	const uid = useId();
+	const id = props.id ?? uid;
+	const rootRef = useRef(null);
+	const legendId = `fieldset::${id}::legend`;
+	const errorTextId = `fieldset::${id}::error-text`;
+	const helperTextId = `fieldset::${id}::helper-text`;
+	useSafeLayoutEffect(() => {
+		const rootNode = rootRef.current;
+		if (!rootNode) return;
+		const checkTextElements = () => {
+			const docOrShadowRoot = env.getRootNode();
+			const hasErrorText = !!docOrShadowRoot.getElementById(errorTextId);
+			const hasHelperText = !!docOrShadowRoot.getElementById(helperTextId);
+			setTextElements({
+				hasErrorText,
+				hasHelperText
+			});
+		};
+		checkTextElements();
+		const observer = new (env.getWindow()).MutationObserver(checkTextElements);
+		observer.observe(rootNode, {
+			childList: true,
+			subtree: true
+		});
+		return () => observer.disconnect();
+	}, [
+		env,
+		errorTextId,
+		helperTextId
+	]);
+	const ids = [];
+	if (textElements.hasErrorText && invalid) ids.push(errorTextId);
+	if (textElements.hasHelperText) ids.push(helperTextId);
+	const labelIds = ids.length > 0 ? ids.join(" ") : void 0;
+	const getRootProps = () => ({
+		...parts.root.attrs,
+		ref: rootRef,
+		disabled,
+		"data-disabled": dataAttr(disabled),
+		"data-invalid": dataAttr(invalid),
+		"aria-labelledby": legendId,
+		"aria-describedby": labelIds
+	});
+	const getLegendProps = () => ({
+		id: legendId,
+		...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 {
+		refs: { rootRef },
+		ids: {
+			legend: legendId,
+			errorText: errorTextId,
+			helperText: helperTextId
+		},
+		disabled,
+		invalid,
+		getRootProps,
+		getLegendProps,
+		getHelperTextProps,
+		getErrorTextProps
+	};
+};
+//#endregion
+//#region src/components/fieldset/root.tsx
+const splitRootProps = createSplitProps();
+const FieldsetRoot = forwardRef((props, ref) => {
+	const [useFieldsetProps, localProps] = splitRootProps(props, [
+		"id",
+		"disabled",
+		"invalid"
+	]);
+	const fieldset = useFieldset(useFieldsetProps);
+	const mergedProps = mergeProps(fieldset.getRootProps(), localProps);
+	const composedRefs = useComposedRefs(ref, fieldset.refs.rootRef);
+	return /* @__PURE__ */ jsx(FieldsetProvider, {
+		value: fieldset,
+		children: /* @__PURE__ */ jsx(wire.fieldset, {
+			...mergedProps,
+			ref: composedRefs
+		})
+	});
+});
+FieldsetRoot.displayName = "FieldsetRoot";
+//#endregion
+//#region src/components/fieldset/root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const FieldsetRootProvider = forwardRef((props, ref) => {
+	const [{ value: fieldset }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(fieldset.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(FieldsetProvider, {
+		value: fieldset,
+		children: /* @__PURE__ */ jsx(wire.fieldset, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+FieldsetRootProvider.displayName = "FieldsetRootProvider";
+//#endregion
+//#region src/components/fieldset/fieldset.ts
+var fieldset_exports = /* @__PURE__ */ __exportAll({
+	Context: () => FieldsetContext,
+	ErrorText: () => FieldsetErrorText,
+	HelperText: () => FieldsetHelperText,
+	Legend: () => FieldsetLegend,
+	Root: () => FieldsetRoot,
+	RootProvider: () => FieldsetRootProvider
+});
+//#endregion
+export { fieldsetAnatomy as a, FieldsetErrorText as c, useFieldset as i, FieldsetContext as l, FieldsetRootProvider as n, FieldsetLegend as o, FieldsetRoot as r, FieldsetHelperText as s, fieldset_exports as t };

package/dist/fieldset.cjs

@@ -0,0 +1,18 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_use_context = require("./use-context-38DKWHsx.cjs");
+const require_fieldset = require("./fieldset-DWZXj1t5.cjs");
+Object.defineProperty(exports, "Fieldset", {
+	enumerable: true,
+	get: function() {
+		return require_fieldset.fieldset_exports;
+	}
+});
+exports.FieldsetContext = require_fieldset.FieldsetContext;
+exports.FieldsetErrorText = require_fieldset.FieldsetErrorText;
+exports.FieldsetHelperText = require_fieldset.FieldsetHelperText;
+exports.FieldsetLegend = require_fieldset.FieldsetLegend;
+exports.FieldsetRoot = require_fieldset.FieldsetRoot;
+exports.FieldsetRootProvider = require_fieldset.FieldsetRootProvider;
+exports.fieldsetAnatomy = require_fieldset.fieldsetAnatomy;
+exports.useFieldset = require_fieldset.useFieldset;
+exports.useFieldsetContext = require_use_context.useFieldsetContext;

package/dist/fieldset.d.cts

@@ -0,0 +1,71 @@
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
+import { ReactNode } from "react";
+//#region src/components/fieldset/use.d.ts
+interface UseFieldsetProps {
+  id?: string | undefined;
+  disabled?: boolean | undefined;
+  invalid?: boolean | undefined;
+}
+type UseFieldsetReturn = ReturnType<typeof useFieldset>;
+declare const useFieldset: (props?: UseFieldsetProps) => {
+  refs: {
+    rootRef: import("react").RefObject<HTMLFieldSetElement | null>;
+  };
+  ids: {
+    legend: string;
+    errorText: string;
+    helperText: string;
+  };
+  disabled: boolean;
+  invalid: boolean;
+  getRootProps: () => HTMLProps<"fieldset">;
+  getLegendProps: () => HTMLProps<"legend">;
+  getHelperTextProps: () => HTMLProps<"span">;
+  getErrorTextProps: () => HTMLProps<"span">;
+};
+//#endregion
+//#region src/components/fieldset/use-context.d.ts
+interface UseFieldsetContext extends UseFieldsetReturn {}
+declare const FieldsetProvider: import("react").Provider<UseFieldsetContext>, useFieldsetContext: () => UseFieldsetContext;
+//#endregion
+//#region src/components/fieldset/context.d.ts
+interface FieldsetContextProps {
+  children: (context: UseFieldsetContext) => ReactNode;
+}
+declare const FieldsetContext: (props: FieldsetContextProps) => ReactNode;
+//#endregion
+//#region src/components/fieldset/error-text.d.ts
+interface FieldsetErrorTextBaseProps extends PolymorphicProps {}
+interface FieldsetErrorTextProps extends HTMLProps<"span">, FieldsetErrorTextBaseProps {}
+declare const FieldsetErrorText: import("react").ForwardRefExoticComponent<FieldsetErrorTextProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/fieldset/helper-text.d.ts
+interface FieldsetHelperTextBaseProps extends PolymorphicProps {}
+interface FieldsetHelperTextProps extends HTMLProps<"span">, FieldsetHelperTextBaseProps {}
+declare const FieldsetHelperText: import("react").ForwardRefExoticComponent<FieldsetHelperTextProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/fieldset/legend.d.ts
+interface FieldsetLegendBaseProps extends PolymorphicProps {}
+interface FieldsetLegendProps extends HTMLProps<"legend">, FieldsetLegendBaseProps {}
+declare const FieldsetLegend: import("react").ForwardRefExoticComponent<FieldsetLegendProps & import("react").RefAttributes<HTMLLegendElement>>;
+//#endregion
+//#region src/components/fieldset/root.d.ts
+interface FieldsetRootBaseProps extends UseFieldsetProps, PolymorphicProps {}
+interface FieldsetRootProps extends HTMLProps<"fieldset">, FieldsetRootBaseProps {}
+declare const FieldsetRoot: import("react").ForwardRefExoticComponent<FieldsetRootProps & import("react").RefAttributes<HTMLFieldSetElement>>;
+//#endregion
+//#region src/components/fieldset/root-provider.d.ts
+interface RootProviderProps {
+  value: UseFieldsetReturn;
+}
+interface FieldsetRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface FieldsetRootProviderProps extends HTMLProps<"fieldset">, FieldsetRootProviderBaseProps {}
+declare const FieldsetRootProvider: import("react").ForwardRefExoticComponent<FieldsetRootProviderProps & import("react").RefAttributes<HTMLFieldSetElement>>;
+//#endregion
+//#region src/components/fieldset/anatomy.d.ts
+declare const fieldsetAnatomy: import("@wirekyt/dom/anatomy").AnatomyInstance<"legend" | "root" | "errorText" | "helperText">;
+declare namespace fieldset_d_exports {
+  export { FieldsetContext as Context, FieldsetContextProps as ContextProps, FieldsetErrorText as ErrorText, FieldsetErrorTextBaseProps as ErrorTextBaseProps, FieldsetErrorTextProps as ErrorTextProps, FieldsetHelperText as HelperText, FieldsetHelperTextBaseProps as HelperTextBaseProps, FieldsetHelperTextProps as HelperTextProps, FieldsetLegend as Legend, FieldsetLegendBaseProps as LegendBaseProps, FieldsetLegendProps as LegendProps, FieldsetRoot as Root, FieldsetRootBaseProps as RootBaseProps, FieldsetRootProps as RootProps, FieldsetRootProvider as RootProvider, FieldsetRootProviderBaseProps as RootProviderBaseProps, FieldsetRootProviderProps as RootProviderProps };
+}
+//#endregion
+export { fieldset_d_exports as Fieldset, FieldsetContext, type FieldsetContextProps, FieldsetErrorText, type FieldsetErrorTextBaseProps, type FieldsetErrorTextProps, FieldsetHelperText, type FieldsetHelperTextBaseProps, type FieldsetHelperTextProps, FieldsetLegend, type FieldsetLegendBaseProps, type FieldsetLegendProps, FieldsetRoot, type FieldsetRootBaseProps, type FieldsetRootProps, FieldsetRootProvider, type FieldsetRootProviderBaseProps, type FieldsetRootProviderProps, type UseFieldsetContext, type UseFieldsetProps, type UseFieldsetReturn, fieldsetAnatomy, useFieldset, useFieldsetContext };