@sprawlify/react 0.0.6 → 0.0.8

package/dist/fieldset-gaVneDYh.mjs

@@ -0,0 +1,186 @@
+import { t as __export } from "./chunk-BXPHTOwk.mjs";
+import { t as mergeProps } from "./core-Ba4IEjhK.mjs";
+import { n as useEnvironmentContext } from "./environment-Ded7DkGr.mjs";
+import { t as composeRefs } from "./compose-refs-BEptPEkE.mjs";
+import { n as sprawlify } from "./factory-Bi8oEg8i.mjs";
+import { t as createSplitProps } from "./create-split-props-CBL0m-GX.mjs";
+import { n as useFieldsetContext, t as FieldsetProvider } from "./use-fieldset-context-LwveT1OS.mjs";
+import { t as useSafeLayoutEffect } from "./use-safe-layout-effect-CLjnuJFb.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-BJvW7OpY.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$1 = ElementsWithoutRef & {
+  element: WithoutRef<HTMLAttributes<HTMLElement>>;
+  style: CSSProperties;
+};
+declare const normalizeProps: _sprawlify_primitives_types0.NormalizeProps<PropTypes$1>;
+//#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$1 as r, Portal as t };

package/dist/index-BhGgEHWc.d.cts

@@ -0,0 +1,34 @@
+import { r as Optional } from "./types-B4tvWlDb.cjs";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-C4cfTHs7.cjs";
+import { t as RenderStrategyProps } from "./render-strategy-rA4C5NUX.cjs";
+import * as react94 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: react94.ForwardRefExoticComponent<PresenceProps & react94.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" | "lazyMount" | "unmountOnExit" | "skipAnimationOnMount">];
+//#endregion
+//#region src/components/presence/use-presence-context.d.ts
+interface UsePresenceContext extends UsePresenceReturn {}
+declare const PresenceProvider: react94.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-ByIsf4E7.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-Cp1i1zbg.d.mts

@@ -0,0 +1,34 @@
+import { r as Optional } from "./types-BmBABPZb.mjs";
+import { r as PolymorphicProps, t as HTMLProps } from "./factory-C-EBNsCW.mjs";
+import { t as RenderStrategyProps } from "./render-strategy-C8IyLw0O.mjs";
+import * as react83 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: react83.ForwardRefExoticComponent<PresenceProps & react83.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" | "lazyMount" | "unmountOnExit" | "skipAnimationOnMount">];
+//#endregion
+//#region src/components/presence/use-presence-context.d.ts
+interface UsePresenceContext extends UsePresenceReturn {}
+declare const PresenceProvider: react83.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-CumJbg8V.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.cjs

@@ -1,17 +1,22 @@
-const require_factory = require('./factory-CfqPG186.cjs');
-const require_create_context = require('./create-context-DCEySQ7J.cjs');
-require('./utils-Cb5K29pi.cjs');
+const require_chunk = require('./chunk-BYnRvbsk.cjs');
+const require_core = require('./core-DCWyxy9D.cjs');
+const require_create_context = require('./create-context-CQ4U0lLj.cjs');
+require('./utils-B_Ojepvp.cjs');
+const require_environment = require('./environment-CvilmfQt.cjs');
+const require_locale = require('./locale-BcnWD1Hf.cjs');
+require('./providers-BNAArubQ.cjs');
+const require_factory = require('./factory-C166evrS.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_locale.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_locale.useCollator;
+exports.useEnvironmentContext = require_environment.useEnvironmentContext;
+exports.useFilter = require_locale.useFilter;
+exports.useLocaleContext = require_locale.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-BZBSaT-0.cjs";
-import { n as createContext } from "./index-DiYk6N_L.cjs";
+import { n as normalizeProps, t as PropTypes } from "./normalize-props-skGwa8Dk.cjs";
+import { r as Optional, t as Assign } from "./types-B4tvWlDb.cjs";
+import { a as sprawlify, i as jsxFactory, n as HTMLSprawlifyProps, r as PolymorphicProps, t as HTMLProps } from "./factory-C4cfTHs7.cjs";
+import { n as createContext } from "./index-dbTyAXLy.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_runtime10 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_runtime10.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_runtime10.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-DaVMAttY.mjs";
-import { n as createContext } from "./index-OOf7QNG5.mjs";
+import { a as useMachine, i as normalizeProps, n as PortalProps, r as PropTypes, t as Portal } from "./index-BJvW7OpY.mjs";
+import { r as Optional, t as Assign } from "./types-BmBABPZb.mjs";
+import { a as sprawlify, i as jsxFactory, n as HTMLSprawlifyProps, r as PolymorphicProps, t as HTMLProps } from "./factory-C-EBNsCW.mjs";
+import { n as createContext } from "./index-CureNJdc.mjs";
 import { PropsWithChildren, ReactNode } from "react";
-import * as react_jsx_runtime0 from "react/jsx-runtime";
+import * as react_jsx_runtime11 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_runtime11.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_runtime11.JSX.Element;
 //#endregion
 //#region src/providers/locale/use-collator.d.ts
 interface UseCollatorProps extends Intl.CollatorOptions {

package/dist/index.mjs

@@ -1,5 +1,9 @@
-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-DN0EdT7u.mjs";
-import { t as createContext } from "./create-context-DGYD_HQt.mjs";
-import "./utils-nfWHwVIS.mjs";
+import { i as useMachine, n as Portal, r as normalizeProps, t as mergeProps } from "./core-Ba4IEjhK.mjs";
+import { t as createContext } from "./create-context-CCXzjEv8.mjs";
+import "./utils-C-m3mZWI.mjs";
+import { n as useEnvironmentContext, t as EnvironmentProvider } from "./environment-Ded7DkGr.mjs";
+import { i as useLocaleContext, n as useCollator, r as LocaleProvider, t as useFilter } from "./locale-Coin-d7R.mjs";
+import "./providers-Dm2P3F2_.mjs";
+import { n as sprawlify, t as jsxFactory } from "./factory-Bi8oEg8i.mjs";
 
 export { EnvironmentProvider, LocaleProvider, Portal, createContext, jsxFactory, normalizeProps, sprawlify, useCollator, useEnvironmentContext, useFilter, useLocaleContext, useMachine };

package/dist/locale-BcnWD1Hf.cjs

@@ -0,0 +1,78 @@
+const require_chunk = require('./chunk-BYnRvbsk.cjs');
+const require_create_context = require('./create-context-CQ4U0lLj.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_i18n_utils = require("@sprawlify/primitives/i18n-utils");
+
+//#region src/providers/locale/use-locale-context.ts
+const [LocaleContextProvider, useLocaleContext] = require_create_context.createContext({
+	name: "LocaleContext",
+	hookName: "useLocaleContext",
+	providerName: "<LocaleProvider />",
+	strict: false,
+	defaultValue: {
+		dir: "ltr",
+		locale: "en-US"
+	}
+});
+
+//#endregion
+//#region src/providers/locale/locale-provider.tsx
+const LocaleProvider = (props) => {
+	const { children, locale } = props;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(LocaleContextProvider, {
+		value: {
+			locale,
+			dir: (0, __sprawlify_primitives_i18n_utils.isRTL)(locale) ? "rtl" : "ltr"
+		},
+		children
+	});
+};
+
+//#endregion
+//#region src/providers/locale/use-collator.ts
+function useCollator(props = {}) {
+	const env = useLocaleContext();
+	const locale = props.locale ?? env.locale;
+	return (0, react.useMemo)(() => {
+		const { locale: _, ...options } = props;
+		return (0, __sprawlify_primitives_i18n_utils.createCollator)(locale, options);
+	}, [locale, props]);
+}
+
+//#endregion
+//#region src/providers/locale/use-filter.ts
+function useFilter(props) {
+	const env = useLocaleContext();
+	const locale = props.locale ?? env.locale;
+	return (0, react.useMemo)(() => (0, __sprawlify_primitives_i18n_utils.createFilter)({
+		...props,
+		locale
+	}), [locale, props]);
+}
+
+//#endregion
+Object.defineProperty(exports, 'LocaleProvider', {
+  enumerable: true,
+  get: function () {
+    return LocaleProvider;
+  }
+});
+Object.defineProperty(exports, 'useCollator', {
+  enumerable: true,
+  get: function () {
+    return useCollator;
+  }
+});
+Object.defineProperty(exports, 'useFilter', {
+  enumerable: true,
+  get: function () {
+    return useFilter;
+  }
+});
+Object.defineProperty(exports, 'useLocaleContext', {
+  enumerable: true,
+  get: function () {
+    return useLocaleContext;
+  }
+});