@wirekyt/solid 0.0.1 → 0.0.3

package/dist/field.d.ts

@@ -0,0 +1,194 @@
+import { r as MaybeAccessor } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { JSX } from "solid-js";
+//#region src/components/field/use.d.ts
+interface ElementIds {
+  root?: string;
+  control?: string;
+  label?: string;
+  errorText?: string;
+  helperText?: string;
+}
+interface UseFieldProps {
+  id?: string;
+  ids?: ElementIds;
+  required?: boolean;
+  disabled?: boolean;
+  invalid?: boolean;
+  readOnly?: boolean;
+  target?: string;
+}
+type UseFieldReturn = ReturnType<typeof useField>;
+declare const useField: (props?: MaybeAccessor<UseFieldProps>) => import("solid-js").Accessor<{
+  ariaDescribedby: string | undefined;
+  ids: {
+    control: string;
+    label: string;
+    errorText: string;
+    helperText: string;
+  };
+  refs: {
+    rootRef: import("solid-js").Setter<HTMLDivElement | undefined>;
+  };
+  disabled: boolean;
+  invalid: boolean;
+  readOnly: boolean;
+  required: boolean;
+  getLabelProps: () => {
+    id: string;
+    "data-disabled": import("@wirekyt/dom/dom-query").Booleanish;
+    "data-invalid": import("@wirekyt/dom/dom-query").Booleanish;
+    "data-readonly": import("@wirekyt/dom/dom-query").Booleanish;
+    "data-required": import("@wirekyt/dom/dom-query").Booleanish;
+    htmlFor: string;
+    "data-scope": string;
+    "data-part": string;
+  };
+  getRootProps: () => {
+    id: string;
+    role: string;
+    "data-disabled": import("@wirekyt/dom/dom-query").Booleanish;
+    "data-invalid": import("@wirekyt/dom/dom-query").Booleanish;
+    "data-readonly": import("@wirekyt/dom/dom-query").Booleanish;
+    "data-scope": string;
+    "data-part": string;
+  };
+  getInputProps: () => {
+    "data-scope": string;
+    "data-part": string;
+    "aria-describedby": string | undefined;
+    "aria-errormessage": string | undefined;
+    "aria-invalid": "true" | undefined;
+    "data-invalid": import("@wirekyt/dom/dom-query").Booleanish;
+    "data-required": import("@wirekyt/dom/dom-query").Booleanish;
+    "data-readonly": import("@wirekyt/dom/dom-query").Booleanish;
+    id: string;
+    required: boolean;
+    disabled: boolean;
+    readOnly: true | undefined;
+  };
+  getTextareaProps: () => {
+    "data-scope": string;
+    "data-part": string;
+    "aria-describedby": string | undefined;
+    "aria-errormessage": string | undefined;
+    "aria-invalid": "true" | undefined;
+    "data-invalid": import("@wirekyt/dom/dom-query").Booleanish;
+    "data-required": import("@wirekyt/dom/dom-query").Booleanish;
+    "data-readonly": import("@wirekyt/dom/dom-query").Booleanish;
+    id: string;
+    required: boolean;
+    disabled: boolean;
+    readOnly: true | undefined;
+  };
+  getSelectProps: () => {
+    "data-scope": string;
+    "data-part": string;
+    "aria-describedby": string | undefined;
+    "aria-errormessage": string | undefined;
+    "aria-invalid": "true" | undefined;
+    "data-invalid": import("@wirekyt/dom/dom-query").Booleanish;
+    "data-required": import("@wirekyt/dom/dom-query").Booleanish;
+    "data-readonly": import("@wirekyt/dom/dom-query").Booleanish;
+    id: string;
+    required: boolean;
+    disabled: boolean;
+    readOnly: true | undefined;
+  };
+  getHelperTextProps: () => {
+    "data-disabled": import("@wirekyt/dom/dom-query").Booleanish;
+    "data-scope": string;
+    "data-part": string;
+    id: string;
+  };
+  getErrorTextProps: () => {
+    "aria-live": string;
+    "data-scope": string;
+    "data-part": string;
+    id: string;
+  };
+  getRequiredIndicatorProps: () => {
+    "data-scope": string;
+    "data-part": string;
+    "aria-hidden": boolean;
+  };
+}>;
+//#endregion
+//#region src/components/field/use-context.d.ts
+interface UseFieldContext extends UseFieldReturn {}
+declare const FieldProvider: import("solid-js").ContextProviderComponent<UseFieldContext>, useFieldContext: () => UseFieldContext;
+//#endregion
+//#region src/components/field/context.d.ts
+interface FieldContextProps {
+  children: (context: UseFieldContext) => JSX.Element;
+}
+declare const FieldContext: (props: FieldContextProps) => JSX.Element;
+//#endregion
+//#region src/components/field/error-text.d.ts
+interface FieldErrorTextBaseProps extends PolymorphicProps<"span"> {}
+interface FieldErrorTextProps extends HTMLProps<"span">, FieldErrorTextBaseProps {}
+declare const FieldErrorText: (props: FieldErrorTextProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/field/helper-text.d.ts
+interface FieldHelperTextBaseProps extends PolymorphicProps<"span"> {}
+interface FieldHelperTextProps extends HTMLProps<"span">, FieldHelperTextBaseProps {}
+declare const FieldHelperText: (props: FieldHelperTextProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/field/input.d.ts
+interface FieldInputBaseProps extends PolymorphicProps<"input"> {}
+interface FieldInputProps extends HTMLProps<"input">, FieldInputBaseProps {}
+declare const FieldInput: (props: FieldInputProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/field/item.d.ts
+interface FieldItemBaseProps {
+  value: string;
+}
+interface FieldItemProps extends FieldItemBaseProps {
+  children?: JSX.Element;
+}
+declare const FieldItem: (props: FieldItemProps) => JSX.Element;
+//#endregion
+//#region src/components/field/label.d.ts
+interface FieldLabelBaseProps extends PolymorphicProps<"label"> {}
+interface FieldLabelProps extends HTMLProps<"label">, FieldLabelBaseProps {}
+declare const FieldLabel: (props: FieldLabelProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/field/required-indicator.d.ts
+interface FieldRequiredIndicatorBaseProps extends PolymorphicProps<"span"> {
+  fallback?: JSX.Element;
+}
+interface FieldRequiredIndicatorProps extends HTMLProps<"span">, FieldRequiredIndicatorBaseProps {}
+declare const FieldRequiredIndicator: (props: FieldRequiredIndicatorProps) => JSX.Element;
+//#endregion
+//#region src/components/field/root.d.ts
+interface FieldRootBaseProps extends UseFieldProps, PolymorphicProps<"div"> {}
+interface FieldRootProps extends HTMLProps<"div">, FieldRootBaseProps {}
+declare const FieldRoot: (props: FieldRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/field/root-provider.d.ts
+interface RootProviderProps {
+  value: UseFieldReturn;
+}
+interface FieldRootProviderBaseProps extends PolymorphicProps<"div"> {}
+interface FieldRootProviderProps extends HTMLProps<"div">, RootProviderProps, FieldRootProviderBaseProps {}
+declare const FieldRootProvider: (props: FieldRootProviderProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/field/select.d.ts
+interface FieldSelectBaseProps extends PolymorphicProps<"select"> {}
+interface FieldSelectProps extends HTMLProps<"select">, FieldSelectBaseProps {}
+declare const FieldSelect: (props: FieldSelectProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/field/textarea.d.ts
+interface FieldTextareaBaseProps extends PolymorphicProps<"textarea"> {
+  autoresize?: boolean;
+}
+interface FieldTextareaProps extends HTMLProps<"textarea">, FieldTextareaBaseProps {}
+declare const FieldTextarea: (props: FieldTextareaProps) => import("solid-js").JSX.Element;
+//#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-CQr_Dibp.js";
+export { field_exports as Field, FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldItem, FieldLabel, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldAnatomy, useField, useFieldContext };

package/dist/field.jsx

@@ -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-R5jVNdtK.jsx";
+export { field_exports as Field, FieldContext, FieldErrorText, FieldHelperText, FieldInput, FieldItem, FieldLabel, FieldRequiredIndicator, FieldRoot, FieldRootProvider, FieldSelect, FieldTextarea, fieldAnatomy, useField, useFieldContext };

package/dist/fieldset-5shfE0Z5.jsx

@@ -0,0 +1,155 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, d as createContext$1, l as createSplitProps, u as composeRefs } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { Show, createMemo, createSignal, createUniqueId, mergeProps, onCleanup, onMount } from "solid-js";
+import { dataAttr } from "@wirekyt/dom/dom-query";
+import { createAnatomy } from "@wirekyt/dom/anatomy";
+//#region src/components/fieldset/use-context.ts
+const [FieldsetProvider, useFieldsetContext] = createContext$1({
+	hookName: "useFieldsetContext",
+	providerName: "<FieldsetProvider />",
+	strict: false
+});
+//#endregion
+//#region src/components/fieldset/context.tsx
+const FieldsetContext = (props) => props.children(useFieldsetContext());
+//#endregion
+//#region src/components/fieldset/error-text.tsx
+const FieldsetErrorText = (props) => {
+	const fieldset = useFieldsetContext();
+	const mergedProps = mergeProps$1(() => fieldset().getErrorTextProps(), props);
+	return <Show when={fieldset().invalid}>
+      <wire.span {...mergedProps} />
+    </Show>;
+};
+//#endregion
+//#region src/components/fieldset/helper-text.tsx
+const FieldsetHelperText = (props) => {
+	const fieldset = useFieldsetContext();
+	const mergedProps = mergeProps$1(() => fieldset().getHelperTextProps(), props);
+	return <wire.span {...mergedProps} />;
+};
+//#endregion
+//#region src/components/fieldset/legend.tsx
+const FieldsetLegend = (props) => {
+	const fieldset = useFieldsetContext();
+	const mergedProps = mergeProps$1(() => fieldset().getLegendProps(), props);
+	return <wire.legend {...mergedProps} />;
+};
+//#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 env = useEnvironmentContext();
+	const mergedProps = mergeProps({
+		disabled: false,
+		invalid: false
+	}, runIfFn(props));
+	const [rootRef, setRootRef] = createSignal(void 0);
+	const id = mergedProps.id ?? createUniqueId();
+	const legendId = `fieldset::${id}::legend`;
+	const errorTextId = `fieldset::${id}::error-text`;
+	const helperTextId = `fieldset::${id}::helper-text`;
+	const [hasErrorText, setHasErrorText] = createSignal(false);
+	const [hasHelperText, setHasHelperText] = createSignal(false);
+	onMount(() => {
+		const rootNode = rootRef();
+		if (!rootNode) return;
+		const checkTextElements = () => {
+			const docOrShadowRoot = env().getRootNode();
+			setHasErrorText(!!docOrShadowRoot.getElementById(errorTextId));
+			setHasHelperText(!!docOrShadowRoot.getElementById(helperTextId));
+		};
+		checkTextElements();
+		const observer = new (env().getWindow()).MutationObserver(checkTextElements);
+		observer.observe(rootNode, {
+			childList: true,
+			subtree: true
+		});
+		onCleanup(() => observer.disconnect());
+	});
+	const labelIds = createMemo(() => {
+		const ids = [];
+		if (hasErrorText() && mergedProps.invalid) ids.push(errorTextId);
+		if (hasHelperText()) ids.push(helperTextId);
+		return ids;
+	});
+	const getRootProps = () => ({
+		...parts.root.attrs,
+		disabled: mergedProps.disabled,
+		"data-disabled": dataAttr(mergedProps.disabled),
+		"data-invalid": dataAttr(mergedProps.invalid),
+		"aria-labelledby": legendId,
+		"aria-describedby": labelIds().join(" ") || void 0
+	});
+	const getLegendProps = () => ({
+		id: legendId,
+		...parts.legend.attrs,
+		"data-disabled": dataAttr(mergedProps.disabled),
+		"data-invalid": dataAttr(mergedProps.invalid)
+	});
+	const getHelperTextProps = () => ({
+		id: helperTextId,
+		...parts.helperText.attrs
+	});
+	const getErrorTextProps = () => ({
+		id: errorTextId,
+		...parts.errorText.attrs,
+		"aria-live": "polite"
+	});
+	return createMemo(() => ({
+		refs: { rootRef: setRootRef },
+		ids: {
+			legend: legendId,
+			errorText: errorTextId,
+			helperText: helperTextId
+		},
+		disabled: mergedProps.disabled,
+		invalid: mergedProps.invalid,
+		getRootProps,
+		getLegendProps,
+		getHelperTextProps,
+		getErrorTextProps
+	}));
+};
+//#endregion
+//#region src/components/fieldset/root.tsx
+const FieldsetRoot = (props) => {
+	const [useFieldsetProps, localProps] = createSplitProps()(props, [
+		"id",
+		"disabled",
+		"invalid"
+	]);
+	const fieldset = useFieldset(useFieldsetProps);
+	const mergedProps = mergeProps$1(() => fieldset().getRootProps(), localProps);
+	return <FieldsetProvider value={fieldset}>
+      <wire.fieldset {...mergedProps} ref={composeRefs(fieldset().refs.rootRef, props.ref)} />
+    </FieldsetProvider>;
+};
+FieldsetRoot.displayName = "FieldsetRoot";
+//#endregion
+//#region src/components/fieldset/root-provider.tsx
+const FieldsetRootProvider = (props) => {
+	const [{ value: fieldset }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => fieldset().getRootProps(), localProps);
+	return <FieldsetProvider value={fieldset}>
+      <wire.fieldset {...mergedProps} />
+    </FieldsetProvider>;
+};
+//#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, useFieldsetContext as u };

package/dist/fieldset-D5teGLZ9.js

@@ -0,0 +1,170 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, d as createContext$1, l as createSplitProps, u as composeRefs } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { Show, createMemo, createSignal, createUniqueId, mergeProps, onCleanup, onMount } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import { dataAttr } from "@wirekyt/dom/dom-query";
+import { createAnatomy } from "@wirekyt/dom/anatomy";
+//#region src/components/fieldset/use-context.ts
+const [FieldsetProvider, useFieldsetContext] = createContext$1({
+	hookName: "useFieldsetContext",
+	providerName: "<FieldsetProvider />",
+	strict: false
+});
+//#endregion
+//#region src/components/fieldset/context.tsx
+const FieldsetContext = (props) => props.children(useFieldsetContext());
+//#endregion
+//#region src/components/fieldset/error-text.tsx
+const FieldsetErrorText = (props) => {
+	const fieldset = useFieldsetContext();
+	const mergedProps = mergeProps$2(() => fieldset().getErrorTextProps(), props);
+	return createComponent(Show, {
+		get when() {
+			return fieldset().invalid;
+		},
+		get children() {
+			return createComponent(wire.span, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/fieldset/helper-text.tsx
+const FieldsetHelperText = (props) => {
+	const fieldset = useFieldsetContext();
+	const mergedProps = mergeProps$2(() => fieldset().getHelperTextProps(), props);
+	return createComponent(wire.span, mergedProps);
+};
+//#endregion
+//#region src/components/fieldset/legend.tsx
+const FieldsetLegend = (props) => {
+	const fieldset = useFieldsetContext();
+	const mergedProps = mergeProps$2(() => fieldset().getLegendProps(), props);
+	return createComponent(wire.legend, mergedProps);
+};
+//#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 env = useEnvironmentContext();
+	const mergedProps = mergeProps({
+		disabled: false,
+		invalid: false
+	}, runIfFn(props));
+	const [rootRef, setRootRef] = createSignal(void 0);
+	const id = mergedProps.id ?? createUniqueId();
+	const legendId = `fieldset::${id}::legend`;
+	const errorTextId = `fieldset::${id}::error-text`;
+	const helperTextId = `fieldset::${id}::helper-text`;
+	const [hasErrorText, setHasErrorText] = createSignal(false);
+	const [hasHelperText, setHasHelperText] = createSignal(false);
+	onMount(() => {
+		const rootNode = rootRef();
+		if (!rootNode) return;
+		const checkTextElements = () => {
+			const docOrShadowRoot = env().getRootNode();
+			setHasErrorText(!!docOrShadowRoot.getElementById(errorTextId));
+			setHasHelperText(!!docOrShadowRoot.getElementById(helperTextId));
+		};
+		checkTextElements();
+		const observer = new (env().getWindow()).MutationObserver(checkTextElements);
+		observer.observe(rootNode, {
+			childList: true,
+			subtree: true
+		});
+		onCleanup(() => observer.disconnect());
+	});
+	const labelIds = createMemo(() => {
+		const ids = [];
+		if (hasErrorText() && mergedProps.invalid) ids.push(errorTextId);
+		if (hasHelperText()) ids.push(helperTextId);
+		return ids;
+	});
+	const getRootProps = () => ({
+		...parts.root.attrs,
+		disabled: mergedProps.disabled,
+		"data-disabled": dataAttr(mergedProps.disabled),
+		"data-invalid": dataAttr(mergedProps.invalid),
+		"aria-labelledby": legendId,
+		"aria-describedby": labelIds().join(" ") || void 0
+	});
+	const getLegendProps = () => ({
+		id: legendId,
+		...parts.legend.attrs,
+		"data-disabled": dataAttr(mergedProps.disabled),
+		"data-invalid": dataAttr(mergedProps.invalid)
+	});
+	const getHelperTextProps = () => ({
+		id: helperTextId,
+		...parts.helperText.attrs
+	});
+	const getErrorTextProps = () => ({
+		id: errorTextId,
+		...parts.errorText.attrs,
+		"aria-live": "polite"
+	});
+	return createMemo(() => ({
+		refs: { rootRef: setRootRef },
+		ids: {
+			legend: legendId,
+			errorText: errorTextId,
+			helperText: helperTextId
+		},
+		disabled: mergedProps.disabled,
+		invalid: mergedProps.invalid,
+		getRootProps,
+		getLegendProps,
+		getHelperTextProps,
+		getErrorTextProps
+	}));
+};
+//#endregion
+//#region src/components/fieldset/root.tsx
+const FieldsetRoot = (props) => {
+	const [useFieldsetProps, localProps] = createSplitProps()(props, [
+		"id",
+		"disabled",
+		"invalid"
+	]);
+	const fieldset = useFieldset(useFieldsetProps);
+	const mergedProps = mergeProps$2(() => fieldset().getRootProps(), localProps);
+	return createComponent(FieldsetProvider, {
+		value: fieldset,
+		get children() {
+			return createComponent(wire.fieldset, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(fieldset().refs.rootRef, props.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+FieldsetRoot.displayName = "FieldsetRoot";
+//#endregion
+//#region src/components/fieldset/root-provider.tsx
+const FieldsetRootProvider = (props) => {
+	const [{ value: fieldset }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => fieldset().getRootProps(), localProps);
+	return createComponent(FieldsetProvider, {
+		value: fieldset,
+		get children() {
+			return createComponent(wire.fieldset, mergedProps);
+		}
+	});
+};
+//#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, useFieldsetContext as u };

package/dist/fieldset.d.ts

@@ -0,0 +1,98 @@
+import { r as MaybeAccessor } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { JSX } from "solid-js";
+//#region src/components/fieldset/use.d.ts
+interface UseFieldsetProps {
+  id?: string;
+  disabled?: boolean;
+  invalid?: boolean;
+}
+type UseFieldsetReturn = ReturnType<typeof useFieldset>;
+declare const useFieldset: (props?: MaybeAccessor<UseFieldsetProps>) => import("solid-js").Accessor<{
+  refs: {
+    rootRef: import("solid-js").Setter<HTMLFieldSetElement | undefined>;
+  };
+  ids: {
+    legend: string;
+    errorText: string;
+    helperText: string;
+  };
+  disabled: boolean;
+  invalid: boolean;
+  getRootProps: () => {
+    disabled: boolean;
+    "data-disabled": import("@wirekyt/dom/dom-query").Booleanish;
+    "data-invalid": import("@wirekyt/dom/dom-query").Booleanish;
+    "aria-labelledby": string;
+    "aria-describedby": string | undefined;
+    "data-scope": string;
+    "data-part": string;
+  };
+  getLegendProps: () => {
+    "data-disabled": import("@wirekyt/dom/dom-query").Booleanish;
+    "data-invalid": import("@wirekyt/dom/dom-query").Booleanish;
+    "data-scope": string;
+    "data-part": string;
+    id: string;
+  };
+  getHelperTextProps: () => {
+    "data-scope": string;
+    "data-part": string;
+    id: string;
+  };
+  getErrorTextProps: () => {
+    "aria-live": string;
+    "data-scope": string;
+    "data-part": string;
+    id: string;
+  };
+}>;
+//#endregion
+//#region src/components/fieldset/use-context.d.ts
+interface UseFieldsetContext extends UseFieldsetReturn {}
+declare const FieldsetProvider: import("solid-js").ContextProviderComponent<UseFieldsetContext>, useFieldsetContext: () => UseFieldsetContext;
+//#endregion
+//#region src/components/fieldset/context.d.ts
+interface FieldsetContextProps {
+  children: (context: UseFieldsetContext) => JSX.Element;
+}
+declare const FieldsetContext: (props: FieldsetContextProps) => JSX.Element;
+//#endregion
+//#region src/components/fieldset/error-text.d.ts
+interface FieldsetErrorTextBaseProps extends PolymorphicProps<"span"> {}
+interface FieldsetErrorTextProps extends HTMLProps<"span">, FieldsetErrorTextBaseProps {}
+declare const FieldsetErrorText: (props: FieldsetErrorTextProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/fieldset/helper-text.d.ts
+interface FieldsetHelperTextBaseProps extends PolymorphicProps<"span"> {}
+interface FieldsetHelperTextProps extends HTMLProps<"span">, FieldsetHelperTextBaseProps {}
+declare const FieldsetHelperText: (props: FieldsetHelperTextProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/fieldset/legend.d.ts
+interface FieldsetLegendBaseProps extends PolymorphicProps<"legend"> {}
+interface FieldsetLegendProps extends HTMLProps<"legend">, FieldsetLegendBaseProps {}
+declare const FieldsetLegend: (props: FieldsetLegendProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/fieldset/root.d.ts
+interface FieldsetRootBaseProps extends UseFieldsetProps, PolymorphicProps<"fieldset"> {}
+interface FieldsetRootProps extends HTMLProps<"fieldset">, FieldsetRootBaseProps {}
+declare const FieldsetRoot: {
+  (props: FieldsetRootProps): import("solid-js").JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/fieldset/root-provider.d.ts
+interface RootProviderProps {
+  value: UseFieldsetReturn;
+}
+interface FieldsetRootProviderBaseProps extends RootProviderProps, PolymorphicProps<"fieldset"> {}
+interface FieldsetRootProviderProps extends HTMLProps<"fieldset">, FieldsetRootProviderBaseProps {}
+declare const FieldsetRootProvider: (props: FieldsetRootProviderProps) => import("solid-js").JSX.Element;
+//#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 };

package/dist/fieldset.js

@@ -0,0 +1,2 @@
+import { a as fieldsetAnatomy, c as FieldsetErrorText, i as useFieldset, l as FieldsetContext, n as FieldsetRootProvider, o as FieldsetLegend, r as FieldsetRoot, s as FieldsetHelperText, t as fieldset_exports, u as useFieldsetContext } from "./fieldset-D5teGLZ9.js";
+export { fieldset_exports as Fieldset, FieldsetContext, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot, FieldsetRootProvider, fieldsetAnatomy, useFieldset, useFieldsetContext };

package/dist/fieldset.jsx

@@ -0,0 +1,2 @@
+import { a as fieldsetAnatomy, c as FieldsetErrorText, i as useFieldset, l as FieldsetContext, n as FieldsetRootProvider, o as FieldsetLegend, r as FieldsetRoot, s as FieldsetHelperText, t as fieldset_exports, u as useFieldsetContext } from "./fieldset-5shfE0Z5.jsx";
+export { fieldset_exports as Fieldset, FieldsetContext, FieldsetErrorText, FieldsetHelperText, FieldsetLegend, FieldsetRoot, FieldsetRootProvider, fieldsetAnatomy, useFieldset, useFieldsetContext };