@zayne-labs/ui-react 0.6.0 → 0.6.1

package/dist/esm/chunk-CWUEUCR5.js

@@ -0,0 +1,3 @@
+
+//# sourceMappingURL=chunk-CWUEUCR5.js.map
+//# sourceMappingURL=chunk-CWUEUCR5.js.map

package/dist/esm/chunk-CWUEUCR5.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"chunk-CWUEUCR5.js"}

package/dist/esm/chunk-DJIVSXN7.js

@@ -0,0 +1,24 @@
+import { ErrorBoundary } from './chunk-OM4ZFFQS.js';
+import * as React from 'react';
+import { Fragment, Suspense, use } from 'react';
+
+function Await(props) {
+  const { errorFallback, fallback, wrapperVariant = "suspense-and-boundary", ...restOfProps } = props;
+  const WithErrorBoundary = wrapperVariant === "only-boundary" || wrapperVariant === "suspense-and-boundary" ? ErrorBoundary : Fragment;
+  const WithSuspense = wrapperVariant === "only-suspense" || wrapperVariant === "suspense-and-boundary" ? Suspense : Fragment;
+  const errorBoundaryProps = Boolean(errorFallback) && { fallback: errorFallback };
+  const suspenseProps = Boolean(fallback) && { fallback };
+  return /* @__PURE__ */ React.createElement(WithErrorBoundary, { ...errorBoundaryProps }, /* @__PURE__ */ React.createElement(WithSuspense, { ...suspenseProps }, /* @__PURE__ */ React.createElement(AwaitInner, { ...restOfProps })));
+}
+function AwaitInner(props) {
+  const { children, promise, render } = props;
+  const result = use(promise);
+  if (typeof children === "function") {
+    return children(result);
+  }
+  return render(result);
+}
+
+export { Await };
+//# sourceMappingURL=chunk-DJIVSXN7.js.map
+//# sourceMappingURL=chunk-DJIVSXN7.js.map

package/dist/esm/chunk-DJIVSXN7.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/common/await/await.tsx"],"names":["ReactFragment"],"mappings":";;;;AAcO,SAAS,MAAc,KAA2B,EAAA;AACxD,EAAA,MAAM,EAAE,aAAe,EAAA,QAAA,EAAU,iBAAiB,uBAAyB,EAAA,GAAG,aAAgB,GAAA,KAAA;AAE9F,EAAA,MAAM,iBACL,GAAA,cAAA,KAAmB,eAAmB,IAAA,cAAA,KAAmB,0BACtD,aACA,GAAAA,QAAA;AAEJ,EAAA,MAAM,YACL,GAAA,cAAA,KAAmB,eAAmB,IAAA,cAAA,KAAmB,0BACtD,QACA,GAAAA,QAAA;AAEJ,EAAA,MAAM,qBAAqB,OAAQ,CAAA,aAAa,CAAK,IAAA,EAAE,UAAU,aAAc,EAAA;AAE/E,EAAA,MAAM,aAAgB,GAAA,OAAA,CAAQ,QAAQ,CAAA,IAAK,EAAE,QAAS,EAAA;AAEtD,EAAA,uBACE,KAAA,CAAA,aAAA,CAAA,iBAAA,EAAA,EAAmB,GAAG,kBAAA,EAAA,kBACrB,KAAA,CAAA,aAAA,CAAA,YAAA,EAAA,EAAc,GAAG,aAAA,EAAA,kBAChB,KAAA,CAAA,aAAA,CAAA,UAAA,EAAA,EAAY,GAAG,WAAA,EAAa,CAC9B,CACD,CAAA;AAEF;AAMA,SAAS,WAAmB,KAAgC,EAAA;AAC3D,EAAA,MAAM,EAAE,QAAA,EAAU,OAAS,EAAA,MAAA,EAAW,GAAA,KAAA;AAEtC,EAAM,MAAA,MAAA,GAAS,IAAI,OAAO,CAAA;AAE1B,EAAI,IAAA,OAAO,aAAa,UAAY,EAAA;AACnC,IAAA,OAAO,SAAS,MAAM,CAAA;AAAA;AAGvB,EAAA,OAAO,OAAO,MAAM,CAAA;AACrB","file":"chunk-DJIVSXN7.js","sourcesContent":["import * as React from \"react\";\n\nimport type { DiscriminatedRenderProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { Fragment as ReactFragment, Suspense, use } from \"react\";\nimport { ErrorBoundary } from \"../error-boundary\";\nimport type { SuspenseWithBoundaryProps } from \"../suspense-with-boundary\";\n\ntype RenderPropFn<Tvalue> = (result: Tvalue) => React.ReactNode;\n\ntype AwaitProps<Tvalue> = AwaitInnerProps<Tvalue>\n\t& Pick<SuspenseWithBoundaryProps, \"errorFallback\" | \"fallback\"> & {\n\t\twrapperVariant?: \"none\" | \"only-boundary\" | \"only-suspense\" | \"suspense-and-boundary\";\n\t};\n\nexport function Await<Tvalue>(props: AwaitProps<Tvalue>) {\n\tconst { errorFallback, fallback, wrapperVariant = \"suspense-and-boundary\", ...restOfProps } = props;\n\n\tconst WithErrorBoundary =\n\t\twrapperVariant === \"only-boundary\" || wrapperVariant === \"suspense-and-boundary\"\n\t\t\t? ErrorBoundary\n\t\t\t: ReactFragment;\n\n\tconst WithSuspense =\n\t\twrapperVariant === \"only-suspense\" || wrapperVariant === \"suspense-and-boundary\"\n\t\t\t? Suspense\n\t\t\t: ReactFragment;\n\n\tconst errorBoundaryProps = Boolean(errorFallback) && { fallback: errorFallback };\n\n\tconst suspenseProps = Boolean(fallback) && { fallback };\n\n\treturn (\n\t\t<WithErrorBoundary {...errorBoundaryProps}>\n\t\t\t<WithSuspense {...suspenseProps}>\n\t\t\t\t<AwaitInner {...restOfProps} />\n\t\t\t</WithSuspense>\n\t\t</WithErrorBoundary>\n\t);\n}\n\nexport type AwaitInnerProps<Tvalue> = DiscriminatedRenderProps<RenderPropFn<Tvalue>> & {\n\tpromise: Promise<Tvalue>;\n};\n\nfunction AwaitInner<TValue>(props: AwaitInnerProps<TValue>) {\n\tconst { children, promise, render } = props;\n\n\tconst result = use(promise);\n\n\tif (typeof children === \"function\") {\n\t\treturn children(result);\n\t}\n\n\treturn render(result);\n}\n"]}

package/dist/esm/chunk-NPIJ4XZP.js

@@ -0,0 +1,13 @@
+import { ErrorBoundary } from './chunk-OM4ZFFQS.js';
+import { Suspense } from 'react';
+
+function SuspenseWithBoundary(props) {
+  const { children, errorFallback, fallback } = props;
+  const errorBoundaryProps = Boolean(errorFallback) && { fallback: errorFallback };
+  const suspenseProps = Boolean(fallback) && { fallback };
+  return /* @__PURE__ */ React.createElement(ErrorBoundary, { ...errorBoundaryProps }, /* @__PURE__ */ React.createElement(Suspense, { ...suspenseProps }, children));
+}
+
+export { SuspenseWithBoundary };
+//# sourceMappingURL=chunk-NPIJ4XZP.js.map
+//# sourceMappingURL=chunk-NPIJ4XZP.js.map

package/dist/esm/chunk-NPIJ4XZP.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/common/suspense-with-boundary/suspense-with-boundary.tsx"],"names":[],"mappings":";;;AASO,SAAS,qBAAqB,KAAkC,EAAA;AACtE,EAAA,MAAM,EAAE,QAAA,EAAU,aAAe,EAAA,QAAA,EAAa,GAAA,KAAA;AAE9C,EAAA,MAAM,qBAAqB,OAAQ,CAAA,aAAa,CAAK,IAAA,EAAE,UAAU,aAAc,EAAA;AAC/E,EAAA,MAAM,aAAgB,GAAA,OAAA,CAAQ,QAAQ,CAAA,IAAK,EAAE,QAAS,EAAA;AAEtD,EACC,uBAAA,KAAA,CAAA,aAAA,CAAC,iBAAe,GAAG,kBAAA,EAAA,sCACjB,QAAU,EAAA,EAAA,GAAG,aAAgB,EAAA,EAAA,QAAS,CACxC,CAAA;AAEF","file":"chunk-NPIJ4XZP.js","sourcesContent":["import { Suspense } from \"react\";\nimport { ErrorBoundary, type ErrorBoundaryProps } from \"../error-boundary\";\n\nexport type SuspenseWithBoundaryProps = {\n\tchildren: React.ReactNode;\n\terrorFallback?: ErrorBoundaryProps[\"fallback\"];\n\tfallback?: React.ReactNode;\n};\n\nexport function SuspenseWithBoundary(props: SuspenseWithBoundaryProps) {\n\tconst { children, errorFallback, fallback } = props;\n\n\tconst errorBoundaryProps = Boolean(errorFallback) && { fallback: errorFallback };\n\tconst suspenseProps = Boolean(fallback) && { fallback };\n\n\treturn (\n\t\t<ErrorBoundary {...errorBoundaryProps}>\n\t\t\t<Suspense {...suspenseProps}>{children}</Suspense>\n\t\t</ErrorBoundary>\n\t);\n}\n"]}

package/dist/esm/{chunk-P6HRTILR.js → chunk-OM4ZFFQS.js}

@@ -1,9 +1,9 @@
-import * as React2 from 'react';
-import { useState, Component, Fragment, Suspense, use } from 'react';
 import { createCustomContext, useCallbackRef } from '@zayne-labs/toolkit-react';
+import * as React from 'react';
+import { useState, Component } from 'react';
 import { isFunction } from '@zayne-labs/toolkit-type-helpers';
 
-// src/components/common/await/await.tsx
+// src/components/common/error-boundary/error-boundary-context.ts
 var [ErrorBoundaryContextProvider, useErrorBoundaryContext] = createCustomContext({
   hookName: "useErrorBoundaryContext",
   name: "ErrorBoundaryContext",
@@ -80,7 +80,7 @@ var ErrorBoundary = class extends Component {
         }
       }
     }
-    return /* @__PURE__ */ React2.createElement(
+    return /* @__PURE__ */ React.createElement(
       ErrorBoundaryContextProvider,
       {
         value: { error, hasError, resetErrorBoundary: this.#resetErrorBoundary }
@@ -97,24 +97,6 @@ var ErrorBoundary = class extends Component {
   };
 };
 
-// src/components/common/await/await.tsx
-function Await(props) {
-  const { errorFallback, fallback, ...restOfProps } = props;
-  const WithErrorBoundary = errorFallback ? ErrorBoundary : Fragment;
-  const WithSuspense = fallback ? Suspense : Fragment;
-  const errorBoundaryProps = { fallback: errorFallback };
-  const suspenseProps = { fallback };
-  return /* @__PURE__ */ React2.createElement(WithErrorBoundary, { ...errorBoundaryProps }, /* @__PURE__ */ React2.createElement(WithSuspense, { ...suspenseProps }, /* @__PURE__ */ React2.createElement(AwaitInner, { ...restOfProps })));
-}
-function AwaitInner(props) {
-  const { children, promise, render } = props;
-  const result = use(promise);
-  if (typeof children === "function") {
-    return children(result);
-  }
-  return render(result);
-}
-
-export { Await, ErrorBoundary, useErrorBoundary, useErrorBoundaryContext };
-//# sourceMappingURL=chunk-P6HRTILR.js.map
-//# sourceMappingURL=chunk-P6HRTILR.js.map
+export { ErrorBoundary, useErrorBoundary, useErrorBoundaryContext };
+//# sourceMappingURL=chunk-OM4ZFFQS.js.map
+//# sourceMappingURL=chunk-OM4ZFFQS.js.map

package/dist/esm/chunk-OM4ZFFQS.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/components/common/error-boundary/error-boundary-context.ts","../../src/components/common/error-boundary/useErrorBoundary.ts","../../src/components/common/error-boundary/error-boundary.tsx"],"names":[],"mappings":"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","file":"chunk-OM4ZFFQS.js","sourcesContent":["import { createCustomContext } from \"@zayne-labs/toolkit-react\";\n\nexport type ErrorBoundaryContextType = {\n\terror: unknown;\n\thasError: boolean;\n\tresetErrorBoundary: (...args: unknown[]) => void;\n};\n\nexport const [ErrorBoundaryContextProvider, useErrorBoundaryContext] =\n\tcreateCustomContext<ErrorBoundaryContextType>({\n\t\thookName: \"useErrorBoundaryContext\",\n\t\tname: \"ErrorBoundaryContext\",\n\t\tproviderName: \"ErrorBoundaryContextProvider\",\n\t});\n","import { useCallbackRef } from \"@zayne-labs/toolkit-react\";\nimport { useState } from \"react\";\nimport { useErrorBoundaryContext } from \"./error-boundary-context\";\n\ntype UseErrorBoundaryState<TError extends Error> =\n\t| {\n\t\t\terror: null;\n\t\t\thasError: false;\n\t  }\n\t| {\n\t\t\terror: TError;\n\t\t\thasError: true;\n\t  };\n\nexport const useErrorBoundary = <TError extends Error>() => {\n\tconst { resetErrorBoundary } = useErrorBoundaryContext();\n\n\tconst [state, setState] = useState<UseErrorBoundaryState<TError>>({\n\t\terror: null,\n\t\thasError: false,\n\t});\n\n\tif (state.hasError) {\n\t\tthrow state.error;\n\t}\n\n\tconst resetBoundary = useCallbackRef(() => {\n\t\tresetErrorBoundary();\n\n\t\tsetState({\n\t\t\terror: null,\n\t\t\thasError: false,\n\t\t});\n\t});\n\n\tconst showBoundary = useCallbackRef((error: TError) => {\n\t\tsetState({\n\t\t\terror,\n\t\t\thasError: true,\n\t\t});\n\t});\n\n\treturn { resetBoundary, showBoundary };\n};\n","import { isFunction } from \"@zayne-labs/toolkit-type-helpers\";\nimport * as React from \"react\";\nimport { Component } from \"react\";\nimport { ErrorBoundaryContextProvider } from \"./error-boundary-context\";\nimport type { ErrorBoundaryProps, FallbackProps } from \"./types\";\n\ntype ErrorBoundaryState =\n\t| {\n\t\t\terror: Error;\n\t\t\thasError: true;\n\t  }\n\t| {\n\t\t\terror: null;\n\t\t\thasError: false;\n\t  };\n\nconst initialState: ErrorBoundaryState = {\n\terror: null,\n\thasError: false,\n};\n\nconst hasArrayChanged = (a: unknown[] = [], b: unknown[] = []) => {\n\treturn a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));\n};\n\n/**\n * Copied from react-error-boundary package\n * @see https://github.com/bvaughn/react-error-boundary\n */\n\nclass ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n\tconstructor(props: ErrorBoundaryProps) {\n\t\tsuper(props);\n\n\t\tthis.state = initialState;\n\t}\n\n\tstatic getDerivedStateFromError(error: Error) {\n\t\treturn { error, hasError: true };\n\t}\n\n\toverride componentDidCatch(error: Error, info: React.ErrorInfo) {\n\t\tthis.props.onError?.(error, info);\n\t}\n\n\toverride componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState) {\n\t\tconst { hasError } = this.state;\n\t\tconst { resetKeys } = this.props;\n\n\t\t// There's an edge case where if the thing that triggered the error happens to *also* be in the resetKeys array, we'd end up resetting the error boundary immediately.\n\t\t// This would likely trigger a second error to be thrown.\n\t\t// So we make sure that we don't check the resetKeys on the first call of cDU after the error is set.\n\n\t\tif (hasError && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {\n\t\t\tthis.props.onReset?.({ next: resetKeys, prev: prevProps.resetKeys, reason: \"keys\" });\n\n\t\t\tthis.setState(initialState);\n\t\t}\n\t}\n\n\toverride render() {\n\t\tconst { children, fallback } = this.props;\n\t\tconst { error, hasError } = this.state;\n\n\t\tlet childToRender = children;\n\n\t\tif (hasError) {\n\t\t\tswitch (true) {\n\t\t\t\tcase isFunction(fallback): {\n\t\t\t\t\tconst props: FallbackProps = { error, resetErrorBoundary: this.#resetErrorBoundary };\n\n\t\t\t\t\tchildToRender = fallback(props);\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tcase fallback !== undefined: {\n\t\t\t\t\tchildToRender = fallback;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tdefault: {\n\t\t\t\t\tconsole.error(\"error-boundary requires a fallback prop\");\n\t\t\t\t\tthrow error;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t<ErrorBoundaryContextProvider\n\t\t\t\tvalue={{ error, hasError, resetErrorBoundary: this.#resetErrorBoundary }}\n\t\t\t>\n\t\t\t\t{childToRender}\n\t\t\t</ErrorBoundaryContextProvider>\n\t\t);\n\t}\n\n\t#resetErrorBoundary = (...parameters: unknown[]) => {\n\t\tconst { error } = this.state;\n\n\t\tif (error !== null) {\n\t\t\tthis.props.onReset?.({ parameters, reason: \"imperative-api\" });\n\n\t\t\tthis.setState(initialState);\n\t\t}\n\t};\n}\n\nexport { ErrorBoundary };\n"]}

package/dist/esm/common/await/index.d.ts

@@ -0,0 +1,15 @@
+import * as react from 'react';
+import { DiscriminatedRenderProps } from '@zayne-labs/toolkit-react/utils';
+import { SuspenseWithBoundaryProps } from '../suspense-with-boundary/index.js';
+import '../../types-CeWumkhm.js';
+
+type RenderPropFn<Tvalue> = (result: Tvalue) => react.ReactNode;
+type AwaitProps<Tvalue> = AwaitInnerProps<Tvalue> & Pick<SuspenseWithBoundaryProps, "errorFallback" | "fallback"> & {
+    wrapperVariant?: "none" | "only-boundary" | "only-suspense" | "suspense-and-boundary";
+};
+declare function Await<Tvalue>(props: AwaitProps<Tvalue>): react.JSX.Element;
+type AwaitInnerProps<Tvalue> = DiscriminatedRenderProps<RenderPropFn<Tvalue>> & {
+    promise: Promise<Tvalue>;
+};
+
+export { Await, type AwaitInnerProps };

package/dist/esm/common/await/index.js

@@ -0,0 +1,5 @@
+export { Await } from '../../chunk-DJIVSXN7.js';
+import '../../chunk-OM4ZFFQS.js';
+import '../../chunk-PZ5AY32C.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/common/await/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/esm/common/error-boundary/index.d.ts

@@ -0,0 +1,41 @@
+import { E as ErrorBoundaryProps } from '../../types-CeWumkhm.js';
+export { F as FallbackProps } from '../../types-CeWumkhm.js';
+import * as react from 'react';
+import { Component } from 'react';
+
+type ErrorBoundaryContextType = {
+    error: unknown;
+    hasError: boolean;
+    resetErrorBoundary: (...args: unknown[]) => void;
+};
+declare const useErrorBoundaryContext: () => ErrorBoundaryContextType;
+
+declare const useErrorBoundary: <TError extends Error>() => {
+    resetBoundary: () => void;
+    showBoundary: (error: TError) => void;
+};
+
+type ErrorBoundaryState = {
+    error: Error;
+    hasError: true;
+} | {
+    error: null;
+    hasError: false;
+};
+/**
+ * Copied from react-error-boundary package
+ * @see https://github.com/bvaughn/react-error-boundary
+ */
+declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    #private;
+    constructor(props: ErrorBoundaryProps);
+    static getDerivedStateFromError(error: Error): {
+        error: Error;
+        hasError: boolean;
+    };
+    componentDidCatch(error: Error, info: react.ErrorInfo): void;
+    componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState): void;
+    render(): react.JSX.Element;
+}
+
+export { ErrorBoundary, type ErrorBoundaryContextType, ErrorBoundaryProps, useErrorBoundary, useErrorBoundaryContext };

package/dist/esm/common/error-boundary/index.js

@@ -0,0 +1,4 @@
+export { ErrorBoundary, useErrorBoundary, useErrorBoundaryContext } from '../../chunk-OM4ZFFQS.js';
+import '../../chunk-PZ5AY32C.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/common/error-boundary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/esm/common/index.d.ts

@@ -1,77 +1,12 @@
-import * as react from 'react';
-import { Component } from 'react';
-import { DiscriminatedRenderProps } from '@zayne-labs/toolkit-react/utils';
+export { Await, AwaitInnerProps } from './await/index.js';
+export { ErrorBoundary, ErrorBoundaryContextType, useErrorBoundary, useErrorBoundaryContext } from './error-boundary/index.js';
+export { E as ErrorBoundaryProps, F as FallbackProps } from '../types-CeWumkhm.js';
 export { ForBase, ForList, ForRenderProps, getElementList } from './for/index.js';
 export { Show, ShowContent, ShowFallback, ShowRoot } from './show/index.js';
 export { Slot, Slottable } from './slot/index.js';
+export { SuspenseWithBoundary, SuspenseWithBoundaryProps } from './suspense-with-boundary/index.js';
 export { Switch, SwitchDefault, SwitchMatch, SwitchRoot } from './switch/index.js';
 export { Teleport } from './teleport/index.js';
+import 'react';
+import '@zayne-labs/toolkit-react/utils';
 import '@zayne-labs/toolkit-type-helpers';
-
-type ErrorBoundaryContextType = {
-    error: unknown;
-    hasError: boolean;
-    resetErrorBoundary: (...args: unknown[]) => void;
-};
-declare const useErrorBoundaryContext: () => ErrorBoundaryContextType;
-
-declare const useErrorBoundary: <TError extends Error>() => {
-    resetBoundary: () => void;
-    showBoundary: (error: TError) => void;
-};
-
-type FallbackProps = {
-    error: unknown;
-    resetErrorBoundary: (...args: unknown[]) => void;
-};
-type ErrorBoundaryProps = {
-    children: React.ReactNode;
-    fallback: React.ReactNode | ((props: FallbackProps) => React.ReactNode);
-    onError?: (error: Error, info: React.ErrorInfo & {
-        ownerStack?: string;
-    }) => void;
-    onReset?: (details: {
-        next: unknown[] | undefined;
-        prev: unknown[] | undefined;
-        reason: "keys";
-    } | {
-        parameters: unknown[];
-        reason: "imperative-api";
-    }) => void;
-    resetKeys?: unknown[];
-};
-
-type ErrorBoundaryState = {
-    error: Error;
-    hasError: true;
-} | {
-    error: null;
-    hasError: false;
-};
-/**
- * Copied from react-error-boundary package
- * @see https://github.com/bvaughn/react-error-boundary
- */
-declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
-    #private;
-    constructor(props: ErrorBoundaryProps);
-    static getDerivedStateFromError(error: Error): {
-        error: Error;
-        hasError: boolean;
-    };
-    componentDidCatch(error: Error, info: react.ErrorInfo): void;
-    componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState): void;
-    render(): react.JSX.Element;
-}
-
-type RenderPropFn<Tvalue> = (result: Tvalue) => react.ReactNode;
-type AwaitInnerProps<Tvalue> = DiscriminatedRenderProps<RenderPropFn<Tvalue>> & {
-    promise: Promise<Tvalue>;
-};
-type AwaitProps<Tvalue> = AwaitInnerProps<Tvalue> & {
-    errorFallback?: ErrorBoundaryProps["fallback"];
-    fallback?: react.ReactNode;
-};
-declare function Await<Tvalue>(props: AwaitProps<Tvalue>): react.JSX.Element;
-
-export { Await, type AwaitInnerProps, ErrorBoundary, type ErrorBoundaryContextType, type ErrorBoundaryProps, type FallbackProps, useErrorBoundary, useErrorBoundaryContext };

package/dist/esm/common/index.js

@@ -1,9 +1,12 @@
-export { Await, ErrorBoundary, useErrorBoundary, useErrorBoundaryContext } from '../chunk-P6HRTILR.js';
+import '../chunk-CWUEUCR5.js';
+export { SuspenseWithBoundary } from '../chunk-NPIJ4XZP.js';
+export { switch_parts_exports as Switch, SwitchDefault, SwitchMatch, SwitchRoot } from '../chunk-SVQ4WBSO.js';
+export { Teleport } from '../chunk-CB2EZJYW.js';
+export { Await } from '../chunk-DJIVSXN7.js';
+export { ErrorBoundary, useErrorBoundary, useErrorBoundaryContext } from '../chunk-OM4ZFFQS.js';
 export { ForBase, ForList, getElementList } from '../chunk-DW3FXTFL.js';
 export { show_parts_exports as Show, ShowContent, ShowFallback, ShowRoot } from '../chunk-FPCKBOJN.js';
 export { Slot, Slottable } from '../chunk-ENDWJXPF.js';
-export { switch_parts_exports as Switch, SwitchDefault, SwitchMatch, SwitchRoot } from '../chunk-SVQ4WBSO.js';
-export { Teleport } from '../chunk-CB2EZJYW.js';
 import '../chunk-PZ5AY32C.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/esm/common/suspense-with-boundary/index.d.ts

@@ -0,0 +1,11 @@
+import * as react from 'react';
+import { E as ErrorBoundaryProps } from '../../types-CeWumkhm.js';
+
+type SuspenseWithBoundaryProps = {
+    children: React.ReactNode;
+    errorFallback?: ErrorBoundaryProps["fallback"];
+    fallback?: React.ReactNode;
+};
+declare function SuspenseWithBoundary(props: SuspenseWithBoundaryProps): react.JSX.Element;
+
+export { SuspenseWithBoundary, type SuspenseWithBoundaryProps };

package/dist/esm/common/suspense-with-boundary/index.js

@@ -0,0 +1,5 @@
+export { SuspenseWithBoundary } from '../../chunk-NPIJ4XZP.js';
+import '../../chunk-OM4ZFFQS.js';
+import '../../chunk-PZ5AY32C.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/esm/common/suspense-with-boundary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/esm/index.d.ts

@@ -4,10 +4,13 @@ export { useDragScroll } from './ui/drag-scroll/index.js';
 export { DropZone, InputProps, RootProps, UseDropZoneProps, useDropZone } from './ui/drop-zone/index.js';
 export { FieldValues, Form, FormControlledField, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormField, FormFieldContext, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputRightItem, FormLabel, FormRoot, FormSubmit, FormSubscribeToFieldValue, FormSubscribeToFormState, FormTextAreaPrimitive, useFormFieldContext } from './ui/form/index.js';
 export { useFormContext as useFormRootContext } from 'react-hook-form';
-export { Await, AwaitInnerProps, ErrorBoundary, ErrorBoundaryContextType, ErrorBoundaryProps, FallbackProps, useErrorBoundary, useErrorBoundaryContext } from './common/index.js';
+export { Await, AwaitInnerProps } from './common/await/index.js';
+export { ErrorBoundary, ErrorBoundaryContextType, useErrorBoundary, useErrorBoundaryContext } from './common/error-boundary/index.js';
+export { E as ErrorBoundaryProps, F as FallbackProps } from './types-CeWumkhm.js';
 export { ForBase, ForList, ForRenderProps, getElementList } from './common/for/index.js';
 export { Show, ShowContent, ShowFallback, ShowRoot } from './common/show/index.js';
 export { Slot, Slottable } from './common/slot/index.js';
+export { SuspenseWithBoundary, SuspenseWithBoundaryProps } from './common/suspense-with-boundary/index.js';
 export { Switch, SwitchDefault, SwitchMatch, SwitchRoot } from './common/switch/index.js';
 export { Teleport } from './common/teleport/index.js';
 import 'react';

package/dist/esm/index.js

@@ -5,12 +5,15 @@ export { useDragScroll } from './chunk-E42DOTGX.js';
 export { DropZone, useDropZone } from './chunk-RQZL6ZG6.js';
 export { form_parts_exports as Form, FormControlledField, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormField, FormFieldContext, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputRightItem, FormLabel, FormRoot, FormSubmit, FormSubscribeToFieldValue, FormSubscribeToFormState, FormTextAreaPrimitive, useStrictFormFieldContext as useFormFieldContext, useFormContext as useFormRootContext } from './chunk-66T5K46O.js';
 import './chunk-OHG7GB7O.js';
-export { Await, ErrorBoundary, useErrorBoundary, useErrorBoundaryContext } from './chunk-P6HRTILR.js';
+import './chunk-CWUEUCR5.js';
+export { SuspenseWithBoundary } from './chunk-NPIJ4XZP.js';
+export { switch_parts_exports as Switch, SwitchDefault, SwitchMatch, SwitchRoot } from './chunk-SVQ4WBSO.js';
+export { Teleport } from './chunk-CB2EZJYW.js';
+export { Await } from './chunk-DJIVSXN7.js';
+export { ErrorBoundary, useErrorBoundary, useErrorBoundaryContext } from './chunk-OM4ZFFQS.js';
 export { ForBase, ForList, getElementList } from './chunk-DW3FXTFL.js';
 export { show_parts_exports as Show, ShowContent, ShowFallback, ShowRoot } from './chunk-FPCKBOJN.js';
 export { Slot, Slottable } from './chunk-ENDWJXPF.js';
-export { switch_parts_exports as Switch, SwitchDefault, SwitchMatch, SwitchRoot } from './chunk-SVQ4WBSO.js';
-export { Teleport } from './chunk-CB2EZJYW.js';
 import './chunk-PZ5AY32C.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/esm/types-CeWumkhm.d.ts

@@ -0,0 +1,22 @@
+type FallbackProps = {
+    error: unknown;
+    resetErrorBoundary: (...args: unknown[]) => void;
+};
+type ErrorBoundaryProps = {
+    children: React.ReactNode;
+    fallback?: React.ReactNode | ((props: FallbackProps) => React.ReactNode);
+    onError?: (error: Error, info: React.ErrorInfo & {
+        ownerStack?: string;
+    }) => void;
+    onReset?: (details: {
+        next: unknown[] | undefined;
+        prev: unknown[] | undefined;
+        reason: "keys";
+    } | {
+        parameters: unknown[];
+        reason: "imperative-api";
+    }) => void;
+    resetKeys?: unknown[];
+};
+
+export type { ErrorBoundaryProps as E, FallbackProps as F };

package/dist/esm/ui/form/index.js

@@ -1,11 +1,14 @@
 export { form_parts_exports as Form, FormControlledField, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormField, FormFieldContext, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputRightItem, FormLabel, FormRoot, FormSubmit, FormSubscribeToFieldValue, FormSubscribeToFormState, FormTextAreaPrimitive, useStrictFormFieldContext as useFormFieldContext, useFormContext as useFormRootContext } from '../../chunk-66T5K46O.js';
 import '../../chunk-OHG7GB7O.js';
-import '../../chunk-P6HRTILR.js';
+import '../../chunk-CWUEUCR5.js';
+import '../../chunk-NPIJ4XZP.js';
+import '../../chunk-SVQ4WBSO.js';
+import '../../chunk-CB2EZJYW.js';
+import '../../chunk-DJIVSXN7.js';
+import '../../chunk-OM4ZFFQS.js';
 import '../../chunk-DW3FXTFL.js';
 import '../../chunk-FPCKBOJN.js';
 import '../../chunk-ENDWJXPF.js';
-import '../../chunk-SVQ4WBSO.js';
-import '../../chunk-CB2EZJYW.js';
 import '../../chunk-PZ5AY32C.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/dist/esm/ui/index.js

@@ -5,12 +5,15 @@ export { useDragScroll } from '../chunk-E42DOTGX.js';
 export { DropZone, useDropZone } from '../chunk-RQZL6ZG6.js';
 export { form_parts_exports as Form, FormControlledField, FormDescription, FormErrorMessage, FormErrorMessagePrimitive, FormField, FormFieldContext, FormFieldController, FormInput, FormInputGroup, FormInputLeftItem, FormInputPrimitive, FormInputRightItem, FormLabel, FormRoot, FormSubmit, FormSubscribeToFieldValue, FormSubscribeToFormState, FormTextAreaPrimitive, useStrictFormFieldContext as useFormFieldContext, useFormContext as useFormRootContext } from '../chunk-66T5K46O.js';
 import '../chunk-OHG7GB7O.js';
-import '../chunk-P6HRTILR.js';
+import '../chunk-CWUEUCR5.js';
+import '../chunk-NPIJ4XZP.js';
+import '../chunk-SVQ4WBSO.js';
+import '../chunk-CB2EZJYW.js';
+import '../chunk-DJIVSXN7.js';
+import '../chunk-OM4ZFFQS.js';
 import '../chunk-DW3FXTFL.js';
 import '../chunk-FPCKBOJN.js';
 import '../chunk-ENDWJXPF.js';
-import '../chunk-SVQ4WBSO.js';
-import '../chunk-CB2EZJYW.js';
 import '../chunk-PZ5AY32C.js';
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@zayne-labs/ui-react",
   "type": "module",
-  "version": "0.6.0",
+  "version": "0.6.1",
   "description": "A composable UI/UI-utilities components library. ",
   "author": "Ryan Zayne",
   "license": "MIT",

package/dist/esm/chunk-P6HRTILR.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../../src/components/common/error-boundary/error-boundary-context.ts","../../src/components/common/error-boundary/useErrorBoundary.ts","../../src/components/common/error-boundary/error-boundary.tsx","../../src/components/common/await/await.tsx"],"names":["React","ReactFragment"],"mappings":"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","file":"chunk-P6HRTILR.js","sourcesContent":["import { createCustomContext } from \"@zayne-labs/toolkit-react\";\n\nexport type ErrorBoundaryContextType = {\n\terror: unknown;\n\thasError: boolean;\n\tresetErrorBoundary: (...args: unknown[]) => void;\n};\n\nexport const [ErrorBoundaryContextProvider, useErrorBoundaryContext] =\n\tcreateCustomContext<ErrorBoundaryContextType>({\n\t\thookName: \"useErrorBoundaryContext\",\n\t\tname: \"ErrorBoundaryContext\",\n\t\tproviderName: \"ErrorBoundaryContextProvider\",\n\t});\n","import { useCallbackRef } from \"@zayne-labs/toolkit-react\";\nimport { useState } from \"react\";\nimport { useErrorBoundaryContext } from \"./error-boundary-context\";\n\ntype UseErrorBoundaryState<TError extends Error> =\n\t| {\n\t\t\terror: null;\n\t\t\thasError: false;\n\t  }\n\t| {\n\t\t\terror: TError;\n\t\t\thasError: true;\n\t  };\n\nexport const useErrorBoundary = <TError extends Error>() => {\n\tconst { resetErrorBoundary } = useErrorBoundaryContext();\n\n\tconst [state, setState] = useState<UseErrorBoundaryState<TError>>({\n\t\terror: null,\n\t\thasError: false,\n\t});\n\n\tif (state.hasError) {\n\t\tthrow state.error;\n\t}\n\n\tconst resetBoundary = useCallbackRef(() => {\n\t\tresetErrorBoundary();\n\n\t\tsetState({\n\t\t\terror: null,\n\t\t\thasError: false,\n\t\t});\n\t});\n\n\tconst showBoundary = useCallbackRef((error: TError) => {\n\t\tsetState({\n\t\t\terror,\n\t\t\thasError: true,\n\t\t});\n\t});\n\n\treturn { resetBoundary, showBoundary };\n};\n","import { isFunction } from \"@zayne-labs/toolkit-type-helpers\";\nimport * as React from \"react\";\nimport { Component } from \"react\";\nimport { ErrorBoundaryContextProvider } from \"./error-boundary-context\";\nimport type { ErrorBoundaryProps, FallbackProps } from \"./types\";\n\ntype ErrorBoundaryState =\n\t| {\n\t\t\terror: Error;\n\t\t\thasError: true;\n\t  }\n\t| {\n\t\t\terror: null;\n\t\t\thasError: false;\n\t  };\n\nconst initialState: ErrorBoundaryState = {\n\terror: null,\n\thasError: false,\n};\n\nconst hasArrayChanged = (a: unknown[] = [], b: unknown[] = []) => {\n\treturn a.length !== b.length || a.some((item, index) => !Object.is(item, b[index]));\n};\n\n/**\n * Copied from react-error-boundary package\n * @see https://github.com/bvaughn/react-error-boundary\n */\n\nclass ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {\n\tconstructor(props: ErrorBoundaryProps) {\n\t\tsuper(props);\n\n\t\tthis.state = initialState;\n\t}\n\n\tstatic getDerivedStateFromError(error: Error) {\n\t\treturn { error, hasError: true };\n\t}\n\n\toverride componentDidCatch(error: Error, info: React.ErrorInfo) {\n\t\tthis.props.onError?.(error, info);\n\t}\n\n\toverride componentDidUpdate(prevProps: ErrorBoundaryProps, prevState: ErrorBoundaryState) {\n\t\tconst { hasError } = this.state;\n\t\tconst { resetKeys } = this.props;\n\n\t\t// There's an edge case where if the thing that triggered the error happens to *also* be in the resetKeys array, we'd end up resetting the error boundary immediately.\n\t\t// This would likely trigger a second error to be thrown.\n\t\t// So we make sure that we don't check the resetKeys on the first call of cDU after the error is set.\n\n\t\tif (hasError && prevState.error !== null && hasArrayChanged(prevProps.resetKeys, resetKeys)) {\n\t\t\tthis.props.onReset?.({ next: resetKeys, prev: prevProps.resetKeys, reason: \"keys\" });\n\n\t\t\tthis.setState(initialState);\n\t\t}\n\t}\n\n\toverride render() {\n\t\tconst { children, fallback } = this.props;\n\t\tconst { error, hasError } = this.state;\n\n\t\tlet childToRender = children;\n\n\t\tif (hasError) {\n\t\t\tswitch (true) {\n\t\t\t\tcase isFunction(fallback): {\n\t\t\t\t\tconst props: FallbackProps = { error, resetErrorBoundary: this.#resetErrorBoundary };\n\n\t\t\t\t\tchildToRender = fallback(props);\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tcase fallback !== undefined: {\n\t\t\t\t\tchildToRender = fallback;\n\t\t\t\t\tbreak;\n\t\t\t\t}\n\n\t\t\t\tdefault: {\n\t\t\t\t\tconsole.error(\"error-boundary requires a fallback prop\");\n\t\t\t\t\tthrow error;\n\t\t\t\t}\n\t\t\t}\n\t\t}\n\n\t\treturn (\n\t\t\t<ErrorBoundaryContextProvider\n\t\t\t\tvalue={{ error, hasError, resetErrorBoundary: this.#resetErrorBoundary }}\n\t\t\t>\n\t\t\t\t{childToRender}\n\t\t\t</ErrorBoundaryContextProvider>\n\t\t);\n\t}\n\n\t#resetErrorBoundary = (...parameters: unknown[]) => {\n\t\tconst { error } = this.state;\n\n\t\tif (error !== null) {\n\t\t\tthis.props.onReset?.({ parameters, reason: \"imperative-api\" });\n\n\t\t\tthis.setState(initialState);\n\t\t}\n\t};\n}\n\nexport { ErrorBoundary };\n","import * as React from \"react\";\n\nimport type { DiscriminatedRenderProps } from \"@zayne-labs/toolkit-react/utils\";\nimport { Fragment as ReactFragment, Suspense, use } from \"react\";\nimport { ErrorBoundary, type ErrorBoundaryProps } from \"../error-boundary\";\n\ntype RenderPropFn<Tvalue> = (result: Tvalue) => React.ReactNode;\n\nexport type AwaitInnerProps<Tvalue> = DiscriminatedRenderProps<RenderPropFn<Tvalue>> & {\n\tpromise: Promise<Tvalue>;\n};\n\ntype AwaitProps<Tvalue> = AwaitInnerProps<Tvalue> & {\n\terrorFallback?: ErrorBoundaryProps[\"fallback\"];\n\tfallback?: React.ReactNode;\n};\n\nexport function Await<Tvalue>(props: AwaitProps<Tvalue>) {\n\tconst { errorFallback, fallback, ...restOfProps } = props;\n\n\tconst WithErrorBoundary = errorFallback ? ErrorBoundary : ReactFragment;\n\tconst WithSuspense = fallback ? Suspense : ReactFragment;\n\n\tconst errorBoundaryProps = { fallback: errorFallback };\n\tconst suspenseProps = { fallback };\n\n\treturn (\n\t\t<WithErrorBoundary {...errorBoundaryProps}>\n\t\t\t<WithSuspense {...suspenseProps}>\n\t\t\t\t<AwaitInner {...restOfProps} />\n\t\t\t</WithSuspense>\n\t\t</WithErrorBoundary>\n\t);\n}\n\nfunction AwaitInner<TValue>(props: AwaitInnerProps<TValue>) {\n\tconst { children, promise, render } = props;\n\n\tconst result = use(promise);\n\n\tif (typeof children === \"function\") {\n\t\treturn children(result);\n\t}\n\n\treturn render(result);\n}\n"]}