@sprawlify/react 0.0.7 → 0.0.8

package/dist/components/download-trigger/index.mjs

@@ -0,0 +1,42 @@
+import "../../create-context-CCXzjEv8.mjs";
+import { n as useEnvironmentContext } from "../../environment-Ded7DkGr.mjs";
+import "../../locale-Coin-d7R.mjs";
+import "../../providers-Dm2P3F2_.mjs";
+import { n as sprawlify } from "../../factory-Bi8oEg8i.mjs";
+import { isFunction } from "@sprawlify/primitives/utils";
+import { forwardRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import { downloadFile } from "@sprawlify/primitives/file-utils";
+
+//#region src/components/download-trigger/download-trigger.tsx
+const DownloadTrigger = forwardRef((props, ref) => {
+	const { fileName, data, mimeType, ...rest } = props;
+	const { getWindow } = useEnvironmentContext();
+	const download = (data$1) => {
+		downloadFile({
+			file: data$1,
+			name: fileName,
+			type: mimeType,
+			win: getWindow()
+		});
+	};
+	const onClick = (e) => {
+		props.onClick?.(e);
+		if (e.defaultPrevented) return;
+		if (isFunction(data)) {
+			const maybePromise = data();
+			if (maybePromise instanceof Promise) maybePromise.then((data$1) => download(data$1));
+			else download(maybePromise);
+		} else download(data);
+	};
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		ref,
+		...rest,
+		type: "button",
+		onClick
+	});
+});
+DownloadTrigger.displayName = "DownloadTrigger";
+
+//#endregion
+export { DownloadTrigger };

package/dist/components/editable/index.cjs

@@ -0,0 +1,246 @@
+const require_chunk = require('../../chunk-BYnRvbsk.cjs');
+const require_core = require('../../core-DCWyxy9D.cjs');
+const require_create_context = require('../../create-context-CQ4U0lLj.cjs');
+const require_environment = require('../../environment-CvilmfQt.cjs');
+const require_locale = require('../../locale-BcnWD1Hf.cjs');
+require('../../providers-BNAArubQ.cjs');
+const require_factory = require('../../factory-C166evrS.cjs');
+const require_create_split_props = require('../../create-split-props-Dp4TWOyM.cjs');
+require('../../use-fieldset-context-CCQLmNLL.cjs');
+require('../../use-safe-layout-effect-C2GgvNT3.cjs');
+const require_field = require('../../field-C-57Gj2E.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_editable = require("@sprawlify/primitives/machines/editable");
+__sprawlify_primitives_machines_editable = require_chunk.__toESM(__sprawlify_primitives_machines_editable);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/editable/use-editable-context.ts
+const [EditableProvider, useEditableContext] = require_create_context.createContext({
+	name: "EditableContext",
+	hookName: "useEditableContext",
+	providerName: "<EditableProvider />"
+});
+
+//#endregion
+//#region src/components/editable/editable-area.tsx
+const EditableArea = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useEditableContext().getAreaProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+EditableArea.displayName = "EditableArea";
+
+//#endregion
+//#region src/components/editable/editable-cancel-trigger.tsx
+const EditableCancelTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useEditableContext().getCancelTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+EditableCancelTrigger.displayName = "EditableCancelTrigger";
+
+//#endregion
+//#region src/components/editable/editable-context.tsx
+const EditableContext = (props) => props.children(useEditableContext());
+
+//#endregion
+//#region src/components/editable/editable-control.tsx
+const EditableControl = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useEditableContext().getControlProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+EditableControl.displayName = "EditableControl";
+
+//#endregion
+//#region src/components/editable/editable-edit-trigger.tsx
+const EditableEditTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useEditableContext().getEditTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+EditableEditTrigger.displayName = "EditableEditTrigger";
+
+//#endregion
+//#region src/components/editable/editable-input.tsx
+const EditableInput = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useEditableContext().getInputProps(), props);
+	const field = require_field.useFieldContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+EditableInput.displayName = "EditableInput";
+
+//#endregion
+//#region src/components/editable/editable-label.tsx
+const EditableLabel = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useEditableContext().getLabelProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.label, {
+		...mergedProps,
+		ref
+	});
+});
+EditableLabel.displayName = "EditableLabel";
+
+//#endregion
+//#region src/components/editable/editable-preview.tsx
+const EditablePreview = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useEditableContext().getPreviewProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+EditablePreview.displayName = "EditablePreview";
+
+//#endregion
+//#region src/components/editable/use-editable.ts
+const useEditable = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_locale.useLocaleContext();
+	const field = require_field.useFieldContext();
+	const machineProps = {
+		id,
+		ids: {
+			label: field?.ids.label,
+			input: field?.ids.control
+		},
+		dir,
+		disabled: field?.disabled,
+		invalid: field?.invalid,
+		readOnly: field?.readOnly,
+		required: field?.required,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_editable.machine, machineProps);
+	return __sprawlify_primitives_machines_editable.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/editable/editable-root.tsx
+const splitRootProps = require_create_split_props.createSplitProps();
+const EditableRoot = (0, react.forwardRef)((props, ref) => {
+	const [useEditableProps, localProps] = splitRootProps(props, [
+		"activationMode",
+		"autoResize",
+		"defaultEdit",
+		"defaultValue",
+		"disabled",
+		"edit",
+		"finalFocusEl",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"maxLength",
+		"name",
+		"onEditChange",
+		"onFocusOutside",
+		"onInteractOutside",
+		"onPointerDownOutside",
+		"onValueChange",
+		"onValueCommit",
+		"onValueRevert",
+		"placeholder",
+		"readOnly",
+		"required",
+		"selectOnFocus",
+		"submitMode",
+		"translations",
+		"value"
+	]);
+	const editable = useEditable(useEditableProps);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(editable.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EditableProvider, {
+		value: editable,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+EditableRoot.displayName = "EditableRoot";
+
+//#endregion
+//#region src/components/editable/editable-root-provider.tsx
+const splitRootProviderProps = require_create_split_props.createSplitProps();
+const EditableRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: editable }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(editable.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EditableProvider, {
+		value: editable,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+EditableRootProvider.displayName = "EditableRootProvider";
+
+//#endregion
+//#region src/components/editable/editable-submit-trigger.tsx
+const EditableSubmitTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useEditableContext().getSubmitTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+EditableSubmitTrigger.displayName = "EditableSubmitTrigger";
+
+//#endregion
+//#region src/components/editable/editable.ts
+var editable_exports = /* @__PURE__ */ require_chunk.__export({
+	Area: () => EditableArea,
+	CancelTrigger: () => EditableCancelTrigger,
+	Context: () => EditableContext,
+	Control: () => EditableControl,
+	EditTrigger: () => EditableEditTrigger,
+	Input: () => EditableInput,
+	Label: () => EditableLabel,
+	Preview: () => EditablePreview,
+	Root: () => EditableRoot,
+	RootProvider: () => EditableRootProvider,
+	SubmitTrigger: () => EditableSubmitTrigger
+});
+
+//#endregion
+Object.defineProperty(exports, 'Editable', {
+  enumerable: true,
+  get: function () {
+    return editable_exports;
+  }
+});
+exports.EditableArea = EditableArea;
+exports.EditableCancelTrigger = EditableCancelTrigger;
+exports.EditableContext = EditableContext;
+exports.EditableControl = EditableControl;
+exports.EditableEditTrigger = EditableEditTrigger;
+exports.EditableInput = EditableInput;
+exports.EditableLabel = EditableLabel;
+exports.EditablePreview = EditablePreview;
+exports.EditableRoot = EditableRoot;
+exports.EditableRootProvider = EditableRootProvider;
+exports.EditableSubmitTrigger = EditableSubmitTrigger;
+Object.defineProperty(exports, 'editableAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_editable.anatomy;
+  }
+});
+exports.useEditable = useEditable;
+exports.useEditableContext = useEditableContext;

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

@@ -0,0 +1,79 @@
+import { r as Optional, t as Assign } from "../../types-B4tvWlDb.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-C4cfTHs7.cjs";
+import * as react32 from "react";
+import { ReactNode } from "react";
+import { PropTypes } from "@sprawlify/primitives/types";
+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, anatomy as editableAnatomy } from "@sprawlify/primitives/machines/editable";
+
+//#region src/components/editable/editable-area.d.ts
+interface EditableAreaBaseProps extends PolymorphicProps {}
+interface EditableAreaProps extends HTMLProps<"div">, EditableAreaBaseProps {}
+declare const EditableArea: react32.ForwardRefExoticComponent<EditableAreaProps & react32.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: react32.ForwardRefExoticComponent<EditableCancelTriggerProps & react32.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/editable/use-editable.d.ts
+interface UseEditableProps extends Optional<Omit<editable.Props, "dir" | "getRootNode">, "id"> {}
+interface UseEditableReturn extends editable.Api<PropTypes> {}
+declare const useEditable: (props?: UseEditableProps) => UseEditableReturn;
+//#endregion
+//#region src/components/editable/use-editable-context.d.ts
+interface UseEditableContext extends UseEditableReturn {}
+//#endregion
+//#region src/components/editable/editable-context.d.ts
+interface EditableContextProps {
+  children: (context: UseEditableContext) => ReactNode;
+}
+declare const EditableContext: (props: EditableContextProps) => ReactNode;
+//#endregion
+//#region src/components/editable/editable-control.d.ts
+interface EditableControlBaseProps extends PolymorphicProps {}
+interface EditableControlProps extends HTMLProps<"div">, EditableControlBaseProps {}
+declare const EditableControl: react32.ForwardRefExoticComponent<EditableControlProps & react32.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: react32.ForwardRefExoticComponent<EditableEditTriggerProps & react32.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/editable/editable-input.d.ts
+interface EditableInputBaseProps extends PolymorphicProps {}
+interface EditableInputProps extends HTMLProps<"input">, EditableInputBaseProps {}
+declare const EditableInput: react32.ForwardRefExoticComponent<EditableInputProps & react32.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/editable/editable-label.d.ts
+interface EditableLabelBaseProps extends PolymorphicProps {}
+interface EditableLabelProps extends HTMLProps<"label">, EditableLabelBaseProps {}
+declare const EditableLabel: react32.ForwardRefExoticComponent<EditableLabelProps & react32.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/editable/editable-preview.d.ts
+interface EditablePreviewBaseProps extends PolymorphicProps {}
+interface EditablePreviewProps extends HTMLProps<"span">, EditablePreviewBaseProps {}
+declare const EditablePreview: react32.ForwardRefExoticComponent<EditablePreviewProps & react32.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: react32.ForwardRefExoticComponent<EditableRootProps & react32.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/editable/editable-root-provider.d.ts
+interface RootProviderProps {
+  value: UseEditableReturn;
+}
+interface EditableRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface EditableRootProviderProps extends HTMLProps<"div">, EditableRootProviderBaseProps {}
+declare const EditableRootProvider: react32.ForwardRefExoticComponent<EditableRootProviderProps & react32.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: react32.ForwardRefExoticComponent<EditableSubmitTriggerProps & react32.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 };
+}
+//#endregion
+export { editable_d_exports as Editable, EditableArea, type EditableAreaBaseProps, type EditableAreaProps, EditableCancelTrigger, type EditableCancelTriggerBaseProps, type EditableCancelTriggerProps, EditableContext, type EditableContextProps, EditableControl, type EditableControlBaseProps, type EditableControlProps, type EditableEditChangeDetails, EditableEditTrigger, type EditableEditTriggerBaseProps, type EditableEditTriggerProps, type EditableFocusOutsideEvent, EditableInput, type EditableInputBaseProps, type EditableInputProps, type EditableInteractOutsideEvent, EditableLabel, type EditableLabelBaseProps, type EditableLabelProps, type EditablePointerDownOutsideEvent, EditablePreview, type EditablePreviewBaseProps, type EditablePreviewProps, EditableRoot, type EditableRootBaseProps, type EditableRootProps, EditableRootProvider, type EditableRootProviderBaseProps, type EditableRootProviderProps, EditableSubmitTrigger, type EditableSubmitTriggerBaseProps, type EditableSubmitTriggerProps, type EditableValueChangeDetails, type UseEditableContext, type UseEditableProps, type UseEditableReturn, editableAnatomy, useEditable, useEditableContext };

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

@@ -0,0 +1,79 @@
+import { r as Optional, t as Assign } from "../../types-BmBABPZb.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-C-EBNsCW.mjs";
+import * as react232 from "react";
+import { ReactNode } from "react";
+import { PropTypes } from "@sprawlify/primitives/types";
+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, anatomy as editableAnatomy } from "@sprawlify/primitives/machines/editable";
+
+//#region src/components/editable/editable-area.d.ts
+interface EditableAreaBaseProps extends PolymorphicProps {}
+interface EditableAreaProps extends HTMLProps<"div">, EditableAreaBaseProps {}
+declare const EditableArea: react232.ForwardRefExoticComponent<EditableAreaProps & react232.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: react232.ForwardRefExoticComponent<EditableCancelTriggerProps & react232.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/editable/use-editable.d.ts
+interface UseEditableProps extends Optional<Omit<editable.Props, "dir" | "getRootNode">, "id"> {}
+interface UseEditableReturn extends editable.Api<PropTypes> {}
+declare const useEditable: (props?: UseEditableProps) => UseEditableReturn;
+//#endregion
+//#region src/components/editable/use-editable-context.d.ts
+interface UseEditableContext extends UseEditableReturn {}
+//#endregion
+//#region src/components/editable/editable-context.d.ts
+interface EditableContextProps {
+  children: (context: UseEditableContext) => ReactNode;
+}
+declare const EditableContext: (props: EditableContextProps) => ReactNode;
+//#endregion
+//#region src/components/editable/editable-control.d.ts
+interface EditableControlBaseProps extends PolymorphicProps {}
+interface EditableControlProps extends HTMLProps<"div">, EditableControlBaseProps {}
+declare const EditableControl: react232.ForwardRefExoticComponent<EditableControlProps & react232.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: react232.ForwardRefExoticComponent<EditableEditTriggerProps & react232.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/editable/editable-input.d.ts
+interface EditableInputBaseProps extends PolymorphicProps {}
+interface EditableInputProps extends HTMLProps<"input">, EditableInputBaseProps {}
+declare const EditableInput: react232.ForwardRefExoticComponent<EditableInputProps & react232.RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/editable/editable-label.d.ts
+interface EditableLabelBaseProps extends PolymorphicProps {}
+interface EditableLabelProps extends HTMLProps<"label">, EditableLabelBaseProps {}
+declare const EditableLabel: react232.ForwardRefExoticComponent<EditableLabelProps & react232.RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/editable/editable-preview.d.ts
+interface EditablePreviewBaseProps extends PolymorphicProps {}
+interface EditablePreviewProps extends HTMLProps<"span">, EditablePreviewBaseProps {}
+declare const EditablePreview: react232.ForwardRefExoticComponent<EditablePreviewProps & react232.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: react232.ForwardRefExoticComponent<EditableRootProps & react232.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/editable/editable-root-provider.d.ts
+interface RootProviderProps {
+  value: UseEditableReturn;
+}
+interface EditableRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface EditableRootProviderProps extends HTMLProps<"div">, EditableRootProviderBaseProps {}
+declare const EditableRootProvider: react232.ForwardRefExoticComponent<EditableRootProviderProps & react232.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: react232.ForwardRefExoticComponent<EditableSubmitTriggerProps & react232.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 };
+}
+//#endregion
+export { editable_d_exports as Editable, EditableArea, type EditableAreaBaseProps, type EditableAreaProps, EditableCancelTrigger, type EditableCancelTriggerBaseProps, type EditableCancelTriggerProps, EditableContext, type EditableContextProps, EditableControl, type EditableControlBaseProps, type EditableControlProps, type EditableEditChangeDetails, EditableEditTrigger, type EditableEditTriggerBaseProps, type EditableEditTriggerProps, type EditableFocusOutsideEvent, EditableInput, type EditableInputBaseProps, type EditableInputProps, type EditableInteractOutsideEvent, EditableLabel, type EditableLabelBaseProps, type EditableLabelProps, type EditablePointerDownOutsideEvent, EditablePreview, type EditablePreviewBaseProps, type EditablePreviewProps, EditableRoot, type EditableRootBaseProps, type EditableRootProps, EditableRootProvider, type EditableRootProviderBaseProps, type EditableRootProviderProps, EditableSubmitTrigger, type EditableSubmitTriggerBaseProps, type EditableSubmitTriggerProps, type EditableValueChangeDetails, type UseEditableContext, type UseEditableProps, type UseEditableReturn, editableAnatomy, useEditable, useEditableContext };

package/dist/components/editable/index.mjs

@@ -0,0 +1,221 @@
+import { t as __export } from "../../chunk-BXPHTOwk.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-Ba4IEjhK.mjs";
+import { t as createContext$1 } from "../../create-context-CCXzjEv8.mjs";
+import { n as useEnvironmentContext } from "../../environment-Ded7DkGr.mjs";
+import { i as useLocaleContext } from "../../locale-Coin-d7R.mjs";
+import "../../providers-Dm2P3F2_.mjs";
+import { n as sprawlify } from "../../factory-Bi8oEg8i.mjs";
+import { t as createSplitProps } from "../../create-split-props-CBL0m-GX.mjs";
+import "../../use-fieldset-context-LwveT1OS.mjs";
+import "../../use-safe-layout-effect-CLjnuJFb.mjs";
+import { m as useFieldContext } from "../../field-B-6qoKdn.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as editable from "@sprawlify/primitives/machines/editable";
+import { anatomy as editableAnatomy } from "@sprawlify/primitives/machines/editable";
+
+//#region src/components/editable/use-editable-context.ts
+const [EditableProvider, useEditableContext] = createContext$1({
+	name: "EditableContext",
+	hookName: "useEditableContext",
+	providerName: "<EditableProvider />"
+});
+
+//#endregion
+//#region src/components/editable/editable-area.tsx
+const EditableArea = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useEditableContext().getAreaProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+EditableArea.displayName = "EditableArea";
+
+//#endregion
+//#region src/components/editable/editable-cancel-trigger.tsx
+const EditableCancelTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useEditableContext().getCancelTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+EditableCancelTrigger.displayName = "EditableCancelTrigger";
+
+//#endregion
+//#region src/components/editable/editable-context.tsx
+const EditableContext = (props) => props.children(useEditableContext());
+
+//#endregion
+//#region src/components/editable/editable-control.tsx
+const EditableControl = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useEditableContext().getControlProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+EditableControl.displayName = "EditableControl";
+
+//#endregion
+//#region src/components/editable/editable-edit-trigger.tsx
+const EditableEditTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useEditableContext().getEditTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+EditableEditTrigger.displayName = "EditableEditTrigger";
+
+//#endregion
+//#region src/components/editable/editable-input.tsx
+const EditableInput = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useEditableContext().getInputProps(), props);
+	const field = useFieldContext();
+	return /* @__PURE__ */ jsx(sprawlify.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+EditableInput.displayName = "EditableInput";
+
+//#endregion
+//#region src/components/editable/editable-label.tsx
+const EditableLabel = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useEditableContext().getLabelProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.label, {
+		...mergedProps,
+		ref
+	});
+});
+EditableLabel.displayName = "EditableLabel";
+
+//#endregion
+//#region src/components/editable/editable-preview.tsx
+const EditablePreview = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useEditableContext().getPreviewProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+EditablePreview.displayName = "EditablePreview";
+
+//#endregion
+//#region src/components/editable/use-editable.ts
+const useEditable = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const field = useFieldContext();
+	const machineProps = {
+		id,
+		ids: {
+			label: field?.ids.label,
+			input: field?.ids.control
+		},
+		dir,
+		disabled: field?.disabled,
+		invalid: field?.invalid,
+		readOnly: field?.readOnly,
+		required: field?.required,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(editable.machine, machineProps);
+	return editable.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/editable/editable-root.tsx
+const splitRootProps = createSplitProps();
+const EditableRoot = forwardRef((props, ref) => {
+	const [useEditableProps, localProps] = splitRootProps(props, [
+		"activationMode",
+		"autoResize",
+		"defaultEdit",
+		"defaultValue",
+		"disabled",
+		"edit",
+		"finalFocusEl",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"maxLength",
+		"name",
+		"onEditChange",
+		"onFocusOutside",
+		"onInteractOutside",
+		"onPointerDownOutside",
+		"onValueChange",
+		"onValueCommit",
+		"onValueRevert",
+		"placeholder",
+		"readOnly",
+		"required",
+		"selectOnFocus",
+		"submitMode",
+		"translations",
+		"value"
+	]);
+	const editable$1 = useEditable(useEditableProps);
+	const mergedProps = mergeProps(editable$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(EditableProvider, {
+		value: editable$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+EditableRoot.displayName = "EditableRoot";
+
+//#endregion
+//#region src/components/editable/editable-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const EditableRootProvider = forwardRef((props, ref) => {
+	const [{ value: editable$1 }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(editable$1.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(EditableProvider, {
+		value: editable$1,
+		children: /* @__PURE__ */ jsx(sprawlify.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+EditableRootProvider.displayName = "EditableRootProvider";
+
+//#endregion
+//#region src/components/editable/editable-submit-trigger.tsx
+const EditableSubmitTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useEditableContext().getSubmitTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+EditableSubmitTrigger.displayName = "EditableSubmitTrigger";
+
+//#endregion
+//#region src/components/editable/editable.ts
+var editable_exports = /* @__PURE__ */ __export({
+	Area: () => EditableArea,
+	CancelTrigger: () => EditableCancelTrigger,
+	Context: () => EditableContext,
+	Control: () => EditableControl,
+	EditTrigger: () => EditableEditTrigger,
+	Input: () => EditableInput,
+	Label: () => EditableLabel,
+	Preview: () => EditablePreview,
+	Root: () => EditableRoot,
+	RootProvider: () => EditableRootProvider,
+	SubmitTrigger: () => EditableSubmitTrigger
+});
+
+//#endregion
+export { editable_exports as Editable, EditableArea, EditableCancelTrigger, EditableContext, EditableControl, EditableEditTrigger, EditableInput, EditableLabel, EditablePreview, EditableRoot, EditableRootProvider, EditableSubmitTrigger, editableAnatomy, useEditable, useEditableContext };