@wirekyt/react 0.0.1 → 0.0.2

package/dist/dialog.cjs

@@ -0,0 +1,199 @@
+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_presence = require("./presence-BOs-D6Cv.cjs");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_machines_dialog = require("@wirekyt/dom/machines/dialog");
+_wirekyt_dom_machines_dialog = require_rolldown_runtime.__toESM(_wirekyt_dom_machines_dialog, 1);
+let _wirekyt_dom = require("@wirekyt/dom");
+//#region src/components/dialog/use-context.ts
+const [DialogProvider, useDialogContext] = require_utils.createContext({
+	name: "DialogContext",
+	hookName: "useDialogContext",
+	providerName: "<DialogProvider />"
+});
+//#endregion
+//#region src/components/dialog/backdrop.tsx
+const DialogBackdrop = (0, react.forwardRef)((props, ref) => {
+	const dialog = useDialogContext();
+	const presence = require_presence.usePresence({
+		...require_utils.useRenderStrategyPropsContext(),
+		present: dialog.open
+	});
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(dialog.getBackdropProps(), presence.getPresenceProps(), props);
+	const composedRefs = require_utils.useComposedRefs(presence.ref, ref);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref: composedRefs
+	});
+});
+DialogBackdrop.displayName = "DialogBackdrop";
+//#endregion
+//#region src/components/dialog/close-trigger.tsx
+const DialogCloseTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useDialogContext().getCloseTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+DialogCloseTrigger.displayName = "DialogCloseTrigger";
+//#endregion
+//#region src/components/dialog/content.tsx
+const DialogContent = (0, react.forwardRef)((props, ref) => {
+	const dialog = useDialogContext();
+	const presence = require_presence.usePresenceContext();
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(dialog.getContentProps(), presence.getPresenceProps(), props);
+	const composedRefs = require_utils.useComposedRefs(presence.ref, ref);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref: composedRefs
+	});
+});
+DialogContent.displayName = "DialogContent";
+//#endregion
+//#region src/components/dialog/context.tsx
+const DialogContext = (props) => props.children(useDialogContext());
+//#endregion
+//#region src/components/dialog/description.tsx
+const DialogDescription = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useDialogContext().getDescriptionProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+DialogDescription.displayName = "DialogDescription";
+//#endregion
+//#region src/components/dialog/positioner.tsx
+const DialogPositioner = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useDialogContext().getPositionerProps(), props);
+	if (require_presence.usePresenceContext().unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.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_providers.useLocaleContext();
+	const machineProps = {
+		id,
+		getRootNode,
+		dir,
+		...props
+	};
+	const service = require_core.useMachine(_wirekyt_dom_machines_dialog.machine, machineProps);
+	return _wirekyt_dom_machines_dialog.connect(service, require_core.normalizeProps);
+};
+//#endregion
+//#region src/components/dialog/root.tsx
+const DialogRoot = (props) => {
+	const [presenceProps, { children, ...localProps }] = require_presence.splitPresenceProps(props);
+	const [renderStrategyProps] = require_utils.splitRenderStrategyProps(presenceProps);
+	const dialog = useDialog(localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogProvider, {
+		value: dialog,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_utils.RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+				value: require_presence.usePresence((0, _wirekyt_dom.mergeProps)({ present: dialog.open }, presenceProps)),
+				children
+			})
+		})
+	});
+};
+//#endregion
+//#region src/components/dialog/root-provider.tsx
+const DialogRootProvider = (props) => {
+	const [presenceProps, { value: dialog, children }] = require_presence.splitPresenceProps(props);
+	const [renderStrategyProps] = require_utils.splitRenderStrategyProps(presenceProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DialogProvider, {
+		value: dialog,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_utils.RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+				value: require_presence.usePresence((0, _wirekyt_dom.mergeProps)({ present: dialog.open }, presenceProps)),
+				children
+			})
+		})
+	});
+};
+//#endregion
+//#region src/components/dialog/title.tsx
+const DialogTitle = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, _wirekyt_dom.mergeProps)(useDialogContext().getTitleProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.h2, {
+		...mergedProps,
+		ref
+	});
+});
+DialogTitle.displayName = "DialogTitle";
+//#endregion
+//#region src/components/dialog/trigger.tsx
+const splitTriggerProps = require_utils.createSplitProps();
+const DialogTrigger = (0, react.forwardRef)((props, ref) => {
+	const [triggerProps, localProps] = splitTriggerProps(props, ["value"]);
+	const dialog = useDialogContext();
+	const presence = require_presence.usePresenceContext();
+	const triggerPropsRaw = dialog.getTriggerProps(triggerProps);
+	const mergedProps = (0, _wirekyt_dom.mergeProps)({
+		...triggerPropsRaw,
+		"aria-controls": presence.unmounted ? void 0 : triggerPropsRaw["aria-controls"]
+	}, localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+DialogTrigger.displayName = "DialogTrigger";
+//#endregion
+//#region src/components/dialog/dialog.ts
+var dialog_exports = /* @__PURE__ */ require_rolldown_runtime.__exportAll({
+	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 _wirekyt_dom_machines_dialog.anatomy;
+	}
+});
+exports.useDialog = useDialog;
+exports.useDialogContext = useDialogContext;

package/dist/dialog.d.cts

@@ -0,0 +1,78 @@
+import { a as PropTypes } from "./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 { c as UsePresenceProps } from "./index-CUyHBXOI.cjs";
+import { ReactNode } from "react";
+import * as dialog from "@wirekyt/dom/machines/dialog";
+import { FocusOutsideEvent, FocusOutsideEvent as DialogFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as DialogInteractOutsideEvent, OpenChangeDetails, OpenChangeDetails as DialogOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as DialogPointerDownOutsideEvent, TriggerProps, TriggerValueChangeDetails, TriggerValueChangeDetails as DialogTriggerValueChangeDetails, anatomy as dialogAnatomy } from "@wirekyt/dom/machines/dialog";
+//#region src/components/dialog/backdrop.d.ts
+interface DialogBackdropBaseProps extends PolymorphicProps {}
+interface DialogBackdropProps extends HTMLProps<"div">, DialogBackdropBaseProps {}
+declare const DialogBackdrop: import("react").ForwardRefExoticComponent<DialogBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/dialog/close-trigger.d.ts
+interface DialogCloseTriggerBaseProps extends PolymorphicProps {}
+interface DialogCloseTriggerProps extends HTMLProps<"button">, DialogCloseTriggerBaseProps {}
+declare const DialogCloseTrigger: import("react").ForwardRefExoticComponent<DialogCloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/dialog/content.d.ts
+interface DialogContentBaseProps extends PolymorphicProps {}
+interface DialogContentProps extends HTMLProps<"div">, DialogContentBaseProps {}
+declare const DialogContent: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").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-context.d.ts
+interface UseDialogContext extends UseDialogReturn {}
+declare const DialogProvider: import("react").Provider<UseDialogContext>, useDialogContext: () => UseDialogContext;
+//#endregion
+//#region src/components/dialog/context.d.ts
+interface DialogContextProps {
+  children: (context: UseDialogContext) => ReactNode;
+}
+declare const DialogContext: (props: DialogContextProps) => ReactNode;
+//#endregion
+//#region src/components/dialog/description.d.ts
+interface DialogDescriptionBaseProps extends PolymorphicProps {}
+interface DialogDescriptionProps extends HTMLProps<"div">, DialogDescriptionBaseProps {}
+declare const DialogDescription: import("react").ForwardRefExoticComponent<DialogDescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/dialog/positioner.d.ts
+interface DialogPositionerBaseProps extends PolymorphicProps {}
+interface DialogPositionerProps extends HTMLProps<"div">, DialogPositionerBaseProps {}
+declare const DialogPositioner: import("react").ForwardRefExoticComponent<DialogPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/dialog/root.d.ts
+interface DialogRootBaseProps extends UseDialogProps, UsePresenceProps {}
+interface DialogRootProps extends DialogRootBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const DialogRoot: (props: DialogRootProps) => import("react").JSX.Element;
+//#endregion
+//#region src/components/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) => import("react").JSX.Element;
+//#endregion
+//#region src/components/dialog/title.d.ts
+interface DialogTitleBaseProps extends PolymorphicProps {}
+interface DialogTitleProps extends HTMLProps<"h2">, DialogTitleBaseProps {}
+declare const DialogTitle: import("react").ForwardRefExoticComponent<DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+//#endregion
+//#region src/components/dialog/trigger.d.ts
+interface DialogTriggerBaseProps extends TriggerProps, PolymorphicProps {}
+interface DialogTriggerProps extends Assign<HTMLProps<"button">, DialogTriggerBaseProps> {}
+declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogTriggerProps & import("react").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, TriggerValueChangeDetails };
+}
+//#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 DialogTriggerValueChangeDetails, type UseDialogContext, type UseDialogProps, type UseDialogReturn, dialogAnatomy, useDialog, useDialogContext };

package/dist/dialog.d.ts

@@ -0,0 +1,78 @@
+import { a as PropTypes } from "./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 { c as UsePresenceProps } from "./index-D7JH9e9E.js";
+import { ReactNode } from "react";
+import * as dialog from "@wirekyt/dom/machines/dialog";
+import { FocusOutsideEvent, FocusOutsideEvent as DialogFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as DialogInteractOutsideEvent, OpenChangeDetails, OpenChangeDetails as DialogOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as DialogPointerDownOutsideEvent, TriggerProps, TriggerValueChangeDetails, TriggerValueChangeDetails as DialogTriggerValueChangeDetails, anatomy as dialogAnatomy } from "@wirekyt/dom/machines/dialog";
+//#region src/components/dialog/backdrop.d.ts
+interface DialogBackdropBaseProps extends PolymorphicProps {}
+interface DialogBackdropProps extends HTMLProps<"div">, DialogBackdropBaseProps {}
+declare const DialogBackdrop: import("react").ForwardRefExoticComponent<DialogBackdropProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/dialog/close-trigger.d.ts
+interface DialogCloseTriggerBaseProps extends PolymorphicProps {}
+interface DialogCloseTriggerProps extends HTMLProps<"button">, DialogCloseTriggerBaseProps {}
+declare const DialogCloseTrigger: import("react").ForwardRefExoticComponent<DialogCloseTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/dialog/content.d.ts
+interface DialogContentBaseProps extends PolymorphicProps {}
+interface DialogContentProps extends HTMLProps<"div">, DialogContentBaseProps {}
+declare const DialogContent: import("react").ForwardRefExoticComponent<DialogContentProps & import("react").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-context.d.ts
+interface UseDialogContext extends UseDialogReturn {}
+declare const DialogProvider: import("react").Provider<UseDialogContext>, useDialogContext: () => UseDialogContext;
+//#endregion
+//#region src/components/dialog/context.d.ts
+interface DialogContextProps {
+  children: (context: UseDialogContext) => ReactNode;
+}
+declare const DialogContext: (props: DialogContextProps) => ReactNode;
+//#endregion
+//#region src/components/dialog/description.d.ts
+interface DialogDescriptionBaseProps extends PolymorphicProps {}
+interface DialogDescriptionProps extends HTMLProps<"div">, DialogDescriptionBaseProps {}
+declare const DialogDescription: import("react").ForwardRefExoticComponent<DialogDescriptionProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/dialog/positioner.d.ts
+interface DialogPositionerBaseProps extends PolymorphicProps {}
+interface DialogPositionerProps extends HTMLProps<"div">, DialogPositionerBaseProps {}
+declare const DialogPositioner: import("react").ForwardRefExoticComponent<DialogPositionerProps & import("react").RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/dialog/root.d.ts
+interface DialogRootBaseProps extends UseDialogProps, UsePresenceProps {}
+interface DialogRootProps extends DialogRootBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const DialogRoot: (props: DialogRootProps) => import("react").JSX.Element;
+//#endregion
+//#region src/components/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) => import("react").JSX.Element;
+//#endregion
+//#region src/components/dialog/title.d.ts
+interface DialogTitleBaseProps extends PolymorphicProps {}
+interface DialogTitleProps extends HTMLProps<"h2">, DialogTitleBaseProps {}
+declare const DialogTitle: import("react").ForwardRefExoticComponent<DialogTitleProps & import("react").RefAttributes<HTMLHeadingElement>>;
+//#endregion
+//#region src/components/dialog/trigger.d.ts
+interface DialogTriggerBaseProps extends TriggerProps, PolymorphicProps {}
+interface DialogTriggerProps extends Assign<HTMLProps<"button">, DialogTriggerBaseProps> {}
+declare const DialogTrigger: import("react").ForwardRefExoticComponent<DialogTriggerProps & import("react").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, TriggerValueChangeDetails };
+}
+//#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 DialogTriggerValueChangeDetails, type UseDialogContext, type UseDialogProps, type UseDialogReturn, dialogAnatomy, useDialog, useDialogContext };

package/dist/dialog.js

@@ -0,0 +1,174 @@
+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 { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as dialog from "@wirekyt/dom/machines/dialog";
+import { anatomy as dialogAnatomy } from "@wirekyt/dom/machines/dialog";
+//#region src/components/dialog/use-context.ts
+const [DialogProvider, useDialogContext] = createContext$1({
+	name: "DialogContext",
+	hookName: "useDialogContext",
+	providerName: "<DialogProvider />"
+});
+//#endregion
+//#region src/components/dialog/backdrop.tsx
+const DialogBackdrop = forwardRef((props, ref) => {
+	const dialog = useDialogContext();
+	const presence = usePresence({
+		...useRenderStrategyPropsContext(),
+		present: dialog.open
+	});
+	const mergedProps = mergeProps(dialog.getBackdropProps(), presence.getPresenceProps(), props);
+	const composedRefs = useComposedRefs(presence.ref, ref);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref: composedRefs
+	});
+});
+DialogBackdrop.displayName = "DialogBackdrop";
+//#endregion
+//#region src/components/dialog/close-trigger.tsx
+const DialogCloseTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDialogContext().getCloseTriggerProps(), props);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+DialogCloseTrigger.displayName = "DialogCloseTrigger";
+//#endregion
+//#region src/components/dialog/content.tsx
+const DialogContent = forwardRef((props, ref) => {
+	const dialog = useDialogContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps(dialog.getContentProps(), presence.getPresenceProps(), props);
+	const composedRefs = useComposedRefs(presence.ref, ref);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref: composedRefs
+	});
+});
+DialogContent.displayName = "DialogContent";
+//#endregion
+//#region src/components/dialog/context.tsx
+const DialogContext = (props) => props.children(useDialogContext());
+//#endregion
+//#region src/components/dialog/description.tsx
+const DialogDescription = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDialogContext().getDescriptionProps(), props);
+	return /* @__PURE__ */ jsx(wire.div, {
+		...mergedProps,
+		ref
+	});
+});
+DialogDescription.displayName = "DialogDescription";
+//#endregion
+//#region src/components/dialog/positioner.tsx
+const DialogPositioner = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDialogContext().getPositionerProps(), props);
+	if (usePresenceContext().unmounted) return null;
+	return /* @__PURE__ */ jsx(wire.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/root.tsx
+const DialogRoot = (props) => {
+	const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	const dialog = useDialog(localProps);
+	return /* @__PURE__ */ jsx(DialogProvider, {
+		value: dialog,
+		children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ jsx(PresenceProvider, {
+				value: usePresence(mergeProps({ present: dialog.open }, presenceProps)),
+				children
+			})
+		})
+	});
+};
+//#endregion
+//#region src/components/dialog/root-provider.tsx
+const DialogRootProvider = (props) => {
+	const [presenceProps, { value: dialog, children }] = splitPresenceProps(props);
+	const [renderStrategyProps] = splitRenderStrategyProps(presenceProps);
+	return /* @__PURE__ */ jsx(DialogProvider, {
+		value: dialog,
+		children: /* @__PURE__ */ jsx(RenderStrategyPropsProvider, {
+			value: renderStrategyProps,
+			children: /* @__PURE__ */ jsx(PresenceProvider, {
+				value: usePresence(mergeProps({ present: dialog.open }, presenceProps)),
+				children
+			})
+		})
+	});
+};
+//#endregion
+//#region src/components/dialog/title.tsx
+const DialogTitle = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useDialogContext().getTitleProps(), props);
+	return /* @__PURE__ */ jsx(wire.h2, {
+		...mergedProps,
+		ref
+	});
+});
+DialogTitle.displayName = "DialogTitle";
+//#endregion
+//#region src/components/dialog/trigger.tsx
+const splitTriggerProps = createSplitProps();
+const DialogTrigger = forwardRef((props, ref) => {
+	const [triggerProps, localProps] = splitTriggerProps(props, ["value"]);
+	const dialog = useDialogContext();
+	const presence = usePresenceContext();
+	const triggerPropsRaw = dialog.getTriggerProps(triggerProps);
+	const mergedProps = mergeProps({
+		...triggerPropsRaw,
+		"aria-controls": presence.unmounted ? void 0 : triggerPropsRaw["aria-controls"]
+	}, localProps);
+	return /* @__PURE__ */ jsx(wire.button, {
+		...mergedProps,
+		ref
+	});
+});
+DialogTrigger.displayName = "DialogTrigger";
+//#endregion
+//#region src/components/dialog/dialog.ts
+var dialog_exports = /* @__PURE__ */ __exportAll({
+	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/download-trigger.cjs

@@ -0,0 +1,53 @@
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_environment = require("./environment-B6IaCAuQ.cjs");
+const require_factory = require("./factory-CFFufs5e.cjs");
+let _wirekyt_dom_utils = require("@wirekyt/dom/utils");
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let _wirekyt_dom_file_utils = require("@wirekyt/dom/file-utils");
+//#region src/components/download-trigger/use-download.ts
+const useDownload = (props) => {
+	const { fileName, mimeType, data } = props;
+	const { getWindow } = require_environment.useEnvironmentContext();
+	const saveToDisk = (value) => {
+		(0, _wirekyt_dom_file_utils.downloadFile)({
+			file: value,
+			name: fileName,
+			type: mimeType,
+			win: getWindow()
+		});
+	};
+	const download = () => {
+		if ((0, _wirekyt_dom_utils.isFunction)(data)) {
+			const maybePromise = data();
+			if (maybePromise instanceof Promise) maybePromise.then(saveToDisk);
+			else saveToDisk(maybePromise);
+		} else saveToDisk(data);
+	};
+	return { download };
+};
+//#endregion
+//#region src/components/download-trigger/download-trigger.tsx
+const DownloadTrigger = (0, react.forwardRef)((props, ref) => {
+	const { fileName, data, mimeType, ...rest } = props;
+	const { download } = useDownload({
+		fileName,
+		mimeType,
+		data
+	});
+	const onClick = (e) => {
+		props.onClick?.(e);
+		if (e.defaultPrevented) return;
+		download();
+	};
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.wire.button, {
+		ref,
+		...rest,
+		type: "button",
+		onClick
+	});
+});
+DownloadTrigger.displayName = "DownloadTrigger";
+//#endregion
+exports.DownloadTrigger = DownloadTrigger;
+exports.useDownload = useDownload;

package/dist/download-trigger.d.cts

@@ -0,0 +1,22 @@
+import "./index-CQAbOgb7.cjs";
+import { n as MaybePromise } from "./types-BQQfrr86.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.cjs";
+import { FileMimeType } from "@wirekyt/dom/file-utils";
+//#region src/components/download-trigger/use-download.d.ts
+type DownloadableData = string | Blob | File;
+interface UseDownloadProps {
+  fileName: string;
+  mimeType: FileMimeType;
+  data: DownloadableData | (() => MaybePromise<DownloadableData>);
+}
+interface UseDownloadReturn {
+  download: () => void;
+}
+declare const useDownload: (props: UseDownloadProps) => UseDownloadReturn;
+//#endregion
+//#region src/components/download-trigger/download-trigger.d.ts
+interface DownloadTriggerBaseProps extends PolymorphicProps, UseDownloadProps {}
+interface DownloadTriggerProps extends HTMLProps<"button">, DownloadTriggerBaseProps {}
+declare const DownloadTrigger: import("react").ForwardRefExoticComponent<DownloadTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, type UseDownloadProps, type UseDownloadReturn, useDownload };

package/dist/download-trigger.d.ts

@@ -0,0 +1,22 @@
+import "./index-CxWYgVJk.js";
+import { n as MaybePromise } from "./types-BQQfrr86.js";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory--dkoVnFK.js";
+import { FileMimeType } from "@wirekyt/dom/file-utils";
+//#region src/components/download-trigger/use-download.d.ts
+type DownloadableData = string | Blob | File;
+interface UseDownloadProps {
+  fileName: string;
+  mimeType: FileMimeType;
+  data: DownloadableData | (() => MaybePromise<DownloadableData>);
+}
+interface UseDownloadReturn {
+  download: () => void;
+}
+declare const useDownload: (props: UseDownloadProps) => UseDownloadReturn;
+//#endregion
+//#region src/components/download-trigger/download-trigger.d.ts
+interface DownloadTriggerBaseProps extends PolymorphicProps, UseDownloadProps {}
+interface DownloadTriggerProps extends HTMLProps<"button">, DownloadTriggerBaseProps {}
+declare const DownloadTrigger: import("react").ForwardRefExoticComponent<DownloadTriggerProps & import("react").RefAttributes<HTMLButtonElement>>;
+//#endregion
+export { DownloadTrigger, type DownloadTriggerBaseProps, type DownloadTriggerProps, type DownloadableData, type UseDownloadProps, type UseDownloadReturn, useDownload };