@sprawlify/solid 0.0.16 → 0.0.18

package/dist/components/pin-input/index.js

@@ -0,0 +1,151 @@
+import { t as __export } from "../../chunk-Bn8mXcTA.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-CRjuRw95.js";
+import { t as runIfFn } from "../../run-if-fn-C80kt4dU.js";
+import { t as createContext$1 } from "../../create-context-DlXBVMoq.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DgUckEdb.js";
+import { t as sprawlify } from "../../factory-k8EbNZ7r.js";
+import { t as createSplitProps } from "../../create-split-props-BHmgTHSf.js";
+import "../../compose-refs-tCBI7PRJ.js";
+import "../../fieldset-B2nK8dL5.js";
+import { m as useFieldContext } from "../../field-CZv3v7K-.js";
+import { createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+import * as pinInput from "@sprawlify/primitives/machines/pin-input";
+import { anatomy as pinInputAnatomy } from "@sprawlify/primitives/machines/pin-input";
+
+//#region src/components/pin-input/use-pin-input-context.ts
+const [PinInputProvider, usePinInputContext] = createContext$1({
+	hookName: "usePinInputContext",
+	providerName: "<PinInputProvider />"
+});
+
+//#endregion
+//#region src/components/pin-input/pin-input-context.tsx
+const PinInputContext = (props) => props.children(usePinInputContext());
+
+//#endregion
+//#region src/components/pin-input/pin-input-control.tsx
+const PinInputControl = (props) => {
+	const api = usePinInputContext();
+	const mergedProps = mergeProps$2(() => api().getControlProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/pin-input/pin-input-hidden-input.tsx
+const PinInputHiddenInput = (props) => {
+	const pinInput$1 = usePinInputContext();
+	const mergedProps = mergeProps$2(() => pinInput$1().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return createComponent(sprawlify.input, mergeProps$1({ get ["aria-describedby"]() {
+		return field?.().ariaDescribedby;
+	} }, mergedProps));
+};
+
+//#endregion
+//#region src/components/pin-input/pin-input-input.tsx
+const PinInputInput = (props) => {
+	const [inputProps, localProps] = createSplitProps()(props, ["index"]);
+	const api = usePinInputContext();
+	const mergedProps = mergeProps$2(() => api().getInputProps(inputProps), localProps);
+	return createComponent(sprawlify.input, mergedProps);
+};
+
+//#endregion
+//#region src/components/pin-input/pin-input-label.tsx
+const PinInputLabel = (props) => {
+	const api = usePinInputContext();
+	const mergedProps = mergeProps$2(() => api().getLabelProps(), props);
+	return createComponent(sprawlify.label, mergedProps);
+};
+
+//#endregion
+//#region src/components/pin-input/use-pin-input.ts
+const usePinInput = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			hiddenInput: field?.().ids.control
+		},
+		disabled: field?.().disabled,
+		readOnly: field?.().readOnly,
+		required: field?.().required,
+		invalid: field?.().invalid,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(pinInput.machine, machineProps);
+	return createMemo(() => pinInput.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/pin-input/pin-input-root.tsx
+const PinInputRoot = (props) => {
+	const [usePinInputProps, localProps] = createSplitProps()(props, [
+		"autoFocus",
+		"blurOnComplete",
+		"count",
+		"defaultValue",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"mask",
+		"name",
+		"onValueChange",
+		"onValueComplete",
+		"onValueInvalid",
+		"otp",
+		"pattern",
+		"placeholder",
+		"readOnly",
+		"required",
+		"selectOnFocus",
+		"translations",
+		"type",
+		"value"
+	]);
+	const pinInput$1 = usePinInput(usePinInputProps);
+	const mergedProps = mergeProps$2(() => pinInput$1().getRootProps(), localProps);
+	return createComponent(PinInputProvider, {
+		value: pinInput$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/pin-input/pin-input-root-provider.tsx
+const PinInputRootProvider = (props) => {
+	const [{ value: pinInput$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$2(() => pinInput$1().getRootProps(), localProps);
+	return createComponent(PinInputProvider, {
+		value: pinInput$1,
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/pin-input/pin-input.ts
+var pin_input_exports = /* @__PURE__ */ __export({
+	Context: () => PinInputContext,
+	Control: () => PinInputControl,
+	HiddenInput: () => PinInputHiddenInput,
+	Input: () => PinInputInput,
+	Label: () => PinInputLabel,
+	Root: () => PinInputRoot,
+	RootProvider: () => PinInputRootProvider
+});
+
+//#endregion
+export { pin_input_exports as PinInput, PinInputContext, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputRoot, PinInputRootProvider, pinInputAnatomy, usePinInput, usePinInputContext };

package/dist/components/pin-input/index.jsx

@@ -0,0 +1,142 @@
+import { t as __export } from "../../chunk-BJ7z6UrO.jsx";
+import { i as useMachine, n as normalizeProps, r as mergeProps$1 } from "../../core-C_FYj4uc.jsx";
+import { t as runIfFn } from "../../run-if-fn-CrJzzDIM.jsx";
+import { t as createContext$1 } from "../../create-context-BwqlrMqL.jsx";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-C6VPiSrB.jsx";
+import { t as sprawlify } from "../../factory-BIJk1mK6.jsx";
+import { t as createSplitProps } from "../../create-split-props-CKwjjjkD.jsx";
+import "../../compose-refs-Cp4AShsY.jsx";
+import "../../fieldset-aYQsMWX2.jsx";
+import { m as useFieldContext } from "../../field-CtkmPUb0.jsx";
+import { createMemo, createUniqueId } from "solid-js";
+import * as pinInput from "@sprawlify/primitives/machines/pin-input";
+import { anatomy as pinInputAnatomy } from "@sprawlify/primitives/machines/pin-input";
+
+//#region src/components/pin-input/use-pin-input-context.ts
+const [PinInputProvider, usePinInputContext] = createContext$1({
+	hookName: "usePinInputContext",
+	providerName: "<PinInputProvider />"
+});
+
+//#endregion
+//#region src/components/pin-input/pin-input-context.tsx
+const PinInputContext = (props) => props.children(usePinInputContext());
+
+//#endregion
+//#region src/components/pin-input/pin-input-control.tsx
+const PinInputControl = (props) => {
+	const api = usePinInputContext();
+	const mergedProps = mergeProps$1(() => api().getControlProps(), props);
+	return <sprawlify.div {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/pin-input/pin-input-hidden-input.tsx
+const PinInputHiddenInput = (props) => {
+	const pinInput$1 = usePinInputContext();
+	const mergedProps = mergeProps$1(() => pinInput$1().getHiddenInputProps(), props);
+	const field = useFieldContext();
+	return <sprawlify.input aria-describedby={field?.().ariaDescribedby} {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/pin-input/pin-input-input.tsx
+const PinInputInput = (props) => {
+	const [inputProps, localProps] = createSplitProps()(props, ["index"]);
+	const api = usePinInputContext();
+	const mergedProps = mergeProps$1(() => api().getInputProps(inputProps), localProps);
+	return <sprawlify.input {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/pin-input/pin-input-label.tsx
+const PinInputLabel = (props) => {
+	const api = usePinInputContext();
+	const mergedProps = mergeProps$1(() => api().getLabelProps(), props);
+	return <sprawlify.label {...mergedProps} />;
+};
+
+//#endregion
+//#region src/components/pin-input/use-pin-input.ts
+const usePinInput = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const field = useFieldContext();
+	const machineProps = createMemo(() => ({
+		id,
+		ids: {
+			label: field?.().ids.label,
+			hiddenInput: field?.().ids.control
+		},
+		disabled: field?.().disabled,
+		readOnly: field?.().readOnly,
+		required: field?.().required,
+		invalid: field?.().invalid,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(pinInput.machine, machineProps);
+	return createMemo(() => pinInput.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/pin-input/pin-input-root.tsx
+const PinInputRoot = (props) => {
+	const [usePinInputProps, localProps] = createSplitProps()(props, [
+		"autoFocus",
+		"blurOnComplete",
+		"count",
+		"defaultValue",
+		"disabled",
+		"form",
+		"id",
+		"ids",
+		"invalid",
+		"mask",
+		"name",
+		"onValueChange",
+		"onValueComplete",
+		"onValueInvalid",
+		"otp",
+		"pattern",
+		"placeholder",
+		"readOnly",
+		"required",
+		"selectOnFocus",
+		"translations",
+		"type",
+		"value"
+	]);
+	const pinInput$1 = usePinInput(usePinInputProps);
+	const mergedProps = mergeProps$1(() => pinInput$1().getRootProps(), localProps);
+	return <PinInputProvider value={pinInput$1}>
+      <sprawlify.div {...mergedProps} />
+    </PinInputProvider>;
+};
+
+//#endregion
+//#region src/components/pin-input/pin-input-root-provider.tsx
+const PinInputRootProvider = (props) => {
+	const [{ value: pinInput$1 }, localProps] = createSplitProps()(props, ["value"]);
+	const mergedProps = mergeProps$1(() => pinInput$1().getRootProps(), localProps);
+	return <PinInputProvider value={pinInput$1}>
+      <sprawlify.div {...mergedProps} />
+    </PinInputProvider>;
+};
+
+//#endregion
+//#region src/components/pin-input/pin-input.ts
+var pin_input_exports = /* @__PURE__ */ __export({
+	Context: () => PinInputContext,
+	Control: () => PinInputControl,
+	HiddenInput: () => PinInputHiddenInput,
+	Input: () => PinInputInput,
+	Label: () => PinInputLabel,
+	Root: () => PinInputRoot,
+	RootProvider: () => PinInputRootProvider
+});
+
+//#endregion
+export { pin_input_exports as PinInput, PinInputContext, PinInputControl, PinInputHiddenInput, PinInputInput, PinInputLabel, PinInputRoot, PinInputRootProvider, pinInputAnatomy, usePinInput, usePinInputContext };

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

@@ -0,0 +1,95 @@
+import { n as PropTypes } from "../../index-BLALA3BS.js";
+import { i as Optional, n as MaybeAccessor } from "../../types-mGUbKy2h.js";
+import { r as PolymorphicProps, t as HTMLProps } from "../../factory-srnAQg4A.js";
+import "../../render-strategy-BmTDUy3U.js";
+import { s as UsePresenceProps } from "../../index-DylIyeqd.js";
+import * as solid_js26 from "solid-js";
+import { Accessor, JSX } from "solid-js";
+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<'div'> {}
+interface PopoverAnchorProps extends HTMLProps<'div'>, PopoverAnchorBaseProps {}
+declare const PopoverAnchor: (props: PopoverAnchorProps) => solid_js26.JSX.Element;
+//#endregion
+//#region src/components/popover/popover-arrow.d.ts
+interface PopoverArrowBaseProps extends PolymorphicProps<'div'> {}
+interface PopoverArrowProps extends HTMLProps<'div'>, PopoverArrowBaseProps {}
+declare const PopoverArrow: (props: PopoverArrowProps) => solid_js26.JSX.Element;
+//#endregion
+//#region src/components/popover/popover-arrow-tip.d.ts
+interface PopoverArrowTipBaseProps extends PolymorphicProps<'div'> {}
+interface PopoverArrowTipProps extends HTMLProps<'div'>, PopoverArrowTipBaseProps {}
+declare const PopoverArrowTip: (props: PopoverArrowTipProps) => solid_js26.JSX.Element;
+//#endregion
+//#region src/components/popover/popover-close-trigger.d.ts
+interface PopoverCloseTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface PopoverCloseTriggerProps extends HTMLProps<'button'>, PopoverCloseTriggerBaseProps {}
+declare const PopoverCloseTrigger: (props: PopoverCloseTriggerProps) => solid_js26.JSX.Element;
+//#endregion
+//#region src/components/popover/popover-content.d.ts
+interface PopoverContentBaseProps extends PolymorphicProps<'div'> {}
+interface PopoverContentProps extends HTMLProps<'div'>, PopoverContentBaseProps {}
+declare const PopoverContent: (props: PopoverContentProps) => solid_js26.JSX.Element;
+//#endregion
+//#region src/components/popover/use-popover.d.ts
+interface UsePopoverProps extends Optional<Omit<popover.Props, 'dir' | 'getRootNode'>, 'id'> {}
+interface UsePopoverReturn extends Accessor<popover.Api<PropTypes>> {}
+declare const usePopover: (props?: MaybeAccessor<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) => JSX.Element;
+}
+declare const PopoverContext: (props: PopoverContextProps) => JSX.Element;
+//#endregion
+//#region src/components/popover/popover-description.d.ts
+interface PopoverDescriptionBaseProps extends PolymorphicProps<'div'> {}
+interface PopoverDescriptionProps extends HTMLProps<'div'>, PopoverDescriptionBaseProps {}
+declare const PopoverDescription: (props: PopoverDescriptionProps) => solid_js26.JSX.Element;
+//#endregion
+//#region src/components/popover/popover-indicator.d.ts
+interface PopoverIndicatorBaseProps extends PolymorphicProps<'div'> {}
+interface PopoverIndicatorProps extends HTMLProps<'div'>, PopoverIndicatorBaseProps {}
+declare const PopoverIndicator: (props: PopoverIndicatorProps) => solid_js26.JSX.Element;
+//#endregion
+//#region src/components/popover/popover-positioner.d.ts
+interface PopoverPositionerBaseProps extends PolymorphicProps<'div'> {}
+interface PopoverPositionerProps extends HTMLProps<'div'>, PopoverPositionerBaseProps {}
+declare const PopoverPositioner: (props: PopoverPositionerProps) => solid_js26.JSX.Element;
+//#endregion
+//#region src/components/popover/popover-root.d.ts
+interface PopoverRootBaseProps extends UsePopoverProps, UsePresenceProps {}
+interface PopoverRootProps extends PopoverRootBaseProps {
+  children?: JSX.Element;
+}
+declare const PopoverRoot: (props: PopoverRootProps) => 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?: JSX.Element;
+}
+declare const PopoverRootProvider: (props: PopoverRootProviderProps) => JSX.Element;
+//#endregion
+//#region src/components/popover/popover-title.d.ts
+interface PopoverTitleBaseProps extends PolymorphicProps<'div'> {}
+interface PopoverTitleProps extends HTMLProps<'div'>, PopoverTitleBaseProps {}
+declare const PopoverTitle: (props: PopoverTitleProps) => solid_js26.JSX.Element;
+//#endregion
+//#region src/components/popover/popover-trigger.d.ts
+interface PopoverTriggerBaseProps extends PolymorphicProps<'button'> {}
+interface PopoverTriggerProps extends HTMLProps<'button'>, PopoverTriggerBaseProps {}
+declare const PopoverTrigger: (props: PopoverTriggerProps) => solid_js26.JSX.Element;
+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.js

@@ -0,0 +1,220 @@
+import { t as __export } from "../../chunk-Bn8mXcTA.js";
+import { i as useMachine, n as normalizeProps, r as mergeProps$2 } from "../../core-CRjuRw95.js";
+import { t as runIfFn } from "../../run-if-fn-C80kt4dU.js";
+import { t as createContext$1 } from "../../create-context-DlXBVMoq.js";
+import { i as useLocaleContext, o as useEnvironmentContext } from "../../providers-DgUckEdb.js";
+import { t as sprawlify } from "../../factory-k8EbNZ7r.js";
+import { t as createSplitProps } from "../../create-split-props-BHmgTHSf.js";
+import "../../render-strategy-BlHCR8sl.js";
+import { t as composeRefs } from "../../compose-refs-tCBI7PRJ.js";
+import { a as splitPresenceProps, i as usePresence, n as usePresenceContext, t as PresenceProvider } from "../../presence-Clrs1hmS.js";
+import { Show, createMemo, createUniqueId } from "solid-js";
+import { createComponent, mergeProps as mergeProps$1 } from "solid-js/web";
+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({
+	hookName: "usePopoverContext",
+	providerName: "<PopoverProvider />"
+});
+
+//#endregion
+//#region src/components/popover/popover-anchor.tsx
+const PopoverAnchor = (props) => {
+	const api = usePopoverContext();
+	const mergedProps = mergeProps$2(() => api().getAnchorProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/popover/popover-arrow.tsx
+const PopoverArrow = (props) => {
+	const popover$1 = usePopoverContext();
+	const mergedProps = mergeProps$2(() => popover$1().getArrowProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/popover/popover-arrow-tip.tsx
+const PopoverArrowTip = (props) => {
+	const popover$1 = usePopoverContext();
+	const mergedProps = mergeProps$2(() => popover$1().getArrowTipProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/popover/popover-close-trigger.tsx
+const PopoverCloseTrigger = (props) => {
+	const api = usePopoverContext();
+	const mergedProps = mergeProps$2(() => api().getCloseTriggerProps(), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#endregion
+//#region src/components/popover/popover-content.tsx
+const PopoverContent = (props) => {
+	const api = usePopoverContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getContentProps(), () => presenceApi().presenceProps, props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergeProps$1(mergedProps, { ref(r$) {
+				var _ref$ = composeRefs(presenceApi().ref, props.ref);
+				typeof _ref$ === "function" && _ref$(r$);
+			} }));
+		}
+	});
+};
+
+//#endregion
+//#region src/components/popover/popover-context.tsx
+const PopoverContext = (props) => props.children(usePopoverContext());
+
+//#endregion
+//#region src/components/popover/popover-description.tsx
+const PopoverDescription = (props) => {
+	const api = usePopoverContext();
+	const mergedProps = mergeProps$2(() => api().getDescriptionProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/popover/popover-indicator.tsx
+const PopoverIndicator = (props) => {
+	const popover$1 = usePopoverContext();
+	const mergedProps = mergeProps$2(() => popover$1().getIndicatorProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/popover/popover-positioner.tsx
+const PopoverPositioner = (props) => {
+	const api = usePopoverContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getPositionerProps(), props);
+	return createComponent(Show, {
+		get when() {
+			return !presenceApi().unmounted;
+		},
+		get children() {
+			return createComponent(sprawlify.div, mergedProps);
+		}
+	});
+};
+
+//#endregion
+//#region src/components/popover/use-popover.ts
+const usePopover = (props) => {
+	const id = createUniqueId();
+	const locale = useLocaleContext();
+	const environment = useEnvironmentContext();
+	const machineProps = createMemo(() => ({
+		id,
+		dir: locale().dir,
+		getRootNode: environment().getRootNode,
+		...runIfFn(props)
+	}));
+	const service = useMachine(popover.machine, machineProps);
+	return createMemo(() => popover.connect(service, normalizeProps));
+};
+
+//#endregion
+//#region src/components/popover/popover-root.tsx
+const PopoverRoot = (props) => {
+	const [presenceProps, popoverProps] = splitPresenceProps(props);
+	const [usePopoverProps, localProps] = createSplitProps()(popoverProps, [
+		"autoFocus",
+		"closeOnEscape",
+		"closeOnInteractOutside",
+		"defaultOpen",
+		"id",
+		"ids",
+		"initialFocusEl",
+		"modal",
+		"onEscapeKeyDown",
+		"onFocusOutside",
+		"onInteractOutside",
+		"onOpenChange",
+		"onPointerDownOutside",
+		"onRequestDismiss",
+		"open",
+		"persistentElements",
+		"portalled",
+		"positioning"
+	]);
+	const api = usePopover(usePopoverProps);
+	const apiPresence = usePresence(mergeProps$2(presenceProps, () => ({ present: api().open })));
+	return createComponent(PopoverProvider, {
+		value: api,
+		get children() {
+			return createComponent(PresenceProvider, {
+				value: apiPresence,
+				get children() {
+					return localProps.children;
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/popover/popover-root-provider.tsx
+const PopoverRootProvider = (props) => {
+	const [presenceProps, popoverProps] = splitPresenceProps(props);
+	const presence = usePresence(mergeProps$2(presenceProps, () => ({ present: popoverProps.value().open })));
+	return createComponent(PopoverProvider, {
+		get value() {
+			return popoverProps.value;
+		},
+		get children() {
+			return createComponent(PresenceProvider, {
+				value: presence,
+				get children() {
+					return popoverProps.children;
+				}
+			});
+		}
+	});
+};
+
+//#endregion
+//#region src/components/popover/popover-title.tsx
+const PopoverTitle = (props) => {
+	const api = usePopoverContext();
+	const mergedProps = mergeProps$2(() => api().getTitleProps(), props);
+	return createComponent(sprawlify.div, mergedProps);
+};
+
+//#endregion
+//#region src/components/popover/popover-trigger.tsx
+const PopoverTrigger = (props) => {
+	const api = usePopoverContext();
+	const presenceApi = usePresenceContext();
+	const mergedProps = mergeProps$2(() => api().getTriggerProps(), () => ({ "aria-controls": presenceApi().unmounted && null }), props);
+	return createComponent(sprawlify.button, mergedProps);
+};
+
+//#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 };