@sprawlify/react 0.0.78 → 0.0.79

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

@@ -0,0 +1,500 @@
+import { t as __exportAll } from "../../chunk-DWkwRR9H.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-BxCFHKQ_.mjs";
+import { t as createContext$1 } from "../../create-context-DuRB02yv.mjs";
+import { n as useEnvironmentContext } from "../../environment-9mOM5FKS.mjs";
+import { i as useLocaleContext } from "../../locale-De5Z27ES.mjs";
+import "../../providers-U5faJq0V.mjs";
+import { t as composeRefs } from "../../compose-refs-JvsPOcHE.mjs";
+import { n as sprawlify } from "../../factory-D0O3O5Jq.mjs";
+import { t as dropdownMenuAnatomy } from "../../dropdown-menu-anatomy-CDBGfuyj.mjs";
+import { t as createSplitProps } from "../../create-split-props-1zlHPC6Z.mjs";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-BXhzYk4a.mjs";
+import "../../use-event-BfTlPdG9.mjs";
+import { forwardRef, useCallback, useEffect, useId, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as dropdownMenu from "@sprawlify/primitives/machines/dropdown-menu";
+
+//#region src/components/dropdown-menu/use-dropdown-menu-context.ts
+const [DropdownMenuProvider, useDropdownMenuContext] = createContext$1({
+	name: "DropdownMenuContext",
+	hookName: "useDropdownMenuContext",
+	providerName: "<DropdownMenuProvider />",
+	strict: false
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-arrow.tsx
+const DropdownMenuArrow = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDropdownMenuContext().getArrowProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+DropdownMenuArrow.displayName = "DropdownMenuArrow";
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-arrow-tip.tsx
+const DropdownMenuArrowTip = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDropdownMenuContext().getArrowTipProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+DropdownMenuArrowTip.displayName = "DropdownMenuArrowTip";
+
+//#endregion
+//#region src/components/dropdown-menu/use-dropdown-menu-item-context.ts
+const [DropdownMenuItemProvider, useDropdownMenuItemContext] = createContext$1({
+	name: "DropdownMenuItemContext",
+	hookName: "useDropdownMenuItemContext",
+	providerName: "<DropdownMenuItemProvider />"
+});
+
+//#endregion
+//#region src/components/dropdown-menu/use-dropdown-menu-option-item-props-context.ts
+const [DropdownMenuItemPropsProvider, useDropdownMenuItemPropsContext] = createContext$1({
+	name: "DropdownMenuItemPropsContext",
+	hookName: "useDropdownMenuItemPropsContext",
+	providerName: "<DropdownMenuItemPropsProvider />"
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-checkbox-item.tsx
+const splitOptionItemProps$1 = createSplitProps();
+const DropdownMenuCheckboxItem = forwardRef((props, ref) => {
+	const [partialOptionItemProps, localProps] = splitOptionItemProps$1(props, [
+		"checked",
+		"closeOnSelect",
+		"disabled",
+		"onCheckedChange",
+		"value",
+		"valueText"
+	]);
+	const optionItemProps = {
+		...partialOptionItemProps,
+		type: "checkbox"
+	};
+	const dropdownMenu = useDropdownMenuContext();
+	const mergedProps = mergeProps(dropdownMenu.getOptionItemProps(optionItemProps), localProps);
+	return /* @__PURE__ */ jsx(DropdownMenuItemPropsProvider, {
+		value: optionItemProps,
+		children: /* @__PURE__ */ jsx(DropdownMenuItemProvider, {
+			value: dropdownMenu.getOptionItemState(optionItemProps),
+			children: /* @__PURE__ */ jsx(sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+DropdownMenuCheckboxItem.displayName = "DropdownMenuCheckboxItem";
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-content.tsx
+const DropdownMenuContent = forwardRef((props, ref) => {
+	const dropdownMenu = useDropdownMenuContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps(dropdownMenu.getContentProps(), presence.getPresenceProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref: composeRefs(presence.ref, ref)
+	});
+});
+DropdownMenuContent.displayName = "DropdownMenuContent";
+
+//#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 = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDropdownMenuContext().getIndicatorProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+DropdownMenuIndicator.displayName = "DropdownMenuIndicator";
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item.tsx
+const splitItemBaseProps = createSplitProps();
+const DropdownMenuItem = forwardRef((props, ref) => {
+	const [itemProps, localProps] = splitItemBaseProps(props, [
+		"closeOnSelect",
+		"disabled",
+		"value",
+		"valueText",
+		"onSelect"
+	]);
+	const dropdownMenu = useDropdownMenuContext();
+	const mergedProps = mergeProps(dropdownMenu.getItemProps(itemProps), localProps);
+	const itemState = dropdownMenu.getItemState(itemProps);
+	useEffect(() => {
+		return dropdownMenu.addItemListener({
+			id: itemState.id,
+			onSelect: itemProps.onSelect
+		});
+	}, [itemState.id, itemProps.onSelect]);
+	return /* @__PURE__ */ jsx(DropdownMenuItemPropsProvider, {
+		value: itemProps,
+		children: /* @__PURE__ */ jsx(DropdownMenuItemProvider, {
+			value: itemState,
+			children: /* @__PURE__ */ jsx(sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+DropdownMenuItem.displayName = "DropdownMenuItem";
+
+//#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({
+	name: "DropdownMenuItemGroupContext",
+	hookName: "useDropdownMenuItemGroupContext",
+	providerName: "<DropdownMenuItemGroupProvider />"
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-group.tsx
+const splitItemGroupProps$1 = createSplitProps();
+const DropdownMenuItemGroup = forwardRef((props, ref) => {
+	const [optionalItemGroupProps, localProps] = splitItemGroupProps$1(props, ["id"]);
+	const dropdownMenu = useDropdownMenuContext();
+	const itemGroupProps = {
+		id: useId(),
+		...optionalItemGroupProps
+	};
+	const mergedProps = mergeProps(dropdownMenu.getItemGroupProps(itemGroupProps), localProps);
+	return /* @__PURE__ */ jsx(DropdownMenuItemGroupProvider, {
+		value: itemGroupProps,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+DropdownMenuItemGroup.displayName = "DropdownMenuItemGroup";
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-group-label.tsx
+const DropdownMenuItemGroupLabel = forwardRef((props, ref) => {
+	const dropdownMenu = useDropdownMenuContext();
+	const itemGroup = useDropdownMenuItemGroupContext();
+	const mergedProps = mergeProps(dropdownMenu.getItemGroupLabelProps({ htmlFor: itemGroup.id }), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+DropdownMenuItemGroupLabel.displayName = "DropdownMenuItemGroupLabel";
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-indicator.tsx
+const DropdownMenuItemIndicator = forwardRef((props, ref) => {
+	const dropdownMenu = useDropdownMenuContext();
+	const itemProps = useDropdownMenuItemPropsContext();
+	const mergedProps = mergeProps(dropdownMenu.getItemIndicatorProps(itemProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+DropdownMenuItemIndicator.displayName = "DropdownMenuItemIndicator";
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-item-text.tsx
+const DropdownMenuItemText = forwardRef((props, ref) => {
+	const dropdownMenu = useDropdownMenuContext();
+	const itemProps = useDropdownMenuItemPropsContext();
+	const mergedProps = mergeProps(dropdownMenu.getItemTextProps(itemProps), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+DropdownMenuItemText.displayName = "DropdownMenuItemText";
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-positioner.tsx
+const DropdownMenuPositioner = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDropdownMenuContext().getPositionerProps(), props);
+	if (usePresenceContext().unmounted) return null;
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+DropdownMenuPositioner.displayName = "DropdownMenuPositioner";
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-radio-item.tsx
+const splitOptionItemProps = createSplitProps();
+const DropdownMenuRadioItem = forwardRef((props, ref) => {
+	const [partialItemProps, localProps] = splitOptionItemProps(props, [
+		"closeOnSelect",
+		"disabled",
+		"value",
+		"valueText"
+	]);
+	const dropdownMenu = useDropdownMenuContext();
+	const itemGroup = useDropdownMenuItemGroupContext();
+	const optionItemProps = {
+		...partialItemProps,
+		checked: itemGroup.value === partialItemProps.value,
+		type: "radio",
+		onCheckedChange: () => itemGroup.onValueChange?.({ value: partialItemProps.value })
+	};
+	const mergedProps = mergeProps(dropdownMenu.getOptionItemProps(optionItemProps), localProps);
+	return /* @__PURE__ */ jsx(DropdownMenuItemPropsProvider, {
+		value: optionItemProps,
+		children: /* @__PURE__ */ jsx(DropdownMenuItemProvider, {
+			value: dropdownMenu.getOptionItemState(optionItemProps),
+			children: /* @__PURE__ */ jsx(sprawlify.div, {
+				...mergedProps,
+				ref
+			})
+		})
+	});
+});
+DropdownMenuRadioItem.displayName = "DropdownMenuRadioItem";
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-radio-item-group.tsx
+const splitItemGroupProps = createSplitProps();
+const DropdownMenuRadioItemGroup = forwardRef((props, ref) => {
+	const [optionalItemGroupProps, localProps] = splitItemGroupProps(props, [
+		"id",
+		"onValueChange",
+		"value"
+	]);
+	const dropdownMenu = useDropdownMenuContext();
+	const itemGroupProps = {
+		id: useId(),
+		...optionalItemGroupProps
+	};
+	const mergedProps = mergeProps(dropdownMenu.getItemGroupProps({ id: itemGroupProps.id }), localProps);
+	return /* @__PURE__ */ jsx(DropdownMenuItemGroupProvider, {
+		value: itemGroupProps,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+DropdownMenuRadioItemGroup.displayName = "DropdownMenuRadioItemGroup";
+
+//#endregion
+//#region src/utils/use-effect-once.ts
+const useEffectOnce = (cb) => {
+	const savedCallback = useRef(cb);
+	const effectGuard = useRef(false);
+	useEffect(() => {
+		savedCallback.current = cb;
+	});
+	useEffect(() => {
+		if (effectGuard.current !== true) {
+			effectGuard.current = true;
+			savedCallback.current();
+		}
+	}, []);
+};
+
+//#endregion
+//#region src/components/dropdown-menu/use-dropdown-menu.ts
+const useDropdownMenu = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(dropdownMenu.machine, machineProps);
+	return {
+		api: dropdownMenu.connect(service, normalizeProps),
+		service
+	};
+};
+
+//#endregion
+//#region src/components/dropdown-menu/use-dropdown-menu-machine-context.ts
+const [DropdownMenuMachineProvider, useDropdownMenuMachineContext] = createContext$1({
+	name: "DropdownMenuMachineContext",
+	hookName: "useDropdownMenuMachineContext",
+	providerName: "<DropdownMenuMachineProvider />",
+	strict: false
+});
+
+//#endregion
+//#region src/components/dropdown-menu/use-dropdown-menu-trigger-item-context.ts
+const [DropdownMenuTriggerItemProvider, useDropdownMenuTriggerItemContext] = createContext$1({
+	name: "DropdownMenuTriggerItemContext",
+	hookName: "useDropdownMenuTriggerItemContext",
+	providerName: "<DropdownMenuTriggerItemProvider />",
+	strict: false
+});
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-root.tsx
+const splitRootProps = createSplitProps();
+const DropdownMenuRoot = (props) => {
+	const [presenceProps, dropdownMenuProps] = splitPresenceProps(props);
+	const [useDropdownMenuProps, localProps] = splitRootProps(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 { api, service } = useDropdownMenu(useDropdownMenuProps);
+	const presence = usePresence(mergeProps({ present: api.open }, presenceProps));
+	useEffectOnce(() => {
+		if (!parentMachine) return;
+		if (!parentApi) return;
+		parentApi.setChild(service);
+		api.setParent(parentMachine);
+	});
+	return /* @__PURE__ */ jsx(DropdownMenuTriggerItemProvider, {
+		value: useCallback(() => parentApi?.getTriggerItemProps(api), [api, parentApi]),
+		children: /* @__PURE__ */ jsx(DropdownMenuMachineProvider, {
+			value: service,
+			children: /* @__PURE__ */ jsx(DropdownMenuProvider, {
+				value: api,
+				children: /* @__PURE__ */ jsx(PresenceProvider, {
+					value: presence,
+					...localProps
+				})
+			})
+		})
+	});
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-root-provider.tsx
+const DropdownMenuRootProvider = (props) => {
+	const parentApi = useDropdownMenuContext();
+	const parentMachine = useDropdownMenuMachineContext();
+	const [presenceProps, { value: dropdownMenu, children }] = splitPresenceProps(props);
+	const { api, service } = dropdownMenu;
+	const presence = usePresence(mergeProps({ present: api.open }, presenceProps));
+	useEffectOnce(() => {
+		if (!parentMachine) return;
+		if (!parentApi) return;
+		parentApi.setChild(service);
+		api.setParent(parentMachine);
+	});
+	return /* @__PURE__ */ jsx(DropdownMenuTriggerItemProvider, {
+		value: useCallback(() => parentApi?.getTriggerItemProps(api), [api, parentApi]),
+		children: /* @__PURE__ */ jsx(DropdownMenuMachineProvider, {
+			value: service,
+			children: /* @__PURE__ */ jsx(DropdownMenuProvider, {
+				value: api,
+				children: /* @__PURE__ */ jsx(PresenceProvider, {
+					value: presence,
+					children
+				})
+			})
+		})
+	});
+};
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-separator.tsx
+const DropdownMenuSeparator = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDropdownMenuContext().getSeparatorProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.hr, {
+		...mergedProps,
+		ref
+	});
+});
+DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-trigger.tsx
+const DropdownMenuTrigger = forwardRef((props, ref) => {
+	const dropdownMenu = useDropdownMenuContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps({
+		...dropdownMenu.getTriggerProps(),
+		"aria-controls": presence.unmounted ? void 0 : dropdownMenu.getTriggerProps()["aria-controls"]
+	}, props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+DropdownMenuTrigger.displayName = "DropdownMenuTrigger";
+
+//#endregion
+//#region src/components/dropdown-menu/dropdown-menu-trigger-item.tsx
+const DropdownMenuTriggerItem = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDropdownMenuTriggerItemContext()?.() ?? {}, props);
+	return /* @__PURE__ */ jsx(DropdownMenuItemPropsProvider, {
+		value: { value: mergedProps["data-value"] },
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+DropdownMenuTriggerItem.displayName = "DropdownMenuTriggerItem";
+
+//#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.cjs

@@ -7,10 +7,10 @@ require('../../providers-ur-JDrsf.cjs');
 const require_factory = require('../../factory-Cz8-l4y-.cjs');
 require('../../editable-anatomy-CGNW5Cun.cjs');
 require('../../field-anatomy-G3tvnM6X.cjs');
-const require_create_split_props = require('../../create-split-props-3uzAEUIm.cjs');
+const require_create_split_props = require('../../create-split-props-82StTs4A.cjs');
 require('../../use-fieldset-context-fmm-NFVd.cjs');
 require('../../use-safe-layout-effect-DXfnS5ci.cjs');
-const require_field = require('../../field-Gg09lWhT.cjs');
+const require_field = require('../../field-DlzhUN73.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let _sprawlify_primitives_machines_editable = require("@sprawlify/primitives/machines/editable");

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

@@ -1,7 +1,7 @@
 import { r as Optional, t as Assign } from "../../types-DhoBSqCC.cjs";
 import { r as PolymorphicProps, t as HTMLProps } from "../../factory-CwKrB2Br.cjs";
 import { t as editableAnatomy } from "../../editable-anatomy-kqG-7zpH.cjs";
-import * as react626 from "react";
+import * as react186 from "react";
 import { ReactNode } from "react";
 import { PropTypes } from "@sprawlify/primitives/types";
 import * as editable from "@sprawlify/primitives/machines/editable";
@@ -10,12 +10,12 @@ import { EditChangeDetails as EditableEditChangeDetails, FocusOutsideEvent, Focu
 //#region src/components/editable/editable-area.d.ts
 interface EditableAreaBaseProps extends PolymorphicProps {}
 interface EditableAreaProps extends HTMLProps<"div">, EditableAreaBaseProps {}
-declare const EditableArea: react626.ForwardRefExoticComponent<EditableAreaProps & react626.RefAttributes<HTMLDivElement>>;
+declare const EditableArea: react186.ForwardRefExoticComponent<EditableAreaProps & react186.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/editable/editable-cancel-trigger.d.ts
 interface EditableCancelTriggerBaseProps extends PolymorphicProps {}
 interface EditableCancelTriggerProps extends HTMLProps<"button">, EditableCancelTriggerBaseProps {}
-declare const EditableCancelTrigger: react626.ForwardRefExoticComponent<EditableCancelTriggerProps & react626.RefAttributes<HTMLButtonElement>>;
+declare const EditableCancelTrigger: react186.ForwardRefExoticComponent<EditableCancelTriggerProps & react186.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/editable/use-editable.d.ts
 interface UseEditableProps extends Optional<Omit<editable.Props, "dir" | "getRootNode">, "id"> {}
@@ -34,32 +34,32 @@ declare const EditableContext: (props: EditableContextProps) => ReactNode;
 //#region src/components/editable/editable-control.d.ts
 interface EditableControlBaseProps extends PolymorphicProps {}
 interface EditableControlProps extends HTMLProps<"div">, EditableControlBaseProps {}
-declare const EditableControl: react626.ForwardRefExoticComponent<EditableControlProps & react626.RefAttributes<HTMLDivElement>>;
+declare const EditableControl: react186.ForwardRefExoticComponent<EditableControlProps & react186.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/editable/editable-edit-trigger.d.ts
 interface EditableEditTriggerBaseProps extends PolymorphicProps {}
 interface EditableEditTriggerProps extends HTMLProps<"button">, EditableEditTriggerBaseProps {}
-declare const EditableEditTrigger: react626.ForwardRefExoticComponent<EditableEditTriggerProps & react626.RefAttributes<HTMLButtonElement>>;
+declare const EditableEditTrigger: react186.ForwardRefExoticComponent<EditableEditTriggerProps & react186.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/editable/editable-input.d.ts
 interface EditableInputBaseProps extends PolymorphicProps {}
 interface EditableInputProps extends HTMLProps<"input">, EditableInputBaseProps {}
-declare const EditableInput: react626.ForwardRefExoticComponent<EditableInputProps & react626.RefAttributes<HTMLInputElement>>;
+declare const EditableInput: react186.ForwardRefExoticComponent<EditableInputProps & react186.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/editable/editable-label.d.ts
 interface EditableLabelBaseProps extends PolymorphicProps {}
 interface EditableLabelProps extends HTMLProps<"label">, EditableLabelBaseProps {}
-declare const EditableLabel: react626.ForwardRefExoticComponent<EditableLabelProps & react626.RefAttributes<HTMLLabelElement>>;
+declare const EditableLabel: react186.ForwardRefExoticComponent<EditableLabelProps & react186.RefAttributes<HTMLLabelElement>>;
 //#endregion
 //#region src/components/editable/editable-preview.d.ts
 interface EditablePreviewBaseProps extends PolymorphicProps {}
 interface EditablePreviewProps extends HTMLProps<"span">, EditablePreviewBaseProps {}
-declare const EditablePreview: react626.ForwardRefExoticComponent<EditablePreviewProps & react626.RefAttributes<HTMLSpanElement>>;
+declare const EditablePreview: react186.ForwardRefExoticComponent<EditablePreviewProps & react186.RefAttributes<HTMLSpanElement>>;
 //#endregion
 //#region src/components/editable/editable-root.d.ts
 interface EditableRootBaseProps extends UseEditableProps, PolymorphicProps {}
 interface EditableRootProps extends Assign<HTMLProps<"div">, EditableRootBaseProps> {}
-declare const EditableRoot: react626.ForwardRefExoticComponent<EditableRootProps & react626.RefAttributes<HTMLDivElement>>;
+declare const EditableRoot: react186.ForwardRefExoticComponent<EditableRootProps & react186.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/editable/editable-root-provider.d.ts
 interface RootProviderProps {
@@ -67,12 +67,12 @@ interface RootProviderProps {
 }
 interface EditableRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
 interface EditableRootProviderProps extends HTMLProps<"div">, EditableRootProviderBaseProps {}
-declare const EditableRootProvider: react626.ForwardRefExoticComponent<EditableRootProviderProps & react626.RefAttributes<HTMLDivElement>>;
+declare const EditableRootProvider: react186.ForwardRefExoticComponent<EditableRootProviderProps & react186.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/editable/editable-submit-trigger.d.ts
 interface EditableSubmitTriggerBaseProps extends PolymorphicProps {}
 interface EditableSubmitTriggerProps extends HTMLProps<"button">, EditableSubmitTriggerBaseProps {}
-declare const EditableSubmitTrigger: react626.ForwardRefExoticComponent<EditableSubmitTriggerProps & react626.RefAttributes<HTMLButtonElement>>;
+declare const EditableSubmitTrigger: react186.ForwardRefExoticComponent<EditableSubmitTriggerProps & react186.RefAttributes<HTMLButtonElement>>;
 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/editable/index.d.mts

@@ -1,7 +1,7 @@
 import { r as Optional, t as Assign } from "../../types-2ioT5X9B.mjs";
 import { r as PolymorphicProps, t as HTMLProps } from "../../factory-t8WcJ_D2.mjs";
 import { t as editableAnatomy } from "../../editable-anatomy-B_BVVH35.mjs";
-import * as react123 from "react";
+import * as react75 from "react";
 import { ReactNode } from "react";
 import { PropTypes } from "@sprawlify/primitives/types";
 import * as editable from "@sprawlify/primitives/machines/editable";
@@ -10,12 +10,12 @@ import { EditChangeDetails as EditableEditChangeDetails, FocusOutsideEvent, Focu
 //#region src/components/editable/editable-area.d.ts
 interface EditableAreaBaseProps extends PolymorphicProps {}
 interface EditableAreaProps extends HTMLProps<"div">, EditableAreaBaseProps {}
-declare const EditableArea: react123.ForwardRefExoticComponent<EditableAreaProps & react123.RefAttributes<HTMLDivElement>>;
+declare const EditableArea: react75.ForwardRefExoticComponent<EditableAreaProps & react75.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/editable/editable-cancel-trigger.d.ts
 interface EditableCancelTriggerBaseProps extends PolymorphicProps {}
 interface EditableCancelTriggerProps extends HTMLProps<"button">, EditableCancelTriggerBaseProps {}
-declare const EditableCancelTrigger: react123.ForwardRefExoticComponent<EditableCancelTriggerProps & react123.RefAttributes<HTMLButtonElement>>;
+declare const EditableCancelTrigger: react75.ForwardRefExoticComponent<EditableCancelTriggerProps & react75.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/editable/use-editable.d.ts
 interface UseEditableProps extends Optional<Omit<editable.Props, "dir" | "getRootNode">, "id"> {}
@@ -34,32 +34,32 @@ declare const EditableContext: (props: EditableContextProps) => ReactNode;
 //#region src/components/editable/editable-control.d.ts
 interface EditableControlBaseProps extends PolymorphicProps {}
 interface EditableControlProps extends HTMLProps<"div">, EditableControlBaseProps {}
-declare const EditableControl: react123.ForwardRefExoticComponent<EditableControlProps & react123.RefAttributes<HTMLDivElement>>;
+declare const EditableControl: react75.ForwardRefExoticComponent<EditableControlProps & react75.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/editable/editable-edit-trigger.d.ts
 interface EditableEditTriggerBaseProps extends PolymorphicProps {}
 interface EditableEditTriggerProps extends HTMLProps<"button">, EditableEditTriggerBaseProps {}
-declare const EditableEditTrigger: react123.ForwardRefExoticComponent<EditableEditTriggerProps & react123.RefAttributes<HTMLButtonElement>>;
+declare const EditableEditTrigger: react75.ForwardRefExoticComponent<EditableEditTriggerProps & react75.RefAttributes<HTMLButtonElement>>;
 //#endregion
 //#region src/components/editable/editable-input.d.ts
 interface EditableInputBaseProps extends PolymorphicProps {}
 interface EditableInputProps extends HTMLProps<"input">, EditableInputBaseProps {}
-declare const EditableInput: react123.ForwardRefExoticComponent<EditableInputProps & react123.RefAttributes<HTMLInputElement>>;
+declare const EditableInput: react75.ForwardRefExoticComponent<EditableInputProps & react75.RefAttributes<HTMLInputElement>>;
 //#endregion
 //#region src/components/editable/editable-label.d.ts
 interface EditableLabelBaseProps extends PolymorphicProps {}
 interface EditableLabelProps extends HTMLProps<"label">, EditableLabelBaseProps {}
-declare const EditableLabel: react123.ForwardRefExoticComponent<EditableLabelProps & react123.RefAttributes<HTMLLabelElement>>;
+declare const EditableLabel: react75.ForwardRefExoticComponent<EditableLabelProps & react75.RefAttributes<HTMLLabelElement>>;
 //#endregion
 //#region src/components/editable/editable-preview.d.ts
 interface EditablePreviewBaseProps extends PolymorphicProps {}
 interface EditablePreviewProps extends HTMLProps<"span">, EditablePreviewBaseProps {}
-declare const EditablePreview: react123.ForwardRefExoticComponent<EditablePreviewProps & react123.RefAttributes<HTMLSpanElement>>;
+declare const EditablePreview: react75.ForwardRefExoticComponent<EditablePreviewProps & react75.RefAttributes<HTMLSpanElement>>;
 //#endregion
 //#region src/components/editable/editable-root.d.ts
 interface EditableRootBaseProps extends UseEditableProps, PolymorphicProps {}
 interface EditableRootProps extends Assign<HTMLProps<"div">, EditableRootBaseProps> {}
-declare const EditableRoot: react123.ForwardRefExoticComponent<EditableRootProps & react123.RefAttributes<HTMLDivElement>>;
+declare const EditableRoot: react75.ForwardRefExoticComponent<EditableRootProps & react75.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/editable/editable-root-provider.d.ts
 interface RootProviderProps {
@@ -67,12 +67,12 @@ interface RootProviderProps {
 }
 interface EditableRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
 interface EditableRootProviderProps extends HTMLProps<"div">, EditableRootProviderBaseProps {}
-declare const EditableRootProvider: react123.ForwardRefExoticComponent<EditableRootProviderProps & react123.RefAttributes<HTMLDivElement>>;
+declare const EditableRootProvider: react75.ForwardRefExoticComponent<EditableRootProviderProps & react75.RefAttributes<HTMLDivElement>>;
 //#endregion
 //#region src/components/editable/editable-submit-trigger.d.ts
 interface EditableSubmitTriggerBaseProps extends PolymorphicProps {}
 interface EditableSubmitTriggerProps extends HTMLProps<"button">, EditableSubmitTriggerBaseProps {}
-declare const EditableSubmitTrigger: react123.ForwardRefExoticComponent<EditableSubmitTriggerProps & react123.RefAttributes<HTMLButtonElement>>;
+declare const EditableSubmitTrigger: react75.ForwardRefExoticComponent<EditableSubmitTriggerProps & react75.RefAttributes<HTMLButtonElement>>;
 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 };
 }