@wirekyt/react 0.0.1 → 0.0.3

package/dist/drawer.js

@@ -0,0 +1,264 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as RenderStrategyPropsProvider, c as createSplitProps, l as useComposedRefs, o as splitRenderStrategyProps, s as useRenderStrategyPropsContext, u as createContext$1 } from "./utils-CqLmqrgj.js";
+import { n as useEnvironmentContext } from "./environment-BTgKwk5E.js";
+import { a as useMachine, i as normalizeProps, t as mergeProps } from "./core-CEYOEcVI.js";
+import { n as wire } from "./factory-Nm__-4xn.js";
+import { a as useLocaleContext } from "./providers-FEHnDTvb.js";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "./presence-I8Rceflw.js";
+import { createContext, forwardRef, useContext, useId, useMemo, useState, useSyncExternalStore } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as drawer from "@wirekyt/dom/machines/drawer";
+import { anatomy as drawerAnatomy } from "@wirekyt/dom/machines/drawer";
+//#region src/components/drawer/use-context.ts
+const [DrawerProvider, useDrawerContext] = createContext$1({
+	name: "DrawerContext",
+	hookName: "useDrawerContext",
+	providerName: "<DrawerProvider />"
+});
+//#endregion
+//#region src/components/drawer/backdrop.tsx
+const DrawerBackdrop = forwardRef((props, ref) => {
+	const drawer = useDrawerContext();
+	const presence = usePresence({
+		...useRenderStrategyPropsContext(),
+		present: drawer.open
+	});
+	const mergedProps = mergeProps(drawer.getBackdropProps(), presence.getPresenceProps(), props);
+	const composedRefs = useComposedRefs(presence.ref, ref);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref: composedRefs
+	});
+});
+DrawerBackdrop.displayName = "DrawerBackdrop";
+//#endregion
+//#region src/components/drawer/close-trigger.tsx
+const DrawerCloseTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDrawerContext().getCloseTriggerProps(), props);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+DrawerCloseTrigger.displayName = "DrawerCloseTrigger";
+//#endregion
+//#region src/components/drawer/content.tsx
+const splitContentProps = createSplitProps();
+const DrawerContent = forwardRef((props, ref) => {
+	const [contentProps, localProps] = splitContentProps(props, ["draggable"]);
+	const drawer = useDrawerContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps(drawer.getContentProps({
+		draggable: true,
+		...contentProps
+	}), presence.getPresenceProps(), localProps);
+	const composedRefs = useComposedRefs(presence.ref, ref);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref: composedRefs
+	});
+});
+DrawerContent.displayName = "DrawerContent";
+//#endregion
+//#region src/components/drawer/description.tsx
+const DrawerDescription = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDrawerContext().getDescriptionProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+DrawerDescription.displayName = "DrawerDescription";
+//#endregion
+//#region src/components/drawer/context.tsx
+const DrawerContext = (props) => props.children(useDrawerContext());
+//#endregion
+//#region src/components/drawer/positioner.tsx
+const DrawerPositioner = forwardRef((props, ref) => {
+	const drawer = useDrawerContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps(drawer.getPositionerProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+DrawerPositioner.displayName = "DrawerPositioner";
+//#endregion
+//#region src/components/drawer/grabber.tsx
+const DrawerGrabber = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDrawerContext().getGrabberProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+DrawerGrabber.displayName = "DrawerGrabber";
+//#endregion
+//#region src/components/drawer/grabber-indicator.tsx
+const DrawerGrabberIndicator = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDrawerContext().getGrabberIndicatorProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+DrawerGrabberIndicator.displayName = "DrawerGrabberIndicator";
+//#endregion
+//#region src/components/drawer/use-stack-store.ts
+const DrawerStackStoreContext = createContext(void 0);
+const DrawerStackStoreProvider = DrawerStackStoreContext.Provider;
+const useDrawerStackStore = () => useContext(DrawerStackStoreContext);
+//#endregion
+//#region src/components/drawer/use-drawer.ts
+const useDrawer = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const context = {
+		id,
+		dir,
+		getRootNode,
+		stack: useDrawerStackStore(),
+		...props
+	};
+	const service = useMachine(drawer.machine, context);
+	return drawer.connect(service, normalizeProps);
+};
+//#endregion
+//#region src/components/drawer/root.tsx
+const DrawerRoot = (props) => {
+	const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const drawer = useDrawer(localProps);
+	return /* @__PURE__ */ jsx(DrawerProvider, {
+		value: drawer,
+		children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ jsx(PresenceProvider, {
+				value: usePresence(mergeProps({ present: drawer.open }, presenceProps)),
+				children
+			})
+		})
+	});
+};
+//#endregion
+//#region src/components/drawer/root-provider.tsx
+const DrawerRootProvider = (props) => {
+	const [presenceProps, { value: drawer, children }] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	return /* @__PURE__ */ jsx(DrawerProvider, {
+		value: drawer,
+		children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ jsx(PresenceProvider, {
+				value: usePresence(mergeProps({ present: drawer.open }, presenceProps)),
+				children
+			})
+		})
+	});
+};
+//#endregion
+//#region src/components/drawer/title.tsx
+const DrawerTitle = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDrawerContext().getTitleProps(), props);
+	return /* @__PURE__ */ jsx(wire.h2, {
+		...mergedProps,
+		ref
+	});
+});
+DrawerTitle.displayName = "DrawerTitle";
+//#endregion
+//#region src/components/drawer/trigger.tsx
+const splitTriggerProps = createSplitProps();
+const DrawerTrigger = forwardRef((props, ref) => {
+	const [triggerProps, localProps] = splitTriggerProps(props, ["value"]);
+	const drawer = useDrawerContext();
+	const presence = usePresenceContext();
+	const triggerPropsRaw = drawer.getTriggerProps(triggerProps);
+	const mergedProps = mergeProps({
+		...triggerPropsRaw,
+		"aria-controls": presence.unmounted ? void 0 : triggerPropsRaw["aria-controls"]
+	}, localProps);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+DrawerTrigger.displayName = "DrawerTrigger";
+//#endregion
+//#region src/components/drawer/use-stack-context.ts
+const [DrawerStackProvider, useDrawerStackContext] = createContext$1({
+	name: "DrawerStackContext",
+	hookName: "useDrawerStackContext",
+	providerName: "<DrawerStackProvider />"
+});
+//#endregion
+//#region src/components/drawer/indent.tsx
+const DrawerIndent = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDrawerStackContext().getIndentProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+DrawerIndent.displayName = "DrawerIndent";
+//#endregion
+//#region src/components/drawer/indent-background.tsx
+const DrawerIndentBackground = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDrawerStackContext().getIndentBackgroundProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+DrawerIndentBackground.displayName = "DrawerIndentBackground";
+//#endregion
+//#region src/components/drawer/stack.tsx
+const DrawerStack = (props) => {
+	const { children } = props;
+	const [stack] = useState(() => drawer.createStack());
+	const snapshot = useSyncExternalStore(stack.subscribe, stack.getSnapshot, stack.getSnapshot);
+	return /* @__PURE__ */ jsx(DrawerStackStoreProvider, {
+		value: stack,
+		children: /* @__PURE__ */ jsx(DrawerStackProvider, {
+			value: useMemo(() => drawer.connectStack(snapshot, normalizeProps), [snapshot]),
+			children
+		})
+	});
+};
+//#endregion
+//#region src/components/drawer/swipe-area.tsx
+const DrawerSwipeArea = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDrawerContext().getSwipeAreaProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+DrawerSwipeArea.displayName = "DrawerSwipeArea";
+//#endregion
+//#region src/components/drawer/drawer.ts
+var drawer_exports = /* @__PURE__ */ __exportAll({
+	Backdrop: () => DrawerBackdrop,
+	CloseTrigger: () => DrawerCloseTrigger,
+	Content: () => DrawerContent,
+	Context: () => DrawerContext,
+	Description: () => DrawerDescription,
+	Grabber: () => DrawerGrabber,
+	GrabberIndicator: () => DrawerGrabberIndicator,
+	Indent: () => DrawerIndent,
+	IndentBackground: () => DrawerIndentBackground,
+	Positioner: () => DrawerPositioner,
+	Root: () => DrawerRoot,
+	RootProvider: () => DrawerRootProvider,
+	Stack: () => DrawerStack,
+	SwipeArea: () => DrawerSwipeArea,
+	Title: () => DrawerTitle,
+	Trigger: () => DrawerTrigger
+});
+//#endregion
+export { drawer_exports as Drawer, DrawerBackdrop, DrawerCloseTrigger, DrawerContent, DrawerContext, DrawerDescription, DrawerGrabber, DrawerGrabberIndicator, DrawerIndent, DrawerIndentBackground, DrawerPositioner, DrawerRoot, DrawerRootProvider, DrawerStack, DrawerSwipeArea, DrawerTitle, DrawerTrigger, drawerAnatomy, useDrawer, useDrawerContext, useDrawerStackContext };

package/dist/editable.cjs

@@ -0,0 +1,228 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_rolldown_runtime = require("./rolldown-runtime-DakpK96I.cjs");
+const require_utils = require("./utils-Cfwm9WW1.cjs");
+const require_environment = require("./environment-B6IaCAuQ.cjs");
+const require_core = require("./core-CBFAnVIP.cjs");
+const require_factory = require("./factory-CFFufs5e.cjs");
+const require_providers = require("./providers-DrJEJcrE.cjs");
+const require_field = require("./field-x8H5uXB9.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_machines_editable = require("@wirekyt/dom/machines/editable");
+_wirekyt_dom_machines_editable = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_editable, 1);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/editable/use-context.ts
+const [EditableProvider, useEditableContext] = require_utils.createContext({
+	name: "EditableContext",
+	hookName: "useEditableContext",
+	providerName: "<EditableProvider />"
+});
+//#endregion
+//#region src/components/editable/area.tsx
+const EditableArea = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useEditableContext().getAreaProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+EditableArea.displayName = "EditableArea";
+//#endregion
+//#region src/components/editable/cancel-trigger.tsx
+const EditableCancelTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useEditableContext().getCancelTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+EditableCancelTrigger.displayName = "EditableCancelTrigger";
+//#endregion
+//#region src/components/editable/context.tsx
+const EditableContext = (props) => props.children(useEditableContext());
+//#endregion
+//#region src/components/editable/control.tsx
+const EditableControl = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useEditableContext().getControlProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+EditableControl.displayName = "EditableControl";
+//#endregion
+//#region src/components/editable/edit-trigger.tsx
+const EditableEditTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useEditableContext().getEditTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+EditableEditTrigger.displayName = "EditableEditTrigger";
+//#endregion
+//#region src/components/editable/input.tsx
+const EditableInput = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useEditableContext().getInputProps(), props);
+	const field = require_field.useFieldContext();
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.input, {
+		"aria-describedby": field?.ariaDescribedby,
+		...mergedProps,
+		ref
+	});
+});
+EditableInput.displayName = "EditableInput";
+//#endregion
+//#region src/components/editable/label.tsx
+const EditableLabel = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useEditableContext().getLabelProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.label, {
+		...mergedProps,
+		ref
+	});
+});
+EditableLabel.displayName = "EditableLabel";
+//#endregion
+//#region src/components/editable/preview.tsx
+const EditablePreview = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useEditableContext().getPreviewProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.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_providers.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(_wirekyt_dom_machines_editable.machine, machineProps);
+	return _wirekyt_dom_machines_editable.connect(service, require_core.normalizeProps);
+};
+//#endregion
+//#region src/components/editable/root.tsx
+const splitRootProps = require_utils.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, _wirekyt_dom.mergeProps)(editable.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EditableProvider, {
+		value: editable,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+EditableRoot.displayName = "EditableRoot";
+//#endregion
+//#region src/components/editable/root-provider.tsx
+const splitRootProviderProps = require_utils.createSplitProps();
+const EditableRootProvider = (0, react.forwardRef)((props, ref) => {
+	const [{ value: editable }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(editable.getRootProps(), localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(EditableProvider, {
+		value: editable,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+EditableRootProvider.displayName = "EditableRootProvider";
+//#endregion
+//#region src/components/editable/submit-trigger.tsx
+const EditableSubmitTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useEditableContext().getSubmitTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+EditableSubmitTrigger.displayName = "EditableSubmitTrigger";
+//#endregion
+//#region src/components/editable/editable.ts
+var editable_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	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 _wirekyt_dom_machines_editable.anatomy;
+	}
+});
+exports.useEditable = useEditable;
+exports.useEditableContext = useEditableContext;

package/dist/editable.d.cts

@@ -0,0 +1,79 @@
+import "./index-CQAbOgb7.cjs";
+import { r as Optional, t as Assign } from "./types-BQQfrr86.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
+import { ReactNode } from "react";
+import * as editable from "@wirekyt/dom/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 "@wirekyt/dom/machines/editable";
+import { PropTypes } from "@wirekyt/dom/types";
+//#region src/components/editable/area.d.ts
+interface EditableAreaBaseProps extends PolymorphicProps {}
+interface EditableAreaProps extends HTMLProps<"div">, EditableAreaBaseProps {}
+declare const EditableArea: import("react").ForwardRefExoticComponent<EditableAreaProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/editable/cancel-trigger.d.ts
+interface EditableCancelTriggerBaseProps extends PolymorphicProps {}
+interface EditableCancelTriggerProps extends HTMLProps<"button">, EditableCancelTriggerBaseProps {}
+declare const EditableCancelTrigger: import("react").ForwardRefExoticComponent<EditableCancelTriggerProps & import("react").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-context.d.ts
+interface UseEditableContext extends UseEditableReturn {}
+declare const EditableProvider: import("react").Provider<UseEditableContext>, useEditableContext: () => UseEditableContext;
+//#endregion
+//#region src/components/editable/context.d.ts
+interface EditableContextProps {
+  children: (context: UseEditableContext) => ReactNode;
+}
+declare const EditableContext: (props: EditableContextProps) => ReactNode;
+//#endregion
+//#region src/components/editable/control.d.ts
+interface EditableControlBaseProps extends PolymorphicProps {}
+interface EditableControlProps extends HTMLProps<"div">, EditableControlBaseProps {}
+declare const EditableControl: import("react").ForwardRefExoticComponent<EditableControlProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/editable/edit-trigger.d.ts
+interface EditableEditTriggerBaseProps extends PolymorphicProps {}
+interface EditableEditTriggerProps extends HTMLProps<"button">, EditableEditTriggerBaseProps {}
+declare const EditableEditTrigger: import("react").ForwardRefExoticComponent<EditableEditTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/editable/input.d.ts
+interface EditableInputBaseProps extends PolymorphicProps {}
+interface EditableInputProps extends HTMLProps<"input">, EditableInputBaseProps {}
+declare const EditableInput: import("react").ForwardRefExoticComponent<EditableInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/editable/label.d.ts
+interface EditableLabelBaseProps extends PolymorphicProps {}
+interface EditableLabelProps extends HTMLProps<"label">, EditableLabelBaseProps {}
+declare const EditableLabel: import("react").ForwardRefExoticComponent<EditableLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/editable/preview.d.ts
+interface EditablePreviewBaseProps extends PolymorphicProps {}
+interface EditablePreviewProps extends HTMLProps<"span">, EditablePreviewBaseProps {}
+declare const EditablePreview: import("react").ForwardRefExoticComponent<EditablePreviewProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/editable/root.d.ts
+interface EditableRootBaseProps extends UseEditableProps, PolymorphicProps {}
+interface EditableRootProps extends Assign<HTMLProps<"div">, EditableRootBaseProps> {}
+declare const EditableRoot: import("react").ForwardRefExoticComponent<EditableRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/editable/root-provider.d.ts
+interface RootProviderProps {
+  value: UseEditableReturn;
+}
+interface EditableRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface EditableRootProviderProps extends HTMLProps<"div">, EditableRootProviderBaseProps {}
+declare const EditableRootProvider: import("react").ForwardRefExoticComponent<EditableRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/editable/submit-trigger.d.ts
+interface EditableSubmitTriggerBaseProps extends PolymorphicProps {}
+interface EditableSubmitTriggerProps extends HTMLProps<"button">, EditableSubmitTriggerBaseProps {}
+declare const EditableSubmitTrigger: import("react").ForwardRefExoticComponent<EditableSubmitTriggerProps & import("react").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/editable.d.ts

@@ -0,0 +1,79 @@
+import "./index-CxWYgVJk.js";
+import { r as Optional, t as Assign } from "./types-BQQfrr86.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
+import { ReactNode } from "react";
+import { PropTypes } from "@wirekyt/dom/types";
+import * as editable from "@wirekyt/dom/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 "@wirekyt/dom/machines/editable";
+//#region src/components/editable/area.d.ts
+interface EditableAreaBaseProps extends PolymorphicProps {}
+interface EditableAreaProps extends HTMLProps<"div">, EditableAreaBaseProps {}
+declare const EditableArea: import("react").ForwardRefExoticComponent<EditableAreaProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/editable/cancel-trigger.d.ts
+interface EditableCancelTriggerBaseProps extends PolymorphicProps {}
+interface EditableCancelTriggerProps extends HTMLProps<"button">, EditableCancelTriggerBaseProps {}
+declare const EditableCancelTrigger: import("react").ForwardRefExoticComponent<EditableCancelTriggerProps & import("react").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-context.d.ts
+interface UseEditableContext extends UseEditableReturn {}
+declare const EditableProvider: import("react").Provider<UseEditableContext>, useEditableContext: () => UseEditableContext;
+//#endregion
+//#region src/components/editable/context.d.ts
+interface EditableContextProps {
+  children: (context: UseEditableContext) => ReactNode;
+}
+declare const EditableContext: (props: EditableContextProps) => ReactNode;
+//#endregion
+//#region src/components/editable/control.d.ts
+interface EditableControlBaseProps extends PolymorphicProps {}
+interface EditableControlProps extends HTMLProps<"div">, EditableControlBaseProps {}
+declare const EditableControl: import("react").ForwardRefExoticComponent<EditableControlProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/editable/edit-trigger.d.ts
+interface EditableEditTriggerBaseProps extends PolymorphicProps {}
+interface EditableEditTriggerProps extends HTMLProps<"button">, EditableEditTriggerBaseProps {}
+declare const EditableEditTrigger: import("react").ForwardRefExoticComponent<EditableEditTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/editable/input.d.ts
+interface EditableInputBaseProps extends PolymorphicProps {}
+interface EditableInputProps extends HTMLProps<"input">, EditableInputBaseProps {}
+declare const EditableInput: import("react").ForwardRefExoticComponent<EditableInputProps & import("react").RefAttributes<HTMLInputElement>>;
+//#endregion
+//#region src/components/editable/label.d.ts
+interface EditableLabelBaseProps extends PolymorphicProps {}
+interface EditableLabelProps extends HTMLProps<"label">, EditableLabelBaseProps {}
+declare const EditableLabel: import("react").ForwardRefExoticComponent<EditableLabelProps & import("react").RefAttributes<HTMLLabelElement>>;
+//#endregion
+//#region src/components/editable/preview.d.ts
+interface EditablePreviewBaseProps extends PolymorphicProps {}
+interface EditablePreviewProps extends HTMLProps<"span">, EditablePreviewBaseProps {}
+declare const EditablePreview: import("react").ForwardRefExoticComponent<EditablePreviewProps & import("react").RefAttributes<HTMLSpanElement>>;
+//#endregion
+//#region src/components/editable/root.d.ts
+interface EditableRootBaseProps extends UseEditableProps, PolymorphicProps {}
+interface EditableRootProps extends Assign<HTMLProps<"div">, EditableRootBaseProps> {}
+declare const EditableRoot: import("react").ForwardRefExoticComponent<EditableRootProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/editable/root-provider.d.ts
+interface RootProviderProps {
+  value: UseEditableReturn;
+}
+interface EditableRootProviderBaseProps extends RootProviderProps, PolymorphicProps {}
+interface EditableRootProviderProps extends HTMLProps<"div">, EditableRootProviderBaseProps {}
+declare const EditableRootProvider: import("react").ForwardRefExoticComponent<EditableRootProviderProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/editable/submit-trigger.d.ts
+interface EditableSubmitTriggerBaseProps extends PolymorphicProps {}
+interface EditableSubmitTriggerProps extends HTMLProps<"button">, EditableSubmitTriggerBaseProps {}
+declare const EditableSubmitTrigger: import("react").ForwardRefExoticComponent<EditableSubmitTriggerProps & import("react").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 };