@sprawlify/react 0.0.6 → 0.0.8

package/dist/locale-Coin-d7R.mjs

@@ -0,0 +1,54 @@
+import { t as createContext$1 } from "./create-context-CCXzjEv8.mjs";
+import { useMemo } from "react";
+import { jsx } from "react/jsx-runtime";
+import { createCollator, createFilter, isRTL } from "@sprawlify/primitives/i18n-utils";
+
+//#region src/providers/locale/use-locale-context.ts
+const [LocaleContextProvider, useLocaleContext] = createContext$1({
+	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__ */ jsx(LocaleContextProvider, {
+		value: {
+			locale,
+			dir: 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 useMemo(() => {
+		const { locale: _, ...options } = props;
+		return 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 useMemo(() => createFilter({
+		...props,
+		locale
+	}), [locale, props]);
+}
+
+//#endregion
+export { useLocaleContext as i, useCollator as n, LocaleProvider as r, useFilter as t };

package/dist/normalize-props-skGwa8Dk.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$1 = ElementsWithoutRef & {
+  element: WithoutRef<HTMLAttributes<HTMLElement>>;
+  style: CSSProperties;
+};
+declare const normalizeProps: _sprawlify_primitives_types0.NormalizeProps<PropTypes$1>;
+//#endregion
+export { normalizeProps as n, PropTypes$1 as t };

package/dist/presence-Bc6Bxe5i.mjs

@@ -0,0 +1,72 @@
+import { i as useMachine, r as normalizeProps } from "./core-Ba4IEjhK.mjs";
+import { t as createContext$1 } from "./create-context-CCXzjEv8.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 { t as useEvent } from "./use-event-4J5QFFqK.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 };

package/dist/presence-CPov8wyU.cjs

@@ -0,0 +1,103 @@
+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_compose_refs = require('./compose-refs-C5QNDywq.cjs');
+const require_factory = require('./factory-C166evrS.cjs');
+const require_create_split_props = require('./create-split-props-Dp4TWOyM.cjs');
+const require_use_event = require('./use-event-CLH8zHoJ.cjs');
+let react = require("react");
+let react_jsx_runtime = require("react/jsx-runtime");
+let __sprawlify_primitives_machines_presence = require("@sprawlify/primitives/machines/presence");
+__sprawlify_primitives_machines_presence = require_chunk.__toESM(__sprawlify_primitives_machines_presence);
+
+//#region src/components/presence/split-presence-props.ts
+const splitPresenceProps = (props) => require_create_split_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 = (0, react.useRef)(false);
+	const machineProps = {
+		...rest,
+		present,
+		onExitComplete: require_use_event.useEvent(props.onExitComplete)
+	};
+	const service = require_core.useMachine(__sprawlify_primitives_machines_presence.machine, machineProps);
+	const api = __sprawlify_primitives_machines_presence.connect(service, require_core.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 = (0, react.forwardRef)((props, ref) => {
+	const [presenceProps, localProps] = splitPresenceProps(props);
+	const presence = usePresence(presenceProps);
+	if (presence.unmounted) return null;
+	return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(require_factory.sprawlify.div, {
+		...localProps,
+		...presence.getPresenceProps(),
+		"data-scope": "presence",
+		"data-part": "root",
+		ref: require_compose_refs.composeRefs(presence.ref, ref)
+	});
+});
+Presence.displayName = "Presence";
+
+//#endregion
+//#region src/components/presence/use-presence-context.ts
+const [PresenceProvider, usePresenceContext] = require_create_context.createContext({
+	name: "PresenceContext",
+	hookName: "usePresenceContext",
+	providerName: "<PresenceProvider />"
+});
+
+//#endregion
+Object.defineProperty(exports, 'Presence', {
+  enumerable: true,
+  get: function () {
+    return Presence;
+  }
+});
+Object.defineProperty(exports, 'PresenceProvider', {
+  enumerable: true,
+  get: function () {
+    return PresenceProvider;
+  }
+});
+Object.defineProperty(exports, 'splitPresenceProps', {
+  enumerable: true,
+  get: function () {
+    return splitPresenceProps;
+  }
+});
+Object.defineProperty(exports, 'usePresence', {
+  enumerable: true,
+  get: function () {
+    return usePresence;
+  }
+});
+Object.defineProperty(exports, 'usePresenceContext', {
+  enumerable: true,
+  get: function () {
+    return usePresenceContext;
+  }
+});

package/dist/providers-Dm2P3F2_.mjs

@@ -0,0 +1 @@
+export {  };

package/dist/render-strategy-BywM_IvB.cjs

@@ -0,0 +1,30 @@
+const require_create_context = require('./create-context-CQ4U0lLj.cjs');
+const require_create_split_props = require('./create-split-props-Dp4TWOyM.cjs');
+
+//#region src/utils/render-strategy.ts
+const [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = require_create_context.createContext({
+	name: "RenderStrategyContext",
+	hookName: "useRenderStrategyContext",
+	providerName: "<RenderStrategyPropsProvider />"
+});
+const splitRenderStrategyProps = (props) => require_create_split_props.createSplitProps()(props, ["lazyMount", "unmountOnExit"]);
+
+//#endregion
+Object.defineProperty(exports, 'RenderStrategyPropsProvider', {
+  enumerable: true,
+  get: function () {
+    return RenderStrategyPropsProvider;
+  }
+});
+Object.defineProperty(exports, 'splitRenderStrategyProps', {
+  enumerable: true,
+  get: function () {
+    return splitRenderStrategyProps;
+  }
+});
+Object.defineProperty(exports, 'useRenderStrategyPropsContext', {
+  enumerable: true,
+  get: function () {
+    return useRenderStrategyPropsContext;
+  }
+});

package/dist/render-strategy-FiPgAp1U.mjs

@@ -0,0 +1,13 @@
+import { t as createContext } from "./create-context-CCXzjEv8.mjs";
+import { t as createSplitProps } from "./create-split-props-CBL0m-GX.mjs";
+
+//#region src/utils/render-strategy.ts
+const [RenderStrategyPropsProvider, useRenderStrategyPropsContext] = createContext({
+	name: "RenderStrategyContext",
+	hookName: "useRenderStrategyContext",
+	providerName: "<RenderStrategyPropsProvider />"
+});
+const splitRenderStrategyProps = (props) => createSplitProps()(props, ["lazyMount", "unmountOnExit"]);
+
+//#endregion
+export { splitRenderStrategyProps as n, useRenderStrategyPropsContext as r, RenderStrategyPropsProvider as t };

package/dist/types-B4tvWlDb.d.cts

@@ -0,0 +1,6 @@
+//#region src/types.d.ts
+type Assign<T, U> = Omit<T, keyof U> & U;
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
+type MaybePromise<T> = T | Promise<T>;
+//#endregion
+export { MaybePromise as n, Optional as r, Assign as t };

package/dist/types-BmBABPZb.d.mts

@@ -0,0 +1,6 @@
+//#region src/types.d.ts
+type Assign<T, U> = Omit<T, keyof U> & U;
+type Optional<T, K extends keyof T> = Pick<Partial<T>, K> & Omit<T, K>;
+type MaybePromise<T> = T | Promise<T>;
+//#endregion
+export { MaybePromise as n, Optional as r, Assign as t };

package/dist/use-event-4J5QFFqK.mjs

@@ -0,0 +1,19 @@
+import { useCallback, useRef } from "react";
+
+//#region src/utils/use-event.ts
+function useEvent(callback, opts = {}) {
+	const { sync = false } = opts;
+	const callbackRef = useLatestRef(callback);
+	return useCallback((...args) => {
+		if (sync) return queueMicrotask(() => callbackRef.current?.(...args));
+		return callbackRef.current?.(...args);
+	}, [sync, callbackRef]);
+}
+function useLatestRef(value) {
+	const ref = useRef(value);
+	ref.current = value;
+	return ref;
+}
+
+//#endregion
+export { useEvent as t };

package/dist/use-event-CLH8zHoJ.cjs

@@ -0,0 +1,25 @@
+const require_chunk = require('./chunk-BYnRvbsk.cjs');
+let react = require("react");
+
+//#region src/utils/use-event.ts
+function useEvent(callback, opts = {}) {
+	const { sync = false } = opts;
+	const callbackRef = useLatestRef(callback);
+	return (0, react.useCallback)((...args) => {
+		if (sync) return queueMicrotask(() => callbackRef.current?.(...args));
+		return callbackRef.current?.(...args);
+	}, [sync, callbackRef]);
+}
+function useLatestRef(value) {
+	const ref = (0, react.useRef)(value);
+	ref.current = value;
+	return ref;
+}
+
+//#endregion
+Object.defineProperty(exports, 'useEvent', {
+  enumerable: true,
+  get: function () {
+    return useEvent;
+  }
+});

package/dist/use-fieldset-context-CCQLmNLL.cjs

@@ -0,0 +1,23 @@
+const require_create_context = require('./create-context-CQ4U0lLj.cjs');
+
+//#region src/components/fieldset/use-fieldset-context.ts
+const [FieldsetProvider, useFieldsetContext] = require_create_context.createContext({
+	name: "FieldsetContext",
+	hookName: "useFieldsetContext",
+	providerName: "<FieldsetProvider />",
+	strict: false
+});
+
+//#endregion
+Object.defineProperty(exports, 'FieldsetProvider', {
+  enumerable: true,
+  get: function () {
+    return FieldsetProvider;
+  }
+});
+Object.defineProperty(exports, 'useFieldsetContext', {
+  enumerable: true,
+  get: function () {
+    return useFieldsetContext;
+  }
+});

package/dist/use-fieldset-context-LwveT1OS.mjs

@@ -0,0 +1,12 @@
+import { t as createContext } from "./create-context-CCXzjEv8.mjs";
+
+//#region src/components/fieldset/use-fieldset-context.ts
+const [FieldsetProvider, useFieldsetContext] = createContext({
+	name: "FieldsetContext",
+	hookName: "useFieldsetContext",
+	providerName: "<FieldsetProvider />",
+	strict: false
+});
+
+//#endregion
+export { useFieldsetContext as n, FieldsetProvider as t };

package/dist/use-safe-layout-effect-C2GgvNT3.cjs

@@ -0,0 +1,13 @@
+const require_chunk = require('./chunk-BYnRvbsk.cjs');
+let react = require("react");
+
+//#region src/utils/use-safe-layout-effect.ts
+const useSafeLayoutEffect = typeof window !== "undefined" ? react.useLayoutEffect : react.useEffect;
+
+//#endregion
+Object.defineProperty(exports, 'useSafeLayoutEffect', {
+  enumerable: true,
+  get: function () {
+    return useSafeLayoutEffect;
+  }
+});

package/dist/use-safe-layout-effect-CLjnuJFb.mjs

@@ -0,0 +1,7 @@
+import { useEffect, useLayoutEffect } from "react";
+
+//#region src/utils/use-safe-layout-effect.ts
+const useSafeLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+
+//#endregion
+export { useSafeLayoutEffect as t };

package/dist/utils/index.cjs

@@ -1,6 +1,6 @@
-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_create_context = require('../create-context-CQ4U0lLj.cjs');
+require('../utils-B_Ojepvp.cjs');
 let __sprawlify_primitives_core = require("@sprawlify/primitives/core");
 
 exports.createContext = require_create_context.createContext;

package/dist/utils/index.d.cts

@@ -1,2 +1,2 @@
-import { n as createContext, t as mergeProps } from "../index-DiYk6N_L.cjs";
+import { n as createContext, t as mergeProps } from "../index-dbTyAXLy.cjs";
 export { createContext, mergeProps };

package/dist/utils/index.d.mts

@@ -1,2 +1,2 @@
-import { n as createContext, t as mergeProps } from "../index-OOf7QNG5.mjs";
+import { n as createContext, t as mergeProps } from "../index-CureNJdc.mjs";
 export { createContext, mergeProps };

package/dist/utils/index.mjs

@@ -1,4 +1,4 @@
-import { t as createContext } from "../create-context-DGYD_HQt.mjs";
-import { t as mergeProps } from "../utils-nfWHwVIS.mjs";
+import { t as createContext } from "../create-context-CCXzjEv8.mjs";
+import { t as mergeProps } from "../utils-C-m3mZWI.mjs";
 
 export { createContext, mergeProps };