@sprawlify/react 0.0.6 → 0.0.8

package/dist/components/dialog/index.cjs

@@ -0,0 +1,211 @@
+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_compose_refs = require('../../compose-refs-C5QNDywq.cjs');
+const require_factory = require('../../factory-C166evrS.cjs');
+const require_render_strategy = require('../../render-strategy-BywM_IvB.cjs');
+const require_presence = require('../../presence-CPov8wyU.cjs');
+require('../../use-event-CLH8zHoJ.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_dialog = require("@sprawlify/primitives/machines/dialog");
+__sprawlify_primitives_machines_dialog = require_chunk.__toESM(__sprawlify_primitives_machines_dialog);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/dialog/use-dialog-context.ts
+const [DialogProvider, useDialogContext] = require_create_context.createContext({
+	name: "DialogContext",
+	hookName: "useDialogContext",
+	providerName: "<DialogProvider />"
+});
+
+//#endregion
+//#region src/components/dialog/dialog-backdrop.tsx
+const DialogBackdrop = (0, react.forwardRef)((props, ref) => {
+	const dialog = useDialogContext();
+	const presence = require_presence.usePresence({
+		...require_render_strategy.useRenderStrategyPropsContext(),
+		present: dialog.open
+	});
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(dialog.getBackdropProps(), presence.getPresenceProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref: require_compose_refs.composeRefs(presence.ref, ref)
+	});
+});
+DialogBackdrop.displayName = "DialogBackdrop";
+
+//#endregion
+//#region src/components/dialog/dialog-close-trigger.tsx
+const DialogCloseTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useDialogContext().getCloseTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+DialogCloseTrigger.displayName = "DialogCloseTrigger";
+
+//#endregion
+//#region src/components/dialog/dialog-content.tsx
+const DialogContent = (0, react.forwardRef)((props, ref) => {
+	const dialog = useDialogContext();
+	const presence = require_presence.usePresenceContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(dialog.getContentProps(), presence.getPresenceProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref: require_compose_refs.composeRefs(presence.ref, ref)
+	});
+});
+DialogContent.displayName = "DialogContent";
+
+//#endregion
+//#region src/components/dialog/dialog-context.tsx
+const DialogContext = (props) => props.children(useDialogContext());
+
+//#endregion
+//#region src/components/dialog/dialog-description.tsx
+const DialogDescription = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useDialogContext().getDescriptionProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+DialogDescription.displayName = "DialogDescription";
+
+//#endregion
+//#region src/components/dialog/dialog-positioner.tsx
+const DialogPositioner = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useDialogContext().getPositionerProps(), props);
+	if (require_presence.usePresenceContext().unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+DialogPositioner.displayName = "DialogPositioner";
+
+//#endregion
+//#region src/components/dialog/use-dialog.ts
+const useDialog = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_locale.useLocaleContext();
+	const machineProps = {
+		id,
+		getRootNode,
+		dir,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_dialog.machine, machineProps);
+	return __sprawlify_primitives_machines_dialog.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/dialog/dialog-root.tsx
+const DialogRoot = (props) => {
+	const [presenceProps, { children, ...localProps }] = require_presence.splitPresenceProps(props);
+	const [renderStrategyProps] = require_render_strategy.splitRenderStrategyProps(presenceProps);
+	const dialog = useDialog(localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogProvider, {
+		value: dialog,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_render_strategy.RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+				value: require_presence.usePresence((0, __sprawlify_primitives_core.mergeProps)({ present: dialog.open }, presenceProps)),
+				children
+			})
+		})
+	});
+};
+
+//#endregion
+//#region src/components/dialog/dialog-root-provider.tsx
+const DialogRootProvider = (props) => {
+	const [presenceProps, { value: dialog, children }] = require_presence.splitPresenceProps(props);
+	const [renderStrategyProps] = require_render_strategy.splitRenderStrategyProps(presenceProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogProvider, {
+		value: dialog,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_render_strategy.RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+				value: require_presence.usePresence((0, __sprawlify_primitives_core.mergeProps)({ present: dialog.open }, presenceProps)),
+				children
+			})
+		})
+	});
+};
+
+//#endregion
+//#region src/components/dialog/dialog-title.tsx
+const DialogTitle = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useDialogContext().getTitleProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.h2, {
+		...mergedProps,
+		ref
+	});
+});
+DialogTitle.displayName = "DialogTitle";
+
+//#endregion
+//#region src/components/dialog/dialog-trigger.tsx
+const DialogTrigger = (0, react.forwardRef)((props, ref) => {
+	const dialog = useDialogContext();
+	const presence = require_presence.usePresenceContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)({
+		...dialog.getTriggerProps(),
+		"aria-controls": presence.unmounted ? void 0 : dialog.getTriggerProps()["aria-controls"]
+	}, props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+DialogTrigger.displayName = "DialogTrigger";
+
+//#endregion
+//#region src/components/dialog/dialog.ts
+var dialog_exports = /* @__PURE__ */ require_chunk.__export({
+	Backdrop: () => DialogBackdrop,
+	CloseTrigger: () => DialogCloseTrigger,
+	Content: () => DialogContent,
+	Context: () => DialogContext,
+	Description: () => DialogDescription,
+	Positioner: () => DialogPositioner,
+	Root: () => DialogRoot,
+	RootProvider: () => DialogRootProvider,
+	Title: () => DialogTitle,
+	Trigger: () => DialogTrigger
+});
+
+//#endregion
+Object.defineProperty(exports, 'Dialog', {
+  enumerable: true,
+  get: function () {
+    return dialog_exports;
+  }
+});
+exports.DialogBackdrop = DialogBackdrop;
+exports.DialogCloseTrigger = DialogCloseTrigger;
+exports.DialogContent = DialogContent;
+exports.DialogContext = DialogContext;
+exports.DialogDescription = DialogDescription;
+exports.DialogPositioner = DialogPositioner;
+exports.DialogRoot = DialogRoot;
+exports.DialogRootProvider = DialogRootProvider;
+exports.DialogTitle = DialogTitle;
+exports.DialogTrigger = DialogTrigger;
+Object.defineProperty(exports, 'dialogAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_dialog.anatomy;
+  }
+});
+exports.useDialog = useDialog;
+exports.useDialogContext = useDialogContext;

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

@@ -0,0 +1,80 @@
+import { t as PropTypes } from "../../normalize-props-skGwa8Dk.cjs";
+import { r as Optional } from "../../types-B4tvWlDb.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-C4cfTHs7.cjs";
+import { c as UsePresenceProps } from "../../index-BhGgEHWc.cjs";
+import * as react226 from "react";
+import { ReactNode } from "react";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as dialog from "@sprawlify/primitives/machines/dialog";
+import { FocusOutsideEvent, FocusOutsideEvent as DialogFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as DialogInteractOutsideEvent, OpenChangeDetails, OpenChangeDetails as DialogOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as DialogPointerDownOutsideEvent, anatomy as dialogAnatomy } from "@sprawlify/primitives/machines/dialog";
+
+//#region src/components/dialog/dialog-backdrop.d.ts
+interface DialogBackdropBaseProps extends PolymorphicProps {}
+interface DialogBackdropProps extends HTMLProps<"div">, DialogBackdropBaseProps {}
+declare const DialogBackdrop: react226.ForwardRefExoticComponent<DialogBackdropProps & react226.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/dialog/dialog-close-trigger.d.ts
+interface DialogCloseTriggerBaseProps extends PolymorphicProps {}
+interface DialogCloseTriggerProps extends HTMLProps<"button">, DialogCloseTriggerBaseProps {}
+declare const DialogCloseTrigger: react226.ForwardRefExoticComponent<DialogCloseTriggerProps & react226.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/dialog/dialog-content.d.ts
+interface DialogContentBaseProps extends PolymorphicProps {}
+interface DialogContentProps extends HTMLProps<"div">, DialogContentBaseProps {}
+declare const DialogContent: react226.ForwardRefExoticComponent<DialogContentProps & react226.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/dialog/use-dialog.d.ts
+interface UseDialogProps extends Optional<Omit<dialog.Props, "getRootNode" | "dir">, "id"> {}
+interface UseDialogReturn extends dialog.Api<PropTypes> {}
+declare const useDialog: (props?: UseDialogProps) => UseDialogReturn;
+//#endregion
+//#region src/components/dialog/use-dialog-context.d.ts
+interface UseDialogContext extends UseDialogReturn {}
+//#endregion
+//#region src/components/dialog/dialog-context.d.ts
+interface DialogContextProps {
+  children: (context: UseDialogContext) => ReactNode;
+}
+declare const DialogContext: (props: DialogContextProps) => ReactNode;
+//#endregion
+//#region src/components/dialog/dialog-description.d.ts
+interface DialogDescriptionBaseProps extends PolymorphicProps {}
+interface DialogDescriptionProps extends HTMLProps<"div">, DialogDescriptionBaseProps {}
+declare const DialogDescription: react226.ForwardRefExoticComponent<DialogDescriptionProps & react226.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/dialog/dialog-positioner.d.ts
+interface DialogPositionerBaseProps extends PolymorphicProps {}
+interface DialogPositionerProps extends HTMLProps<"div">, DialogPositionerBaseProps {}
+declare const DialogPositioner: react226.ForwardRefExoticComponent<DialogPositionerProps & react226.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/dialog/dialog-root.d.ts
+interface DialogRootBaseProps extends UseDialogProps, UsePresenceProps {}
+interface DialogRootProps extends DialogRootBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const DialogRoot: (props: DialogRootProps) => react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog-root-provider.d.ts
+interface RootProviderProps {
+  value: UseDialogReturn;
+}
+interface DialogRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {}
+interface DialogRootProviderProps extends DialogRootProviderBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const DialogRootProvider: (props: DialogRootProviderProps) => react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog-title.d.ts
+interface DialogTitleBaseProps extends PolymorphicProps {}
+interface DialogTitleProps extends HTMLProps<"h2">, DialogTitleBaseProps {}
+declare const DialogTitle: react226.ForwardRefExoticComponent<DialogTitleProps & react226.RefAttributes<HTMLHeadingElement>>;
+//#endregion
+//#region src/components/dialog/dialog-trigger.d.ts
+interface DialogTriggerBaseProps extends PolymorphicProps {}
+interface DialogTriggerProps extends HTMLProps<"button">, DialogTriggerBaseProps {}
+declare const DialogTrigger: react226.ForwardRefExoticComponent<DialogTriggerProps & react226.RefAttributes<HTMLButtonElement>>;
+declare namespace dialog_d_exports {
+  export { DialogBackdrop as Backdrop, DialogBackdropBaseProps as BackdropBaseProps, DialogBackdropProps as BackdropProps, DialogCloseTrigger as CloseTrigger, DialogCloseTriggerBaseProps as CloseTriggerBaseProps, DialogCloseTriggerProps as CloseTriggerProps, DialogContent as Content, DialogContentBaseProps as ContentBaseProps, DialogContentProps as ContentProps, DialogContext as Context, DialogContextProps as ContextProps, DialogDescription as Description, DialogDescriptionBaseProps as DescriptionBaseProps, DialogDescriptionProps as DescriptionProps, FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, DialogPositioner as Positioner, DialogPositionerBaseProps as PositionerBaseProps, DialogPositionerProps as PositionerProps, DialogRoot as Root, DialogRootBaseProps as RootBaseProps, DialogRootProps as RootProps, DialogRootProvider as RootProvider, DialogRootProviderBaseProps as RootProviderBaseProps, DialogRootProviderProps as RootProviderProps, DialogTitle as Title, DialogTitleBaseProps as TitleBaseProps, DialogTitleProps as TitleProps, DialogTrigger as Trigger, DialogTriggerBaseProps as TriggerBaseProps, DialogTriggerProps as TriggerProps };
+}
+//#endregion
+export { dialog_d_exports as Dialog, DialogBackdrop, type DialogBackdropBaseProps, type DialogBackdropProps, DialogCloseTrigger, type DialogCloseTriggerBaseProps, type DialogCloseTriggerProps, DialogContent, type DialogContentBaseProps, type DialogContentProps, DialogContext, type DialogContextProps, DialogDescription, type DialogDescriptionBaseProps, type DialogDescriptionProps, type DialogFocusOutsideEvent, type DialogInteractOutsideEvent, type DialogOpenChangeDetails, type DialogPointerDownOutsideEvent, DialogPositioner, type DialogPositionerBaseProps, type DialogPositionerProps, DialogRoot, type DialogRootBaseProps, type DialogRootProps, DialogRootProvider, type DialogRootProviderBaseProps, type DialogRootProviderProps, DialogTitle, type DialogTitleBaseProps, type DialogTitleProps, DialogTrigger, type DialogTriggerBaseProps, type DialogTriggerProps, type UseDialogContext, type UseDialogProps, type UseDialogReturn, dialogAnatomy, useDialog, useDialogContext };

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

@@ -0,0 +1,81 @@
+import { r as PropTypes } from "../../index-BJvW7OpY.mjs";
+import { r as Optional } from "../../types-BmBABPZb.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-C-EBNsCW.mjs";
+import "../../render-strategy-C8IyLw0O.mjs";
+import { c as UsePresenceProps } from "../../index-Cp1i1zbg.mjs";
+import * as react3 from "react";
+import { ReactNode } from "react";
+import * as react_jsx_runtime2 from "react/jsx-runtime";
+import * as dialog from "@sprawlify/primitives/machines/dialog";
+import { FocusOutsideEvent, FocusOutsideEvent as DialogFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as DialogInteractOutsideEvent, OpenChangeDetails, OpenChangeDetails as DialogOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as DialogPointerDownOutsideEvent, anatomy as dialogAnatomy } from "@sprawlify/primitives/machines/dialog";
+
+//#region src/components/dialog/dialog-backdrop.d.ts
+interface DialogBackdropBaseProps extends PolymorphicProps {}
+interface DialogBackdropProps extends HTMLProps<"div">, DialogBackdropBaseProps {}
+declare const DialogBackdrop: react3.ForwardRefExoticComponent<DialogBackdropProps & react3.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/dialog/dialog-close-trigger.d.ts
+interface DialogCloseTriggerBaseProps extends PolymorphicProps {}
+interface DialogCloseTriggerProps extends HTMLProps<"button">, DialogCloseTriggerBaseProps {}
+declare const DialogCloseTrigger: react3.ForwardRefExoticComponent<DialogCloseTriggerProps & react3.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/dialog/dialog-content.d.ts
+interface DialogContentBaseProps extends PolymorphicProps {}
+interface DialogContentProps extends HTMLProps<"div">, DialogContentBaseProps {}
+declare const DialogContent: react3.ForwardRefExoticComponent<DialogContentProps & react3.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/dialog/use-dialog.d.ts
+interface UseDialogProps extends Optional<Omit<dialog.Props, "getRootNode" | "dir">, "id"> {}
+interface UseDialogReturn extends dialog.Api<PropTypes> {}
+declare const useDialog: (props?: UseDialogProps) => UseDialogReturn;
+//#endregion
+//#region src/components/dialog/use-dialog-context.d.ts
+interface UseDialogContext extends UseDialogReturn {}
+//#endregion
+//#region src/components/dialog/dialog-context.d.ts
+interface DialogContextProps {
+  children: (context: UseDialogContext) => ReactNode;
+}
+declare const DialogContext: (props: DialogContextProps) => ReactNode;
+//#endregion
+//#region src/components/dialog/dialog-description.d.ts
+interface DialogDescriptionBaseProps extends PolymorphicProps {}
+interface DialogDescriptionProps extends HTMLProps<"div">, DialogDescriptionBaseProps {}
+declare const DialogDescription: react3.ForwardRefExoticComponent<DialogDescriptionProps & react3.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/dialog/dialog-positioner.d.ts
+interface DialogPositionerBaseProps extends PolymorphicProps {}
+interface DialogPositionerProps extends HTMLProps<"div">, DialogPositionerBaseProps {}
+declare const DialogPositioner: react3.ForwardRefExoticComponent<DialogPositionerProps & react3.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/dialog/dialog-root.d.ts
+interface DialogRootBaseProps extends UseDialogProps, UsePresenceProps {}
+interface DialogRootProps extends DialogRootBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const DialogRoot: (props: DialogRootProps) => react_jsx_runtime2.JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog-root-provider.d.ts
+interface RootProviderProps {
+  value: UseDialogReturn;
+}
+interface DialogRootProviderBaseProps extends RootProviderProps, UsePresenceProps, PolymorphicProps {}
+interface DialogRootProviderProps extends DialogRootProviderBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const DialogRootProvider: (props: DialogRootProviderProps) => react_jsx_runtime2.JSX.Element;
+//#endregion
+//#region src/components/dialog/dialog-title.d.ts
+interface DialogTitleBaseProps extends PolymorphicProps {}
+interface DialogTitleProps extends HTMLProps<"h2">, DialogTitleBaseProps {}
+declare const DialogTitle: react3.ForwardRefExoticComponent<DialogTitleProps & react3.RefAttributes<HTMLHeadingElement>>;
+//#endregion
+//#region src/components/dialog/dialog-trigger.d.ts
+interface DialogTriggerBaseProps extends PolymorphicProps {}
+interface DialogTriggerProps extends HTMLProps<"button">, DialogTriggerBaseProps {}
+declare const DialogTrigger: react3.ForwardRefExoticComponent<DialogTriggerProps & react3.RefAttributes<HTMLButtonElement>>;
+declare namespace dialog_d_exports {
+  export { DialogBackdrop as Backdrop, DialogBackdropBaseProps as BackdropBaseProps, DialogBackdropProps as BackdropProps, DialogCloseTrigger as CloseTrigger, DialogCloseTriggerBaseProps as CloseTriggerBaseProps, DialogCloseTriggerProps as CloseTriggerProps, DialogContent as Content, DialogContentBaseProps as ContentBaseProps, DialogContentProps as ContentProps, DialogContext as Context, DialogContextProps as ContextProps, DialogDescription as Description, DialogDescriptionBaseProps as DescriptionBaseProps, DialogDescriptionProps as DescriptionProps, FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, DialogPositioner as Positioner, DialogPositionerBaseProps as PositionerBaseProps, DialogPositionerProps as PositionerProps, DialogRoot as Root, DialogRootBaseProps as RootBaseProps, DialogRootProps as RootProps, DialogRootProvider as RootProvider, DialogRootProviderBaseProps as RootProviderBaseProps, DialogRootProviderProps as RootProviderProps, DialogTitle as Title, DialogTitleBaseProps as TitleBaseProps, DialogTitleProps as TitleProps, DialogTrigger as Trigger, DialogTriggerBaseProps as TriggerBaseProps, DialogTriggerProps as TriggerProps };
+}
+//#endregion
+export { dialog_d_exports as Dialog, DialogBackdrop, type DialogBackdropBaseProps, type DialogBackdropProps, DialogCloseTrigger, type DialogCloseTriggerBaseProps, type DialogCloseTriggerProps, DialogContent, type DialogContentBaseProps, type DialogContentProps, DialogContext, type DialogContextProps, DialogDescription, type DialogDescriptionBaseProps, type DialogDescriptionProps, type DialogFocusOutsideEvent, type DialogInteractOutsideEvent, type DialogOpenChangeDetails, type DialogPointerDownOutsideEvent, DialogPositioner, type DialogPositionerBaseProps, type DialogPositionerProps, DialogRoot, type DialogRootBaseProps, type DialogRootProps, DialogRootProvider, type DialogRootProviderBaseProps, type DialogRootProviderProps, DialogTitle, type DialogTitleBaseProps, type DialogTitleProps, DialogTrigger, type DialogTriggerBaseProps, type DialogTriggerProps, type UseDialogContext, type UseDialogProps, type UseDialogReturn, dialogAnatomy, useDialog, useDialogContext };

package/dist/components/dialog/index.mjs

@@ -0,0 +1,187 @@
+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 { t as composeRefs } from "../../compose-refs-BEptPEkE.mjs";
+import { n as sprawlify } from "../../factory-Bi8oEg8i.mjs";
+import { n as splitRenderStrategyProps, r as useRenderStrategyPropsContext, t as RenderStrategyPropsProvider } from "../../render-strategy-FiPgAp1U.mjs";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-Bc6Bxe5i.mjs";
+import "../../use-event-4J5QFFqK.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+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({
+	name: "DialogContext",
+	hookName: "useDialogContext",
+	providerName: "<DialogProvider />"
+});
+
+//#endregion
+//#region src/components/dialog/dialog-backdrop.tsx
+const DialogBackdrop = forwardRef((props, ref) => {
+	const dialog$1 = useDialogContext();
+	const presence = usePresence({
+		...useRenderStrategyPropsContext(),
+		present: dialog$1.open
+	});
+	const mergedProps = mergeProps(dialog$1.getBackdropProps(), presence.getPresenceProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref: composeRefs(presence.ref, ref)
+	});
+});
+DialogBackdrop.displayName = "DialogBackdrop";
+
+//#endregion
+//#region src/components/dialog/dialog-close-trigger.tsx
+const DialogCloseTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDialogContext().getCloseTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+DialogCloseTrigger.displayName = "DialogCloseTrigger";
+
+//#endregion
+//#region src/components/dialog/dialog-content.tsx
+const DialogContent = forwardRef((props, ref) => {
+	const dialog$1 = useDialogContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps(dialog$1.getContentProps(), presence.getPresenceProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref: composeRefs(presence.ref, ref)
+	});
+});
+DialogContent.displayName = "DialogContent";
+
+//#endregion
+//#region src/components/dialog/dialog-context.tsx
+const DialogContext = (props) => props.children(useDialogContext());
+
+//#endregion
+//#region src/components/dialog/dialog-description.tsx
+const DialogDescription = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDialogContext().getDescriptionProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+DialogDescription.displayName = "DialogDescription";
+
+//#endregion
+//#region src/components/dialog/dialog-positioner.tsx
+const DialogPositioner = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDialogContext().getPositionerProps(), props);
+	if (usePresenceContext().unmounted) return null;
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+DialogPositioner.displayName = "DialogPositioner";
+
+//#endregion
+//#region src/components/dialog/use-dialog.ts
+const useDialog = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const machineProps = {
+		id,
+		getRootNode,
+		dir,
+		...props
+	};
+	const service = useMachine(dialog.machine, machineProps);
+	return dialog.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/dialog/dialog-root.tsx
+const DialogRoot = (props) => {
+	const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const dialog$1 = useDialog(localProps);
+	return /* @__PURE__ */ jsx(DialogProvider, {
+		value: dialog$1,
+		children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ jsx(PresenceProvider, {
+				value: usePresence(mergeProps({ present: dialog$1.open }, presenceProps)),
+				children
+			})
+		})
+	});
+};
+
+//#endregion
+//#region src/components/dialog/dialog-root-provider.tsx
+const DialogRootProvider = (props) => {
+	const [presenceProps, { value: dialog$1, children }] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	return /* @__PURE__ */ jsx(DialogProvider, {
+		value: dialog$1,
+		children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ jsx(PresenceProvider, {
+				value: usePresence(mergeProps({ present: dialog$1.open }, presenceProps)),
+				children
+			})
+		})
+	});
+};
+
+//#endregion
+//#region src/components/dialog/dialog-title.tsx
+const DialogTitle = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDialogContext().getTitleProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.h2, {
+		...mergedProps,
+		ref
+	});
+});
+DialogTitle.displayName = "DialogTitle";
+
+//#endregion
+//#region src/components/dialog/dialog-trigger.tsx
+const DialogTrigger = forwardRef((props, ref) => {
+	const dialog$1 = useDialogContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps({
+		...dialog$1.getTriggerProps(),
+		"aria-controls": presence.unmounted ? void 0 : dialog$1.getTriggerProps()["aria-controls"]
+	}, props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+DialogTrigger.displayName = "DialogTrigger";
+
+//#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.cjs

@@ -0,0 +1,43 @@
+const require_chunk = require('../../chunk-BYnRvbsk.cjs');
+require('../../create-context-CQ4U0lLj.cjs');
+const require_environment = require('../../environment-CvilmfQt.cjs');
+require('../../locale-BcnWD1Hf.cjs');
+require('../../providers-BNAArubQ.cjs');
+const require_factory = require('../../factory-C166evrS.cjs');
+let __sprawlify_primitives_utils = require("@sprawlify/primitives/utils");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_file_utils = require("@sprawlify/primitives/file-utils");
+
+//#region src/components/download-trigger/download-trigger.tsx
+const DownloadTrigger = (0, react.forwardRef)((props, ref) => {
+	const { fileName, data, mimeType, ...rest } = props;
+	const { getWindow } = require_environment.useEnvironmentContext();
+	const download = (data$1) => {
+		(0, __sprawlify_primitives_file_utils.downloadFile)({
+			file: data$1,
+			name: fileName,
+			type: mimeType,
+			win: getWindow()
+		});
+	};
+	const onClick = (e) => {
+		props.onClick?.(e);
+		if (e.defaultPrevented) return;
+		if ((0, __sprawlify_primitives_utils.isFunction)(data)) {
+			const maybePromise = data();
+			if (maybePromise instanceof Promise) maybePromise.then((data$1) => download(data$1));
+			else download(maybePromise);
+		} else download(data);
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		ref,
+		...rest,
+		type: "button",
+		onClick
+	});
+});
+DownloadTrigger.displayName = "DownloadTrigger";
+
+//#endregion
+exports.DownloadTrigger = DownloadTrigger;

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

@@ -0,0 +1,16 @@
+import { n as MaybePromise } from "../../types-B4tvWlDb.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-C4cfTHs7.cjs";
+import * as react241 from "react";
+import { FileMimeType } from "@sprawlify/primitives/file-utils";
+
+//#region src/components/download-trigger/download-trigger.d.ts
+type DownloadableData = string | Blob | File;
+interface DownloadTriggerBaseProps extends PolymorphicProps {
+  fileName: string;
+  data: DownloadableData | (() => MaybePromise<DownloadableData>);
+  mimeType: FileMimeType;
+}
+interface DownloadTriggerProps extends HTMLProps<"button">, DownloadTriggerBaseProps {}
+declare const DownloadTrigger: react241.ForwardRefExoticComponent<DownloadTriggerProps & react241.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps };

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

@@ -0,0 +1,16 @@
+import { n as MaybePromise } from "../../types-BmBABPZb.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-C-EBNsCW.mjs";
+import * as react0 from "react";
+import { FileMimeType } from "@sprawlify/primitives/file-utils";
+
+//#region src/components/download-trigger/download-trigger.d.ts
+type DownloadableData = string | Blob | File;
+interface DownloadTriggerBaseProps extends PolymorphicProps {
+  fileName: string;
+  data: DownloadableData | (() => MaybePromise<DownloadableData>);
+  mimeType: FileMimeType;
+}
+interface DownloadTriggerProps extends HTMLProps<"button">, DownloadTriggerBaseProps {}
+declare const DownloadTrigger: react0.ForwardRefExoticComponent<DownloadTriggerProps & react0.RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps };