@sprawlify/solid 0.0.78 → 0.0.79

package/dist/components/dropdown-menu/index.jsx

@@ -0,0 +1,383 @@
+import { t as __exportAll } from "../../chunk-CbkudaSF.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-B6ixUkqg.jsx";
+import { t as runIfFn } from "../../run-if-fn-CJUSlNHk.jsx";
+import { t as createContext$1 } from "../../create-context-DGJ79e4Y.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-CjCWKYvZ.jsx";
+import { t as sprawlify } from "../../factory-CzIfQZJj.jsx";
+import { t as createSplitProps } from "../../create-split-props-CgD5kGV-.jsx";
+import "../../render-strategy-CjzB786h.jsx";
+import { t as composeRefs } from "../../compose-refs-fqtYfDF0.jsx";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-D9IWNBoq.jsx";
+import { Show, createEffect, createMemo, createUniqueId, onCleanup, onMount } from "solid-js";
+import * as dropdownMenu from "@sprawlify/primitives/machines/dropdown-menu";
+import { anatomy as dropdownMenuAnatomy } from "@sprawlify/primitives/machines/dropdown-menu";
+
+//#region src/components/dropdown-menu/use-dropdown-menu-context.ts
+const [DropdownMenuProvider, useDropdownMenuContext] = createContext$1({
+	hookName: "useDropdownMenuContext",
+	providerName: "<DropdownMenuProvider />",
+	strict: false
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-arrow.tsx
+const DropdownMenuArrow = (props) => {
+	const context = useDropdownMenuContext();
+	const mergedProps = mergeProps$1(() => context().getArrowProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-arrow-tip.tsx
+const DropdownMenuArrowTip = (props) => {
+	const context = useDropdownMenuContext();
+	const mergedProps = mergeProps$1(() => context().getArrowTipProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/use-dropdown-menu-item-context.ts
+const [DropdownMenuItemProvider, useDropdownMenuItemContext] = createContext$1({
+	hookName: "useDropdownMenuItemContext",
+	providerName: "<DropdownMenuItemProvider />"
+});
+
+//#endregion
+//#region src/components/dropdown-menu/use-dropdown-menu-option-item-props-context.ts
+const [DropdownMenuItemPropsProvider, useDropdownMenuItemPropsContext] = createContext$1({
+	hookName: "useDropdownMenuItemPropsContext",
+	providerName: "<DropdownMenuItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-checkbox-item.tsx
+const DropdownMenuCheckboxItem = (props) => {
+	const [partialOptionItemProps, localProps] = createSplitProps()(props, [
+		"checked",
+		"closeOnSelect",
+		"disabled",
+		"onCheckedChange",
+		"value",
+		"valueText"
+	]);
+	const optionItemProps = mergeProps$1(partialOptionItemProps, { type: "checkbox" });
+	const context = useDropdownMenuContext();
+	const mergedProps = mergeProps$1(() => context().getOptionItemProps(optionItemProps), localProps);
+	const optionItemState = createMemo(() => context().getItemState(optionItemProps));
+	return <DropdownMenuItemPropsProvider value={optionItemProps}>
+      <DropdownMenuItemProvider value={optionItemState}>
+        <sprawlify.div {...mergedProps} />
+      </DropdownMenuItemProvider>
+    </DropdownMenuItemPropsProvider>;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-content.tsx
+const DropdownMenuContent = (props) => {
+	const context = useDropdownMenuContext();
+	const presenceContext = usePresenceContext();
+	const mergedProps = mergeProps$1(() => context().getContentProps(), () => presenceContext().presenceProps, props);
+	return <Show when={!presenceContext().unmounted}>
+      <sprawlify.div {...mergedProps} ref={composeRefs(presenceContext().ref, props.ref)} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-context.tsx
+const DropdownMenuContext = (props) => props.children(useDropdownMenuContext());
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-indicator.tsx
+const DropdownMenuIndicator = (props) => {
+	const context = useDropdownMenuContext();
+	const mergedProps = mergeProps$1(() => context().getIndicatorProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item.tsx
+const DropdownMenuItem = (props) => {
+	const [itemProps, localProps] = createSplitProps()(props, [
+		"closeOnSelect",
+		"disabled",
+		"value",
+		"valueText",
+		"onSelect"
+	]);
+	const context = useDropdownMenuContext();
+	const mergedProps = mergeProps$1(() => context().getItemProps(itemProps), localProps);
+	const itemState = createMemo(() => context().getItemState(itemProps));
+	createEffect(() => {
+		const cleanup = context().addItemListener({
+			id: itemState().id,
+			onSelect: itemProps.onSelect
+		});
+		onCleanup(() => cleanup?.());
+	});
+	return <DropdownMenuItemPropsProvider value={itemProps}>
+      <DropdownMenuItemProvider value={itemState}>
+        <sprawlify.div {...mergedProps} />
+      </DropdownMenuItemProvider>
+    </DropdownMenuItemPropsProvider>;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-context.tsx
+const DropdownMenuItemContext = (props) => props.children(useDropdownMenuItemContext());
+
+//#endregion
+//#region src/components/dropdown-menu/use-dropdown-menu-item-group-context.ts
+const [DropdownMenuItemGroupProvider, useDropdownMenuItemGroupContext] = createContext$1({
+	hookName: "useDropdownMenuItemGroupContext",
+	providerName: "<DropdownMenuItemGroupProvider />"
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-group.tsx
+const DropdownMenuItemGroup = (props) => {
+	const [optionalItemGroupProps, localProps] = createSplitProps()(props, ["id"]);
+	const itemGroupProps = mergeProps$1({ id: createUniqueId() }, optionalItemGroupProps);
+	const dropdownMenu = useDropdownMenuContext();
+	const mergedProps = mergeProps$1(() => dropdownMenu().getItemGroupProps(itemGroupProps), localProps);
+	return <DropdownMenuItemGroupProvider value={itemGroupProps}>
+      <sprawlify.div {...mergedProps} />
+    </DropdownMenuItemGroupProvider>;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-group-label.tsx
+const DropdownMenuItemGroupLabel = (props) => {
+	const context = useDropdownMenuContext();
+	const itemGroupContext = useDropdownMenuItemGroupContext();
+	const mergedProps = mergeProps$1(context().getItemGroupLabelProps({ htmlFor: itemGroupContext.id }), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-indicator.tsx
+const DropdownMenuItemIndicator = (props) => {
+	const context = useDropdownMenuContext();
+	const itemProps = useDropdownMenuItemPropsContext();
+	const mergedProps = mergeProps$1(() => context().getItemIndicatorProps(itemProps), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-text.tsx
+const DropdownMenuItemText = (props) => {
+	const context = useDropdownMenuContext();
+	const itemProps = useDropdownMenuItemPropsContext();
+	const mergedProps = mergeProps$1(() => context().getItemTextProps(itemProps), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-positioner.tsx
+const DropdownMenuPositioner = (props) => {
+	const context = useDropdownMenuContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$1(() => context().getPositionerProps(), props);
+	return <Show when={!presence().unmounted}>
+      <sprawlify.div {...mergedProps} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-radio-item.tsx
+const DropdownMenuRadioItem = (props) => {
+	const [partialItemProps, localProps] = createSplitProps()(props, [
+		"closeOnSelect",
+		"disabled",
+		"value",
+		"valueText"
+	]);
+	const context = useDropdownMenuContext();
+	const itemGroup = useDropdownMenuItemGroupContext();
+	const optionItemProps = mergeProps$1(partialItemProps, () => ({
+		type: "radio",
+		checked: itemGroup.value === partialItemProps.value,
+		onCheckedChange: () => itemGroup.onValueChange?.({ value: partialItemProps.value })
+	}));
+	const mergedProps = mergeProps$1(() => context().getOptionItemProps(optionItemProps), localProps);
+	const optionItemState = createMemo(() => context().getOptionItemState(optionItemProps));
+	return <DropdownMenuItemPropsProvider value={optionItemProps}>
+      <DropdownMenuItemProvider value={optionItemState}>
+        <sprawlify.div {...mergedProps} />
+      </DropdownMenuItemProvider>
+    </DropdownMenuItemPropsProvider>;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-radio-item-group.tsx
+const DropdownMenuRadioItemGroup = (props) => {
+	const [optionalItemGroupProps, localProps] = createSplitProps()(props, [
+		"id",
+		"onValueChange",
+		"value"
+	]);
+	const context = useDropdownMenuContext();
+	const itemGroupProps = mergeProps$1({ id: createUniqueId() }, optionalItemGroupProps);
+	const mergedProps = mergeProps$1(() => context().getItemGroupProps(itemGroupProps), localProps);
+	return <DropdownMenuItemGroupProvider value={itemGroupProps}>
+      <sprawlify.div {...mergedProps} />
+    </DropdownMenuItemGroupProvider>;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/use-dropdown-menu.ts
+const useDropdownMenu = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(dropdownMenu.machine, machineProps);
+	return {
+		api: createMemo(() => dropdownMenu.connect(service, normalizeProps)),
+		service
+	};
+};
+
+//#endregion
+//#region src/components/dropdown-menu/use-dropdown-menu-machine-context.ts
+const [DropdownMenuMachineProvider, useDropdownMenuMachineContext] = createContext$1({
+	hookName: "useDropdownMenuMachineContext",
+	providerName: "<DropdownMenuMachineProvider />",
+	strict: false
+});
+
+//#endregion
+//#region src/components/dropdown-menu/use-dropdown-menu-trigger-item-context.ts
+const [DropdownMenuTriggerItemProvider, useDropdownMenuTriggerItemContext] = createContext$1({
+	hookName: "useDropdownMenuTriggerItemContext",
+	providerName: "<DropdownMenuTriggerItemProvider />",
+	strict: false
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-root.tsx
+const DropdownMenuRoot = (props) => {
+	const [presenceProps, dropdownMenuProps] = splitPresenceProps(props);
+	const [useDropdownMenuProps, localProps] = createSplitProps()(dropdownMenuProps, [
+		"anchorPoint",
+		"aria-label",
+		"closeOnSelect",
+		"composite",
+		"defaultHighlightedValue",
+		"defaultOpen",
+		"highlightedValue",
+		"id",
+		"ids",
+		"loopFocus",
+		"navigate",
+		"onEscapeKeyDown",
+		"onFocusOutside",
+		"onHighlightChange",
+		"onInteractOutside",
+		"onOpenChange",
+		"onPointerDownOutside",
+		"onRequestDismiss",
+		"onSelect",
+		"open",
+		"positioning",
+		"typeahead"
+	]);
+	const parentApi = useDropdownMenuContext();
+	const parentMachine = useDropdownMenuMachineContext();
+	const dropdownMenu = useDropdownMenu(useDropdownMenuProps);
+	const presenceApi = usePresence(mergeProps$1(presenceProps, () => ({ present: dropdownMenu.api().open })));
+	onMount(() => {
+		if (!parentMachine) return;
+		parentApi?.().setChild(dropdownMenu.service);
+		dropdownMenu.api().setParent(parentMachine);
+	});
+	const triggerItemContext = () => parentApi?.().getTriggerItemProps(dropdownMenu.api());
+	return <DropdownMenuTriggerItemProvider value={triggerItemContext}>
+      <DropdownMenuMachineProvider value={dropdownMenu.service}>
+        <DropdownMenuProvider value={dropdownMenu.api}>
+          <PresenceProvider value={presenceApi}>{localProps.children}</PresenceProvider>
+        </DropdownMenuProvider>
+      </DropdownMenuMachineProvider>
+    </DropdownMenuTriggerItemProvider>;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-root-provider.tsx
+const DropdownMenuRootProvider = (props) => {
+	const parentApi = useDropdownMenuContext();
+	const parentMachine = useDropdownMenuMachineContext();
+	const [presenceProps, dropdownMenuProps] = splitPresenceProps(props);
+	const presenceApi = usePresence(mergeProps$1(presenceProps, () => ({ present: dropdownMenuProps.value.api().open })));
+	createEffect(() => {
+		if (!parentMachine) return;
+		parentApi?.().setChild(dropdownMenuProps.value.service);
+		dropdownMenuProps.value.api().setParent(parentMachine);
+	});
+	const triggerItemContext = () => parentApi?.().getTriggerItemProps(dropdownMenuProps.value.api());
+	return <DropdownMenuTriggerItemProvider value={triggerItemContext}>
+      <DropdownMenuMachineProvider value={dropdownMenuProps.value.service}>
+        <DropdownMenuProvider value={dropdownMenuProps.value.api}>
+          <PresenceProvider value={presenceApi}>{dropdownMenuProps.children}</PresenceProvider>
+        </DropdownMenuProvider>
+      </DropdownMenuMachineProvider>
+    </DropdownMenuTriggerItemProvider>;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-separator.tsx
+const DropdownMenuSeparator = (props) => {
+	const dropdownMenu = useDropdownMenuContext();
+	const mergedProps = mergeProps$1(() => dropdownMenu().getSeparatorProps(), props);
+	return <sprawlify.hr {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-trigger.tsx
+const DropdownMenuTrigger = (props) => {
+	const api = useDropdownMenuContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getTriggerProps(), () => ({ "aria-controls": presenceApi().unmounted && null }), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-trigger-item.tsx
+const DropdownMenuTriggerItem = (props) => {
+	const getTriggerItemProps = useDropdownMenuTriggerItemContext();
+	const mergedProps = mergeProps$1(() => getTriggerItemProps?.(), props);
+	return <DropdownMenuItemPropsProvider value={{ value: mergedProps["data-value"] }}>
+      <sprawlify.div {...mergedProps} />
+    </DropdownMenuItemPropsProvider>;
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu.ts
+var dropdown_menu_exports = /* @__PURE__ */ __exportAll({
+	Arrow: () => DropdownMenuArrow,
+	ArrowTip: () => DropdownMenuArrowTip,
+	CheckboxItem: () => DropdownMenuCheckboxItem,
+	Content: () => DropdownMenuContent,
+	Context: () => DropdownMenuContext,
+	Indicator: () => DropdownMenuIndicator,
+	Item: () => DropdownMenuItem,
+	ItemContext: () => DropdownMenuItemContext,
+	ItemGroup: () => DropdownMenuItemGroup,
+	ItemGroupLabel: () => DropdownMenuItemGroupLabel,
+	ItemIndicator: () => DropdownMenuItemIndicator,
+	ItemText: () => DropdownMenuItemText,
+	Positioner: () => DropdownMenuPositioner,
+	RadioItem: () => DropdownMenuRadioItem,
+	RadioItemGroup: () => DropdownMenuRadioItemGroup,
+	Root: () => DropdownMenuRoot,
+	RootProvider: () => DropdownMenuRootProvider,
+	Separator: () => DropdownMenuSeparator,
+	Trigger: () => DropdownMenuTrigger,
+	TriggerItem: () => DropdownMenuTriggerItem
+});
+
+//#endregion
+export { dropdown_menu_exports as DropdownMenu, DropdownMenuArrow, DropdownMenuArrowTip, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuContext, DropdownMenuIndicator, DropdownMenuItem, DropdownMenuItemContext, DropdownMenuItemGroup, DropdownMenuItemGroupLabel, DropdownMenuItemIndicator, DropdownMenuItemText, DropdownMenuPositioner, DropdownMenuRadioItem, DropdownMenuRadioItemGroup, DropdownMenuRoot, DropdownMenuRootProvider, DropdownMenuSeparator, DropdownMenuTrigger, DropdownMenuTriggerItem, dropdownMenuAnatomy, useDropdownMenu, useDropdownMenuContext, useDropdownMenuItemContext };

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

@@ -1,21 +1,20 @@
-import { n as PropTypes } from "../../index-DMLSuCzg.js";
-import { i as Optional, n as MaybeAccessor } from "../../types-BYcgXZnj.js";
-import { r as PolymorphicProps, t as HTMLProps } from "../../factory-8gmqJkZ6.js";
-import { t as editableAnatomy } from "../../editable-anatomy-L4nQs0yj.js";
-import * as solid_js191 from "solid-js";
+import { n as PropTypes } from "../../index-CLwp1P-Z.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-B9AK1oJL.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-DMawBjkt.js";
+import * as solid_js233 from "solid-js";
 import { Accessor, JSX } from "solid-js";
 import * as editable from "@sprawlify/primitives/machines/editable";
-import { EditChangeDetails as EditableEditChangeDetails, FocusOutsideEvent, FocusOutsideEvent as EditableFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as EditableInteractOutsideEvent, PointerDownOutsideEvent, PointerDownOutsideEvent as EditablePointerDownOutsideEvent, ValueChangeDetails, ValueChangeDetails as EditableValueChangeDetails } from "@sprawlify/primitives/machines/editable";
+import { EditChangeDetails as EditableEditChangeDetails, FocusOutsideEvent, FocusOutsideEvent as EditableFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as EditableInteractOutsideEvent, PointerDownOutsideEvent, PointerDownOutsideEvent as EditablePointerDownOutsideEvent, ValueChangeDetails, ValueChangeDetails as EditableValueChangeDetails, anatomy as editableAnatomy } from "@sprawlify/primitives/machines/editable";
 
 //#region src/components/editable/editable-area.d.ts
 interface EditableAreaBaseProps extends PolymorphicProps<'div'> {}
 interface EditableAreaProps extends HTMLProps<'div'>, EditableAreaBaseProps {}
-declare const EditableArea: (props: EditableAreaProps) => solid_js191.JSX.Element;
+declare const EditableArea: (props: EditableAreaProps) => solid_js233.JSX.Element;
 //#endregion
 //#region src/components/editable/editable-cancel-trigger.d.ts
 interface EditableCancelTriggerBaseProps extends PolymorphicProps<'button'> {}
 interface EditableCancelTriggerProps extends HTMLProps<'button'>, EditableCancelTriggerBaseProps {}
-declare const EditableCancelTrigger: (props: EditableCancelTriggerProps) => solid_js191.JSX.Element;
+declare const EditableCancelTrigger: (props: EditableCancelTriggerProps) => solid_js233.JSX.Element;
 //#endregion
 //#region src/components/editable/use-editable.d.ts
 interface UseEditableProps extends Optional<Omit<editable.Props, 'dir' | 'getRootNode'>, 'id'> {}
@@ -34,32 +33,32 @@ declare const EditableContext: (props: EditableContextProps) => JSX.Element;
 //#region src/components/editable/editable-control.d.ts
 interface EditableControlBaseProps extends PolymorphicProps<'div'> {}
 interface EditableControlProps extends HTMLProps<'div'>, EditableControlBaseProps {}
-declare const EditableControl: (props: EditableControlProps) => solid_js191.JSX.Element;
+declare const EditableControl: (props: EditableControlProps) => solid_js233.JSX.Element;
 //#endregion
 //#region src/components/editable/editable-edit-trigger.d.ts
 interface EditableEditTriggerBaseProps extends PolymorphicProps<'button'> {}
 interface EditableEditTriggerProps extends HTMLProps<'button'>, EditableEditTriggerBaseProps {}
-declare const EditableEditTrigger: (props: EditableEditTriggerProps) => solid_js191.JSX.Element;
+declare const EditableEditTrigger: (props: EditableEditTriggerProps) => solid_js233.JSX.Element;
 //#endregion
 //#region src/components/editable/editable-input.d.ts
 interface EditableInputBaseProps extends PolymorphicProps<'input'> {}
 interface EditableInputProps extends HTMLProps<'input'>, EditableInputBaseProps {}
-declare const EditableInput: (props: EditableInputProps) => solid_js191.JSX.Element;
+declare const EditableInput: (props: EditableInputProps) => solid_js233.JSX.Element;
 //#endregion
 //#region src/components/editable/editable-label.d.ts
 interface EditableLabelBaseProps extends PolymorphicProps<'label'> {}
 interface EditableLabelProps extends HTMLProps<'label'>, EditableLabelBaseProps {}
-declare const EditableLabel: (props: EditableLabelProps) => solid_js191.JSX.Element;
+declare const EditableLabel: (props: EditableLabelProps) => solid_js233.JSX.Element;
 //#endregion
 //#region src/components/editable/editable-preview.d.ts
 interface EditablePreviewBaseProps extends PolymorphicProps<'span'> {}
 interface EditablePreviewProps extends HTMLProps<'span'>, EditablePreviewBaseProps {}
-declare const EditablePreview: (props: EditablePreviewProps) => solid_js191.JSX.Element;
+declare const EditablePreview: (props: EditablePreviewProps) => solid_js233.JSX.Element;
 //#endregion
 //#region src/components/editable/editable-root.d.ts
 interface EditableRootBaseProps extends UseEditableProps, PolymorphicProps<'div'> {}
 interface EditableRootProps extends HTMLProps<'div'>, EditableRootBaseProps {}
-declare const EditableRoot: (props: EditableRootProps) => solid_js191.JSX.Element;
+declare const EditableRoot: (props: EditableRootProps) => solid_js233.JSX.Element;
 //#endregion
 //#region src/components/editable/editable-root-provider.d.ts
 interface RootProviderProps {
@@ -67,12 +66,12 @@ interface RootProviderProps {
 }
 interface EditableRootProviderBaseProps extends PolymorphicProps<'div'> {}
 interface EditableRootProviderProps extends HTMLProps<'div'>, RootProviderProps, EditableRootProviderBaseProps {}
-declare const EditableRootProvider: (props: EditableRootProviderProps) => solid_js191.JSX.Element;
+declare const EditableRootProvider: (props: EditableRootProviderProps) => solid_js233.JSX.Element;
 //#endregion
 //#region src/components/editable/editable-submit-trigger.d.ts
 interface EditableSubmitTriggerBaseProps extends PolymorphicProps<'button'> {}
 interface EditableSubmitTriggerProps extends HTMLProps<'button'>, EditableSubmitTriggerBaseProps {}
-declare const EditableSubmitTrigger: (props: EditableSubmitTriggerProps) => solid_js191.JSX.Element;
+declare const EditableSubmitTrigger: (props: EditableSubmitTriggerProps) => solid_js233.JSX.Element;
 declare namespace editable_d_exports {
   export { EditableArea as Area, EditableAreaBaseProps as AreaBaseProps, EditableAreaProps as AreaProps, EditableCancelTrigger as CancelTrigger, EditableCancelTriggerBaseProps as CancelTriggerBaseProps, EditableCancelTriggerProps as CancelTriggerProps, EditableContext as Context, EditableContextProps as ContextProps, EditableControl as Control, EditableControlBaseProps as ControlBaseProps, EditableControlProps as ControlProps, EditableEditTrigger as EditTrigger, EditableEditTriggerBaseProps as EditTriggerBaseProps, EditableEditTriggerProps as EditTriggerProps, FocusOutsideEvent, EditableInput as Input, EditableInputBaseProps as InputBaseProps, EditableInputProps as InputProps, InteractOutsideEvent, EditableLabel as Label, EditableLabelBaseProps as LabelBaseProps, EditableLabelProps as LabelProps, PointerDownOutsideEvent, EditablePreview as Preview, EditablePreviewBaseProps as PreviewBaseProps, EditablePreviewProps as PreviewProps, EditableRoot as Root, EditableRootBaseProps as RootBaseProps, EditableRootProps as RootProps, EditableRootProvider as RootProvider, EditableRootProviderBaseProps as RootProviderBaseProps, EditableRootProviderProps as RootProviderProps, EditableSubmitTrigger as SubmitTrigger, EditableSubmitTriggerBaseProps as SubmitTriggerBaseProps, EditableSubmitTriggerProps as SubmitTriggerProps, ValueChangeDetails };
 }

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

@@ -1,8 +1,8 @@
-import { n as MaybeAccessor } from "../../types-BYcgXZnj.js";
-import { r as PolymorphicProps, t as HTMLProps } from "../../factory-8gmqJkZ6.js";
-import { t as fieldAnatomy } from "../../field-anatomy-Ci5P-ScP.js";
-import * as solid_js140 from "solid-js";
+import { n as MaybeAccessor } from "../../types-B9AK1oJL.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-DMawBjkt.js";
+import * as solid_js429 from "solid-js";
 import { JSX } from "solid-js";
+import * as _sprawlify_primitives_anatomy9 from "@sprawlify/primitives/anatomy";
 
 //#region src/components/field/use-field.d.ts
 interface ElementIds {
@@ -39,7 +39,7 @@ interface UseFieldProps {
   readOnly?: boolean;
 }
 type UseFieldReturn = ReturnType<typeof useField>;
-declare const useField: (props?: MaybeAccessor<UseFieldProps>) => solid_js140.Accessor<{
+declare const useField: (props?: MaybeAccessor<UseFieldProps>) => solid_js429.Accessor<{
   ariaDescribedby: string;
   ids: {
     control: string;
@@ -48,7 +48,7 @@ declare const useField: (props?: MaybeAccessor<UseFieldProps>) => solid_js140.Ac
     helperText: string;
   };
   refs: {
-    rootRef: solid_js140.Setter<HTMLDivElement | undefined>;
+    rootRef: solid_js429.Setter<HTMLDivElement | undefined>;
   };
   disabled: boolean;
   invalid: boolean;
@@ -143,22 +143,22 @@ declare const FieldContext: (props: FieldContextProps) => JSX.Element;
 //#region src/components/field/field-error-text.d.ts
 interface FieldErrorTextBaseProps extends PolymorphicProps<'span'> {}
 interface FieldErrorTextProps extends HTMLProps<'span'>, FieldErrorTextBaseProps {}
-declare const FieldErrorText: (props: FieldErrorTextProps) => solid_js140.JSX.Element;
+declare const FieldErrorText: (props: FieldErrorTextProps) => solid_js429.JSX.Element;
 //#endregion
 //#region src/components/field/field-helper-text.d.ts
 interface FieldHelperTextBaseProps extends PolymorphicProps<'span'> {}
 interface FieldHelperTextProps extends HTMLProps<'span'>, FieldHelperTextBaseProps {}
-declare const FieldHelperText: (props: FieldHelperTextProps) => solid_js140.JSX.Element;
+declare const FieldHelperText: (props: FieldHelperTextProps) => solid_js429.JSX.Element;
 //#endregion
 //#region src/components/field/field-input.d.ts
 interface FieldInputBaseProps extends PolymorphicProps<'input'> {}
 interface FieldInputProps extends HTMLProps<'input'>, FieldInputBaseProps {}
-declare const FieldInput: (props: FieldInputProps) => solid_js140.JSX.Element;
+declare const FieldInput: (props: FieldInputProps) => solid_js429.JSX.Element;
 //#endregion
 //#region src/components/field/field-label.d.ts
 interface FieldLabelBaseProps extends PolymorphicProps<'label'> {}
 interface FieldLabelProps extends HTMLProps<'label'>, FieldLabelBaseProps {}
-declare const FieldLabel: (props: FieldLabelProps) => solid_js140.JSX.Element;
+declare const FieldLabel: (props: FieldLabelProps) => solid_js429.JSX.Element;
 //#endregion
 //#region src/components/field/field-required-indicator.d.ts
 interface FieldRequiredIndicatorBaseProps extends PolymorphicProps<'span'> {
@@ -170,7 +170,7 @@ declare const FieldRequiredIndicator: (props: FieldRequiredIndicatorProps) => JS
 //#region src/components/field/field-root.d.ts
 interface FieldRootBaseProps extends UseFieldProps, PolymorphicProps<'div'> {}
 interface FieldRootProps extends HTMLProps<'div'>, FieldRootBaseProps {}
-declare const FieldRoot: (props: FieldRootProps) => solid_js140.JSX.Element;
+declare const FieldRoot: (props: FieldRootProps) => solid_js429.JSX.Element;
 //#endregion
 //#region src/components/field/field-root-provider.d.ts
 interface RootProviderProps {
@@ -178,19 +178,22 @@ interface RootProviderProps {
 }
 interface FieldRootProviderBaseProps extends PolymorphicProps<'div'> {}
 interface FieldRootProviderProps extends HTMLProps<'div'>, RootProviderProps, FieldRootProviderBaseProps {}
-declare const FieldRootProvider: (props: FieldRootProviderProps) => solid_js140.JSX.Element;
+declare const FieldRootProvider: (props: FieldRootProviderProps) => solid_js429.JSX.Element;
 //#endregion
 //#region src/components/field/field-select.d.ts
 interface FieldSelectBaseProps extends PolymorphicProps<'select'> {}
 interface FieldSelectProps extends HTMLProps<'select'>, FieldSelectBaseProps {}
-declare const FieldSelect: (props: FieldSelectProps) => solid_js140.JSX.Element;
+declare const FieldSelect: (props: FieldSelectProps) => solid_js429.JSX.Element;
 //#endregion
 //#region src/components/field/field-textarea.d.ts
 interface FieldTextareaBaseProps extends PolymorphicProps<'textarea'> {
   autoresize?: boolean;
 }
 interface FieldTextareaProps extends HTMLProps<'textarea'>, FieldTextareaBaseProps {}
-declare const FieldTextarea: (props: FieldTextareaProps) => solid_js140.JSX.Element;
+declare const FieldTextarea: (props: FieldTextareaProps) => solid_js429.JSX.Element;
+//#endregion
+//#region src/components/field/field-anatomy.d.ts
+declare const fieldAnatomy: _sprawlify_primitives_anatomy9.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, 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 };
 }

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

@@ -1,8 +1,8 @@
-import { n as MaybeAccessor } from "../../types-BYcgXZnj.js";
-import { r as PolymorphicProps, t as HTMLProps } from "../../factory-8gmqJkZ6.js";
-import { t as fieldsetAnatomy } from "../../fieldset-anatomy-CdaPY73z.js";
-import * as solid_js467 from "solid-js";
+import { n as MaybeAccessor } from "../../types-B9AK1oJL.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-DMawBjkt.js";
+import * as solid_js463 from "solid-js";
 import { JSX } from "solid-js";
+import * as _sprawlify_primitives_anatomy13 from "@sprawlify/primitives/anatomy";
 
 //#region src/components/fieldset/use-fieldset.d.ts
 interface UseFieldsetProps {
@@ -20,9 +20,9 @@ interface UseFieldsetProps {
   invalid?: boolean;
 }
 type UseFieldsetReturn = ReturnType<typeof useFieldset>;
-declare const useFieldset: (props?: MaybeAccessor<UseFieldsetProps>) => solid_js467.Accessor<{
+declare const useFieldset: (props?: MaybeAccessor<UseFieldsetProps>) => solid_js463.Accessor<{
   refs: {
-    rootRef: solid_js467.Setter<HTMLFieldSetElement | undefined>;
+    rootRef: solid_js463.Setter<HTMLFieldSetElement | undefined>;
   };
   ids: {
     legend: string;
@@ -72,23 +72,23 @@ declare const FieldsetContext: (props: FieldsetContextProps) => JSX.Element;
 //#region src/components/fieldset/fieldset-error-text.d.ts
 interface FieldsetErrorTextBaseProps extends PolymorphicProps<'span'> {}
 interface FieldsetErrorTextProps extends HTMLProps<'span'>, FieldsetErrorTextBaseProps {}
-declare const FieldsetErrorText: (props: FieldsetErrorTextProps) => solid_js467.JSX.Element;
+declare const FieldsetErrorText: (props: FieldsetErrorTextProps) => solid_js463.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-helper-text.d.ts
 interface FieldsetHelperTextBaseProps extends PolymorphicProps<'span'> {}
 interface FieldsetHelperTextProps extends HTMLProps<'span'>, FieldsetHelperTextBaseProps {}
-declare const FieldsetHelperText: (props: FieldsetHelperTextProps) => solid_js467.JSX.Element;
+declare const FieldsetHelperText: (props: FieldsetHelperTextProps) => solid_js463.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-legend.d.ts
 interface FieldsetLegendBaseProps extends PolymorphicProps<'legend'> {}
 interface FieldsetLegendProps extends HTMLProps<'legend'>, FieldsetLegendBaseProps {}
-declare const FieldsetLegend: (props: FieldsetLegendProps) => solid_js467.JSX.Element;
+declare const FieldsetLegend: (props: FieldsetLegendProps) => solid_js463.JSX.Element;
 //#endregion
 //#region src/components/fieldset/fieldset-root.d.ts
 interface FieldsetRootBaseProps extends UseFieldsetProps, PolymorphicProps<'fieldset'> {}
 interface FieldsetRootProps extends HTMLProps<'fieldset'>, FieldsetRootBaseProps {}
 declare const FieldsetRoot: {
-  (props: FieldsetRootProps): solid_js467.JSX.Element;
+  (props: FieldsetRootProps): solid_js463.JSX.Element;
   displayName: string;
 };
 //#endregion
@@ -98,7 +98,10 @@ interface RootProviderProps {
 }
 interface FieldsetRootProviderBaseProps extends RootProviderProps, PolymorphicProps<'fieldset'> {}
 interface FieldsetRootProviderProps extends HTMLProps<'fieldset'>, FieldsetRootProviderBaseProps {}
-declare const FieldsetRootProvider: (props: FieldsetRootProviderProps) => solid_js467.JSX.Element;
+declare const FieldsetRootProvider: (props: FieldsetRootProviderProps) => solid_js463.JSX.Element;
+//#endregion
+//#region src/components/fieldset/fieldset-anatomy.d.ts
+declare const fieldsetAnatomy: _sprawlify_primitives_anatomy13.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 };
 }