@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/node_modules/.pnpm/@uiw_react-json-view@2.0.0-alpha.42_@babel_runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/utils/useRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useRender.js","names":[],"sources":["../../../../../../../../../../../node_modules/.pnpm/@uiw+react-json-view@2.0.0-alpha.42_@babel+runtime@7.29.2_react-dom@19.2.6_react@19.2.6__react@19.2.6/node_modules/@uiw/react-json-view/esm/utils/useRender.js"],"sourcesContent":["import _extends from \"@babel/runtime/helpers/extends\";\nimport { useEffect } from 'react';\nimport { useSymbolsDispatch } from \"../store/Symbols.js\";\nimport { useTypesDispatch } from \"../store/Types.js\";\nimport { useSectionDispatch } from \"../store/Section.js\";\nexport function useSymbolsRender(currentProps, props, key) {\n  var dispatch = useSymbolsDispatch();\n  var cls = [currentProps.className, props.className].filter(Boolean).join(' ');\n  var reset = _extends({}, currentProps, props, {\n    className: cls,\n    style: _extends({}, currentProps.style, props.style),\n    children: props.children || currentProps.children\n  });\n  useEffect(() => dispatch({\n    [key]: reset\n  }), [props]);\n}\nexport function useTypesRender(currentProps, props, key) {\n  var dispatch = useTypesDispatch();\n  var cls = [currentProps.className, props.className].filter(Boolean).join(' ');\n  var reset = _extends({}, currentProps, props, {\n    className: cls,\n    style: _extends({}, currentProps.style, props.style),\n    children: props.children || currentProps.children\n  });\n  useEffect(() => dispatch({\n    [key]: reset\n  }), [props]);\n}\nexport function useSectionRender(currentProps, props, key) {\n  var dispatch = useSectionDispatch();\n  var cls = [currentProps.className, props.className].filter(Boolean).join(' ');\n  var reset = _extends({}, currentProps, props, {\n    className: cls,\n    style: _extends({}, currentProps.style, props.style),\n    children: props.children || currentProps.children\n  });\n  useEffect(() => dispatch({\n    [key]: reset\n  }), [props]);\n}"],"x_google_ignoreList":[0],"mappings":";;;;;;;;AAKA,SAAgB,iBAAiB,cAAc,OAAO,KAAK;CACzD,IAAI,WAAW,mBAAmB;CAElC,IAAI,SAAA,GAAA,eAAA,SAAiB,CAAC,GAAG,cAAc,OAAO;EAC5C,WAFQ,CAAC,aAAa,WAAW,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAE1D;EACb,QAAA,GAAA,eAAA,SAAgB,CAAC,GAAG,aAAa,OAAO,MAAM,KAAK;EACnD,UAAU,MAAM,YAAY,aAAa;CAC3C,CAAC;CACD,gBAAgB,SAAS,GACtB,MAAM,MACT,CAAC,GAAG,CAAC,KAAK,CAAC;AACb;AACA,SAAgB,eAAe,cAAc,OAAO,KAAK;CACvD,IAAI,WAAW,iBAAiB;CAEhC,IAAI,SAAA,GAAA,eAAA,SAAiB,CAAC,GAAG,cAAc,OAAO;EAC5C,WAFQ,CAAC,aAAa,WAAW,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAE1D;EACb,QAAA,GAAA,eAAA,SAAgB,CAAC,GAAG,aAAa,OAAO,MAAM,KAAK;EACnD,UAAU,MAAM,YAAY,aAAa;CAC3C,CAAC;CACD,gBAAgB,SAAS,GACtB,MAAM,MACT,CAAC,GAAG,CAAC,KAAK,CAAC;AACb;AACA,SAAgB,iBAAiB,cAAc,OAAO,KAAK;CACzD,IAAI,WAAW,mBAAmB;CAElC,IAAI,SAAA,GAAA,eAAA,SAAiB,CAAC,GAAG,cAAc,OAAO;EAC5C,WAFQ,CAAC,aAAa,WAAW,MAAM,SAAS,EAAE,OAAO,OAAO,EAAE,KAAK,GAE1D;EACb,QAAA,GAAA,eAAA,SAAgB,CAAC,GAAG,aAAa,OAAO,MAAM,KAAK;EACnD,UAAU,MAAM,YAAY,aAAa;CAC3C,CAAC;CACD,gBAAgB,SAAS,GACtB,MAAM,MACT,CAAC,GAAG,CAAC,KAAK,CAAC;AACb"}

package/dist/utils/createWithSuspense/createWithSuspense.cjs

@@ -0,0 +1,153 @@
+const require_runtime = require("../../_virtual/_rolldown/runtime.cjs");
+let react_jsx_runtime = require("react/jsx-runtime");
+let react = require("react");
+react = require_runtime.__toESM(react);
+let _fuf_stack_pixel_motion = require("@fuf-stack/pixel-motion");
+//#region src/utils/createWithSuspense/createWithSuspense.tsx
+var ErrorBoundary = class extends react.Component {
+	constructor(props) {
+		super(props);
+		this.state = {
+			error: null,
+			errorInfo: null
+		};
+	}
+	static getDerivedStateFromError(error) {
+		return { error };
+	}
+	componentDidCatch(error, errorInfo) {
+		const { onError } = this.props;
+		this.setState({ errorInfo });
+		onError?.(error, errorInfo);
+	}
+	render() {
+		const { error, errorInfo } = this.state;
+		const { fallback, children, shouldAnimate } = this.props;
+		if (error) {
+			const errorFallback = fallback(error, errorInfo ?? { componentStack: "" });
+			if (!shouldAnimate) return errorFallback;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_fuf_stack_pixel_motion.motion.div, {
+				animate: {
+					height: "auto",
+					opacity: 1
+				},
+				initial: {
+					height: 0,
+					opacity: 0
+				},
+				style: { overflow: "hidden" },
+				transition: {
+					height: {
+						duration: .2,
+						ease: "easeInOut"
+					},
+					opacity: {
+						duration: .2,
+						delay: .2
+					}
+				},
+				children: errorFallback
+			});
+		}
+		return children;
+	}
+};
+/**
+* Factory function to create a project-specific withSuspense HOC with default configuration.
+*
+* @example
+* ```tsx
+* // In your project setup file
+* export const withSuspense = createWithSuspense({
+*   defaultFallback: <YourSpinner />,
+*   errorFallback: (error) => <YourErrorComponent error={error} />,
+*   onError: (error, errorInfo) => {
+*     console.error('Caught error:', error, errorInfo);
+*     // Send to error tracking service
+*   },
+* });
+*
+* // Then use throughout your project
+* const MyComponent = withSuspense(({ userId }) => {
+*   const user = use(fetchUser(userId));
+*   return <div>{user.name}</div>;
+* });
+* ```
+*/
+function createWithSuspense(config = {}) {
+	const { defaultFallback = null, disableAnimation: defaultDisableAnimation = false, errorFallback: defaultErrorFallback, onError: defaultOnError } = config;
+	return function withSuspense(WrappedComponent, options) {
+		const fallback = options?.fallback ?? defaultFallback;
+		const errorFallback = options?.errorFallback ?? defaultErrorFallback;
+		const disableErrorBoundary = options?.disableErrorBoundary ?? false;
+		const disableAnimation = options?.disableAnimation ?? defaultDisableAnimation;
+		const WithSuspenseComponent = (props) => {
+			const prefersReducedMotion = (0, _fuf_stack_pixel_motion.useReducedMotion)();
+			const shouldAnimate = !disableAnimation && !prefersReducedMotion;
+			const wrapWithMotion = (children) => {
+				if (!shouldAnimate) return children;
+				return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_fuf_stack_pixel_motion.motion.div, {
+					animate: {
+						height: "auto",
+						opacity: 1
+					},
+					exit: {
+						height: 0,
+						opacity: 0
+					},
+					initial: {
+						height: 0,
+						opacity: 0
+					},
+					style: { overflow: "hidden" },
+					transition: {
+						height: {
+							duration: .2,
+							ease: "easeInOut"
+						},
+						opacity: {
+							duration: .2,
+							delay: .2
+						}
+					},
+					children
+				});
+			};
+			const content = /* @__PURE__ */ (0, react_jsx_runtime.jsx)(react.Suspense, {
+				fallback: shouldAnimate ? /* @__PURE__ */ (0, react_jsx_runtime.jsx)(_fuf_stack_pixel_motion.motion.div, {
+					exit: {
+						height: 0,
+						opacity: 0
+					},
+					initial: {
+						height: "auto",
+						opacity: 1
+					},
+					style: { overflow: "hidden" },
+					transition: {
+						height: {
+							duration: .3,
+							ease: "easeInOut"
+						},
+						opacity: { duration: .2 }
+					},
+					children: fallback
+				}, "fallback") : fallback,
+				children: wrapWithMotion(/* @__PURE__ */ (0, react_jsx_runtime.jsx)(WrappedComponent, { ...props }))
+			});
+			if (!errorFallback || disableErrorBoundary) return content;
+			return /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ErrorBoundary, {
+				fallback: errorFallback,
+				onError: defaultOnError,
+				shouldAnimate,
+				children: content
+			});
+		};
+		WithSuspenseComponent.displayName = `withSuspense(${WrappedComponent.displayName ?? WrappedComponent.name ?? "Component"})`;
+		return WithSuspenseComponent;
+	};
+}
+//#endregion
+exports.createWithSuspense = createWithSuspense;
+
+//# sourceMappingURL=createWithSuspense.cjs.map

package/dist/utils/createWithSuspense/createWithSuspense.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createWithSuspense.cjs","names":["Component","motion","Suspense"],"sources":["../../../src/utils/createWithSuspense/createWithSuspense.tsx"],"sourcesContent":["import type { ComponentType, ErrorInfo, ReactNode } from 'react';\n\nimport React, { Component, Suspense } from 'react';\n\nimport { motion, useReducedMotion } from '@fuf-stack/pixel-motion';\n\ninterface ErrorBoundaryProps {\n  children: ReactNode;\n  fallback: (error: Error, errorInfo: ErrorInfo) => ReactNode;\n  // eslint-disable-next-line react/require-default-props\n  shouldAnimate?: boolean;\n  // eslint-disable-next-line react/require-default-props\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n}\n\ninterface ErrorBoundaryState {\n  error: Error | null;\n  errorInfo: ErrorInfo | null;\n}\n\nclass ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = { error: null, errorInfo: null };\n  }\n\n  static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n    return { error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    const { onError } = this.props;\n    this.setState({ errorInfo });\n    onError?.(error, errorInfo);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/promise-function-async\n  render() {\n    const { error, errorInfo } = this.state;\n    const { fallback, children, shouldAnimate } = this.props;\n\n    if (error) {\n      // errorInfo might not be set yet in getDerivedStateFromError,\n      // so we provide a default empty errorInfo to prevent errors from bubbling up\n      const errorFallback = fallback(\n        error,\n        errorInfo ?? { componentStack: '' },\n      );\n\n      if (!shouldAnimate) {\n        return errorFallback;\n      }\n\n      return (\n        <motion.div\n          animate={{ height: 'auto', opacity: 1 }}\n          initial={{ height: 0, opacity: 0 }}\n          style={{ overflow: 'hidden' }}\n          transition={{\n            height: { duration: 0.2, ease: 'easeInOut' },\n            opacity: { duration: 0.2, delay: 0.2 },\n          }}\n        >\n          {errorFallback}\n        </motion.div>\n      );\n    }\n\n    return children;\n  }\n}\n\nexport interface CreateWithSuspenseConfig {\n  /**\n   * Default fallback to show while suspending\n   */\n  defaultFallback?: ReactNode;\n  /**\n   * Disable height animation between loading and loaded states\n   * @default false\n   */\n  disableAnimation?: boolean;\n  /**\n   * Error boundary fallback renderer\n   * @param error - The error that was caught\n   * @param errorInfo - Additional error information\n   */\n  errorFallback?: (error: Error, errorInfo: ErrorInfo) => ReactNode;\n  /**\n   * Callback when an error is caught\n   * @param error - The error that was caught\n   * @param errorInfo - Additional error information\n   */\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n}\n\nexport interface WithSuspenseOptions {\n  /**\n   * Override the default fallback for this specific component\n   */\n  fallback?: ReactNode;\n  /**\n   * Override the error boundary for this specific component\n   */\n  errorFallback?: (error: Error, errorInfo: ErrorInfo) => ReactNode;\n  /**\n   * Disable height animation for this specific component\n   */\n  disableAnimation?: boolean;\n  /**\n   * Disable error boundary for this specific component\n   */\n  disableErrorBoundary?: boolean;\n}\n\n/**\n * Factory function to create a project-specific withSuspense HOC with default configuration.\n *\n * @example\n * ```tsx\n * // In your project setup file\n * export const withSuspense = createWithSuspense({\n *   defaultFallback: <YourSpinner />,\n *   errorFallback: (error) => <YourErrorComponent error={error} />,\n *   onError: (error, errorInfo) => {\n *     console.error('Caught error:', error, errorInfo);\n *     // Send to error tracking service\n *   },\n * });\n *\n * // Then use throughout your project\n * const MyComponent = withSuspense(({ userId }) => {\n *   const user = use(fetchUser(userId));\n *   return <div>{user.name}</div>;\n * });\n * ```\n */\nexport function createWithSuspense(config: CreateWithSuspenseConfig = {}) {\n  const {\n    defaultFallback = null,\n    disableAnimation: defaultDisableAnimation = false,\n    errorFallback: defaultErrorFallback,\n    onError: defaultOnError,\n  } = config;\n\n  return function withSuspense<P extends object>(\n    WrappedComponent: ComponentType<P>,\n    options?: WithSuspenseOptions,\n  ) {\n    const fallback = options?.fallback ?? defaultFallback;\n    const errorFallback = options?.errorFallback ?? defaultErrorFallback;\n    const disableErrorBoundary = options?.disableErrorBoundary ?? false;\n    const disableAnimation =\n      options?.disableAnimation ?? defaultDisableAnimation;\n\n    const WithSuspenseComponent = (props: P) => {\n      const prefersReducedMotion = useReducedMotion();\n      const shouldAnimate = !disableAnimation && !prefersReducedMotion;\n\n      // Wrap content in motion wrapper if animation is enabled\n      const wrapWithMotion = (children: ReactNode): ReactNode => {\n        if (!shouldAnimate) {\n          return children;\n        }\n\n        return (\n          <motion.div\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            initial={{ height: 0, opacity: 0 }}\n            style={{ overflow: 'hidden' }}\n            transition={{\n              height: { duration: 0.2, ease: 'easeInOut' },\n              opacity: { duration: 0.2, delay: 0.2 }, // Fade in after height animation\n            }}\n          >\n            {children}\n          </motion.div>\n        );\n      };\n\n      const animatedFallback = shouldAnimate ? (\n        <motion.div\n          key=\"fallback\"\n          exit={{ height: 0, opacity: 0 }}\n          initial={{ height: 'auto', opacity: 1 }}\n          style={{ overflow: 'hidden' }}\n          transition={{\n            height: { duration: 0.3, ease: 'easeInOut' },\n            opacity: { duration: 0.2 },\n          }}\n        >\n          {fallback}\n        </motion.div>\n      ) : (\n        fallback\n      );\n\n      const content = (\n        <Suspense fallback={animatedFallback}>\n          {wrapWithMotion(<WrappedComponent {...props} />)}\n        </Suspense>\n      );\n\n      // If no error boundary configured or explicitly disabled, return just Suspense\n      if (!errorFallback || disableErrorBoundary) {\n        return content;\n      }\n\n      return (\n        <ErrorBoundary\n          fallback={errorFallback}\n          onError={defaultOnError}\n          shouldAnimate={shouldAnimate}\n        >\n          {content}\n        </ErrorBoundary>\n      );\n    };\n\n    WithSuspenseComponent.displayName = `withSuspense(${\n      WrappedComponent.displayName ?? WrappedComponent.name ?? 'Component'\n    })`;\n\n    return WithSuspenseComponent;\n  };\n}\n"],"mappings":"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"}

package/dist/utils/createWithSuspense/createWithSuspense.d.cts

@@ -0,0 +1,73 @@
+import { ComponentType, ErrorInfo, ReactNode } from "react";
+
+//#region src/utils/createWithSuspense/createWithSuspense.d.ts
+interface CreateWithSuspenseConfig {
+  /**
+   * Default fallback to show while suspending
+   */
+  defaultFallback?: ReactNode;
+  /**
+   * Disable height animation between loading and loaded states
+   * @default false
+   */
+  disableAnimation?: boolean;
+  /**
+   * Error boundary fallback renderer
+   * @param error - The error that was caught
+   * @param errorInfo - Additional error information
+   */
+  errorFallback?: (error: Error, errorInfo: ErrorInfo) => ReactNode;
+  /**
+   * Callback when an error is caught
+   * @param error - The error that was caught
+   * @param errorInfo - Additional error information
+   */
+  onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+interface WithSuspenseOptions {
+  /**
+   * Override the default fallback for this specific component
+   */
+  fallback?: ReactNode;
+  /**
+   * Override the error boundary for this specific component
+   */
+  errorFallback?: (error: Error, errorInfo: ErrorInfo) => ReactNode;
+  /**
+   * Disable height animation for this specific component
+   */
+  disableAnimation?: boolean;
+  /**
+   * Disable error boundary for this specific component
+   */
+  disableErrorBoundary?: boolean;
+}
+/**
+ * Factory function to create a project-specific withSuspense HOC with default configuration.
+ *
+ * @example
+ * ```tsx
+ * // In your project setup file
+ * export const withSuspense = createWithSuspense({
+ *   defaultFallback: <YourSpinner />,
+ *   errorFallback: (error) => <YourErrorComponent error={error} />,
+ *   onError: (error, errorInfo) => {
+ *     console.error('Caught error:', error, errorInfo);
+ *     // Send to error tracking service
+ *   },
+ * });
+ *
+ * // Then use throughout your project
+ * const MyComponent = withSuspense(({ userId }) => {
+ *   const user = use(fetchUser(userId));
+ *   return <div>{user.name}</div>;
+ * });
+ * ```
+ */
+declare function createWithSuspense(config?: CreateWithSuspenseConfig): <P extends object>(WrappedComponent: ComponentType<P>, options?: WithSuspenseOptions) => {
+  (props: P): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { CreateWithSuspenseConfig, WithSuspenseOptions, createWithSuspense };
+//# sourceMappingURL=createWithSuspense.d.cts.map

package/dist/utils/createWithSuspense/createWithSuspense.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createWithSuspense.d.cts","names":[],"sources":["../../../src/utils/createWithSuspense/createWithSuspense.tsx"],"mappings":";;;UAwEiB,wBAAA;;AAAjB;;EAIE,eAAA,GAAkB,SAAA;EAAA;;;;EAKlB,gBAAA;EAYoC;;;;;EANpC,aAAA,IAAiB,KAAA,EAAO,KAAA,EAAO,SAAA,EAAW,SAAA,KAAc,SAAA;EAAxD;;;;;EAMA,OAAA,IAAW,KAAA,EAAO,KAAA,EAAO,SAAA,EAAW,SAAA;AAAA;AAAA,UAGrB,mBAAA;EAHJ;;;EAOX,QAAA,GAAW,SAAA;EAPkC;AAG/C;;EAQE,aAAA,IAAiB,KAAA,EAAO,KAAA,EAAO,SAAA,EAAW,SAAA,KAAc,SAAA;EAJ7C;;;EAQX,gBAAA;EAJiE;;;EAQjE,oBAAA;AAAA;;;;;;;;;AAAoB;AAyBtB;;;;;;;;;;;;;iBAAgB,kBAAA,CAAmB,MAAA,GAAQ,wBAAA,sBASvC,gBAAA,EAAkB,aAAA,CAAc,CAAA,GAChC,OAAA,GAAU,mBAAA;EAAA,QAQ4B,CAAA,+BAAC,GAAA,CAAA,OAAA"}

package/dist/utils/createWithSuspense/createWithSuspense.d.ts

@@ -0,0 +1,73 @@
+import { ComponentType, ErrorInfo, ReactNode } from "react";
+
+//#region src/utils/createWithSuspense/createWithSuspense.d.ts
+interface CreateWithSuspenseConfig {
+  /**
+   * Default fallback to show while suspending
+   */
+  defaultFallback?: ReactNode;
+  /**
+   * Disable height animation between loading and loaded states
+   * @default false
+   */
+  disableAnimation?: boolean;
+  /**
+   * Error boundary fallback renderer
+   * @param error - The error that was caught
+   * @param errorInfo - Additional error information
+   */
+  errorFallback?: (error: Error, errorInfo: ErrorInfo) => ReactNode;
+  /**
+   * Callback when an error is caught
+   * @param error - The error that was caught
+   * @param errorInfo - Additional error information
+   */
+  onError?: (error: Error, errorInfo: ErrorInfo) => void;
+}
+interface WithSuspenseOptions {
+  /**
+   * Override the default fallback for this specific component
+   */
+  fallback?: ReactNode;
+  /**
+   * Override the error boundary for this specific component
+   */
+  errorFallback?: (error: Error, errorInfo: ErrorInfo) => ReactNode;
+  /**
+   * Disable height animation for this specific component
+   */
+  disableAnimation?: boolean;
+  /**
+   * Disable error boundary for this specific component
+   */
+  disableErrorBoundary?: boolean;
+}
+/**
+ * Factory function to create a project-specific withSuspense HOC with default configuration.
+ *
+ * @example
+ * ```tsx
+ * // In your project setup file
+ * export const withSuspense = createWithSuspense({
+ *   defaultFallback: <YourSpinner />,
+ *   errorFallback: (error) => <YourErrorComponent error={error} />,
+ *   onError: (error, errorInfo) => {
+ *     console.error('Caught error:', error, errorInfo);
+ *     // Send to error tracking service
+ *   },
+ * });
+ *
+ * // Then use throughout your project
+ * const MyComponent = withSuspense(({ userId }) => {
+ *   const user = use(fetchUser(userId));
+ *   return <div>{user.name}</div>;
+ * });
+ * ```
+ */
+declare function createWithSuspense(config?: CreateWithSuspenseConfig): <P extends object>(WrappedComponent: ComponentType<P>, options?: WithSuspenseOptions) => {
+  (props: P): import("react/jsx-runtime").JSX.Element;
+  displayName: string;
+};
+//#endregion
+export { CreateWithSuspenseConfig, WithSuspenseOptions, createWithSuspense };
+//# sourceMappingURL=createWithSuspense.d.ts.map

package/dist/utils/createWithSuspense/createWithSuspense.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"createWithSuspense.d.ts","names":[],"sources":["../../../src/utils/createWithSuspense/createWithSuspense.tsx"],"mappings":";;;UAwEiB,wBAAA;;AAAjB;;EAIE,eAAA,GAAkB,SAAA;EAAA;;;;EAKlB,gBAAA;EAYoC;;;;;EANpC,aAAA,IAAiB,KAAA,EAAO,KAAA,EAAO,SAAA,EAAW,SAAA,KAAc,SAAA;EAAxD;;;;;EAMA,OAAA,IAAW,KAAA,EAAO,KAAA,EAAO,SAAA,EAAW,SAAA;AAAA;AAAA,UAGrB,mBAAA;EAHJ;;;EAOX,QAAA,GAAW,SAAA;EAPkC;AAG/C;;EAQE,aAAA,IAAiB,KAAA,EAAO,KAAA,EAAO,SAAA,EAAW,SAAA,KAAc,SAAA;EAJ7C;;;EAQX,gBAAA;EAJiE;;;EAQjE,oBAAA;AAAA;;;;;;;;;AAAoB;AAyBtB;;;;;;;;;;;;;iBAAgB,kBAAA,CAAmB,MAAA,GAAQ,wBAAA,sBASvC,gBAAA,EAAkB,aAAA,CAAc,CAAA,GAChC,OAAA,GAAU,mBAAA;EAAA,QAQ4B,CAAA,+BAAC,GAAA,CAAA,OAAA"}

package/dist/utils/createWithSuspense/createWithSuspense.js

@@ -0,0 +1,151 @@
+import { jsx } from "react/jsx-runtime";
+import { Component, Suspense } from "react";
+import { motion, useReducedMotion } from "@fuf-stack/pixel-motion";
+//#region src/utils/createWithSuspense/createWithSuspense.tsx
+var ErrorBoundary = class extends Component {
+	constructor(props) {
+		super(props);
+		this.state = {
+			error: null,
+			errorInfo: null
+		};
+	}
+	static getDerivedStateFromError(error) {
+		return { error };
+	}
+	componentDidCatch(error, errorInfo) {
+		const { onError } = this.props;
+		this.setState({ errorInfo });
+		onError?.(error, errorInfo);
+	}
+	render() {
+		const { error, errorInfo } = this.state;
+		const { fallback, children, shouldAnimate } = this.props;
+		if (error) {
+			const errorFallback = fallback(error, errorInfo ?? { componentStack: "" });
+			if (!shouldAnimate) return errorFallback;
+			return /* @__PURE__ */ jsx(motion.div, {
+				animate: {
+					height: "auto",
+					opacity: 1
+				},
+				initial: {
+					height: 0,
+					opacity: 0
+				},
+				style: { overflow: "hidden" },
+				transition: {
+					height: {
+						duration: .2,
+						ease: "easeInOut"
+					},
+					opacity: {
+						duration: .2,
+						delay: .2
+					}
+				},
+				children: errorFallback
+			});
+		}
+		return children;
+	}
+};
+/**
+* Factory function to create a project-specific withSuspense HOC with default configuration.
+*
+* @example
+* ```tsx
+* // In your project setup file
+* export const withSuspense = createWithSuspense({
+*   defaultFallback: <YourSpinner />,
+*   errorFallback: (error) => <YourErrorComponent error={error} />,
+*   onError: (error, errorInfo) => {
+*     console.error('Caught error:', error, errorInfo);
+*     // Send to error tracking service
+*   },
+* });
+*
+* // Then use throughout your project
+* const MyComponent = withSuspense(({ userId }) => {
+*   const user = use(fetchUser(userId));
+*   return <div>{user.name}</div>;
+* });
+* ```
+*/
+function createWithSuspense(config = {}) {
+	const { defaultFallback = null, disableAnimation: defaultDisableAnimation = false, errorFallback: defaultErrorFallback, onError: defaultOnError } = config;
+	return function withSuspense(WrappedComponent, options) {
+		const fallback = options?.fallback ?? defaultFallback;
+		const errorFallback = options?.errorFallback ?? defaultErrorFallback;
+		const disableErrorBoundary = options?.disableErrorBoundary ?? false;
+		const disableAnimation = options?.disableAnimation ?? defaultDisableAnimation;
+		const WithSuspenseComponent = (props) => {
+			const prefersReducedMotion = useReducedMotion();
+			const shouldAnimate = !disableAnimation && !prefersReducedMotion;
+			const wrapWithMotion = (children) => {
+				if (!shouldAnimate) return children;
+				return /* @__PURE__ */ jsx(motion.div, {
+					animate: {
+						height: "auto",
+						opacity: 1
+					},
+					exit: {
+						height: 0,
+						opacity: 0
+					},
+					initial: {
+						height: 0,
+						opacity: 0
+					},
+					style: { overflow: "hidden" },
+					transition: {
+						height: {
+							duration: .2,
+							ease: "easeInOut"
+						},
+						opacity: {
+							duration: .2,
+							delay: .2
+						}
+					},
+					children
+				});
+			};
+			const content = /* @__PURE__ */ jsx(Suspense, {
+				fallback: shouldAnimate ? /* @__PURE__ */ jsx(motion.div, {
+					exit: {
+						height: 0,
+						opacity: 0
+					},
+					initial: {
+						height: "auto",
+						opacity: 1
+					},
+					style: { overflow: "hidden" },
+					transition: {
+						height: {
+							duration: .3,
+							ease: "easeInOut"
+						},
+						opacity: { duration: .2 }
+					},
+					children: fallback
+				}, "fallback") : fallback,
+				children: wrapWithMotion(/* @__PURE__ */ jsx(WrappedComponent, { ...props }))
+			});
+			if (!errorFallback || disableErrorBoundary) return content;
+			return /* @__PURE__ */ jsx(ErrorBoundary, {
+				fallback: errorFallback,
+				onError: defaultOnError,
+				shouldAnimate,
+				children: content
+			});
+		};
+		WithSuspenseComponent.displayName = `withSuspense(${WrappedComponent.displayName ?? WrappedComponent.name ?? "Component"})`;
+		return WithSuspenseComponent;
+	};
+}
+//#endregion
+export { createWithSuspense };
+
+//# sourceMappingURL=createWithSuspense.js.map

package/dist/utils/createWithSuspense/createWithSuspense.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createWithSuspense.js","names":[],"sources":["../../../src/utils/createWithSuspense/createWithSuspense.tsx"],"sourcesContent":["import type { ComponentType, ErrorInfo, ReactNode } from 'react';\n\nimport React, { Component, Suspense } from 'react';\n\nimport { motion, useReducedMotion } from '@fuf-stack/pixel-motion';\n\ninterface ErrorBoundaryProps {\n  children: ReactNode;\n  fallback: (error: Error, errorInfo: ErrorInfo) => ReactNode;\n  // eslint-disable-next-line react/require-default-props\n  shouldAnimate?: boolean;\n  // eslint-disable-next-line react/require-default-props\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n}\n\ninterface ErrorBoundaryState {\n  error: Error | null;\n  errorInfo: ErrorInfo | null;\n}\n\nclass ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n  constructor(props: ErrorBoundaryProps) {\n    super(props);\n    this.state = { error: null, errorInfo: null };\n  }\n\n  static getDerivedStateFromError(error: Error): Partial<ErrorBoundaryState> {\n    return { error };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    const { onError } = this.props;\n    this.setState({ errorInfo });\n    onError?.(error, errorInfo);\n  }\n\n  // eslint-disable-next-line @typescript-eslint/promise-function-async\n  render() {\n    const { error, errorInfo } = this.state;\n    const { fallback, children, shouldAnimate } = this.props;\n\n    if (error) {\n      // errorInfo might not be set yet in getDerivedStateFromError,\n      // so we provide a default empty errorInfo to prevent errors from bubbling up\n      const errorFallback = fallback(\n        error,\n        errorInfo ?? { componentStack: '' },\n      );\n\n      if (!shouldAnimate) {\n        return errorFallback;\n      }\n\n      return (\n        <motion.div\n          animate={{ height: 'auto', opacity: 1 }}\n          initial={{ height: 0, opacity: 0 }}\n          style={{ overflow: 'hidden' }}\n          transition={{\n            height: { duration: 0.2, ease: 'easeInOut' },\n            opacity: { duration: 0.2, delay: 0.2 },\n          }}\n        >\n          {errorFallback}\n        </motion.div>\n      );\n    }\n\n    return children;\n  }\n}\n\nexport interface CreateWithSuspenseConfig {\n  /**\n   * Default fallback to show while suspending\n   */\n  defaultFallback?: ReactNode;\n  /**\n   * Disable height animation between loading and loaded states\n   * @default false\n   */\n  disableAnimation?: boolean;\n  /**\n   * Error boundary fallback renderer\n   * @param error - The error that was caught\n   * @param errorInfo - Additional error information\n   */\n  errorFallback?: (error: Error, errorInfo: ErrorInfo) => ReactNode;\n  /**\n   * Callback when an error is caught\n   * @param error - The error that was caught\n   * @param errorInfo - Additional error information\n   */\n  onError?: (error: Error, errorInfo: ErrorInfo) => void;\n}\n\nexport interface WithSuspenseOptions {\n  /**\n   * Override the default fallback for this specific component\n   */\n  fallback?: ReactNode;\n  /**\n   * Override the error boundary for this specific component\n   */\n  errorFallback?: (error: Error, errorInfo: ErrorInfo) => ReactNode;\n  /**\n   * Disable height animation for this specific component\n   */\n  disableAnimation?: boolean;\n  /**\n   * Disable error boundary for this specific component\n   */\n  disableErrorBoundary?: boolean;\n}\n\n/**\n * Factory function to create a project-specific withSuspense HOC with default configuration.\n *\n * @example\n * ```tsx\n * // In your project setup file\n * export const withSuspense = createWithSuspense({\n *   defaultFallback: <YourSpinner />,\n *   errorFallback: (error) => <YourErrorComponent error={error} />,\n *   onError: (error, errorInfo) => {\n *     console.error('Caught error:', error, errorInfo);\n *     // Send to error tracking service\n *   },\n * });\n *\n * // Then use throughout your project\n * const MyComponent = withSuspense(({ userId }) => {\n *   const user = use(fetchUser(userId));\n *   return <div>{user.name}</div>;\n * });\n * ```\n */\nexport function createWithSuspense(config: CreateWithSuspenseConfig = {}) {\n  const {\n    defaultFallback = null,\n    disableAnimation: defaultDisableAnimation = false,\n    errorFallback: defaultErrorFallback,\n    onError: defaultOnError,\n  } = config;\n\n  return function withSuspense<P extends object>(\n    WrappedComponent: ComponentType<P>,\n    options?: WithSuspenseOptions,\n  ) {\n    const fallback = options?.fallback ?? defaultFallback;\n    const errorFallback = options?.errorFallback ?? defaultErrorFallback;\n    const disableErrorBoundary = options?.disableErrorBoundary ?? false;\n    const disableAnimation =\n      options?.disableAnimation ?? defaultDisableAnimation;\n\n    const WithSuspenseComponent = (props: P) => {\n      const prefersReducedMotion = useReducedMotion();\n      const shouldAnimate = !disableAnimation && !prefersReducedMotion;\n\n      // Wrap content in motion wrapper if animation is enabled\n      const wrapWithMotion = (children: ReactNode): ReactNode => {\n        if (!shouldAnimate) {\n          return children;\n        }\n\n        return (\n          <motion.div\n            animate={{ height: 'auto', opacity: 1 }}\n            exit={{ height: 0, opacity: 0 }}\n            initial={{ height: 0, opacity: 0 }}\n            style={{ overflow: 'hidden' }}\n            transition={{\n              height: { duration: 0.2, ease: 'easeInOut' },\n              opacity: { duration: 0.2, delay: 0.2 }, // Fade in after height animation\n            }}\n          >\n            {children}\n          </motion.div>\n        );\n      };\n\n      const animatedFallback = shouldAnimate ? (\n        <motion.div\n          key=\"fallback\"\n          exit={{ height: 0, opacity: 0 }}\n          initial={{ height: 'auto', opacity: 1 }}\n          style={{ overflow: 'hidden' }}\n          transition={{\n            height: { duration: 0.3, ease: 'easeInOut' },\n            opacity: { duration: 0.2 },\n          }}\n        >\n          {fallback}\n        </motion.div>\n      ) : (\n        fallback\n      );\n\n      const content = (\n        <Suspense fallback={animatedFallback}>\n          {wrapWithMotion(<WrappedComponent {...props} />)}\n        </Suspense>\n      );\n\n      // If no error boundary configured or explicitly disabled, return just Suspense\n      if (!errorFallback || disableErrorBoundary) {\n        return content;\n      }\n\n      return (\n        <ErrorBoundary\n          fallback={errorFallback}\n          onError={defaultOnError}\n          shouldAnimate={shouldAnimate}\n        >\n          {content}\n        </ErrorBoundary>\n      );\n    };\n\n    WithSuspenseComponent.displayName = `withSuspense(${\n      WrappedComponent.displayName ?? WrappedComponent.name ?? 'Component'\n    })`;\n\n    return WithSuspenseComponent;\n  };\n}\n"],"mappings":";;;;AAoBA,IAAM,gBAAN,cAA4B,UAAkD;CAC5E,YAAY,OAA2B;EACrC,MAAM,KAAK;EACX,KAAK,QAAQ;GAAE,OAAO;GAAM,WAAW;EAAK;CAC9C;CAEA,OAAO,yBAAyB,OAA2C;EACzE,OAAO,EAAE,MAAM;CACjB;CAEA,kBAAkB,OAAc,WAAsB;EACpD,MAAM,EAAE,YAAY,KAAK;EACzB,KAAK,SAAS,EAAE,UAAU,CAAC;EAC3B,UAAU,OAAO,SAAS;CAC5B;CAGA,SAAS;EACP,MAAM,EAAE,OAAO,cAAc,KAAK;EAClC,MAAM,EAAE,UAAU,UAAU,kBAAkB,KAAK;EAEnD,IAAI,OAAO;GAGT,MAAM,gBAAgB,SACpB,OACA,aAAa,EAAE,gBAAgB,GAAG,CACpC;GAEA,IAAI,CAAC,eACH,OAAO;GAGT,OACE,oBAAC,OAAO,KAAR;IACE,SAAS;KAAE,QAAQ;KAAQ,SAAS;IAAE;IACtC,SAAS;KAAE,QAAQ;KAAG,SAAS;IAAE;IACjC,OAAO,EAAE,UAAU,SAAS;IAC5B,YAAY;KACV,QAAQ;MAAE,UAAU;MAAK,MAAM;KAAY;KAC3C,SAAS;MAAE,UAAU;MAAK,OAAO;KAAI;IACvC;cAEC;GACS,CAAA;EAEhB;EAEA,OAAO;CACT;AACF;;;;;;;;;;;;;;;;;;;;;;;AAmEA,SAAgB,mBAAmB,SAAmC,CAAC,GAAG;CACxE,MAAM,EACJ,kBAAkB,MAClB,kBAAkB,0BAA0B,OAC5C,eAAe,sBACf,SAAS,mBACP;CAEJ,OAAO,SAAS,aACd,kBACA,SACA;EACA,MAAM,WAAW,SAAS,YAAY;EACtC,MAAM,gBAAgB,SAAS,iBAAiB;EAChD,MAAM,uBAAuB,SAAS,wBAAwB;EAC9D,MAAM,mBACJ,SAAS,oBAAoB;EAE/B,MAAM,yBAAyB,UAAa;GAC1C,MAAM,uBAAuB,iBAAiB;GAC9C,MAAM,gBAAgB,CAAC,oBAAoB,CAAC;GAG5C,MAAM,kBAAkB,aAAmC;IACzD,IAAI,CAAC,eACH,OAAO;IAGT,OACE,oBAAC,OAAO,KAAR;KACE,SAAS;MAAE,QAAQ;MAAQ,SAAS;KAAE;KACtC,MAAM;MAAE,QAAQ;MAAG,SAAS;KAAE;KAC9B,SAAS;MAAE,QAAQ;MAAG,SAAS;KAAE;KACjC,OAAO,EAAE,UAAU,SAAS;KAC5B,YAAY;MACV,QAAQ;OAAE,UAAU;OAAK,MAAM;MAAY;MAC3C,SAAS;OAAE,UAAU;OAAK,OAAO;MAAI;KACvC;KAEC;IACS,CAAA;GAEhB;GAmBA,MAAM,UACJ,oBAAC,UAAD;IAAU,UAlBa,gBACvB,oBAAC,OAAO,KAAR;KAEE,MAAM;MAAE,QAAQ;MAAG,SAAS;KAAE;KAC9B,SAAS;MAAE,QAAQ;MAAQ,SAAS;KAAE;KACtC,OAAO,EAAE,UAAU,SAAS;KAC5B,YAAY;MACV,QAAQ;OAAE,UAAU;OAAK,MAAM;MAAY;MAC3C,SAAS,EAAE,UAAU,GAAI;KAC3B;eAEC;IACS,GAVN,UAUM,IAEZ;cAKG,eAAe,oBAAC,kBAAD,EAAkB,GAAI,MAAQ,CAAA,CAAC;GACvC,CAAA;GAIZ,IAAI,CAAC,iBAAiB,sBACpB,OAAO;GAGT,OACE,oBAAC,eAAD;IACE,UAAU;IACV,SAAS;IACM;cAEd;GACY,CAAA;EAEnB;EAEA,sBAAsB,cAAc,gBAClC,iBAAiB,eAAe,iBAAiB,QAAQ,YAC1D;EAED,OAAO;CACT;AACF"}

package/dist/utils/createWithSuspense/index.cjs

@@ -1,8 +1,3 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
-
-var _chunkWCE3O6UAcjs = require('../../chunk-WCE3O6UA.cjs');
-require('../../chunk-AHEA4IJV.cjs');
-
-
-exports.createWithSuspense = _chunkWCE3O6UAcjs.createWithSuspense;
-//# sourceMappingURL=index.cjs.map
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_createWithSuspense = require("./createWithSuspense.cjs");
+exports.createWithSuspense = require_createWithSuspense.createWithSuspense;

package/dist/utils/createWithSuspense/index.d.cts

@@ -1,72 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode, ErrorInfo, ComponentType } from 'react';
-
-interface CreateWithSuspenseConfig {
-    /**
-     * Default fallback to show while suspending
-     */
-    defaultFallback?: ReactNode;
-    /**
-     * Disable height animation between loading and loaded states
-     * @default false
-     */
-    disableAnimation?: boolean;
-    /**
-     * Error boundary fallback renderer
-     * @param error - The error that was caught
-     * @param errorInfo - Additional error information
-     */
-    errorFallback?: (error: Error, errorInfo: ErrorInfo) => ReactNode;
-    /**
-     * Callback when an error is caught
-     * @param error - The error that was caught
-     * @param errorInfo - Additional error information
-     */
-    onError?: (error: Error, errorInfo: ErrorInfo) => void;
-}
-interface WithSuspenseOptions {
-    /**
-     * Override the default fallback for this specific component
-     */
-    fallback?: ReactNode;
-    /**
-     * Override the error boundary for this specific component
-     */
-    errorFallback?: (error: Error, errorInfo: ErrorInfo) => ReactNode;
-    /**
-     * Disable height animation for this specific component
-     */
-    disableAnimation?: boolean;
-    /**
-     * Disable error boundary for this specific component
-     */
-    disableErrorBoundary?: boolean;
-}
-/**
- * Factory function to create a project-specific withSuspense HOC with default configuration.
- *
- * @example
- * ```tsx
- * // In your project setup file
- * export const withSuspense = createWithSuspense({
- *   defaultFallback: <YourSpinner />,
- *   errorFallback: (error) => <YourErrorComponent error={error} />,
- *   onError: (error, errorInfo) => {
- *     console.error('Caught error:', error, errorInfo);
- *     // Send to error tracking service
- *   },
- * });
- *
- * // Then use throughout your project
- * const MyComponent = withSuspense(({ userId }) => {
- *   const user = use(fetchUser(userId));
- *   return <div>{user.name}</div>;
- * });
- * ```
- */
-declare function createWithSuspense(config?: CreateWithSuspenseConfig): <P extends object>(WrappedComponent: ComponentType<P>, options?: WithSuspenseOptions) => {
-    (props: P): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-export { type CreateWithSuspenseConfig, type WithSuspenseOptions, createWithSuspense };
+import { CreateWithSuspenseConfig, WithSuspenseOptions, createWithSuspense } from "./createWithSuspense.cjs";
+export { type CreateWithSuspenseConfig, type WithSuspenseOptions, createWithSuspense };

package/dist/utils/createWithSuspense/index.d.ts

@@ -1,72 +1,2 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ReactNode, ErrorInfo, ComponentType } from 'react';
-
-interface CreateWithSuspenseConfig {
-    /**
-     * Default fallback to show while suspending
-     */
-    defaultFallback?: ReactNode;
-    /**
-     * Disable height animation between loading and loaded states
-     * @default false
-     */
-    disableAnimation?: boolean;
-    /**
-     * Error boundary fallback renderer
-     * @param error - The error that was caught
-     * @param errorInfo - Additional error information
-     */
-    errorFallback?: (error: Error, errorInfo: ErrorInfo) => ReactNode;
-    /**
-     * Callback when an error is caught
-     * @param error - The error that was caught
-     * @param errorInfo - Additional error information
-     */
-    onError?: (error: Error, errorInfo: ErrorInfo) => void;
-}
-interface WithSuspenseOptions {
-    /**
-     * Override the default fallback for this specific component
-     */
-    fallback?: ReactNode;
-    /**
-     * Override the error boundary for this specific component
-     */
-    errorFallback?: (error: Error, errorInfo: ErrorInfo) => ReactNode;
-    /**
-     * Disable height animation for this specific component
-     */
-    disableAnimation?: boolean;
-    /**
-     * Disable error boundary for this specific component
-     */
-    disableErrorBoundary?: boolean;
-}
-/**
- * Factory function to create a project-specific withSuspense HOC with default configuration.
- *
- * @example
- * ```tsx
- * // In your project setup file
- * export const withSuspense = createWithSuspense({
- *   defaultFallback: <YourSpinner />,
- *   errorFallback: (error) => <YourErrorComponent error={error} />,
- *   onError: (error, errorInfo) => {
- *     console.error('Caught error:', error, errorInfo);
- *     // Send to error tracking service
- *   },
- * });
- *
- * // Then use throughout your project
- * const MyComponent = withSuspense(({ userId }) => {
- *   const user = use(fetchUser(userId));
- *   return <div>{user.name}</div>;
- * });
- * ```
- */
-declare function createWithSuspense(config?: CreateWithSuspenseConfig): <P extends object>(WrappedComponent: ComponentType<P>, options?: WithSuspenseOptions) => {
-    (props: P): react_jsx_runtime.JSX.Element;
-    displayName: string;
-};
-
-export { type CreateWithSuspenseConfig, type WithSuspenseOptions, createWithSuspense };
+import { CreateWithSuspenseConfig, WithSuspenseOptions, createWithSuspense } from "./createWithSuspense.js";
+export { type CreateWithSuspenseConfig, type WithSuspenseOptions, createWithSuspense };