@sprawlify/react 0.0.5 → 0.0.7

package/dist/fieldset-poJ8RDvB.mjs

@@ -0,0 +1,184 @@
+import { t as __export } from "./chunk-DLP0tNsH.mjs";
+import { t as mergeProps } from "./core-C0F-4KYH.mjs";
+import { n as useEnvironmentContext } from "./environment-BXkWNF2O.mjs";
+import { n as sprawlify, r as composeRefs } from "./factory-DQlmCPH2.mjs";
+import { t as createSplitProps } from "./create-split-props-BJQdOyld.mjs";
+import { n as FieldsetProvider, r as useFieldsetContext, t as useSafeLayoutEffect } from "./use-safe-layout-effect-BlOhFUAp.mjs";
+import { forwardRef, useId, useRef, useState } from "react";
+import { jsx } from "react/jsx-runtime";
+import { dataAttr } from "@sprawlify/primitives/dom-query";
+import { createAnatomy } from "@sprawlify/primitives/anatomy";
+
+//#region src/components/fieldset/fieldset-context.tsx
+const FieldsetContext = (props) => props.children(useFieldsetContext());
+
+//#endregion
+//#region src/components/fieldset/fieldset-error-text.tsx
+const FieldsetErrorText = forwardRef((props, ref) => {
+	const fieldset = useFieldsetContext();
+	const mergedProps = mergeProps(fieldset.getErrorTextProps(), props);
+	return fieldset.invalid ? /* @__PURE__ */ jsx(sprawlify.span, {
+		...mergedProps,
+		ref
+	}) : null;
+});
+FieldsetErrorText.displayName = "FieldsetErrorText";
+
+//#endregion
+//#region src/components/fieldset/fieldset-helper-text.tsx
+const FieldsetHelperText = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFieldsetContext().getHelperTextProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.span, {
+		...mergedProps,
+		ref
+	});
+});
+FieldsetHelperText.displayName = "FieldsetHelperText";
+
+//#endregion
+//#region src/components/fieldset/fieldset-legend.tsx
+const FieldsetLegend = forwardRef((props, ref) => {
+	const mergedProps = mergeProps(useFieldsetContext().getLegendProps(), props);
+	return /* @__PURE__ */ jsx(sprawlify.legend, {
+		...mergedProps,
+		ref
+	});
+});
+FieldsetLegend.displayName = "FieldsetLegend";
+
+//#endregion
+//#region src/components/fieldset/fieldset-anatomy.ts
+const fieldsetAnatomy = createAnatomy("fieldset").parts("root", "errorText", "helperText", "legend");
+const parts = fieldsetAnatomy.build();
+
+//#endregion
+//#region src/components/fieldset/use-fieldset.ts
+const useFieldset = (props = {}) => {
+	const { disabled = false, invalid = false } = props;
+	const env = useEnvironmentContext();
+	const [textElements, setTextElements] = useState({
+		hasErrorText: false,
+		hasHelperText: false
+	});
+	const uid = useId();
+	const id = props.id ?? uid;
+	const rootRef = useRef(null);
+	const legendId = `fieldset::${id}::legend`;
+	const errorTextId = `fieldset::${id}::error-text`;
+	const helperTextId = `fieldset::${id}::helper-text`;
+	useSafeLayoutEffect(() => {
+		const rootNode = rootRef.current;
+		if (!rootNode) return;
+		const checkTextElements = () => {
+			const docOrShadowRoot = env.getRootNode();
+			setTextElements({
+				hasErrorText: !!docOrShadowRoot.getElementById(errorTextId),
+				hasHelperText: !!docOrShadowRoot.getElementById(helperTextId)
+			});
+		};
+		checkTextElements();
+		const observer = new (env.getWindow()).MutationObserver(checkTextElements);
+		observer.observe(rootNode, {
+			childList: true,
+			subtree: true
+		});
+		return () => observer.disconnect();
+	}, [
+		env,
+		errorTextId,
+		helperTextId
+	]);
+	const ids = [];
+	if (textElements.hasErrorText && invalid) ids.push(errorTextId);
+	if (textElements.hasHelperText) ids.push(helperTextId);
+	const labelIds = ids.length > 0 ? ids.join(" ") : void 0;
+	const getRootProps = () => ({
+		...parts.root.attrs,
+		ref: rootRef,
+		disabled,
+		"data-disabled": dataAttr(disabled),
+		"data-invalid": dataAttr(invalid),
+		"aria-labelledby": legendId,
+		"aria-describedby": labelIds
+	});
+	const getLegendProps = () => ({
+		id: legendId,
+		...parts.legend.attrs,
+		"data-disabled": dataAttr(disabled),
+		"data-invalid": dataAttr(invalid)
+	});
+	const getHelperTextProps = () => ({
+		id: helperTextId,
+		...parts.helperText.attrs
+	});
+	const getErrorTextProps = () => ({
+		id: errorTextId,
+		...parts.errorText.attrs,
+		"aria-live": "polite"
+	});
+	return {
+		refs: { rootRef },
+		ids: {
+			legend: legendId,
+			errorText: errorTextId,
+			helperText: helperTextId
+		},
+		disabled,
+		invalid,
+		getRootProps,
+		getLegendProps,
+		getHelperTextProps,
+		getErrorTextProps
+	};
+};
+
+//#endregion
+//#region src/components/fieldset/fieldset-root.tsx
+const splitRootProps = createSplitProps();
+const FieldsetRoot = forwardRef((props, ref) => {
+	const [useFieldsetProps, localProps] = splitRootProps(props, [
+		"id",
+		"disabled",
+		"invalid"
+	]);
+	const fieldset = useFieldset(useFieldsetProps);
+	const mergedProps = mergeProps(fieldset.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(FieldsetProvider, {
+		value: fieldset,
+		children: /* @__PURE__ */ jsx(sprawlify.fieldset, {
+			...mergedProps,
+			ref: composeRefs(ref, fieldset.refs.rootRef)
+		})
+	});
+});
+FieldsetRoot.displayName = "FieldsetRoot";
+
+//#endregion
+//#region src/components/fieldset/fieldset-root-provider.tsx
+const splitRootProviderProps = createSplitProps();
+const FieldsetRootProvider = forwardRef((props, ref) => {
+	const [{ value: fieldset }, localProps] = splitRootProviderProps(props, ["value"]);
+	const mergedProps = mergeProps(fieldset.getRootProps(), localProps);
+	return /* @__PURE__ */ jsx(FieldsetProvider, {
+		value: fieldset,
+		children: /* @__PURE__ */ jsx(sprawlify.fieldset, {
+			...mergedProps,
+			ref
+		})
+	});
+});
+FieldsetRootProvider.displayName = "FieldsetRootProvider";
+
+//#endregion
+//#region src/components/fieldset/fieldset.ts
+var fieldset_exports = /* @__PURE__ */ __export({
+	Context: () => FieldsetContext,
+	ErrorText: () => FieldsetErrorText,
+	HelperText: () => FieldsetHelperText,
+	Legend: () => FieldsetLegend,
+	Root: () => FieldsetRoot,
+	RootProvider: () => FieldsetRootProvider
+});
+
+//#endregion
+export { fieldsetAnatomy as a, FieldsetErrorText as c, useFieldset as i, FieldsetContext as l, FieldsetRootProvider as n, FieldsetLegend as o, FieldsetRoot as r, FieldsetHelperText as s, fieldset_exports as t };

package/dist/index-BUN9wyVM.d.mts

@@ -0,0 +1,34 @@
+import { n as Optional } from "./types-FLvjyw__.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-BbbIuDqa.mjs";
+import { t as RenderStrategyProps } from "./render-strategy-GetMScNK.mjs";
+import * as react0 from "react";
+import * as presence from "@sprawlify/primitives/machines/presence";
+
+//#region src/components/presence/use-presence.d.ts
+interface UsePresenceProps extends Optional<presence.Props, "present">, RenderStrategyProps {
+  skipAnimationOnMount?: boolean | undefined;
+}
+type UsePresenceReturn = ReturnType<typeof usePresence>;
+declare const usePresence: (props?: UsePresenceProps) => {
+  ref: (node: HTMLElement | null) => void;
+  getPresenceProps: () => {
+    "data-state": string | undefined;
+    hidden: boolean;
+  };
+  present: boolean;
+  unmounted: boolean | undefined;
+};
+//#endregion
+//#region src/components/presence/presence.d.ts
+interface PresenceBaseProps extends UsePresenceProps, PolymorphicProps {}
+interface PresenceProps extends HTMLProps<"div">, PresenceBaseProps {}
+declare const Presence: react0.ForwardRefExoticComponent<PresenceProps & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/presence/split-presence-props.d.ts
+declare const splitPresenceProps: <T extends UsePresenceProps>(props: T) => [UsePresenceProps, Omit<T, "present" | "onExitComplete" | "immediate" | "skipAnimationOnMount" | "lazyMount" | "unmountOnExit">];
+//#endregion
+//#region src/components/presence/use-presence-context.d.ts
+interface UsePresenceContext extends UsePresenceReturn {}
+declare const PresenceProvider: react0.Provider<UsePresenceContext>, usePresenceContext: () => UsePresenceContext;
+//#endregion
+export { Presence as a, UsePresenceProps as c, splitPresenceProps as i, UsePresenceReturn as l, UsePresenceContext as n, PresenceBaseProps as o, usePresenceContext as r, PresenceProps as s, PresenceProvider as t, usePresence as u };

package/dist/index-Dhthtdz_.d.mts

@@ -0,0 +1,74 @@
+import { CollectionItem, CollectionItem as CollectionItem$1, CollectionOptions, FilePathTreeNode, FilePathTreeNode as FilePathTreeNode$1, FlatTreeNode, GridCollection as GridCollection$1, GridCollectionOptions, ListCollection as ListCollection$1, SelectionMode, TreeCollection, TreeCollection as TreeCollection$1, TreeCollectionOptions, TreeCollectionOptions as TreeCollectionOptions$1, TreeNode, TreeNode as TreeNode$1 } from "@sprawlify/primitives/collection";
+import * as asyncList from "@sprawlify/primitives/machines/async-list";
+
+//#region src/components/collection/grid-collection.d.ts
+declare const createGridCollection: <T extends CollectionItem$1>(options: GridCollectionOptions<T>) => GridCollection$1<T>;
+//#endregion
+//#region src/components/collection/list-collection.d.ts
+declare const createListCollection: <T extends CollectionItem>(options: CollectionOptions<T>) => ListCollection$1<T>;
+//#endregion
+//#region src/components/collection/tree-collection.d.ts
+declare const createTreeCollection: <T extends TreeNode>(options: TreeCollectionOptions<T>) => TreeCollection<T>;
+declare const createFileTreeCollection: (paths: string[]) => TreeCollection<FilePathTreeNode>;
+//#endregion
+//#region src/components/collection/use-async-list.d.ts
+interface UseAsyncListProps<T, C = string> extends asyncList.Props<T, C> {}
+interface UseAsyncListReturn<T, C = string> extends asyncList.Api<T, C> {}
+declare function useAsyncList<T, C = string>(props: UseAsyncListProps<T, C>): UseAsyncListReturn<T, C>;
+//#endregion
+//#region src/components/collection/use-list-collection.d.ts
+interface UseListCollectionProps<T> extends Omit<CollectionOptions<T>, "items"> {
+  initialItems: T[] | readonly T[];
+  filter?: (itemText: string, filterText: string, item: T) => boolean;
+  limit?: number;
+}
+declare function useListCollection<T>(props: UseListCollectionProps<T>): UseListCollectionReturn<T>;
+interface UseListCollectionReturn<T> {
+  collection: ListCollection$1<T>;
+  filter: (inputValue: string) => void;
+  set: (items: T[]) => void;
+  reset: () => void;
+  clear: () => void;
+  insert: (index: number, ...items: T[]) => void;
+  insertBefore: (value: string, ...items: T[]) => void;
+  insertAfter: (value: string, ...items: T[]) => void;
+  remove: (...itemOrValues: Array<T | string>) => void;
+  move: (value: string, to: number) => void;
+  moveBefore: (value: string, ...values: string[]) => void;
+  moveAfter: (value: string, ...values: string[]) => void;
+  reorder: (from: number, to: number) => void;
+  append: (...items: T[]) => void;
+  upsert: (value: string, item: T, mode?: "append" | "prepend") => void;
+  prepend: (...items: T[]) => void;
+  update: (value: string, item: T) => void;
+}
+//#endregion
+//#region src/components/collection/use-list-selection.d.ts
+interface UseListSelectionProps<T extends CollectionItem> {
+  selectionMode?: SelectionMode;
+  deselectable?: boolean;
+  initialSelectedValues?: string[];
+  resetOnCollectionChange?: boolean;
+  collection: ListCollection$1<T>;
+}
+declare function useListSelection<T extends CollectionItem>(props: UseListSelectionProps<T>): UseListSelectionReturn;
+interface UseListSelectionReturn {
+  selectedValues: string[];
+  isEmpty: boolean;
+  firstSelectedValue: string | null;
+  lastSelectedValue: string | null;
+  isSelected: (value: string | null) => boolean;
+  canSelect: (value: string) => boolean;
+  select: (value: string, forceToggle?: boolean) => void;
+  deselect: (value: string) => void;
+  toggle: (value: string) => void;
+  replace: (value: string | null) => void;
+  extend: (anchorValue: string, targetValue: string) => void;
+  setSelectedValues: (values: string[]) => void;
+  clear: () => void;
+  resetSelection: () => void;
+  isAllSelected: () => boolean;
+  isSomeSelected: () => boolean;
+}
+//#endregion
+export { createGridCollection as C, GridCollectionOptions as S, CollectionItem as _, UseListCollectionReturn as a, createListCollection as b, UseAsyncListReturn as c, FlatTreeNode as d, TreeCollection$1 as f, createTreeCollection as g, createFileTreeCollection as h, UseListCollectionProps as i, useAsyncList as l, TreeNode$1 as m, UseListSelectionReturn as n, useListCollection as o, TreeCollectionOptions$1 as p, useListSelection as r, UseAsyncListProps as s, UseListSelectionProps as t, FilePathTreeNode$1 as u, CollectionOptions as v, GridCollection$1 as x, ListCollection$1 as y };

package/dist/index-DqRXPiW_.d.cts

@@ -0,0 +1,34 @@
+import { n as Optional } from "./types-DYWV3uAj.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-DaNWFLLN.cjs";
+import { t as RenderStrategyProps } from "./render-strategy-CdpAg9jb.cjs";
+import * as react0 from "react";
+import * as presence from "@sprawlify/primitives/machines/presence";
+
+//#region src/components/presence/use-presence.d.ts
+interface UsePresenceProps extends Optional<presence.Props, "present">, RenderStrategyProps {
+  skipAnimationOnMount?: boolean | undefined;
+}
+type UsePresenceReturn = ReturnType<typeof usePresence>;
+declare const usePresence: (props?: UsePresenceProps) => {
+  ref: (node: HTMLElement | null) => void;
+  getPresenceProps: () => {
+    "data-state": string | undefined;
+    hidden: boolean;
+  };
+  present: boolean;
+  unmounted: boolean | undefined;
+};
+//#endregion
+//#region src/components/presence/presence.d.ts
+interface PresenceBaseProps extends UsePresenceProps, PolymorphicProps {}
+interface PresenceProps extends HTMLProps<"div">, PresenceBaseProps {}
+declare const Presence: react0.ForwardRefExoticComponent<PresenceProps & react0.RefAttributes<HTMLDivElement>>;
+//#endregion
+//#region src/components/presence/split-presence-props.d.ts
+declare const splitPresenceProps: <T extends UsePresenceProps>(props: T) => [UsePresenceProps, Omit<T, "present" | "onExitComplete" | "immediate" | "skipAnimationOnMount" | "lazyMount" | "unmountOnExit">];
+//#endregion
+//#region src/components/presence/use-presence-context.d.ts
+interface UsePresenceContext extends UsePresenceReturn {}
+declare const PresenceProvider: react0.Provider<UsePresenceContext>, usePresenceContext: () => UsePresenceContext;
+//#endregion
+export { Presence as a, UsePresenceProps as c, splitPresenceProps as i, UsePresenceReturn as l, UsePresenceContext as n, PresenceBaseProps as o, usePresenceContext as r, PresenceProps as s, PresenceProvider as t, usePresence as u };

package/dist/index-DsZldSch.d.cts

@@ -0,0 +1,74 @@
+import { CollectionItem, CollectionItem as CollectionItem$1, CollectionOptions, FilePathTreeNode, FilePathTreeNode as FilePathTreeNode$1, FlatTreeNode, GridCollection, GridCollectionOptions, ListCollection, SelectionMode, TreeCollection, TreeCollection as TreeCollection$1, TreeCollectionOptions, TreeCollectionOptions as TreeCollectionOptions$1, TreeNode, TreeNode as TreeNode$1 } from "@sprawlify/primitives/collection";
+import * as asyncList from "@sprawlify/primitives/machines/async-list";
+
+//#region src/components/collection/grid-collection.d.ts
+declare const createGridCollection: <T extends CollectionItem$1>(options: GridCollectionOptions<T>) => GridCollection<T>;
+//#endregion
+//#region src/components/collection/list-collection.d.ts
+declare const createListCollection: <T extends CollectionItem>(options: CollectionOptions<T>) => ListCollection<T>;
+//#endregion
+//#region src/components/collection/tree-collection.d.ts
+declare const createTreeCollection: <T extends TreeNode>(options: TreeCollectionOptions<T>) => TreeCollection<T>;
+declare const createFileTreeCollection: (paths: string[]) => TreeCollection<FilePathTreeNode>;
+//#endregion
+//#region src/components/collection/use-async-list.d.ts
+interface UseAsyncListProps<T, C = string> extends asyncList.Props<T, C> {}
+interface UseAsyncListReturn<T, C = string> extends asyncList.Api<T, C> {}
+declare function useAsyncList<T, C = string>(props: UseAsyncListProps<T, C>): UseAsyncListReturn<T, C>;
+//#endregion
+//#region src/components/collection/use-list-collection.d.ts
+interface UseListCollectionProps<T> extends Omit<CollectionOptions<T>, "items"> {
+  initialItems: T[] | readonly T[];
+  filter?: (itemText: string, filterText: string, item: T) => boolean;
+  limit?: number;
+}
+declare function useListCollection<T>(props: UseListCollectionProps<T>): UseListCollectionReturn<T>;
+interface UseListCollectionReturn<T> {
+  collection: ListCollection<T>;
+  filter: (inputValue: string) => void;
+  set: (items: T[]) => void;
+  reset: () => void;
+  clear: () => void;
+  insert: (index: number, ...items: T[]) => void;
+  insertBefore: (value: string, ...items: T[]) => void;
+  insertAfter: (value: string, ...items: T[]) => void;
+  remove: (...itemOrValues: Array<T | string>) => void;
+  move: (value: string, to: number) => void;
+  moveBefore: (value: string, ...values: string[]) => void;
+  moveAfter: (value: string, ...values: string[]) => void;
+  reorder: (from: number, to: number) => void;
+  append: (...items: T[]) => void;
+  upsert: (value: string, item: T, mode?: "append" | "prepend") => void;
+  prepend: (...items: T[]) => void;
+  update: (value: string, item: T) => void;
+}
+//#endregion
+//#region src/components/collection/use-list-selection.d.ts
+interface UseListSelectionProps<T extends CollectionItem> {
+  selectionMode?: SelectionMode;
+  deselectable?: boolean;
+  initialSelectedValues?: string[];
+  resetOnCollectionChange?: boolean;
+  collection: ListCollection<T>;
+}
+declare function useListSelection<T extends CollectionItem>(props: UseListSelectionProps<T>): UseListSelectionReturn;
+interface UseListSelectionReturn {
+  selectedValues: string[];
+  isEmpty: boolean;
+  firstSelectedValue: string | null;
+  lastSelectedValue: string | null;
+  isSelected: (value: string | null) => boolean;
+  canSelect: (value: string) => boolean;
+  select: (value: string, forceToggle?: boolean) => void;
+  deselect: (value: string) => void;
+  toggle: (value: string) => void;
+  replace: (value: string | null) => void;
+  extend: (anchorValue: string, targetValue: string) => void;
+  setSelectedValues: (values: string[]) => void;
+  clear: () => void;
+  resetSelection: () => void;
+  isAllSelected: () => boolean;
+  isSomeSelected: () => boolean;
+}
+//#endregion
+export { createGridCollection as C, GridCollectionOptions as S, CollectionItem as _, UseListCollectionReturn as a, createListCollection as b, UseAsyncListReturn as c, FlatTreeNode as d, TreeCollection$1 as f, createTreeCollection as g, createFileTreeCollection as h, UseListCollectionProps as i, useAsyncList as l, TreeNode$1 as m, UseListSelectionReturn as n, useListCollection as o, TreeCollectionOptions$1 as p, useListSelection as r, UseAsyncListProps as s, UseListSelectionProps as t, FilePathTreeNode$1 as u, CollectionOptions as v, GridCollection as x, ListCollection as y };

package/dist/index-DtdZfcpz.d.mts

@@ -0,0 +1,25 @@
+import { Machine, MachineSchema, Service } from "@sprawlify/primitives/core";
+import { CSSProperties, HTMLAttributes, JSX, PropsWithChildren, RefObject } from "react";
+import * as _sprawlify_primitives_types0 from "@sprawlify/primitives/types";
+
+//#region src/core/machine.d.ts
+declare function useMachine<T extends MachineSchema>(machine: Machine<T>, userProps?: Partial<T["props"]>): Service<T>;
+//#endregion
+//#region src/core/normalize-props.d.ts
+type WithoutRef<T> = Omit<T, "ref">;
+type ElementsWithoutRef = { [K in keyof JSX.IntrinsicElements]: WithoutRef<JSX.IntrinsicElements[K]> };
+type PropTypes = ElementsWithoutRef & {
+  element: WithoutRef<HTMLAttributes<HTMLElement>>;
+  style: CSSProperties;
+};
+declare const normalizeProps: _sprawlify_primitives_types0.NormalizeProps<PropTypes>;
+//#endregion
+//#region src/core/portal.d.ts
+interface PortalProps {
+  disabled?: boolean | undefined;
+  container?: RefObject<HTMLElement> | undefined;
+  getRootNode?: (() => ShadowRoot | Document | Node) | undefined;
+}
+declare const Portal: (props: PropsWithChildren<PortalProps>) => JSX.Element;
+//#endregion
+export { useMachine as a, normalizeProps as i, PortalProps as n, PropTypes as r, Portal as t };

package/dist/index.cjs

@@ -1,17 +1,20 @@
-const require_factory = require('./factory-CfqPG186.cjs');
-const require_create_context = require('./create-context-DCEySQ7J.cjs');
+const require_core = require('./core-CPLjF6nm.cjs');
+const require_create_context = require('./create-context-D6DyFRSf.cjs');
 require('./utils-Cb5K29pi.cjs');
+const require_environment = require('./environment-DLPiALpf.cjs');
+const require_providers = require('./providers-Bk3ALTxZ.cjs');
+const require_factory = require('./factory-CDX-oCN5.cjs');
 let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
 
-exports.EnvironmentProvider = require_factory.EnvironmentProvider;
-exports.LocaleProvider = require_factory.LocaleProvider;
-exports.Portal = require_factory.Portal;
+exports.EnvironmentProvider = require_environment.EnvironmentProvider;
+exports.LocaleProvider = require_providers.LocaleProvider;
+exports.Portal = require_core.Portal;
 exports.createContext = require_create_context.createContext;
 exports.jsxFactory = require_factory.jsxFactory;
-exports.normalizeProps = require_factory.normalizeProps;
+exports.normalizeProps = require_core.normalizeProps;
 exports.sprawlify = require_factory.sprawlify;
-exports.useCollator = require_factory.useCollator;
-exports.useEnvironmentContext = require_factory.useEnvironmentContext;
-exports.useFilter = require_factory.useFilter;
-exports.useLocaleContext = require_factory.useLocaleContext;
-exports.useMachine = require_factory.useMachine;
+exports.useCollator = require_providers.useCollator;
+exports.useEnvironmentContext = require_environment.useEnvironmentContext;
+exports.useFilter = require_providers.useFilter;
+exports.useLocaleContext = require_providers.useLocaleContext;
+exports.useMachine = require_core.useMachine;

package/dist/index.d.cts

@@ -1,8 +1,10 @@
-import { a as sprawlify, c as PropTypes, i as jsxFactory, l as normalizeProps, n as HTMLSprawlifyProps, o as Assign, r as PolymorphicProps, s as Optional, t as HTMLProps } from "./factory-D5qarvEF.cjs";
-import { n as createContext } from "./index-wpUGMM30.cjs";
+import { n as normalizeProps, t as PropTypes } from "./normalize-props-sqcs77GC.cjs";
+import { n as Optional, t as Assign } from "./types-DYWV3uAj.cjs";
+import { a as sprawlify, i as jsxFactory, n as HTMLSprawlifyProps, r as PolymorphicProps, t as HTMLProps } from "./factory-DaNWFLLN.cjs";
+import { n as createContext } from "./index-zOmANnUL.cjs";
 import { JSX, PropsWithChildren, ReactNode, RefObject } from "react";
 import { Machine, MachineSchema, Service } from "@sprawlify/primitives/core";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { FilterOptions, FilterReturn, Locale } from "@sprawlify/primitives/i18n-utils";
 
 //#region src/core/machine.d.ts
@@ -29,13 +31,13 @@ interface EnvironmentProviderProps {
   children?: ReactNode | undefined;
   value?: RootNode | (() => RootNode) | undefined;
 }
-declare const EnvironmentProvider: (props: EnvironmentProviderProps) => react_jsx_runtime0.JSX.Element;
+declare const EnvironmentProvider: (props: EnvironmentProviderProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/providers/locale/locale-provider.d.ts
 interface LocaleProviderProps extends PropsWithChildren {
   locale: string;
 }
-declare const LocaleProvider: (props: LocaleProviderProps) => react_jsx_runtime0.JSX.Element;
+declare const LocaleProvider: (props: LocaleProviderProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/providers/locale/use-collator.d.ts
 interface UseCollatorProps extends Intl.CollatorOptions {

package/dist/index.d.mts

@@ -1,7 +1,9 @@
-import { a as sprawlify, c as Portal, d as normalizeProps, f as useMachine, i as jsxFactory, l as PortalProps, n as HTMLSprawlifyProps, o as Assign, r as PolymorphicProps, s as Optional, t as HTMLProps, u as PropTypes } from "./factory-CNfD9NVO.mjs";
-import { n as createContext } from "./index--Dciu8yd.mjs";
+import { a as useMachine, i as normalizeProps, n as PortalProps, r as PropTypes, t as Portal } from "./index-DtdZfcpz.mjs";
+import { n as Optional, t as Assign } from "./types-FLvjyw__.mjs";
+import { a as sprawlify, i as jsxFactory, n as HTMLSprawlifyProps, r as PolymorphicProps, t as HTMLProps } from "./factory-BbbIuDqa.mjs";
+import { n as createContext } from "./index-BwTxN5vG.mjs";
 import { PropsWithChildren, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime4 from "react/jsx-runtime";
 import { FilterOptions, FilterReturn, Locale } from "@sprawlify/primitives/i18n-utils";
 
 //#region src/providers/environment/use-environment-context.d.ts
@@ -17,13 +19,13 @@ interface EnvironmentProviderProps {
   children?: ReactNode | undefined;
   value?: RootNode | (() => RootNode) | undefined;
 }
-declare const EnvironmentProvider: (props: EnvironmentProviderProps) => react_jsx_runtime0.JSX.Element;
+declare const EnvironmentProvider: (props: EnvironmentProviderProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/providers/locale/locale-provider.d.ts
 interface LocaleProviderProps extends PropsWithChildren {
   locale: string;
 }
-declare const LocaleProvider: (props: LocaleProviderProps) => react_jsx_runtime0.JSX.Element;
+declare const LocaleProvider: (props: LocaleProviderProps) => react_jsx_runtime4.JSX.Element;
 //#endregion
 //#region src/providers/locale/use-collator.d.ts
 interface UseCollatorProps extends Intl.CollatorOptions {

package/dist/index.mjs

@@ -1,5 +1,8 @@
-import { a as LocaleProvider, c as useEnvironmentContext, d as normalizeProps, f as useMachine, i as useCollator, l as mergeProps, n as sprawlify, o as useLocaleContext, r as useFilter, s as EnvironmentProvider, t as jsxFactory, u as Portal } from "./factory-DbgGeb_e.mjs";
-import { t as createContext } from "./create-context-DLMHiig4.mjs";
-import "./utils-BQjTDAMH.mjs";
+import { i as useMachine, n as Portal, r as normalizeProps, t as mergeProps } from "./core-C0F-4KYH.mjs";
+import { t as createContext } from "./create-context-CdjrBhu7.mjs";
+import "./utils-DflO0-3U.mjs";
+import { n as useEnvironmentContext, t as EnvironmentProvider } from "./environment-BXkWNF2O.mjs";
+import { i as useLocaleContext, n as useCollator, r as LocaleProvider, t as useFilter } from "./providers-CyTYcOU1.mjs";
+import { n as sprawlify, t as jsxFactory } from "./factory-DQlmCPH2.mjs";
 
 export { EnvironmentProvider, LocaleProvider, Portal, createContext, jsxFactory, normalizeProps, sprawlify, useCollator, useEnvironmentContext, useFilter, useLocaleContext, useMachine };

package/dist/normalize-props-sqcs77GC.d.cts

@@ -0,0 +1,13 @@
+import { CSSProperties, HTMLAttributes, JSX } from "react";
+import * as _sprawlify_primitives_types0 from "@sprawlify/primitives/types";
+
+//#region src/core/normalize-props.d.ts
+type WithoutRef<T> = Omit<T, "ref">;
+type ElementsWithoutRef = { [K in keyof JSX.IntrinsicElements]: WithoutRef<JSX.IntrinsicElements[K]> };
+type PropTypes = ElementsWithoutRef & {
+  element: WithoutRef<HTMLAttributes<HTMLElement>>;
+  style: CSSProperties;
+};
+declare const normalizeProps: _sprawlify_primitives_types0.NormalizeProps<PropTypes>;
+//#endregion
+export { normalizeProps as n, PropTypes as t };

package/dist/presence-2A4loEJY.mjs

@@ -0,0 +1,71 @@
+import { i as useMachine, r as normalizeProps } from "./core-C0F-4KYH.mjs";
+import { t as createContext$1 } from "./create-context-CdjrBhu7.mjs";
+import { n as sprawlify, r as composeRefs } from "./factory-DQlmCPH2.mjs";
+import { t as createSplitProps } from "./create-split-props-BJQdOyld.mjs";
+import { t as useEvent } from "./use-event-BcyNH29h.mjs";
+import { forwardRef, useRef } from "react";
+import { jsx } from "react/jsx-runtime";
+import * as presence from "@sprawlify/primitives/machines/presence";
+
+//#region src/components/presence/split-presence-props.ts
+const splitPresenceProps = (props) => createSplitProps()(props, [
+	"immediate",
+	"lazyMount",
+	"onExitComplete",
+	"present",
+	"skipAnimationOnMount",
+	"unmountOnExit"
+]);
+
+//#endregion
+//#region src/components/presence/use-presence.ts
+const usePresence = (props = {}) => {
+	const { lazyMount, unmountOnExit, present, skipAnimationOnMount = false, ...rest } = props;
+	const wasEverPresent = useRef(false);
+	const machineProps = {
+		...rest,
+		present,
+		onExitComplete: useEvent(props.onExitComplete)
+	};
+	const service = useMachine(presence.machine, machineProps);
+	const api = presence.connect(service, normalizeProps);
+	if (api.present) wasEverPresent.current = true;
+	const unmounted = !api.present && !wasEverPresent.current && lazyMount || unmountOnExit && !api.present && wasEverPresent.current;
+	const getPresenceProps = () => ({
+		"data-state": api.skip && skipAnimationOnMount ? void 0 : present ? "open" : "closed",
+		hidden: !api.present
+	});
+	return {
+		ref: api.setNode,
+		getPresenceProps,
+		present: api.present,
+		unmounted
+	};
+};
+
+//#endregion
+//#region src/components/presence/presence.tsx
+const Presence = forwardRef((props, ref) => {
+	const [presenceProps, localProps] = splitPresenceProps(props);
+	const presence$1 = usePresence(presenceProps);
+	if (presence$1.unmounted) return null;
+	return /* @__PURE__ */ jsx(sprawlify.div, {
+		...localProps,
+		...presence$1.getPresenceProps(),
+		"data-scope": "presence",
+		"data-part": "root",
+		ref: composeRefs(presence$1.ref, ref)
+	});
+});
+Presence.displayName = "Presence";
+
+//#endregion
+//#region src/components/presence/use-presence-context.ts
+const [PresenceProvider, usePresenceContext] = createContext$1({
+	name: "PresenceContext",
+	hookName: "usePresenceContext",
+	providerName: "<PresenceProvider />"
+});
+
+//#endregion
+export { splitPresenceProps as a, usePresence as i, usePresenceContext as n, Presence as r, PresenceProvider as t };