@sprawlify/react 0.0.8 → 0.0.9

package/dist/components/popover/index.cjs

@@ -0,0 +1,237 @@
+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_popover = require("@sprawlify/primitives/machines/popover");
+__sprawlify_primitives_machines_popover = require_chunk.__toESM(__sprawlify_primitives_machines_popover);
+let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
+
+//#region src/components/popover/use-popover-context.ts
+const [PopoverProvider, usePopoverContext] = require_create_context.createContext({
+	name: "PopoverContext",
+	hookName: "usePopoverContext",
+	providerName: "<PopoverProvider />"
+});
+
+//#endregion
+//#region src/components/popover/popover-anchor.tsx
+const PopoverAnchor = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(usePopoverContext().getAnchorProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverAnchor.displayName = "PopoverAnchor";
+
+//#endregion
+//#region src/components/popover/popover-arrow.tsx
+const PopoverArrow = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(usePopoverContext().getArrowProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverArrow.displayName = "PopoverArrow";
+
+//#endregion
+//#region src/components/popover/popover-arrow-tip.tsx
+const PopoverArrowTip = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(usePopoverContext().getArrowTipProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverArrowTip.displayName = "PopoverArrowTip";
+
+//#endregion
+//#region src/components/popover/popover-close-trigger.tsx
+const PopoverCloseTrigger = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(usePopoverContext().getCloseTriggerProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverCloseTrigger.displayName = "PopoverCloseTrigger";
+
+//#endregion
+//#region src/components/popover/popover-content.tsx
+const PopoverContent = (0, react.forwardRef)((props, ref) => {
+	const popover = usePopoverContext();
+	const presence = require_presence.usePresenceContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(popover.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)
+	});
+});
+PopoverContent.displayName = "PopoverContent";
+
+//#endregion
+//#region src/components/popover/popover-context.tsx
+const PopoverContext = (props) => props.children(usePopoverContext());
+
+//#endregion
+//#region src/components/popover/popover-description.tsx
+const PopoverDescription = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(usePopoverContext().getDescriptionProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverDescription.displayName = "PopoverDescription";
+
+//#endregion
+//#region src/components/popover/popover-indicator.tsx
+const PopoverIndicator = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(usePopoverContext().getIndicatorProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverIndicator.displayName = "PopoverIndicator";
+
+//#endregion
+//#region src/components/popover/popover-positioner.tsx
+const PopoverPositioner = (0, react.forwardRef)((props, ref) => {
+	const popover = usePopoverContext();
+	const presence = require_presence.usePresenceContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(popover.getPositionerProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverPositioner.displayName = "PopoverPositioner";
+
+//#endregion
+//#region src/components/popover/use-popover.ts
+const usePopover = (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_popover.machine, machineProps);
+	return __sprawlify_primitives_machines_popover.connect(service, require_core.normalizeProps);
+};
+
+//#endregion
+//#region src/components/popover/popover-root.tsx
+const PopoverRoot = (props) => {
+	const [presenceProps, { children, ...localProps }] = require_presence.splitPresenceProps(props);
+	const popover = usePopover(localProps);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverProvider, {
+		value: popover,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+			value: require_presence.usePresence((0, __sprawlify_primitives_core.mergeProps)({ present: popover.open }, presenceProps)),
+			children
+		})
+	});
+};
+
+//#endregion
+//#region src/components/popover/popover-root-provider.tsx
+const PopoverRootProvider = (props) => {
+	const [presenceProps, { value: popover, children }] = require_presence.splitPresenceProps(props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(PopoverProvider, {
+		value: popover,
+		children: /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_presence.PresenceProvider, {
+			value: require_presence.usePresence((0, __sprawlify_primitives_core.mergeProps)({ present: popover.open }, presenceProps)),
+			children
+		})
+	});
+};
+
+//#endregion
+//#region src/components/popover/popover-title.tsx
+const PopoverTitle = (0, react.forwardRef)((props, ref) => {
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)(usePopoverContext().getTitleProps(), props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverTitle.displayName = "PopoverTitle";
+
+//#endregion
+//#region src/components/popover/popover-trigger.tsx
+const PopoverTrigger = (0, react.forwardRef)((props, ref) => {
+	const popover = usePopoverContext();
+	const presence = require_presence.usePresenceContext();
+	const mergedProps = (0, __sprawlify_primitives_core.mergeProps)({
+		...popover.getTriggerProps(),
+		"aria-controls": presence.unmounted ? void 0 : popover.getTriggerProps()["aria-controls"]
+	}, props);
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverTrigger.displayName = "PopoverTrigger";
+
+//#endregion
+//#region src/components/popover/popover.ts
+var popover_exports = /* @__PURE__ */ require_chunk.__export({
+	Anchor: () => PopoverAnchor,
+	Arrow: () => PopoverArrow,
+	ArrowTip: () => PopoverArrowTip,
+	CloseTrigger: () => PopoverCloseTrigger,
+	Content: () => PopoverContent,
+	Context: () => PopoverContext,
+	Description: () => PopoverDescription,
+	Indicator: () => PopoverIndicator,
+	Positioner: () => PopoverPositioner,
+	Root: () => PopoverRoot,
+	RootProvider: () => PopoverRootProvider,
+	Title: () => PopoverTitle,
+	Trigger: () => PopoverTrigger
+});
+
+//#endregion
+Object.defineProperty(exports, 'Popover', {
+  enumerable: true,
+  get: function () {
+    return popover_exports;
+  }
+});
+exports.PopoverAnchor = PopoverAnchor;
+exports.PopoverArrow = PopoverArrow;
+exports.PopoverArrowTip = PopoverArrowTip;
+exports.PopoverCloseTrigger = PopoverCloseTrigger;
+exports.PopoverContent = PopoverContent;
+exports.PopoverContext = PopoverContext;
+exports.PopoverDescription = PopoverDescription;
+exports.PopoverIndicator = PopoverIndicator;
+exports.PopoverPositioner = PopoverPositioner;
+exports.PopoverRoot = PopoverRoot;
+exports.PopoverRootProvider = PopoverRootProvider;
+exports.PopoverTitle = PopoverTitle;
+exports.PopoverTrigger = PopoverTrigger;
+Object.defineProperty(exports, 'popoverAnatomy', {
+  enumerable: true,
+  get: function () {
+    return __sprawlify_primitives_machines_popover.anatomy;
+  }
+});
+exports.usePopover = usePopover;
+exports.usePopoverContext = usePopoverContext;

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

@@ -0,0 +1,95 @@
+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 react203 from "react";
+import { ReactNode } from "react";
+import * as react_jsx_runtime3 from "react/jsx-runtime";
+import * as popover from "@sprawlify/primitives/machines/popover";
+import { FocusOutsideEvent, FocusOutsideEvent as PopoverFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as PopoverInteractOutsideEvent, OpenChangeDetails, OpenChangeDetails as PopoverOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as PopoverPointerDownOutsideEvent, anatomy as popoverAnatomy } from "@sprawlify/primitives/machines/popover";
+
+//#region src/components/popover/popover-anchor.d.ts
+interface PopoverAnchorBaseProps extends PolymorphicProps {}
+interface PopoverAnchorProps extends HTMLProps<"div">, PopoverAnchorBaseProps {}
+declare const PopoverAnchor: react203.ForwardRefExoticComponent<PopoverAnchorProps & react203.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/popover/popover-arrow.d.ts
+interface PopoverArrowBaseProps extends PolymorphicProps {}
+interface PopoverArrowProps extends HTMLProps<"div">, PopoverArrowBaseProps {}
+declare const PopoverArrow: react203.ForwardRefExoticComponent<PopoverArrowProps & react203.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/popover/popover-arrow-tip.d.ts
+interface PopoverArrowTipBaseProps extends PolymorphicProps {}
+interface PopoverArrowTipProps extends HTMLProps<"div">, PopoverArrowTipBaseProps {}
+declare const PopoverArrowTip: react203.ForwardRefExoticComponent<PopoverArrowTipProps & react203.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/popover/popover-close-trigger.d.ts
+interface PopoverCloseTriggerBaseProps extends PolymorphicProps {}
+interface PopoverCloseTriggerProps extends HTMLProps<"button">, PopoverCloseTriggerBaseProps {}
+declare const PopoverCloseTrigger: react203.ForwardRefExoticComponent<PopoverCloseTriggerProps & react203.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/popover/popover-content.d.ts
+interface PopoverContentBaseProps extends PolymorphicProps {}
+interface PopoverContentProps extends HTMLProps<"div">, PopoverContentBaseProps {}
+declare const PopoverContent: react203.ForwardRefExoticComponent<PopoverContentProps & react203.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/popover/use-popover.d.ts
+interface UsePopoverProps extends Optional<Omit<popover.Props, "dir" | "getRootNode">, "id"> {}
+interface UsePopoverReturn extends popover.Api<PropTypes> {}
+declare const usePopover: (props?: UsePopoverProps) => UsePopoverReturn;
+//#endregion
+//#region src/components/popover/use-popover-context.d.ts
+interface UsePopoverContext extends UsePopoverReturn {}
+//#endregion
+//#region src/components/popover/popover-context.d.ts
+interface PopoverContextProps {
+  children: (context: UsePopoverContext) => ReactNode;
+}
+declare const PopoverContext: (props: PopoverContextProps) => ReactNode;
+//#endregion
+//#region src/components/popover/popover-description.d.ts
+interface PopoverDescriptionBaseProps extends PolymorphicProps {}
+interface PopoverDescriptionProps extends HTMLProps<"div">, PopoverDescriptionBaseProps {}
+declare const PopoverDescription: react203.ForwardRefExoticComponent<PopoverDescriptionProps & react203.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/popover/popover-indicator.d.ts
+interface PopoverIndicatorBaseProps extends PolymorphicProps {}
+interface PopoverIndicatorProps extends HTMLProps<"div">, PopoverIndicatorBaseProps {}
+declare const PopoverIndicator: react203.ForwardRefExoticComponent<PopoverIndicatorProps & react203.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/popover/popover-positioner.d.ts
+interface PopoverPositionerBaseProps extends PolymorphicProps {}
+interface PopoverPositionerProps extends HTMLProps<"div">, PopoverPositionerBaseProps {}
+declare const PopoverPositioner: react203.ForwardRefExoticComponent<PopoverPositionerProps & react203.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/popover/popover-root.d.ts
+interface PopoverRootBaseProps extends UsePopoverProps, UsePresenceProps {}
+interface PopoverRootProps extends PopoverRootBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const PopoverRoot: (props: PopoverRootProps) => react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/popover/popover-root-provider.d.ts
+interface RootProviderProps {
+  value: UsePopoverReturn;
+}
+interface PopoverRootProviderBaseProps extends RootProviderProps, UsePresenceProps {}
+interface PopoverRootProviderProps extends PopoverRootProviderBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const PopoverRootProvider: (props: PopoverRootProviderProps) => react_jsx_runtime3.JSX.Element;
+//#endregion
+//#region src/components/popover/popover-title.d.ts
+interface PopoverTitleBaseProps extends PolymorphicProps {}
+interface PopoverTitleProps extends HTMLProps<"div">, PopoverTitleBaseProps {}
+declare const PopoverTitle: react203.ForwardRefExoticComponent<PopoverTitleProps & react203.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/popover/popover-trigger.d.ts
+interface PopoverTriggerBaseProps extends PolymorphicProps {}
+interface PopoverTriggerProps extends HTMLProps<"button">, PopoverTriggerBaseProps {}
+declare const PopoverTrigger: react203.ForwardRefExoticComponent<PopoverTriggerProps & react203.RefAttributes<HTMLButtonElement>>;
+declare namespace popover_d_exports {
+  export { PopoverAnchor as Anchor, PopoverAnchorBaseProps as AnchorBaseProps, PopoverAnchorProps as AnchorProps, PopoverArrow as Arrow, PopoverArrowBaseProps as ArrowBaseProps, PopoverArrowProps as ArrowProps, PopoverArrowTip as ArrowTip, PopoverArrowTipBaseProps as ArrowTipBaseProps, PopoverArrowTipProps as ArrowTipProps, PopoverCloseTrigger as CloseTrigger, PopoverCloseTriggerBaseProps as CloseTriggerBaseProps, PopoverCloseTriggerProps as CloseTriggerProps, PopoverContent as Content, PopoverContentBaseProps as ContentBaseProps, PopoverContentProps as ContentProps, PopoverContext as Context, PopoverContextProps as ContextProps, PopoverDescription as Description, PopoverDescriptionBaseProps as DescriptionBaseProps, PopoverDescriptionProps as DescriptionProps, FocusOutsideEvent, PopoverIndicator as Indicator, PopoverIndicatorBaseProps as IndicatorBaseProps, PopoverIndicatorProps as IndicatorProps, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, PopoverPositioner as Positioner, PopoverPositionerBaseProps as PositionerBaseProps, PopoverPositionerProps as PositionerProps, PopoverRoot as Root, PopoverRootBaseProps as RootBaseProps, PopoverRootProps as RootProps, PopoverRootProvider as RootProvider, PopoverRootProviderBaseProps as RootProviderBaseProps, PopoverRootProviderProps as RootProviderProps, PopoverTitle as Title, PopoverTitleBaseProps as TitleBaseProps, PopoverTitleProps as TitleProps, PopoverTrigger as Trigger, PopoverTriggerBaseProps as TriggerBaseProps, PopoverTriggerProps as TriggerProps };
+}
+//#endregion
+export { popover_d_exports as Popover, PopoverAnchor, type PopoverAnchorBaseProps, type PopoverAnchorProps, PopoverArrow, type PopoverArrowBaseProps, type PopoverArrowProps, PopoverArrowTip, type PopoverArrowTipBaseProps, type PopoverArrowTipProps, PopoverCloseTrigger, type PopoverCloseTriggerBaseProps, type PopoverCloseTriggerProps, PopoverContent, type PopoverContentBaseProps, type PopoverContentProps, PopoverContext, type PopoverContextProps, PopoverDescription, type PopoverDescriptionBaseProps, type PopoverDescriptionProps, type PopoverFocusOutsideEvent, PopoverIndicator, type PopoverIndicatorBaseProps, type PopoverIndicatorProps, type PopoverInteractOutsideEvent, type PopoverOpenChangeDetails, type PopoverPointerDownOutsideEvent, PopoverPositioner, type PopoverPositionerBaseProps, type PopoverPositionerProps, PopoverRoot, type PopoverRootBaseProps, type PopoverRootProps, PopoverRootProvider, type PopoverRootProviderBaseProps, type PopoverRootProviderProps, PopoverTitle, type PopoverTitleBaseProps, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerBaseProps, type PopoverTriggerProps, type UsePopoverContext, type UsePopoverProps, type UsePopoverReturn, popoverAnatomy, usePopover, usePopoverContext };

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

@@ -0,0 +1,96 @@
+import { r as PropTypes } from "../../index-BLd57Y0z.mjs";
+import { r as Optional } from "../../types-CrwpJrFp.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-DaVlp4Ba.mjs";
+import "../../render-strategy-CRwPcG33.mjs";
+import { c as UsePresenceProps } from "../../index-Bkxp7VrU.mjs";
+import * as react204 from "react";
+import { ReactNode } from "react";
+import * as react_jsx_runtime10 from "react/jsx-runtime";
+import * as popover from "@sprawlify/primitives/machines/popover";
+import { FocusOutsideEvent, FocusOutsideEvent as PopoverFocusOutsideEvent, InteractOutsideEvent, InteractOutsideEvent as PopoverInteractOutsideEvent, OpenChangeDetails, OpenChangeDetails as PopoverOpenChangeDetails, PointerDownOutsideEvent, PointerDownOutsideEvent as PopoverPointerDownOutsideEvent, anatomy as popoverAnatomy } from "@sprawlify/primitives/machines/popover";
+
+//#region src/components/popover/popover-anchor.d.ts
+interface PopoverAnchorBaseProps extends PolymorphicProps {}
+interface PopoverAnchorProps extends HTMLProps<"div">, PopoverAnchorBaseProps {}
+declare const PopoverAnchor: react204.ForwardRefExoticComponent<PopoverAnchorProps & react204.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/popover/popover-arrow.d.ts
+interface PopoverArrowBaseProps extends PolymorphicProps {}
+interface PopoverArrowProps extends HTMLProps<"div">, PopoverArrowBaseProps {}
+declare const PopoverArrow: react204.ForwardRefExoticComponent<PopoverArrowProps & react204.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/popover/popover-arrow-tip.d.ts
+interface PopoverArrowTipBaseProps extends PolymorphicProps {}
+interface PopoverArrowTipProps extends HTMLProps<"div">, PopoverArrowTipBaseProps {}
+declare const PopoverArrowTip: react204.ForwardRefExoticComponent<PopoverArrowTipProps & react204.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/popover/popover-close-trigger.d.ts
+interface PopoverCloseTriggerBaseProps extends PolymorphicProps {}
+interface PopoverCloseTriggerProps extends HTMLProps<"button">, PopoverCloseTriggerBaseProps {}
+declare const PopoverCloseTrigger: react204.ForwardRefExoticComponent<PopoverCloseTriggerProps & react204.RefAttributes<HTMLButtonElement>>;
+//#endregion
+//#region src/components/popover/popover-content.d.ts
+interface PopoverContentBaseProps extends PolymorphicProps {}
+interface PopoverContentProps extends HTMLProps<"div">, PopoverContentBaseProps {}
+declare const PopoverContent: react204.ForwardRefExoticComponent<PopoverContentProps & react204.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/popover/use-popover.d.ts
+interface UsePopoverProps extends Optional<Omit<popover.Props, "dir" | "getRootNode">, "id"> {}
+interface UsePopoverReturn extends popover.Api<PropTypes> {}
+declare const usePopover: (props?: UsePopoverProps) => UsePopoverReturn;
+//#endregion
+//#region src/components/popover/use-popover-context.d.ts
+interface UsePopoverContext extends UsePopoverReturn {}
+//#endregion
+//#region src/components/popover/popover-context.d.ts
+interface PopoverContextProps {
+  children: (context: UsePopoverContext) => ReactNode;
+}
+declare const PopoverContext: (props: PopoverContextProps) => ReactNode;
+//#endregion
+//#region src/components/popover/popover-description.d.ts
+interface PopoverDescriptionBaseProps extends PolymorphicProps {}
+interface PopoverDescriptionProps extends HTMLProps<"div">, PopoverDescriptionBaseProps {}
+declare const PopoverDescription: react204.ForwardRefExoticComponent<PopoverDescriptionProps & react204.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/popover/popover-indicator.d.ts
+interface PopoverIndicatorBaseProps extends PolymorphicProps {}
+interface PopoverIndicatorProps extends HTMLProps<"div">, PopoverIndicatorBaseProps {}
+declare const PopoverIndicator: react204.ForwardRefExoticComponent<PopoverIndicatorProps & react204.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/popover/popover-positioner.d.ts
+interface PopoverPositionerBaseProps extends PolymorphicProps {}
+interface PopoverPositionerProps extends HTMLProps<"div">, PopoverPositionerBaseProps {}
+declare const PopoverPositioner: react204.ForwardRefExoticComponent<PopoverPositionerProps & react204.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/popover/popover-root.d.ts
+interface PopoverRootBaseProps extends UsePopoverProps, UsePresenceProps {}
+interface PopoverRootProps extends PopoverRootBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const PopoverRoot: (props: PopoverRootProps) => react_jsx_runtime10.JSX.Element;
+//#endregion
+//#region src/components/popover/popover-root-provider.d.ts
+interface RootProviderProps {
+  value: UsePopoverReturn;
+}
+interface PopoverRootProviderBaseProps extends RootProviderProps, UsePresenceProps {}
+interface PopoverRootProviderProps extends PopoverRootProviderBaseProps {
+  children?: ReactNode | undefined;
+}
+declare const PopoverRootProvider: (props: PopoverRootProviderProps) => react_jsx_runtime10.JSX.Element;
+//#endregion
+//#region src/components/popover/popover-title.d.ts
+interface PopoverTitleBaseProps extends PolymorphicProps {}
+interface PopoverTitleProps extends HTMLProps<"div">, PopoverTitleBaseProps {}
+declare const PopoverTitle: react204.ForwardRefExoticComponent<PopoverTitleProps & react204.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/popover/popover-trigger.d.ts
+interface PopoverTriggerBaseProps extends PolymorphicProps {}
+interface PopoverTriggerProps extends HTMLProps<"button">, PopoverTriggerBaseProps {}
+declare const PopoverTrigger: react204.ForwardRefExoticComponent<PopoverTriggerProps & react204.RefAttributes<HTMLButtonElement>>;
+declare namespace popover_d_exports {
+  export { PopoverAnchor as Anchor, PopoverAnchorBaseProps as AnchorBaseProps, PopoverAnchorProps as AnchorProps, PopoverArrow as Arrow, PopoverArrowBaseProps as ArrowBaseProps, PopoverArrowProps as ArrowProps, PopoverArrowTip as ArrowTip, PopoverArrowTipBaseProps as ArrowTipBaseProps, PopoverArrowTipProps as ArrowTipProps, PopoverCloseTrigger as CloseTrigger, PopoverCloseTriggerBaseProps as CloseTriggerBaseProps, PopoverCloseTriggerProps as CloseTriggerProps, PopoverContent as Content, PopoverContentBaseProps as ContentBaseProps, PopoverContentProps as ContentProps, PopoverContext as Context, PopoverContextProps as ContextProps, PopoverDescription as Description, PopoverDescriptionBaseProps as DescriptionBaseProps, PopoverDescriptionProps as DescriptionProps, FocusOutsideEvent, PopoverIndicator as Indicator, PopoverIndicatorBaseProps as IndicatorBaseProps, PopoverIndicatorProps as IndicatorProps, InteractOutsideEvent, OpenChangeDetails, PointerDownOutsideEvent, PopoverPositioner as Positioner, PopoverPositionerBaseProps as PositionerBaseProps, PopoverPositionerProps as PositionerProps, PopoverRoot as Root, PopoverRootBaseProps as RootBaseProps, PopoverRootProps as RootProps, PopoverRootProvider as RootProvider, PopoverRootProviderBaseProps as RootProviderBaseProps, PopoverRootProviderProps as RootProviderProps, PopoverTitle as Title, PopoverTitleBaseProps as TitleBaseProps, PopoverTitleProps as TitleProps, PopoverTrigger as Trigger, PopoverTriggerBaseProps as TriggerBaseProps, PopoverTriggerProps as TriggerProps };
+}
+//#endregion
+export { popover_d_exports as Popover, PopoverAnchor, type PopoverAnchorBaseProps, type PopoverAnchorProps, PopoverArrow, type PopoverArrowBaseProps, type PopoverArrowProps, PopoverArrowTip, type PopoverArrowTipBaseProps, type PopoverArrowTipProps, PopoverCloseTrigger, type PopoverCloseTriggerBaseProps, type PopoverCloseTriggerProps, PopoverContent, type PopoverContentBaseProps, type PopoverContentProps, PopoverContext, type PopoverContextProps, PopoverDescription, type PopoverDescriptionBaseProps, type PopoverDescriptionProps, type PopoverFocusOutsideEvent, PopoverIndicator, type PopoverIndicatorBaseProps, type PopoverIndicatorProps, type PopoverInteractOutsideEvent, type PopoverOpenChangeDetails, type PopoverPointerDownOutsideEvent, PopoverPositioner, type PopoverPositionerBaseProps, type PopoverPositionerProps, PopoverRoot, type PopoverRootBaseProps, type PopoverRootProps, PopoverRootProvider, type PopoverRootProviderBaseProps, type PopoverRootProviderProps, PopoverTitle, type PopoverTitleBaseProps, type PopoverTitleProps, PopoverTrigger, type PopoverTriggerBaseProps, type PopoverTriggerProps, type UsePopoverContext, type UsePopoverProps, type UsePopoverReturn, popoverAnatomy, usePopover, usePopoverContext };

package/dist/components/popover/index.mjs

@@ -0,0 +1,210 @@
+import { t as __export } from "../../chunk-BU8PiJgx.mjs";
+import { i as useMachine, r as normalizeProps, t as mergeProps } from "../../core-79NSyZp-.mjs";
+import { t as createContext$1 } from "../../create-context-DbhrVE2B.mjs";
+import { n as useEnvironmentContext } from "../../environment-Cc02I6aF.mjs";
+import { i as useLocaleContext } from "../../locale-D4LX0eEq.mjs";
+import "../../providers-CoJceYkV.mjs";
+import { t as composeRefs } from "../../compose-refs-Cl5LpASY.mjs";
+import { n as sprawlify } from "../../factory-7ydMApfi.mjs";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-C9BcvdTf.mjs";
+import "../../use-event-B4e6iJDK.mjs";
+import { forwardRef, useId } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as popover from "@sprawlify/primitives/machines/popover";
+import { anatomy as popoverAnatomy } from "@sprawlify/primitives/machines/popover";
+
+//#region src/components/popover/use-popover-context.ts
+const [PopoverProvider, usePopoverContext] = createContext$1({
+	name: "PopoverContext",
+	hookName: "usePopoverContext",
+	providerName: "<PopoverProvider />"
+});
+
+//#endregion
+//#region src/components/popover/popover-anchor.tsx
+const PopoverAnchor = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePopoverContext().getAnchorProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverAnchor.displayName = "PopoverAnchor";
+
+//#endregion
+//#region src/components/popover/popover-arrow.tsx
+const PopoverArrow = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePopoverContext().getArrowProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverArrow.displayName = "PopoverArrow";
+
+//#endregion
+//#region src/components/popover/popover-arrow-tip.tsx
+const PopoverArrowTip = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePopoverContext().getArrowTipProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverArrowTip.displayName = "PopoverArrowTip";
+
+//#endregion
+//#region src/components/popover/popover-close-trigger.tsx
+const PopoverCloseTrigger = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePopoverContext().getCloseTriggerProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverCloseTrigger.displayName = "PopoverCloseTrigger";
+
+//#endregion
+//#region src/components/popover/popover-content.tsx
+const PopoverContent = forwardRef((props, ref) => {
+	const popover$1 = usePopoverContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps(popover$1.getContentProps(), presence.getPresenceProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref: composeRefs(presence.ref, ref)
+	});
+});
+PopoverContent.displayName = "PopoverContent";
+
+//#endregion
+//#region src/components/popover/popover-context.tsx
+const PopoverContext = (props) => props.children(usePopoverContext());
+
+//#endregion
+//#region src/components/popover/popover-description.tsx
+const PopoverDescription = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePopoverContext().getDescriptionProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverDescription.displayName = "PopoverDescription";
+
+//#endregion
+//#region src/components/popover/popover-indicator.tsx
+const PopoverIndicator = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePopoverContext().getIndicatorProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverIndicator.displayName = "PopoverIndicator";
+
+//#endregion
+//#region src/components/popover/popover-positioner.tsx
+const PopoverPositioner = forwardRef((props, ref) => {
+	const popover$1 = usePopoverContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps(popover$1.getPositionerProps(), props);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverPositioner.displayName = "PopoverPositioner";
+
+//#endregion
+//#region src/components/popover/use-popover.ts
+const usePopover = (props) => {
+	const id = useId();
+	const { getRootNode } = useEnvironmentContext();
+	const { dir } = useLocaleContext();
+	const machineProps = {
+		id,
+		dir,
+		getRootNode,
+		...props
+	};
+	const service = useMachine(popover.machine, machineProps);
+	return popover.connect(service, normalizeProps);
+};
+
+//#endregion
+//#region src/components/popover/popover-root.tsx
+const PopoverRoot = (props) => {
+	const [presenceProps, { children, ...localProps }] = splitPresenceProps(props);
+	const popover$1 = usePopover(localProps);
+	return /* @__PURE__ */ jsx(PopoverProvider, {
+		value: popover$1,
+		children: /* @__PURE__ */ jsx(PresenceProvider, {
+			value: usePresence(mergeProps({ present: popover$1.open }, presenceProps)),
+			children
+		})
+	});
+};
+
+//#endregion
+//#region src/components/popover/popover-root-provider.tsx
+const PopoverRootProvider = (props) => {
+	const [presenceProps, { value: popover$1, children }] = splitPresenceProps(props);
+	return /* @__PURE__ */ jsx(PopoverProvider, {
+		value: popover$1,
+		children: /* @__PURE__ */ jsx(PresenceProvider, {
+			value: usePresence(mergeProps({ present: popover$1.open }, presenceProps)),
+			children
+		})
+	});
+};
+
+//#endregion
+//#region src/components/popover/popover-title.tsx
+const PopoverTitle = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(usePopoverContext().getTitleProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverTitle.displayName = "PopoverTitle";
+
+//#endregion
+//#region src/components/popover/popover-trigger.tsx
+const PopoverTrigger = forwardRef((props, ref) => {
+	const popover$1 = usePopoverContext();
+	const presence = usePresenceContext();
+	const mergedProps = mergeProps({
+		...popover$1.getTriggerProps(),
+		"aria-controls": presence.unmounted ? void 0 : popover$1.getTriggerProps()["aria-controls"]
+	}, props);
+	return /* @__PURE__ */ jsx(sprawlify.button, {
+		...mergedProps,
+		ref
+	});
+});
+PopoverTrigger.displayName = "PopoverTrigger";
+
+//#endregion
+//#region src/components/popover/popover.ts
+var popover_exports = /* @__PURE__ */ __export({
+	Anchor: () => PopoverAnchor,
+	Arrow: () => PopoverArrow,
+	ArrowTip: () => PopoverArrowTip,
+	CloseTrigger: () => PopoverCloseTrigger,
+	Content: () => PopoverContent,
+	Context: () => PopoverContext,
+	Description: () => PopoverDescription,
+	Indicator: () => PopoverIndicator,
+	Positioner: () => PopoverPositioner,
+	Root: () => PopoverRoot,
+	RootProvider: () => PopoverRootProvider,
+	Title: () => PopoverTitle,
+	Trigger: () => PopoverTrigger
+});
+
+//#endregion
+export { popover_exports as Popover, PopoverAnchor, PopoverArrow, PopoverArrowTip, PopoverCloseTrigger, PopoverContent, PopoverContext, PopoverDescription, PopoverIndicator, PopoverPositioner, PopoverRoot, PopoverRootProvider, PopoverTitle, PopoverTrigger, popoverAnatomy, usePopover, usePopoverContext };