@sprawlify/solid 0.0.15 → 0.0.16

package/dist/components/dialog/index.js

@@ -0,0 +1,219 @@
+import { t as __export } from "../../chunk-B93cd-Dz.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-oNB2jGcl.js";
+import { t as runIfFn } from "../../run-if-fn-D5794CxE.js";
+import { t as createContext$1 } from "../../create-context-GfQ_MylE.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-Bo0OFe08.js";
+import { t as createSplitProps } from "../../create-split-props-pQu7jijw.js";
+import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-DFlz7Uc4.js";
+import { t as sprawlify } from "../../factory-PGDAvOKb.js";
+import { t as composeRefs } from "../../compose-refs-BVVIB7xn.js";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-BpwBRlZW.js";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as dialog from "@sprawlify/primitives/machines/dialog";
+import { anatomy as dialogAnatomy } from "@sprawlify/primitives/machines/dialog";
+
+//#region src/components/dialog/use-dialog-context.ts
+const [DialogProvider, useDialogContext] = createContext$1({
+	hookName: "useDialogContext",
+	providerName: "<DialogProvider />"
+});
+
+//#endregion
+//#region src/components/dialog/dialog-backdrop.tsx
+const DialogBackdrop = (props) => {
+	const api = useDialogContext();
+	const presenceApi = usePresence(mergeProps$2(useRenderStrategyContext(), () => ({ present: api().open })));
+	const mergedProps = mergeProps$2(() => api().getBackdropProps(), () => presenceApi().presenceProps, props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(presenceApi().ref, props.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+
+//#endregion
+//#region src/components/dialog/dialog-close-trigger.tsx
+const DialogCloseTrigger = (props) => {
+	const dialog$1 = useDialogContext();
+	const mergedProps = mergeProps$2(() => dialog$1().getCloseTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/dialog/dialog-content.tsx
+const DialogContent = (props) => {
+	const api = useDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getContentProps(), () => presenceApi().presenceProps, props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(presenceApi().ref, props.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+
+//#endregion
+//#region src/components/dialog/dialog-context.tsx
+const DialogContext = (props) => props.children(useDialogContext());
+
+//#endregion
+//#region src/components/dialog/dialog-description.tsx
+const DialogDescription = (props) => {
+	const dialog$1 = useDialogContext();
+	const mergedProps = mergeProps$2(() => dialog$1().getDescriptionProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/dialog/dialog-positioner.tsx
+const DialogPositioner = (props) => {
+	const api = useDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getPositionerProps(), props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/dialog/use-dialog.ts
+const useDialog = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(dialog.machine, machineProps);
+	return createMemo(() => dialog.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/dialog/dialog-root.tsx
+const DialogRoot = (props) => {
+	const [presenceProps, dialogProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const [useDialogProps, localProps] = createSplitProps()(dialogProps, [
+		"aria-label",
+		"closeOnEscape",
+		"closeOnInteractOutside",
+		"defaultOpen",
+		"finalFocusEl",
+		"id",
+		"ids",
+		"initialFocusEl",
+		"modal",
+		"onEscapeKeyDown",
+		"onFocusOutside",
+		"onInteractOutside",
+		"onOpenChange",
+		"onPointerDownOutside",
+		"onRequestDismiss",
+		"open",
+		"persistentElements",
+		"preventScroll",
+		"restoreFocus",
+		"role",
+		"trapFocus"
+	]);
+	const api = useDialog(useDialogProps);
+	const apiPresence = usePresence(mergeProps$2(presenceProps, () => ({ present: api().open })));
+	return createComponent(DialogProvider, {
+		value: api,
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(PresenceProvider, {
+						value: apiPresence,
+						get children() {
+							return localProps.children;
+						}
+					});
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/dialog/dialog-root-provider.tsx
+const DialogRootProvider = (props) => {
+	const [presenceProps, dialogProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const apiPresence = usePresence(mergeProps$2(presenceProps, () => ({ present: dialogProps.value().open })));
+	return createComponent(DialogProvider, {
+		get value() {
+			return dialogProps.value;
+		},
+		get children() {
+			return createComponent(RenderStrategyProvider, {
+				value: renderStrategyProps,
+				get children() {
+					return createComponent(PresenceProvider, {
+						value: apiPresence,
+						get children() {
+							return dialogProps.children;
+						}
+					});
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/dialog/dialog-title.tsx
+const DialogTitle = (props) => {
+	const dialog$1 = useDialogContext();
+	const mergedProps = mergeProps$2(() => dialog$1().getTitleProps(), props);
+	return createComponent(sprawlify.h2, mergedProps);
+};
+
+//#endregion
+//#region src/components/dialog/dialog-trigger.tsx
+const DialogTrigger = (props) => {
+	const api = useDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getTriggerProps(), () => ({ "aria-controls": presenceApi().unmounted && null }), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/dialog/dialog.ts
+var dialog_exports = /* @__PURE__ */ __export({
+	Backdrop: () => DialogBackdrop,
+	CloseTrigger: () => DialogCloseTrigger,
+	Content: () => DialogContent,
+	Context: () => DialogContext,
+	Description: () => DialogDescription,
+	Positioner: () => DialogPositioner,
+	Root: () => DialogRoot,
+	RootProvider: () => DialogRootProvider,
+	Title: () => DialogTitle,
+	Trigger: () => DialogTrigger
+});
+
+//#endregion
+export { dialog_exports as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogPositioner, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, dialogAnatomy, useDialog, useDialogContext };

package/dist/components/dialog/index.jsx

@@ -0,0 +1,173 @@
+import { t as __export } from "../../chunk-B5so6B0y.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-DbInRfhI.jsx";
+import { t as runIfFn } from "../../run-if-fn-A3VwXy-o.jsx";
+import { t as createContext$1 } from "../../create-context-C3rvZvkc.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DFaRRd80.jsx";
+import { t as createSplitProps } from "../../create-split-props-B8A7_AF7.jsx";
+import { n as splitRenderStrategyProps, r as useRenderStrategyContext, t as RenderStrategyProvider } from "../../render-strategy-CdJhRv3I.jsx";
+import { t as sprawlify } from "../../factory-Ch5jgk20.jsx";
+import { t as composeRefs } from "../../compose-refs-icUeuyHm.jsx";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-Bmn43U_q.jsx";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import * as dialog from "@sprawlify/primitives/machines/dialog";
+import { anatomy as dialogAnatomy } from "@sprawlify/primitives/machines/dialog";
+
+//#region src/components/dialog/use-dialog-context.ts
+const [DialogProvider, useDialogContext] = createContext$1({
+	hookName: "useDialogContext",
+	providerName: "<DialogProvider />"
+});
+
+//#endregion
+//#region src/components/dialog/dialog-backdrop.tsx
+const DialogBackdrop = (props) => {
+	const api = useDialogContext();
+	const presenceApi = usePresence(mergeProps$1(useRenderStrategyContext(), () => ({ present: api().open })));
+	const mergedProps = mergeProps$1(() => api().getBackdropProps(), () => presenceApi().presenceProps, props);
+	return <Show when={!presenceApi().unmounted}>
+      <sprawlify.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/dialog/dialog-close-trigger.tsx
+const DialogCloseTrigger = (props) => {
+	const dialog$1 = useDialogContext();
+	const mergedProps = mergeProps$1(() => dialog$1().getCloseTriggerProps(), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/dialog/dialog-content.tsx
+const DialogContent = (props) => {
+	const api = useDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getContentProps(), () => presenceApi().presenceProps, props);
+	return <Show when={!presenceApi().unmounted}>
+      <sprawlify.div {...mergedProps} ref={composeRefs(presenceApi().ref, props.ref)} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/dialog/dialog-context.tsx
+const DialogContext = (props) => props.children(useDialogContext());
+
+//#endregion
+//#region src/components/dialog/dialog-description.tsx
+const DialogDescription = (props) => {
+	const dialog$1 = useDialogContext();
+	const mergedProps = mergeProps$1(() => dialog$1().getDescriptionProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/dialog/dialog-positioner.tsx
+const DialogPositioner = (props) => {
+	const api = useDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getPositionerProps(), props);
+	return <Show when={!presenceApi().unmounted}>
+      <sprawlify.div {...mergedProps} />
+    </Show>;
+};
+
+//#endregion
+//#region src/components/dialog/use-dialog.ts
+const useDialog = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(dialog.machine, machineProps);
+	return createMemo(() => dialog.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/dialog/dialog-root.tsx
+const DialogRoot = (props) => {
+	const [presenceProps, dialogProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const [useDialogProps, localProps] = createSplitProps()(dialogProps, [
+		"aria-label",
+		"closeOnEscape",
+		"closeOnInteractOutside",
+		"defaultOpen",
+		"finalFocusEl",
+		"id",
+		"ids",
+		"initialFocusEl",
+		"modal",
+		"onEscapeKeyDown",
+		"onFocusOutside",
+		"onInteractOutside",
+		"onOpenChange",
+		"onPointerDownOutside",
+		"onRequestDismiss",
+		"open",
+		"persistentElements",
+		"preventScroll",
+		"restoreFocus",
+		"role",
+		"trapFocus"
+	]);
+	const api = useDialog(useDialogProps);
+	const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({ present: api().open })));
+	return <DialogProvider value={api}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <PresenceProvider value={apiPresence}>{localProps.children}</PresenceProvider>
+      </RenderStrategyProvider>
+    </DialogProvider>;
+};
+
+//#endregion
+//#region src/components/dialog/dialog-root-provider.tsx
+const DialogRootProvider = (props) => {
+	const [presenceProps, dialogProps] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const apiPresence = usePresence(mergeProps$1(presenceProps, () => ({ present: dialogProps.value().open })));
+	return <DialogProvider value={dialogProps.value}>
+      <RenderStrategyProvider value={renderStrategyProps}>
+        <PresenceProvider value={apiPresence}>{dialogProps.children}</PresenceProvider>
+      </RenderStrategyProvider>
+    </DialogProvider>;
+};
+
+//#endregion
+//#region src/components/dialog/dialog-title.tsx
+const DialogTitle = (props) => {
+	const dialog$1 = useDialogContext();
+	const mergedProps = mergeProps$1(() => dialog$1().getTitleProps(), props);
+	return <sprawlify.h2 {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/dialog/dialog-trigger.tsx
+const DialogTrigger = (props) => {
+	const api = useDialogContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$1(() => api().getTriggerProps(), () => ({ "aria-controls": presenceApi().unmounted && null }), props);
+	return <sprawlify.button {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/dialog/dialog.ts
+var dialog_exports = /* @__PURE__ */ __export({
+	Backdrop: () => DialogBackdrop,
+	CloseTrigger: () => DialogCloseTrigger,
+	Content: () => DialogContent,
+	Context: () => DialogContext,
+	Description: () => DialogDescription,
+	Positioner: () => DialogPositioner,
+	Root: () => DialogRoot,
+	RootProvider: () => DialogRootProvider,
+	Title: () => DialogTitle,
+	Trigger: () => DialogTrigger
+});
+
+//#endregion
+export { dialog_exports as Dialog, DialogBackdrop, DialogCloseTrigger, DialogContent, DialogContext, DialogDescription, DialogPositioner, DialogRoot, DialogRootProvider, DialogTitle, DialogTrigger, dialogAnatomy, useDialog, useDialogContext };

package/dist/components/download-trigger/index.d.ts

@@ -0,0 +1,25 @@
+import { r as MaybePromise } from "../../types-Dbw4va3W.js";
+import { n as PolymorphicProps, t as HTMLProps } from "../../factory-4A25bngy.js";
+import { JSX } from "solid-js";
+import { FileMimeType } from "@zag-js/file-utils";
+
+//#region src/components/download-trigger/download-trigger.d.ts
+type DownloadableData = string | Blob | File;
+interface DownloadTriggerBaseProps extends PolymorphicProps<'button'> {
+  /**
+   * The name of the file to download
+   */
+  fileName: string;
+  /**
+   * The data to download
+   */
+  data: DownloadableData | (() => MaybePromise<DownloadableData>);
+  /**
+   * The MIME type of the data to download
+   */
+  mimeType: FileMimeType;
+}
+interface DownloadTriggerProps extends HTMLProps<'button'>, DownloadTriggerBaseProps {}
+declare function DownloadTrigger(props: DownloadTriggerProps): JSX.Element;
+//#endregion
+export { DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps };

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

@@ -0,0 +1,42 @@
+import "../../core-oNB2jGcl.js";
+import "../../create-context-GfQ_MylE.js";
+import { o as useEnvironmentContext } from "../../providers-Bo0OFe08.js";
+import { t as sprawlify } from "../../factory-PGDAvOKb.js";
+import { splitProps } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import { downloadFile } from "@zag-js/file-utils";
+
+//#region src/components/download-trigger/download-trigger.tsx
+function DownloadTrigger(props) {
+	const [downloadProps, restProps] = splitProps(props, [
+		"fileName",
+		"data",
+		"mimeType",
+		"onClick"
+	]);
+	const env = useEnvironmentContext();
+	const download = (data) => {
+		downloadFile({
+			file: data,
+			name: downloadProps.fileName,
+			type: downloadProps.mimeType,
+			win: env().getWindow()
+		});
+	};
+	const handleClick = (e) => {
+		if (typeof downloadProps.onClick === "function") downloadProps.onClick(e);
+		if (e.defaultPrevented) return;
+		if (typeof downloadProps.data === "function") {
+			const maybePromise = downloadProps.data();
+			if (maybePromise instanceof Promise) maybePromise.then((data) => download(data));
+			else download(maybePromise);
+		} else download(downloadProps.data);
+	};
+	return createComponent(sprawlify.button, mergeProps$1(restProps, {
+		type: "button",
+		onClick: handleClick
+	}));
+}
+
+//#endregion
+export { DownloadTrigger };

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

@@ -0,0 +1,38 @@
+import "../../core-DbInRfhI.jsx";
+import "../../create-context-C3rvZvkc.jsx";
+import { o as useEnvironmentContext } from "../../providers-DFaRRd80.jsx";
+import { t as sprawlify } from "../../factory-Ch5jgk20.jsx";
+import { splitProps } from "solid-js";
+import { downloadFile } from "@zag-js/file-utils";
+
+//#region src/components/download-trigger/download-trigger.tsx
+function DownloadTrigger(props) {
+	const [downloadProps, restProps] = splitProps(props, [
+		"fileName",
+		"data",
+		"mimeType",
+		"onClick"
+	]);
+	const env = useEnvironmentContext();
+	const download = (data) => {
+		downloadFile({
+			file: data,
+			name: downloadProps.fileName,
+			type: downloadProps.mimeType,
+			win: env().getWindow()
+		});
+	};
+	const handleClick = (e) => {
+		if (typeof downloadProps.onClick === "function") downloadProps.onClick(e);
+		if (e.defaultPrevented) return;
+		if (typeof downloadProps.data === "function") {
+			const maybePromise = downloadProps.data();
+			if (maybePromise instanceof Promise) maybePromise.then((data) => download(data));
+			else download(maybePromise);
+		} else download(downloadProps.data);
+	};
+	return <sprawlify.button {...restProps} type="button" onClick={handleClick} />;
+}
+
+//#endregion
+export { DownloadTrigger };

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

@@ -0,0 +1,79 @@
+import { n as PropTypes } from "../../index-C7N791Fc.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-Dbw4va3W.js";
+import { n as PolymorphicProps, t as HTMLProps } from "../../factory-4A25bngy.js";
+import * as solid_js116 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+import * as editable from "@sprawlify/primitives/machines/editable";
+import { EditChangeDetails as EditableEditChangeDetails, FocusOutsideEvent, FocusOutsideEvent as EditableFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as EditableInteractOutsideEvent, PointerDownOutsideEvent, PointerDownOutsideEvent as EditablePointerDownOutsideEvent, ValueChangeDetails, ValueChangeDetails as EditableValueChangeDetails, anatomy as editableAnatomy } from "@sprawlify/primitives/machines/editable";
+
+//#region src/components/editable/editable-area.d.ts
+interface EditableAreaBaseProps extends PolymorphicProps<'div'> {}
+interface EditableAreaProps extends HTMLProps<'div'>, EditableAreaBaseProps {}
+declare const EditableArea: (props: EditableAreaProps) => solid_js116.JSX.Element;
+//#endregion
+//#region src/components/editable/editable-cancel-trigger.d.ts
+interface EditableCancelTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface EditableCancelTriggerProps extends HTMLProps<'button'>, EditableCancelTriggerBaseProps {}
+declare const EditableCancelTrigger: (props: EditableCancelTriggerProps) => solid_js116.JSX.Element;
+//#endregion
+//#region src/components/editable/use-editable.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-editable-context.d.ts
+interface UseEditableContext extends UseEditableReturn {}
+//#endregion
+//#region src/components/editable/editable-context.d.ts
+interface EditableContextProps {
+  children: (context: UseEditableContext) => JSX.Element;
+}
+declare const EditableContext: (props: EditableContextProps) => JSX.Element;
+//#endregion
+//#region src/components/editable/editable-control.d.ts
+interface EditableControlBaseProps extends PolymorphicProps<'div'> {}
+interface EditableControlProps extends HTMLProps<'div'>, EditableControlBaseProps {}
+declare const EditableControl: (props: EditableControlProps) => solid_js116.JSX.Element;
+//#endregion
+//#region src/components/editable/editable-edit-trigger.d.ts
+interface EditableEditTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface EditableEditTriggerProps extends HTMLProps<'button'>, EditableEditTriggerBaseProps {}
+declare const EditableEditTrigger: (props: EditableEditTriggerProps) => solid_js116.JSX.Element;
+//#endregion
+//#region src/components/editable/editable-input.d.ts
+interface EditableInputBaseProps extends PolymorphicProps<'input'> {}
+interface EditableInputProps extends HTMLProps<'input'>, EditableInputBaseProps {}
+declare const EditableInput: (props: EditableInputProps) => solid_js116.JSX.Element;
+//#endregion
+//#region src/components/editable/editable-label.d.ts
+interface EditableLabelBaseProps extends PolymorphicProps<'label'> {}
+interface EditableLabelProps extends HTMLProps<'label'>, EditableLabelBaseProps {}
+declare const EditableLabel: (props: EditableLabelProps) => solid_js116.JSX.Element;
+//#endregion
+//#region src/components/editable/editable-preview.d.ts
+interface EditablePreviewBaseProps extends PolymorphicProps<'span'> {}
+interface EditablePreviewProps extends HTMLProps<'span'>, EditablePreviewBaseProps {}
+declare const EditablePreview: (props: EditablePreviewProps) => solid_js116.JSX.Element;
+//#endregion
+//#region src/components/editable/editable-root.d.ts
+interface EditableRootBaseProps extends UseEditableProps, PolymorphicProps<'div'> {}
+interface EditableRootProps extends HTMLProps<'div'>, EditableRootBaseProps {}
+declare const EditableRoot: (props: EditableRootProps) => solid_js116.JSX.Element;
+//#endregion
+//#region src/components/editable/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) => solid_js116.JSX.Element;
+//#endregion
+//#region src/components/editable/editable-submit-trigger.d.ts
+interface EditableSubmitTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface EditableSubmitTriggerProps extends HTMLProps<'button'>, EditableSubmitTriggerBaseProps {}
+declare const EditableSubmitTrigger: (props: EditableSubmitTriggerProps) => solid_js116.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 };