@sprawlify/react 0.0.7 → 0.0.9

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

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime15 from "react/jsx-runtime";
+
+//#region src/components/format/format-byte.d.ts
+interface FormatByteProps {
+  unit?: "bit" | "byte" | undefined;
+  unitDisplay?: "long" | "short" | "narrow" | undefined;
+  unitSystem?: "decimal" | "binary" | undefined;
+  value: number;
+}
+declare const FormatByte: {
+  (props: FormatByteProps): react_jsx_runtime15.JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/format/format-number.d.ts
+interface FormatNumberProps extends Intl.NumberFormatOptions {
+  value: number;
+}
+declare const FormatNumber: {
+  (props: FormatNumberProps): react_jsx_runtime15.JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/format/format-relative-time.d.ts
+interface FormatRelativeTimeProps extends Intl.RelativeTimeFormatOptions {
+  value: Date;
+}
+declare const FormatRelativeTime: {
+  (props: FormatRelativeTimeProps): react_jsx_runtime15.JSX.Element;
+  displayName: string;
+};
+declare namespace format_d_exports {
+  export { FormatByte as Byte, FormatByteProps as ByteProps, FormatNumber as Number, FormatNumberProps as NumberProps, FormatRelativeTime as RelativeTime, FormatRelativeTimeProps as RelativeTimeProps };
+}
+//#endregion
+export { format_d_exports as Format, FormatByte, type FormatByteProps, FormatNumber, type FormatNumberProps, FormatRelativeTime, type FormatRelativeTimeProps };

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

@@ -0,0 +1,36 @@
+import * as react_jsx_runtime6 from "react/jsx-runtime";
+
+//#region src/components/format/format-byte.d.ts
+interface FormatByteProps {
+  unit?: "bit" | "byte" | undefined;
+  unitDisplay?: "long" | "short" | "narrow" | undefined;
+  unitSystem?: "decimal" | "binary" | undefined;
+  value: number;
+}
+declare const FormatByte: {
+  (props: FormatByteProps): react_jsx_runtime6.JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/format/format-number.d.ts
+interface FormatNumberProps extends Intl.NumberFormatOptions {
+  value: number;
+}
+declare const FormatNumber: {
+  (props: FormatNumberProps): react_jsx_runtime6.JSX.Element;
+  displayName: string;
+};
+//#endregion
+//#region src/components/format/format-relative-time.d.ts
+interface FormatRelativeTimeProps extends Intl.RelativeTimeFormatOptions {
+  value: Date;
+}
+declare const FormatRelativeTime: {
+  (props: FormatRelativeTimeProps): react_jsx_runtime6.JSX.Element;
+  displayName: string;
+};
+declare namespace format_d_exports {
+  export { FormatByte as Byte, FormatByteProps as ByteProps, FormatNumber as Number, FormatNumberProps as NumberProps, FormatRelativeTime as RelativeTime, FormatRelativeTimeProps as RelativeTimeProps };
+}
+//#endregion
+export { format_d_exports as Format, FormatByte, type FormatByteProps, FormatNumber, type FormatNumberProps, FormatRelativeTime, type FormatRelativeTimeProps };

package/dist/components/format/index.mjs

@@ -0,0 +1,49 @@
+import { t as __export } from "../../chunk-BU8PiJgx.mjs";
+import "../../create-context-DbhrVE2B.mjs";
+import { i as useLocaleContext } from "../../locale-D4LX0eEq.mjs";
+import { useMemo } from "react";
+import { Fragment as Fragment$1, jsx } from "react/jsx-runtime";
+import { formatBytes, formatNumber, formatRelativeTime } from "@sprawlify/primitives/i18n-utils";
+
+//#region src/components/format/format-byte.tsx
+const FormatByte = (props) => {
+	const { locale } = useLocaleContext();
+	return /* @__PURE__ */ jsx(Fragment$1, { children: useMemo(() => {
+		const { value, ...intlOptions } = props;
+		return formatBytes(value, locale, intlOptions);
+	}, [props, locale]) });
+};
+FormatByte.displayName = "FormatByte";
+
+//#endregion
+//#region src/components/format/format-number.tsx
+const FormatNumber = (props) => {
+	const { locale } = useLocaleContext();
+	return /* @__PURE__ */ jsx(Fragment$1, { children: useMemo(() => {
+		const { value, ...intlOptions } = props;
+		return formatNumber(value, locale, intlOptions);
+	}, [props, locale]) });
+};
+FormatNumber.displayName = "FormatNumber";
+
+//#endregion
+//#region src/components/format/format-relative-time.tsx
+const FormatRelativeTime = (props) => {
+	const { locale } = useLocaleContext();
+	return /* @__PURE__ */ jsx(Fragment$1, { children: useMemo(() => {
+		const { value, ...intlOptions } = props;
+		return formatRelativeTime(value, locale, intlOptions);
+	}, [props, locale]) });
+};
+FormatRelativeTime.displayName = "FormatRelativeTime";
+
+//#endregion
+//#region src/components/format/format.ts
+var format_exports = /* @__PURE__ */ __export({
+	Byte: () => FormatByte,
+	Number: () => FormatNumber,
+	RelativeTime: () => FormatRelativeTime
+});
+
+//#endregion
+export { format_exports as Format, FormatByte, FormatNumber, FormatRelativeTime };

package/dist/components/frame/index.cjs

@@ -0,0 +1,90 @@
+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_compose_refs = require('../../compose-refs-C5QNDywq.cjs');
+const require_use_safe_layout_effect = require('../../use-safe-layout-effect-C2GgvNT3.cjs');
+let react = require("react");
+let react_dom = require("react-dom");
+let react_jsx_runtime = require("react/jsx-runtime");
+
+//#region src/components/frame/frame-content.tsx
+const FrameContent = (props) => {
+	const { onMount, onUnmount, children } = props;
+	const mountedRef = (0, react.useRef)(false);
+	const calledRef = (0, react.useRef)(false);
+	(0, react.useEffect)(() => {
+		if (!mountedRef.current && !calledRef.current) {
+			onMount?.();
+			mountedRef.current = true;
+			calledRef.current = true;
+		}
+		return () => {
+			if (mountedRef.current) {
+				onUnmount?.();
+				mountedRef.current = false;
+			}
+		};
+	}, []);
+	return children;
+};
+
+//#endregion
+//#region src/components/frame/frame.tsx
+const initialSrcDoc = `<html><head><style>*,*::before,*::after { margin: 0; padding: 0; box-sizing: border-box; }</style></head><body><div class="frame-root"></div></body></html>`;
+function getMountNode(frame) {
+	const doc = frame.contentWindow?.document;
+	if (!doc) return null;
+	return doc.body.querySelector(".frame-root") || doc.body;
+}
+const Frame = (0, react.forwardRef)((props, ref) => {
+	const { children, head, onMount, onUnmount, srcDoc = initialSrcDoc, ...rest } = props;
+	const [frameRef, setFrameRef] = (0, react.useState)(null);
+	const [mountNode, setMountNode] = (0, react.useState)(null);
+	require_use_safe_layout_effect.useSafeLayoutEffect(() => {
+		if (!frameRef) return;
+		const doc = frameRef.contentWindow?.document;
+		if (!doc) return;
+		doc.open();
+		doc.write(srcDoc);
+		doc.close();
+		setMountNode(getMountNode(frameRef));
+	}, [frameRef, srcDoc]);
+	(0, react.useEffect)(() => {
+		if (!frameRef || !frameRef.contentDocument) return;
+		const win = frameRef.contentWindow;
+		if (!win) return;
+		const mountNode$1 = getMountNode(frameRef);
+		if (!mountNode$1) return;
+		const exec = () => {
+			win.requestAnimationFrame(() => {
+				if (!frameRef.contentDocument?.documentElement) return;
+				frameRef.style.setProperty("--width", `${mountNode$1.scrollWidth}px`);
+				frameRef.style.setProperty("--height", `${mountNode$1.scrollHeight}px`);
+			});
+		};
+		const resizeObserver = new win.ResizeObserver(exec);
+		exec();
+		if (frameRef.contentDocument) resizeObserver.observe(mountNode$1);
+		return () => {
+			resizeObserver.disconnect();
+		};
+	}, [frameRef]);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_environment.EnvironmentProvider, {
+		value: () => frameRef?.contentDocument ?? document,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("iframe", {
+			title: `frame:${(0, react.useId)()}`,
+			ref: require_compose_refs.composeRefs(ref, setFrameRef),
+			...rest,
+			children: [mountNode ? (0, react_dom.createPortal)(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(FrameContent, {
+				onMount,
+				onUnmount,
+				children
+			}), mountNode) : null, head && frameRef ? (0, react_dom.createPortal)(head, frameRef.contentDocument.head) : null]
+		})
+	});
+});
+
+//#endregion
+exports.Frame = Frame;

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

@@ -0,0 +1,13 @@
+import { t as Assign } from "../../types-DcUAwTQC.cjs";
+import * as react58 from "react";
+
+//#region src/components/frame/frame.d.ts
+interface FrameBaseProps {
+  head?: React.ReactNode | undefined;
+  onMount?: (() => void) | undefined;
+  onUnmount?: (() => void) | undefined;
+}
+interface FrameProps extends Assign<React.IframeHTMLAttributes<HTMLIFrameElement>, FrameBaseProps> {}
+declare const Frame: react58.ForwardRefExoticComponent<FrameProps & react58.RefAttributes<HTMLIFrameElement>>;
+//#endregion
+export { Frame, type FrameBaseProps, type FrameProps };

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

@@ -0,0 +1,13 @@
+import { t as Assign } from "../../types-CrwpJrFp.mjs";
+import * as react100 from "react";
+
+//#region src/components/frame/frame.d.ts
+interface FrameBaseProps {
+  head?: React.ReactNode | undefined;
+  onMount?: (() => void) | undefined;
+  onUnmount?: (() => void) | undefined;
+}
+interface FrameProps extends Assign<React.IframeHTMLAttributes<HTMLIFrameElement>, FrameBaseProps> {}
+declare const Frame: react100.ForwardRefExoticComponent<FrameProps & react100.RefAttributes<HTMLIFrameElement>>;
+//#endregion
+export { Frame, type FrameBaseProps, type FrameProps };

package/dist/components/frame/index.mjs

@@ -0,0 +1,89 @@
+import "../../create-context-DbhrVE2B.mjs";
+import { t as EnvironmentProvider } from "../../environment-Cc02I6aF.mjs";
+import "../../locale-D4LX0eEq.mjs";
+import "../../providers-CoJceYkV.mjs";
+import { t as composeRefs } from "../../compose-refs-Cl5LpASY.mjs";
+import { t as useSafeLayoutEffect } from "../../use-safe-layout-effect-DPn_9-dD.mjs";
+import { forwardRef, useEffect, useId, useRef, useState } from "react";
+import { createPortal } from "react-dom";
+import { jsx, jsxs } from "react/jsx-runtime";
+
+//#region src/components/frame/frame-content.tsx
+const FrameContent = (props) => {
+	const { onMount, onUnmount, children } = props;
+	const mountedRef = useRef(false);
+	const calledRef = useRef(false);
+	useEffect(() => {
+		if (!mountedRef.current && !calledRef.current) {
+			onMount?.();
+			mountedRef.current = true;
+			calledRef.current = true;
+		}
+		return () => {
+			if (mountedRef.current) {
+				onUnmount?.();
+				mountedRef.current = false;
+			}
+		};
+	}, []);
+	return children;
+};
+
+//#endregion
+//#region src/components/frame/frame.tsx
+const initialSrcDoc = `<html><head><style>*,*::before,*::after { margin: 0; padding: 0; box-sizing: border-box; }</style></head><body><div class="frame-root"></div></body></html>`;
+function getMountNode(frame) {
+	const doc = frame.contentWindow?.document;
+	if (!doc) return null;
+	return doc.body.querySelector(".frame-root") || doc.body;
+}
+const Frame = forwardRef((props, ref) => {
+	const { children, head, onMount, onUnmount, srcDoc = initialSrcDoc, ...rest } = props;
+	const [frameRef, setFrameRef] = useState(null);
+	const [mountNode, setMountNode] = useState(null);
+	useSafeLayoutEffect(() => {
+		if (!frameRef) return;
+		const doc = frameRef.contentWindow?.document;
+		if (!doc) return;
+		doc.open();
+		doc.write(srcDoc);
+		doc.close();
+		setMountNode(getMountNode(frameRef));
+	}, [frameRef, srcDoc]);
+	useEffect(() => {
+		if (!frameRef || !frameRef.contentDocument) return;
+		const win = frameRef.contentWindow;
+		if (!win) return;
+		const mountNode$1 = getMountNode(frameRef);
+		if (!mountNode$1) return;
+		const exec = () => {
+			win.requestAnimationFrame(() => {
+				if (!frameRef.contentDocument?.documentElement) return;
+				frameRef.style.setProperty("--width", `${mountNode$1.scrollWidth}px`);
+				frameRef.style.setProperty("--height", `${mountNode$1.scrollHeight}px`);
+			});
+		};
+		const resizeObserver = new win.ResizeObserver(exec);
+		exec();
+		if (frameRef.contentDocument) resizeObserver.observe(mountNode$1);
+		return () => {
+			resizeObserver.disconnect();
+		};
+	}, [frameRef]);
+	return /* @__PURE__ */ jsx(EnvironmentProvider, {
+		value: () => frameRef?.contentDocument ?? document,
+		children: /* @__PURE__ */ jsxs("iframe", {
+			title: `frame:${useId()}`,
+			ref: composeRefs(ref, setFrameRef),
+			...rest,
+			children: [mountNode ? createPortal(/* @__PURE__ */ jsx(FrameContent, {
+				onMount,
+				onUnmount,
+				children
+			}), mountNode) : null, head && frameRef ? createPortal(head, frameRef.contentDocument.head) : null]
+		})
+	});
+});
+
+//#endregion
+export { Frame };

package/dist/components/highlight/index.cjs

@@ -1,5 +1,5 @@
-const require_core = require('../../core-CPLjF6nm.cjs');
-const require_create_split_props = require('../../create-split-props-CSkzaUOy.cjs');
+const require_chunk = require('../../chunk-BYnRvbsk.cjs');
+const require_create_split_props = require('../../create-split-props-Dp4TWOyM.cjs');
 let react = require("react");
 let react_jsx_runtime = require("react/jsx-runtime");
 let __sprawlify_primitives_highlight_word = require("@sprawlify/primitives/highlight-word");

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

@@ -1,5 +1,5 @@
-import { t as Assign } from "../../types-DYWV3uAj.cjs";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import { t as Assign } from "../../types-DcUAwTQC.cjs";
+import * as react_jsx_runtime12 from "react/jsx-runtime";
 import { HighlightChunk, HighlightWordProps } from "@sprawlify/primitives/highlight-word";
 
 //#region src/components/highlight/use-highlight.d.ts
@@ -9,6 +9,6 @@ declare const useHighlight: (props: UseHighlightProps) => HighlightChunk[];
 //#region src/components/highlight/highlight.d.ts
 interface HighlightBaseProps extends UseHighlightProps {}
 interface HighlightProps extends Assign<React.ComponentProps<"mark">, HighlightBaseProps> {}
-declare const Highlight: (props: HighlightProps) => react_jsx_runtime0.JSX.Element;
+declare const Highlight: (props: HighlightProps) => react_jsx_runtime12.JSX.Element;
 //#endregion
 export { Highlight, type HighlightChunk, type HighlightProps, type UseHighlightProps, useHighlight };

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

@@ -1,5 +1,5 @@
-import { t as Assign } from "../../types-FLvjyw__.mjs";
-import * as react_jsx_runtime2 from "react/jsx-runtime";
+import { t as Assign } from "../../types-CrwpJrFp.mjs";
+import * as react_jsx_runtime9 from "react/jsx-runtime";
 import { HighlightChunk, HighlightWordProps } from "@sprawlify/primitives/highlight-word";
 
 //#region src/components/highlight/use-highlight.d.ts
@@ -9,6 +9,6 @@ declare const useHighlight: (props: UseHighlightProps) => HighlightChunk[];
 //#region src/components/highlight/highlight.d.ts
 interface HighlightBaseProps extends UseHighlightProps {}
 interface HighlightProps extends Assign<React.ComponentProps<"mark">, HighlightBaseProps> {}
-declare const Highlight: (props: HighlightProps) => react_jsx_runtime2.JSX.Element;
+declare const Highlight: (props: HighlightProps) => react_jsx_runtime9.JSX.Element;
 //#endregion
 export { Highlight, type HighlightChunk, type HighlightProps, type UseHighlightProps, useHighlight };

package/dist/components/highlight/index.mjs

@@ -1,4 +1,4 @@
-import { t as createSplitProps } from "../../create-split-props-BJQdOyld.mjs";
+import { t as createSplitProps } from "../../create-split-props-BJdRM9I_.mjs";
 import { Fragment, useMemo } from "react";
 import { jsx } from "react/jsx-runtime";
 import { highlightWord } from "@sprawlify/primitives/highlight-word";

package/dist/components/hover-card/index.cjs

@@ -0,0 +1,165 @@
+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_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_hover_card = require("@sprawlify/primitives/machines/hover-card");
+__sprawlify_primitives_machines_hover_card = require_chunk.__toESM(__sprawlify_primitives_machines_hover_card);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/hover-card/use-hover-card-context.ts
+const [HoverCardProvider, useHoverCardContext] = require_create_context.createContext({
+	name: "HoverCardContext",
+	hookName: "useHoverCardContext",
+	providerName: "<HoverCardProvider />"
+});
+
+//#endregion
+//#region src/components/hover-card/hover-card-arrow.tsx
+const HoverCardArrow = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useHoverCardContext().getArrowProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+HoverCardArrow.displayName = "HoverCardArrow";
+
+//#endregion
+//#region src/components/hover-card/hover-card-arrow-tip.tsx
+const HoverCardArrowTip = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useHoverCardContext().getArrowTipProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+HoverCardArrowTip.displayName = "HoverCardArrowTip";
+
+//#endregion
+//#region src/components/hover-card/hover-card-content.tsx
+const HoverCardContent = (0, react.forwardRef)((props, ref) => {
+	const hoverCard = useHoverCardContext();
+	const presence = require_presence.usePresenceContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(hoverCard.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)
+	});
+});
+HoverCardContent.displayName = "HoverCardContent";
+
+//#endregion
+//#region src/components/hover-card/hover-card-context.tsx
+const HoverCardContext = (props) => props.children(useHoverCardContext());
+
+//#endregion
+//#region src/components/hover-card/hover-card-positioner.tsx
+const HoverCardPositioner = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useHoverCardContext().getPositionerProps(), props);
+	if (require_presence.usePresenceContext().unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+HoverCardPositioner.displayName = "HoverCardPositioner";
+
+//#endregion
+//#region src/components/hover-card/use-hover-card.ts
+const useHoverCard = (props) => {
+	const id = (0, react.useId)();
+	const { getRootNode } = require_environment.useEnvironmentContext();
+	const { dir } = require_locale.useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_hover_card.machine, machineProps);
+	return __sprawlify_primitives_machines_hover_card.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/hover-card/hover-card-root.tsx
+const HoverCardRoot = (props) => {
+	const [presenceProps, { children, ...localProps }] = require_presence.splitPresenceProps(props);
+	const hoverCard = useHoverCard(localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HoverCardProvider, {
+		value: hoverCard,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+			value: require_presence.usePresence((0, __sprawlify_primitives_core.mergeProps)({ present: hoverCard.open }, presenceProps)),
+			children
+		})
+	});
+};
+
+//#endregion
+//#region src/components/hover-card/hover-card-root-provider.tsx
+const HoverCardRootProvider = (props) => {
+	const [presenceProps, { value: hoverCard, children }] = require_presence.splitPresenceProps(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(HoverCardProvider, {
+		value: hoverCard,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+			value: require_presence.usePresence((0, __sprawlify_primitives_core.mergeProps)({ present: hoverCard.open }, presenceProps)),
+			children
+		})
+	});
+};
+
+//#endregion
+//#region src/components/hover-card/hover-card-trigger.tsx
+const HoverCardTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(useHoverCardContext().getTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+HoverCardTrigger.displayName = "HoverCardTrigger";
+
+//#endregion
+//#region src/components/hover-card/hover-card.ts
+var hover_card_exports = /* @__PURE__ */ require_chunk.__export({
+	Arrow: () => HoverCardArrow,
+	ArrowTip: () => HoverCardArrowTip,
+	Content: () => HoverCardContent,
+	Context: () => HoverCardContext,
+	Positioner: () => HoverCardPositioner,
+	Root: () => HoverCardRoot,
+	RootProvider: () => HoverCardRootProvider,
+	Trigger: () => HoverCardTrigger
+});
+
+//#endregion
+Object.defineProperty(exports, 'HoverCard', {
+  enumerable: true,
+  get: function () {
+    return hover_card_exports;
+  }
+});
+exports.HoverCardArrow = HoverCardArrow;
+exports.HoverCardArrowTip = HoverCardArrowTip;
+exports.HoverCardContent = HoverCardContent;
+exports.HoverCardContext = HoverCardContext;
+exports.HoverCardPositioner = HoverCardPositioner;
+exports.HoverCardRoot = HoverCardRoot;
+exports.HoverCardRootProvider = HoverCardRootProvider;
+exports.HoverCardTrigger = HoverCardTrigger;
+Object.defineProperty(exports, 'hoverCardAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_hover_card.anatomy;
+  }
+});
+exports.useHoverCard = useHoverCard;
+exports.useHoverCardContext = useHoverCardContext;

package/dist/components/hover-card/index.d.cts

@@ -0,0 +1,70 @@
+import { t as PropTypes } from "../../normalize-props-Dw0EepzR.cjs";
+import { r as Optional } from "../../types-DcUAwTQC.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-fcFI3pbG.cjs";
+import { c as UsePresenceProps } from "../../index-aYGfRRLA.cjs";
+import * as react425 from "react";
+import { ReactNode } from "react";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
+import * as hoverCard from "@sprawlify/primitives/machines/hover-card";
+import { FocusOutsideEvent, FocusOutsideEvent as HoverCardFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as HoverCardInteractOutsideEvent, OpenChangeDetails, OpenChangeDetails as HoverCardOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as HoverCardPointerDownOutsideEvent, anatomy as hoverCardAnatomy } from "@sprawlify/primitives/machines/hover-card";
+
+//#region src/components/hover-card/hover-card-arrow.d.ts
+interface HoverCardArrowBaseProps extends PolymorphicProps {}
+interface HoverCardArrowProps extends HTMLProps<"div">, HoverCardArrowBaseProps {}
+declare const HoverCardArrow: react425.ForwardRefExoticComponent<HoverCardArrowProps & react425.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/hover-card/hover-card-arrow-tip.d.ts
+interface HoverCardArrowTipBaseProps extends PolymorphicProps {}
+interface HoverCardArrowTipProps extends HTMLProps<"div">, HoverCardArrowTipBaseProps {}
+declare const HoverCardArrowTip: react425.ForwardRefExoticComponent<HoverCardArrowTipProps & react425.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/hover-card/hover-card-content.d.ts
+interface HoverCardContentBaseProps extends PolymorphicProps {}
+interface HoverCardContentProps extends HTMLProps<"div">, HoverCardContentBaseProps {}
+declare const HoverCardContent: react425.ForwardRefExoticComponent<HoverCardContentProps & react425.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/hover-card/use-hover-card.d.ts
+interface UseHoverCardProps extends Optional<Omit<hoverCard.Props, "dir" | "getRootNode">, "id"> {}
+interface UseHoverCardReturn extends hoverCard.Api<PropTypes> {}
+declare const useHoverCard: (props?: UseHoverCardProps) => UseHoverCardReturn;
+//#endregion
+//#region src/components/hover-card/use-hover-card-context.d.ts
+interface UseHoverCardContext extends UseHoverCardReturn {}
+//#endregion
+//#region src/components/hover-card/hover-card-context.d.ts
+interface HoverCardContextProps {
+  children: (context: UseHoverCardContext) => ReactNode;
+}
+declare const HoverCardContext: (props: HoverCardContextProps) => ReactNode;
+//#endregion
+//#region src/components/hover-card/hover-card-positioner.d.ts
+interface HoverCardPositionerBaseProps extends PolymorphicProps {}
+interface HoverCardPositionerProps extends HTMLProps<"div">, HoverCardPositionerBaseProps {}
+declare const HoverCardPositioner: react425.ForwardRefExoticComponent<HoverCardPositionerProps & react425.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/hover-card/hover-card-root.d.ts
+interface HoverCardRootBaseProps extends UseHoverCardProps, UsePresenceProps {}
+interface HoverCardRootProps extends HoverCardRootBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const HoverCardRoot: (props: HoverCardRootProps) => react_jsx_runtime8.JSX.Element;
+//#endregion
+//#region src/components/hover-card/hover-card-root-provider.d.ts
+interface RootProviderProps {
+  value: UseHoverCardReturn;
+}
+interface HoverCardRootProviderBaseProps extends RootProviderProps, UsePresenceProps {}
+interface HoverCardRootProviderProps extends HoverCardRootProviderBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const HoverCardRootProvider: (props: HoverCardRootProviderProps) => react_jsx_runtime8.JSX.Element;
+//#endregion
+//#region src/components/hover-card/hover-card-trigger.d.ts
+interface HoverCardTriggerBaseProps extends PolymorphicProps {}
+interface HoverCardTriggerProps extends HTMLProps<"button">, HoverCardTriggerBaseProps {}
+declare const HoverCardTrigger: react425.ForwardRefExoticComponent<HoverCardTriggerProps & react425.RefAttributes<HTMLButtonElement>>;
+declare namespace hover_card_d_exports {
+  export { HoverCardArrow as Arrow, HoverCardArrowBaseProps as ArrowBaseProps, HoverCardArrowProps as ArrowProps, HoverCardArrowTip as ArrowTip, HoverCardArrowTipBaseProps as ArrowTipBaseProps, HoverCardArrowTipProps as ArrowTipProps, HoverCardContent as Content, HoverCardContentBaseProps as ContentBaseProps, HoverCardContentProps as ContentProps, HoverCardContext as Context, HoverCardContextProps as ContextProps, FocusOutsideEvent, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, HoverCardPositioner as Positioner, HoverCardPositionerBaseProps as PositionerBaseProps, HoverCardPositionerProps as PositionerProps, HoverCardRoot as Root, HoverCardRootBaseProps as RootBaseProps, HoverCardRootProps as RootProps, HoverCardRootProvider as RootProvider, HoverCardRootProviderBaseProps as RootProviderBaseProps, HoverCardRootProviderProps as RootProviderProps, HoverCardTrigger as Trigger, HoverCardTriggerBaseProps as TriggerBaseProps, HoverCardTriggerProps as TriggerProps };
+}
+//#endregion
+export { hover_card_d_exports as HoverCard, HoverCardArrow, type HoverCardArrowBaseProps, type HoverCardArrowProps, HoverCardArrowTip, type HoverCardArrowTipBaseProps, type HoverCardArrowTipProps, HoverCardContent, type HoverCardContentBaseProps, type HoverCardContentProps, HoverCardContext, type HoverCardContextProps, type HoverCardFocusOutsideEvent, type HoverCardInteractOutsideEvent, type HoverCardOpenChangeDetails, type HoverCardPointerDownOutsideEvent, HoverCardPositioner, type HoverCardPositionerBaseProps, type HoverCardPositionerProps, HoverCardRoot, type HoverCardRootBaseProps, type HoverCardRootProps, HoverCardRootProvider, type HoverCardRootProviderBaseProps, type HoverCardRootProviderProps, HoverCardTrigger, type HoverCardTriggerBaseProps, type HoverCardTriggerProps, type UseHoverCardContext, type UseHoverCardProps, type UseHoverCardReturn, hoverCardAnatomy, useHoverCard, useHoverCardContext };