@wirekyt/solid 0.0.1 → 0.0.3

package/dist/drawer.js

@@ -0,0 +1,291 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.js";
+import { a as mergeProps$2, c as useRenderStrategyContext, d as createContext$1, i as useMachine, l as createSplitProps, o as RenderStrategyProvider, r as normalizeProps, s as splitRenderStrategyProps, u as composeRefs } from "./core-7QKBNp9p.js";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.js";
+import { t as wire } from "./factory-D2A7xdtl.js";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-B-Vi5wQ7.js";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "./presence-CE6lXCu5.js";
+import { Show, createContext, createMemo, createUniqueId, useContext } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as drawer from "@wirekyt/dom/machines/drawer";
+import { anatomy as drawerAnatomy } from "@wirekyt/dom/machines/drawer";
+import { createStore, reconcile } from "solid-js/store";
+//#region src/components/drawer/use-context.ts
+const [DrawerProvider, useDrawerContext] = createContext$1({
+	hookName: "useDrawerContext",
+	providerName: "<DrawerProvider />"
+});
+//#endregion
+//#region src/components/drawer/backdrop.tsx
+const DrawerBackdrop = (props) => {
+	const drawer = useDrawerContext();
+	const presence = usePresence(mergeProps$2(useRenderStrategyContext(), () => ({ present: drawer().open })));
+	const mergedProps = mergeProps$2(() => drawer().getBackdropProps(), () => presence().presenceProps, props);
+	return createComponent(Show, {
+		get when() {
+			return !presence().unmounted;
+		},
+		get children() {
+			return createComponent(wire.div, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(presence().ref, props.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+//#endregion
+//#region src/components/drawer/close-trigger.tsx
+const DrawerCloseTrigger = (props) => {
+	const context = useDrawerContext();
+	const mergedProps = mergeProps$2(() => context().getCloseTriggerProps(), props);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/drawer/content.tsx
+const DrawerContent = (props) => {
+	const [contentProps, localProps] = createSplitProps()(props, ["draggable"]);
+	const drawer = useDrawerContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$2(() => drawer().getContentProps({
+		draggable: true,
+		...contentProps
+	}), () => presence().presenceProps, localProps);
+	return createComponent(Show, {
+		get when() {
+			return !presence().unmounted;
+		},
+		get children() {
+			return createComponent(wire.div, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(presence().ref, localProps.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+//#endregion
+//#region src/components/drawer/description.tsx
+const DrawerDescription = (props) => {
+	const drawer = useDrawerContext();
+	const mergedProps = mergeProps$2(() => drawer().getDescriptionProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/drawer/context.tsx
+const DrawerContext = (props) => props.children(useDrawerContext());
+//#endregion
+//#region src/components/drawer/positioner.tsx
+const DrawerPositioner = (props) => {
+	const drawer = useDrawerContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$2(() => drawer().getPositionerProps(), props);
+	return createComponent(Show, {
+		get when() {
+			return !presence().unmounted;
+		},
+		get children() {
+			return createComponent(wire.div, mergedProps);
+		}
+	});
+};
+//#endregion
+//#region src/components/drawer/grabber.tsx
+const DrawerGrabber = (props) => {
+	const drawer = useDrawerContext();
+	const mergedProps = mergeProps$2(() => drawer().getGrabberProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/drawer/grabber-indicator.tsx
+const DrawerGrabberIndicator = (props) => {
+	const drawer = useDrawerContext();
+	const mergedProps = mergeProps$2(() => drawer().getGrabberIndicatorProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/drawer/use-stack-store.ts
+const DrawerStackStoreContext = createContext();
+const DrawerStackStoreProvider = DrawerStackStoreContext.Provider;
+const useDrawerStackStore = () => useContext(DrawerStackStoreContext);
+//#endregion
+//#region src/components/drawer/use-drawer.ts
+const useDrawer = (props) => {
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const id = createUniqueId();
+	const stack = useDrawerStackStore();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		stack,
+		...runIfFn(props)
+	}));
+	const service = useMachine(drawer.machine, machineProps);
+	return createMemo(() => drawer.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/drawer/root.tsx
+const DrawerRoot = (props) => {
+	const [presenceProps, drawerProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const [useDrawerProps, localProps] = createSplitProps()(drawerProps, [
+		"id",
+		"ids",
+		"open",
+		"defaultOpen",
+		"onOpenChange",
+		"closeOnInteractOutside",
+		"closeOnEscape",
+		"snapPoints",
+		"swipeDirection",
+		"snapToSequentialPoints",
+		"swipeVelocityThreshold",
+		"closeThreshold",
+		"preventDragOnScroll",
+		"stack",
+		"snapPoint",
+		"defaultSnapPoint",
+		"onSnapPointChange",
+		"modal",
+		"trapFocus",
+		"restoreFocus",
+		"preventScroll",
+		"initialFocusEl",
+		"finalFocusEl",
+		"role",
+		"onInteractOutside",
+		"onEscapeKeyDown",
+		"onPointerDownOutside",
+		"onFocusOutside",
+		"onRequestDismiss",
+		"triggerValue",
+		"defaultTriggerValue",
+		"onTriggerValueChange"
+	]);
+	const drawer = useDrawer(useDrawerProps);
+	const presence = usePresence(mergeProps$2(presenceProps, () => ({ present: drawer().open })));
+	return createComponent(DrawerProvider, {
+		value: drawer,
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(PresenceProvider, {
+						value: presence,
+						get children() {
+							return localProps.children;
+						}
+					});
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/drawer/root-provider.tsx
+const DrawerRootProvider = (props) => {
+	const [presenceProps, drawerProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const presence = usePresence(mergeProps$2(() => ({ present: drawerProps.value().open }), presenceProps));
+	return createComponent(DrawerProvider, {
+		get value() {
+			return drawerProps.value;
+		},
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(PresenceProvider, {
+						value: presence,
+						get children() {
+							return drawerProps.children;
+						}
+					});
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/drawer/title.tsx
+const DrawerTitle = (props) => {
+	const drawer = useDrawerContext();
+	const mergedProps = mergeProps$2(() => drawer().getTitleProps(), props);
+	return createComponent(wire.h2, mergedProps);
+};
+//#endregion
+//#region src/components/drawer/trigger.tsx
+const DrawerTrigger = (props) => {
+	const [triggerProps, localProps] = createSplitProps()(props, ["value"]);
+	const drawer = useDrawerContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$2(() => drawer().getTriggerProps(triggerProps), () => ({ "aria-controls": presence().unmounted && null }), localProps);
+	return createComponent(wire.button, mergedProps);
+};
+//#endregion
+//#region src/components/drawer/use-stack-context.ts
+const [DrawerStackProvider, useDrawerStackContext] = createContext$1({
+	hookName: "useDrawerStackContext",
+	providerName: "<DrawerStackProvider />"
+});
+//#endregion
+//#region src/components/drawer/indent.tsx
+const DrawerIndent = (props) => {
+	const stackApi = useDrawerStackContext();
+	const mergedProps = mergeProps$2(() => stackApi().getIndentProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/drawer/indent-background.tsx
+const DrawerIndentBackground = (props) => {
+	const stackApi = useDrawerStackContext();
+	const mergedProps = mergeProps$2(() => stackApi().getIndentBackgroundProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#endregion
+//#region src/components/drawer/stack.tsx
+const DrawerStack = (props) => {
+	const stack = drawer.createStack();
+	const [snapshot, setSnapshot] = createStore(stack.getSnapshot());
+	stack.subscribe(() => setSnapshot(reconcile(stack.getSnapshot())));
+	const stackApi = createMemo(() => drawer.connectStack(snapshot, normalizeProps));
+	return createComponent(DrawerStackStoreProvider, {
+		value: stack,
+		get children() {
+			return createComponent(DrawerStackProvider, {
+				value: stackApi,
+				get children() {
+					return props.children;
+				}
+			});
+		}
+	});
+};
+//#endregion
+//#region src/components/drawer/swipe-area.tsx
+const DrawerSwipeArea = (props) => {
+	const drawer = useDrawerContext();
+	const mergedProps = mergeProps$2(() => drawer().getSwipeAreaProps(), props);
+	return createComponent(wire.div, mergedProps);
+};
+//#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/drawer.jsx

@@ -0,0 +1,237 @@
+import { t as __exportAll } from "./rolldown-runtime-D7D4PA-g.jsx";
+import { a as mergeProps$1, c as useRenderStrategyContext, d as createContext$1, i as useMachine, l as createSplitProps, o as RenderStrategyProvider, r as normalizeProps, s as splitRenderStrategyProps, u as composeRefs } from "./core-7QKBNp9p.jsx";
+import { t as runIfFn } from "./run-if-fn-CjvD7VzQ.jsx";
+import { t as wire } from "./factory-DRw_slzE.jsx";
+import { a as useLocaleContext, l as useEnvironmentContext } from "./providers-CqNHqLpB.jsx";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "./presence-9UGkuyfn.jsx";
+import { Show, createContext, createMemo, createUniqueId, useContext } from "solid-js";
+import * as drawer from "@wirekyt/dom/machines/drawer";
+import { anatomy as drawerAnatomy } from "@wirekyt/dom/machines/drawer";
+import { createStore, reconcile } from "solid-js/store";
+//#region src/components/drawer/use-context.ts
+const [DrawerProvider, useDrawerContext] = createContext$1({
+	hookName: "useDrawerContext",
+	providerName: "<DrawerProvider />"
+});
+//#endregion
+//#region src/components/drawer/backdrop.tsx
+const DrawerBackdrop = (props) => {
+	const drawer = useDrawerContext();
+	const presence = usePresence(mergeProps$1(useRenderStrategyContext(), () => ({ present: drawer().open })));
+	const mergedProps = mergeProps$1(() => drawer().getBackdropProps(), () => presence().presenceProps, props);
+	return <Show when={!presence().unmounted}>
+      <wire.div {...mergedProps} ref={composeRefs(presence().ref, props.ref)} />
+    </Show>;
+};
+//#endregion
+//#region src/components/drawer/close-trigger.tsx
+const DrawerCloseTrigger = (props) => {
+	const context = useDrawerContext();
+	const mergedProps = mergeProps$1(() => context().getCloseTriggerProps(), props);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/drawer/content.tsx
+const DrawerContent = (props) => {
+	const [contentProps, localProps] = createSplitProps()(props, ["draggable"]);
+	const drawer = useDrawerContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$1(() => drawer().getContentProps({
+		draggable: true,
+		...contentProps
+	}), () => presence().presenceProps, localProps);
+	return <Show when={!presence().unmounted}>
+      <wire.div {...mergedProps} ref={composeRefs(presence().ref, localProps.ref)} />
+    </Show>;
+};
+//#endregion
+//#region src/components/drawer/description.tsx
+const DrawerDescription = (props) => {
+	const drawer = useDrawerContext();
+	const mergedProps = mergeProps$1(() => drawer().getDescriptionProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/drawer/context.tsx
+const DrawerContext = (props) => props.children(useDrawerContext());
+//#endregion
+//#region src/components/drawer/positioner.tsx
+const DrawerPositioner = (props) => {
+	const drawer = useDrawerContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$1(() => drawer().getPositionerProps(), props);
+	return <Show when={!presence().unmounted}>
+      <wire.div {...mergedProps} />
+    </Show>;
+};
+//#endregion
+//#region src/components/drawer/grabber.tsx
+const DrawerGrabber = (props) => {
+	const drawer = useDrawerContext();
+	const mergedProps = mergeProps$1(() => drawer().getGrabberProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/drawer/grabber-indicator.tsx
+const DrawerGrabberIndicator = (props) => {
+	const drawer = useDrawerContext();
+	const mergedProps = mergeProps$1(() => drawer().getGrabberIndicatorProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/drawer/use-stack-store.ts
+const DrawerStackStoreContext = createContext();
+const DrawerStackStoreProvider = DrawerStackStoreContext.Provider;
+const useDrawerStackStore = () => useContext(DrawerStackStoreContext);
+//#endregion
+//#region src/components/drawer/use-drawer.ts
+const useDrawer = (props) => {
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const id = createUniqueId();
+	const stack = useDrawerStackStore();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		stack,
+		...runIfFn(props)
+	}));
+	const service = useMachine(drawer.machine, machineProps);
+	return createMemo(() => drawer.connect(service, normalizeProps));
+};
+//#endregion
+//#region src/components/drawer/root.tsx
+const DrawerRoot = (props) => {
+	const [presenceProps, drawerProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const [useDrawerProps, localProps] = createSplitProps()(drawerProps, [
+		"id",
+		"ids",
+		"open",
+		"defaultOpen",
+		"onOpenChange",
+		"closeOnInteractOutside",
+		"closeOnEscape",
+		"snapPoints",
+		"swipeDirection",
+		"snapToSequentialPoints",
+		"swipeVelocityThreshold",
+		"closeThreshold",
+		"preventDragOnScroll",
+		"stack",
+		"snapPoint",
+		"defaultSnapPoint",
+		"onSnapPointChange",
+		"modal",
+		"trapFocus",
+		"restoreFocus",
+		"preventScroll",
+		"initialFocusEl",
+		"finalFocusEl",
+		"role",
+		"onInteractOutside",
+		"onEscapeKeyDown",
+		"onPointerDownOutside",
+		"onFocusOutside",
+		"onRequestDismiss",
+		"triggerValue",
+		"defaultTriggerValue",
+		"onTriggerValueChange"
+	]);
+	const drawer = useDrawer(useDrawerProps);
+	const presence = usePresence(mergeProps$1(presenceProps, () => ({ present: drawer().open })));
+	return <DrawerProvider value={drawer}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <PresenceProvider value={presence}>{localProps.children}</PresenceProvider>
+      </RenderStrategyProvider>
+    </DrawerProvider>;
+};
+//#endregion
+//#region src/components/drawer/root-provider.tsx
+const DrawerRootProvider = (props) => {
+	const [presenceProps, drawerProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const presence = usePresence(mergeProps$1(() => ({ present: drawerProps.value().open }), presenceProps));
+	return <DrawerProvider value={drawerProps.value}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <PresenceProvider value={presence}>{drawerProps.children}</PresenceProvider>
+      </RenderStrategyProvider>
+    </DrawerProvider>;
+};
+//#endregion
+//#region src/components/drawer/title.tsx
+const DrawerTitle = (props) => {
+	const drawer = useDrawerContext();
+	const mergedProps = mergeProps$1(() => drawer().getTitleProps(), props);
+	return <wire.h2 {...mergedProps} />;
+};
+//#endregion
+//#region src/components/drawer/trigger.tsx
+const DrawerTrigger = (props) => {
+	const [triggerProps, localProps] = createSplitProps()(props, ["value"]);
+	const drawer = useDrawerContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps$1(() => drawer().getTriggerProps(triggerProps), () => ({ "aria-controls": presence().unmounted && null }), localProps);
+	return <wire.button {...mergedProps} />;
+};
+//#endregion
+//#region src/components/drawer/use-stack-context.ts
+const [DrawerStackProvider, useDrawerStackContext] = createContext$1({
+	hookName: "useDrawerStackContext",
+	providerName: "<DrawerStackProvider />"
+});
+//#endregion
+//#region src/components/drawer/indent.tsx
+const DrawerIndent = (props) => {
+	const stackApi = useDrawerStackContext();
+	const mergedProps = mergeProps$1(() => stackApi().getIndentProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/drawer/indent-background.tsx
+const DrawerIndentBackground = (props) => {
+	const stackApi = useDrawerStackContext();
+	const mergedProps = mergeProps$1(() => stackApi().getIndentBackgroundProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#endregion
+//#region src/components/drawer/stack.tsx
+const DrawerStack = (props) => {
+	const stack = drawer.createStack();
+	const [snapshot, setSnapshot] = createStore(stack.getSnapshot());
+	stack.subscribe(() => setSnapshot(reconcile(stack.getSnapshot())));
+	const stackApi = createMemo(() => drawer.connectStack(snapshot, normalizeProps));
+	return <DrawerStackStoreProvider value={stack}>
+      <DrawerStackProvider value={stackApi}>{props.children}</DrawerStackProvider>
+    </DrawerStackStoreProvider>;
+};
+//#endregion
+//#region src/components/drawer/swipe-area.tsx
+const DrawerSwipeArea = (props) => {
+	const drawer = useDrawerContext();
+	const mergedProps = mergeProps$1(() => drawer().getSwipeAreaProps(), props);
+	return <wire.div {...mergedProps} />;
+};
+//#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.d.ts

@@ -0,0 +1,77 @@
+import { a as Optional, r as MaybeAccessor, s as PropTypes } from "./index-ClU-Lb8Z.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-wuwfJqbU.js";
+import { Accessor, JSX } from "solid-js";
+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<"div"> {}
+interface EditableAreaProps extends HTMLProps<"div">, EditableAreaBaseProps {}
+declare const EditableArea: (props: EditableAreaProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/editable/cancel-trigger.d.ts
+interface EditableCancelTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface EditableCancelTriggerProps extends HTMLProps<"button">, EditableCancelTriggerBaseProps {}
+declare const EditableCancelTrigger: (props: EditableCancelTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/editable/use.d.ts
+interface UseEditableProps extends Optional<Omit<editable.Props, "dir" | "getRootNode">, "id"> {}
+interface UseEditableReturn extends Accessor<editable.Api<PropTypes>> {}
+declare const useEditable: (props?: MaybeAccessor<UseEditableProps>) => Accessor<editable.Api<PropTypes>>;
+//#endregion
+//#region src/components/editable/use-context.d.ts
+interface UseEditableContext extends UseEditableReturn {}
+declare const EditableProvider: import("solid-js").ContextProviderComponent<UseEditableContext>, useEditableContext: () => UseEditableContext;
+//#endregion
+//#region src/components/editable/context.d.ts
+interface EditableContextProps {
+  children: (context: UseEditableContext) => JSX.Element;
+}
+declare const EditableContext: (props: EditableContextProps) => JSX.Element;
+//#endregion
+//#region src/components/editable/control.d.ts
+interface EditableControlBaseProps extends PolymorphicProps<"div"> {}
+interface EditableControlProps extends HTMLProps<"div">, EditableControlBaseProps {}
+declare const EditableControl: (props: EditableControlProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/editable/edit-trigger.d.ts
+interface EditableEditTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface EditableEditTriggerProps extends HTMLProps<"button">, EditableEditTriggerBaseProps {}
+declare const EditableEditTrigger: (props: EditableEditTriggerProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/editable/input.d.ts
+interface EditableInputBaseProps extends PolymorphicProps<"input"> {}
+interface EditableInputProps extends HTMLProps<"input">, EditableInputBaseProps {}
+declare const EditableInput: (props: EditableInputProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/editable/label.d.ts
+interface EditableLabelBaseProps extends PolymorphicProps<"label"> {}
+interface EditableLabelProps extends HTMLProps<"label">, EditableLabelBaseProps {}
+declare const EditableLabel: (props: EditableLabelProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/editable/preview.d.ts
+interface EditablePreviewBaseProps extends PolymorphicProps<"span"> {}
+interface EditablePreviewProps extends HTMLProps<"span">, EditablePreviewBaseProps {}
+declare const EditablePreview: (props: EditablePreviewProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/editable/root.d.ts
+interface EditableRootBaseProps extends UseEditableProps, PolymorphicProps<"div"> {}
+interface EditableRootProps extends HTMLProps<"div">, EditableRootBaseProps {}
+declare const EditableRoot: (props: EditableRootProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/editable/root-provider.d.ts
+interface RootProviderProps {
+  value: UseEditableReturn;
+}
+interface EditableRootProviderBaseProps extends PolymorphicProps<"div"> {}
+interface EditableRootProviderProps extends HTMLProps<"div">, RootProviderProps, EditableRootProviderBaseProps {}
+declare const EditableRootProvider: (props: EditableRootProviderProps) => import("solid-js").JSX.Element;
+//#endregion
+//#region src/components/editable/submit-trigger.d.ts
+interface EditableSubmitTriggerBaseProps extends PolymorphicProps<"button"> {}
+interface EditableSubmitTriggerProps extends HTMLProps<"button">, EditableSubmitTriggerBaseProps {}
+declare const EditableSubmitTrigger: (props: EditableSubmitTriggerProps) => import("solid-js").JSX.Element;
+declare namespace editable_d_exports {
+  export { EditableArea as Area, EditableAreaBaseProps as AreaBaseProps, EditableAreaProps as AreaProps, EditableCancelTrigger as CancelTrigger, EditableCancelTriggerBaseProps as CancelTriggerBaseProps, EditableCancelTriggerProps as CancelTriggerProps, EditableContext as Context, EditableContextProps as ContextProps, EditableControl as Control, EditableControlBaseProps as ControlBaseProps, EditableControlProps as ControlProps, EditableEditTrigger as EditTrigger, EditableEditTriggerBaseProps as EditTriggerBaseProps, EditableEditTriggerProps as EditTriggerProps, FocusOutsideEvent, EditableInput as Input, EditableInputBaseProps as InputBaseProps, EditableInputProps as InputProps, InteractOutsideEvent, EditableLabel as Label, EditableLabelBaseProps as LabelBaseProps, EditableLabelProps as LabelProps, PointerDownOutsideEvent, EditablePreview as Preview, EditablePreviewBaseProps as PreviewBaseProps, EditablePreviewProps as PreviewProps, EditableRoot as Root, EditableRootBaseProps as RootBaseProps, EditableRootProps as RootProps, EditableRootProvider as RootProvider, EditableRootProviderBaseProps as RootProviderBaseProps, EditableRootProviderProps as RootProviderProps, EditableSubmitTrigger as SubmitTrigger, EditableSubmitTriggerBaseProps as SubmitTriggerBaseProps, EditableSubmitTriggerProps as SubmitTriggerProps, ValueChangeDetails };
+}
+//#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 };