@fuf-stack/pixels 1.5.0 → 1.6.0

package/dist/chunk-U5J6GTQE.js

@@ -0,0 +1,123 @@
+import {
+  __spreadValues
+} from "./chunk-OAIRL2FN.js";
+
+// src/utils/createWithSuspense/createWithSuspense.tsx
+import { Component, Suspense } from "react";
+import { motion, useReducedMotion } from "@fuf-stack/pixel-motion";
+import { jsx } from "react/jsx-runtime";
+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 == null ? void 0 : onError(error, errorInfo);
+  }
+  // eslint-disable-next-line @typescript-eslint/promise-function-async
+  render() {
+    const { error, errorInfo } = this.state;
+    const { fallback, children, shouldAnimate } = this.props;
+    if (error) {
+      const errorFallback = fallback(
+        error,
+        errorInfo != null ? 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: 0.2, ease: "easeInOut" },
+            opacity: { duration: 0.2, delay: 0.2 }
+          },
+          children: errorFallback
+        }
+      );
+    }
+    return children;
+  }
+};
+function createWithSuspense(config = {}) {
+  const {
+    defaultFallback = null,
+    disableAnimation: defaultDisableAnimation = false,
+    errorFallback: defaultErrorFallback,
+    onError: defaultOnError
+  } = config;
+  return function withSuspense(WrappedComponent, options) {
+    var _a, _b, _c, _d, _e, _f;
+    const fallback = (_a = options == null ? void 0 : options.fallback) != null ? _a : defaultFallback;
+    const errorFallback = (_b = options == null ? void 0 : options.errorFallback) != null ? _b : defaultErrorFallback;
+    const disableErrorBoundary = (_c = options == null ? void 0 : options.disableErrorBoundary) != null ? _c : false;
+    const disableAnimation = (_d = options == null ? void 0 : options.disableAnimation) != null ? _d : 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: 0.2, ease: "easeInOut" },
+              opacity: { duration: 0.2, delay: 0.2 }
+              // Fade in after height animation
+            },
+            children
+          }
+        );
+      };
+      const animatedFallback = shouldAnimate ? /* @__PURE__ */ jsx(
+        motion.div,
+        {
+          exit: { height: 0, opacity: 0 },
+          initial: { height: "auto", opacity: 1 },
+          style: { overflow: "hidden" },
+          transition: {
+            height: { duration: 0.3, ease: "easeInOut" },
+            opacity: { duration: 0.2 }
+          },
+          children: fallback
+        },
+        "fallback"
+      ) : fallback;
+      const content = /* @__PURE__ */ jsx(Suspense, { fallback: animatedFallback, children: wrapWithMotion(/* @__PURE__ */ jsx(WrappedComponent, __spreadValues({}, props))) });
+      if (!errorFallback || disableErrorBoundary) {
+        return content;
+      }
+      return /* @__PURE__ */ jsx(
+        ErrorBoundary,
+        {
+          fallback: errorFallback,
+          onError: defaultOnError,
+          shouldAnimate,
+          children: content
+        }
+      );
+    };
+    WithSuspenseComponent.displayName = `withSuspense(${(_f = (_e = WrappedComponent.displayName) != null ? _e : WrappedComponent.name) != null ? _f : "Component"})`;
+    return WithSuspenseComponent;
+  };
+}
+
+export {
+  createWithSuspense
+};
+//# sourceMappingURL=chunk-U5J6GTQE.js.map

package/dist/chunk-U5J6GTQE.js.map

@@ -0,0 +1 @@
+{"version":3,"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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","names":[]}

package/dist/{chunk-S4O4KDC3.cjs → chunk-VHESFBAQ.cjs}

@@ -4,6 +4,7 @@ var _chunk77J7NZYBcjs = require('./chunk-77J7NZYB.cjs');
 
 
 
+
 var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
 
 // src/AvatarGroup/AvatarGroup.tsx
@@ -28,25 +29,26 @@ var AvatarGroup = ({
       max,
       radius: rounded,
       size,
-      children: avatars == null ? void 0 : avatars.map((avatar) => {
-        return AvatarWrapper ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AvatarWrapper, _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, avatar.wrapperProps), { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      children: avatars == null ? void 0 : avatars.map((avatar, index) => {
+        const avatarKey = avatar.src ? `${avatar.src}-${index}` : `avatar-${index}`;
+        const _a = avatar, { wrapperProps } = _a, avatarProps = _chunkAHEA4IJVcjs.__objRest.call(void 0, _a, ["wrapperProps"]);
+        return AvatarWrapper ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, AvatarWrapper, _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, wrapperProps), { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _chunk77J7NZYBcjs.Avatar_default,
-          _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, avatar), {
+          _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, avatarProps), {
             bordered,
             disabled: disabled || (avatar == null ? void 0 : avatar.disabled),
             rounded,
             size
-          }),
-          avatar.src
-        ) })) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          })
+        ) }), avatarKey) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           _chunk77J7NZYBcjs.Avatar_default,
-          _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, avatar), {
+          _chunkAHEA4IJVcjs.__spreadProps.call(void 0, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, avatarProps), {
             bordered,
             disabled: disabled || (avatar == null ? void 0 : avatar.disabled),
             rounded,
             size
           }),
-          avatar.src
+          avatarKey
         );
       })
     }
@@ -61,4 +63,4 @@ var AvatarGroup_default2 = AvatarGroup_default;
 
 
 exports.AvatarGroup_default = AvatarGroup_default; exports.AvatarGroup_default2 = AvatarGroup_default2;
-//# sourceMappingURL=chunk-S4O4KDC3.cjs.map
+//# sourceMappingURL=chunk-VHESFBAQ.cjs.map

package/dist/chunk-VHESFBAQ.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-VHESFBAQ.cjs","../src/AvatarGroup/AvatarGroup.tsx","../src/AvatarGroup/index.ts"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACA;ACNA,wCAA+C;AAuDnC,+CAAA;AA1BZ,IAAM,YAAA,EAAc,CAAC;AAAA,EACnB,SAAA,EAAW,KAAA;AAAA,EACX,QAAA,EAAU,MAAA;AAAA,EACV,UAAA,EAAY,EAAA;AAAA,EACZ,SAAA,EAAW,KAAA;AAAA,EACX,KAAA,EAAO,IAAA;AAAA,EACP,QAAA,EAAU,CAAC,CAAA;AAAA,EACX,IAAA,EAAM,CAAA;AAAA,EACN,aAAA,EAAe,cAAA,EAAgB,KAAA;AACjC,CAAA,EAAA,GAAwB;AACtB,EAAA,uBACE,6BAAA;AAAA,IAAC,mBAAA;AAAA,IAAA;AAAA,MACC,SAAA;AAAA,MACA,UAAA,EAAY,QAAA;AAAA,MACZ,UAAA,EAAY,QAAA;AAAA,MACZ,GAAA;AAAA,MACA,MAAA,EAAQ,OAAA;AAAA,MACR,IAAA;AAAA,MAEC,QAAA,EAAA,QAAA,GAAA,KAAA,EAAA,KAAA,EAAA,EAAA,OAAA,CAAS,GAAA,CAAI,CAAC,MAAA,EAAQ,KAAA,EAAA,GAAU;AAC/B,QAAA,MAAM,UAAA,EAAY,MAAA,CAAO,IAAA,EACrB,CAAA,EAAA;AAEI,QAAA;AAEN,QAAA;AACG,UAAA;AAAA,UAAA;AAEC,YAAA;AACsB,YAAA;AACtB,YAAA;AACA,YAAA;AAAA,UAAA;AAIJ,QAAA;AAAC,UAAA;AAAA,UAAA;AAGC,YAAA;AACsB,YAAA;AACtB,YAAA;AACA,YAAA;AAAA,UAAA;AALK,UAAA;AAMP,QAAA;AAEJ,MAAA;AAAA,IAAA;AACF,EAAA;AAEJ;AAEe;ADxByB;AACA;AEpDzB;AFsDyB;AACA;AACA;AACA;AACA","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-VHESFBAQ.cjs","sourcesContent":[null,"import type { JSX } from 'react';\nimport type { AvatarProps } from '../Avatar/Avatar';\n\nimport { AvatarGroup as HeroAvatarGroup } from '@heroui/avatar';\n\nimport { Avatar } from '../Avatar';\n\nexport interface AvatarGroupProps {\n  /* Display a border ring around the Avatar */\n  bordered?: boolean;\n  /* Roundness of the border around the Avatar */\n  rounded?: 'none' | 'sm' | 'md' | 'lg' | 'full';\n  /** CSS class name */\n  className?: string;\n  /* Disables the Avatar */\n  disabled?: boolean;\n  /* Size of the Avatar */\n  size?: 'sm' | 'md' | 'lg';\n  /* Maximum number of avatars to display before +X is displayed */\n  max?: number;\n  /* Array of avatarProps */\n  avatars?: (Omit<AvatarProps, 'size' | 'rounded' | 'bordered'> & {\n    /* Custom wrapperProps for each avatarWrapper */\n    wrapperProps?: Record<string, unknown>;\n  })[];\n  /* Custom wrapper for each avatar */\n  avatarWrapper?: JSX.ElementType;\n}\n\n/**\n * AvatarGroup component based on [HeroUI AvatarGroup](https://www.heroui.com//docs/components/avatar)\n */\nconst AvatarGroup = ({\n  bordered = false,\n  rounded = 'full',\n  className = '',\n  disabled = false,\n  size = 'md',\n  avatars = [],\n  max = 3,\n  avatarWrapper: AvatarWrapper = undefined,\n}: AvatarGroupProps) => {\n  return (\n    <HeroAvatarGroup\n      className={className}\n      isBordered={bordered}\n      isDisabled={disabled}\n      max={max}\n      radius={rounded}\n      size={size}\n    >\n      {avatars?.map((avatar, index) => {\n        const avatarKey = avatar.src\n          ? `${avatar.src}-${index}`\n          : `avatar-${index}`;\n        const { wrapperProps, ...avatarProps } = avatar;\n        return AvatarWrapper ? (\n          <AvatarWrapper key={avatarKey} {...wrapperProps}>\n            <Avatar\n              {...avatarProps}\n              bordered={bordered}\n              disabled={disabled || avatar?.disabled}\n              rounded={rounded}\n              size={size}\n            />\n          </AvatarWrapper>\n        ) : (\n          <Avatar\n            key={avatarKey}\n            {...avatarProps}\n            bordered={bordered}\n            disabled={disabled || avatar?.disabled}\n            rounded={rounded}\n            size={size}\n          />\n        );\n      })}\n    </HeroAvatarGroup>\n  );\n};\n\nexport default AvatarGroup;\n","import AvatarGroup from './AvatarGroup';\n\nexport type { AvatarGroupProps } from './AvatarGroup';\n\nexport { AvatarGroup };\n\nexport default AvatarGroup;\n"]}

package/dist/chunk-WCE3O6UA.cjs

@@ -0,0 +1,123 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkAHEA4IJVcjs = require('./chunk-AHEA4IJV.cjs');
+
+// src/utils/createWithSuspense/createWithSuspense.tsx
+var _react = require('react');
+var _pixelmotion = require('@fuf-stack/pixel-motion');
+var _jsxruntime = require('react/jsx-runtime');
+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 == null ? void 0 : onError(error, errorInfo);
+  }
+  // eslint-disable-next-line @typescript-eslint/promise-function-async
+  render() {
+    const { error, errorInfo } = this.state;
+    const { fallback, children, shouldAnimate } = this.props;
+    if (error) {
+      const errorFallback = fallback(
+        error,
+        errorInfo != null ? errorInfo : { componentStack: "" }
+      );
+      if (!shouldAnimate) {
+        return errorFallback;
+      }
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _pixelmotion.motion.div,
+        {
+          animate: { height: "auto", opacity: 1 },
+          initial: { height: 0, opacity: 0 },
+          style: { overflow: "hidden" },
+          transition: {
+            height: { duration: 0.2, ease: "easeInOut" },
+            opacity: { duration: 0.2, delay: 0.2 }
+          },
+          children: errorFallback
+        }
+      );
+    }
+    return children;
+  }
+};
+function createWithSuspense(config = {}) {
+  const {
+    defaultFallback = null,
+    disableAnimation: defaultDisableAnimation = false,
+    errorFallback: defaultErrorFallback,
+    onError: defaultOnError
+  } = config;
+  return function withSuspense(WrappedComponent, options) {
+    var _a, _b, _c, _d, _e, _f;
+    const fallback = (_a = options == null ? void 0 : options.fallback) != null ? _a : defaultFallback;
+    const errorFallback = (_b = options == null ? void 0 : options.errorFallback) != null ? _b : defaultErrorFallback;
+    const disableErrorBoundary = (_c = options == null ? void 0 : options.disableErrorBoundary) != null ? _c : false;
+    const disableAnimation = (_d = options == null ? void 0 : options.disableAnimation) != null ? _d : defaultDisableAnimation;
+    const WithSuspenseComponent = (props) => {
+      const prefersReducedMotion = _pixelmotion.useReducedMotion.call(void 0, );
+      const shouldAnimate = !disableAnimation && !prefersReducedMotion;
+      const wrapWithMotion = (children) => {
+        if (!shouldAnimate) {
+          return children;
+        }
+        return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _pixelmotion.motion.div,
+          {
+            animate: { height: "auto", opacity: 1 },
+            exit: { height: 0, opacity: 0 },
+            initial: { height: 0, opacity: 0 },
+            style: { overflow: "hidden" },
+            transition: {
+              height: { duration: 0.2, ease: "easeInOut" },
+              opacity: { duration: 0.2, delay: 0.2 }
+              // Fade in after height animation
+            },
+            children
+          }
+        );
+      };
+      const animatedFallback = shouldAnimate ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _pixelmotion.motion.div,
+        {
+          exit: { height: 0, opacity: 0 },
+          initial: { height: "auto", opacity: 1 },
+          style: { overflow: "hidden" },
+          transition: {
+            height: { duration: 0.3, ease: "easeInOut" },
+            opacity: { duration: 0.2 }
+          },
+          children: fallback
+        },
+        "fallback"
+      ) : fallback;
+      const content = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Suspense, { fallback: animatedFallback, children: wrapWithMotion(/* @__PURE__ */ _jsxruntime.jsx.call(void 0, WrappedComponent, _chunkAHEA4IJVcjs.__spreadValues.call(void 0, {}, props))) });
+      if (!errorFallback || disableErrorBoundary) {
+        return content;
+      }
+      return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        ErrorBoundary,
+        {
+          fallback: errorFallback,
+          onError: defaultOnError,
+          shouldAnimate,
+          children: content
+        }
+      );
+    };
+    WithSuspenseComponent.displayName = `withSuspense(${(_f = (_e = WrappedComponent.displayName) != null ? _e : WrappedComponent.name) != null ? _f : "Component"})`;
+    return WithSuspenseComponent;
+  };
+}
+
+
+
+exports.createWithSuspense = createWithSuspense;
+//# sourceMappingURL=chunk-WCE3O6UA.cjs.map

package/dist/chunk-WCE3O6UA.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-WCE3O6UA.cjs","../src/utils/createWithSuspense/createWithSuspense.tsx"],"names":[],"mappings":"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","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/chunk-WCE3O6UA.cjs","sourcesContent":[null,"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"]}

package/dist/chunk-XLR7LQR6.js

@@ -0,0 +1,23 @@
+// src/hooks/useDebounce/useDebounce.ts
+import { useEffect, useState } from "react";
+var useDebounce = (value, delay) => {
+  const [debouncedValue, setDebouncedValue] = useState(value);
+  useEffect(
+    () => {
+      const handler = setTimeout(() => {
+        setDebouncedValue(value);
+      }, delay);
+      return () => {
+        clearTimeout(handler);
+      };
+    },
+    [value, delay]
+    // Only re-call effect if value or delay changes
+  );
+  return debouncedValue;
+};
+
+export {
+  useDebounce
+};
+//# sourceMappingURL=chunk-XLR7LQR6.js.map

package/dist/chunk-XLR7LQR6.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/hooks/useDebounce/useDebounce.ts"],"sourcesContent":["/* eslint-disable import-x/prefer-default-export */\n\nimport { useEffect, useState } from 'react';\n\n/**\n * Hook that debounces a value\n * @param value - The value to debounce\n * @param delay - Delay in milliseconds\n * @returns The debounced value\n */\nexport const useDebounce = <Value>(value: Value, delay: number) => {\n  // State and setters for debounced value\n  const [debouncedValue, setDebouncedValue] = useState(value);\n\n  useEffect(\n    () => {\n      // Update debounced value after delay\n      const handler = setTimeout(() => {\n        setDebouncedValue(value);\n      }, delay);\n\n      // Cancel the timeout if value changes (also on delay change or unmount)\n      // This is how we prevent debounced value from updating if value is changed ...\n      // .. within the delay period. Timeout gets cleared and restarted.\n      return () => {\n        clearTimeout(handler);\n      };\n    },\n    [value, delay], // Only re-call effect if value or delay changes\n  );\n\n  return debouncedValue;\n};\n"],"mappings":";AAEA,SAAS,WAAW,gBAAgB;AAQ7B,IAAM,cAAc,CAAQ,OAAc,UAAkB;AAEjE,QAAM,CAAC,gBAAgB,iBAAiB,IAAI,SAAS,KAAK;AAE1D;AAAA,IACE,MAAM;AAEJ,YAAM,UAAU,WAAW,MAAM;AAC/B,0BAAkB,KAAK;AAAA,MACzB,GAAG,KAAK;AAKR,aAAO,MAAM;AACX,qBAAa,OAAO;AAAA,MACtB;AAAA,IACF;AAAA,IACA,CAAC,OAAO,KAAK;AAAA;AAAA,EACf;AAEA,SAAO;AACT;","names":[]}

package/dist/hooks/useDebounce/index.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkEJKGMMBTcjs = require('../../chunk-EJKGMMBT.cjs');
+require('../../chunk-AHEA4IJV.cjs');
+
+
+exports.useDebounce = _chunkEJKGMMBTcjs.useDebounce;
+//# sourceMappingURL=index.cjs.map

package/dist/hooks/useDebounce/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/hooks/useDebounce/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC;AACE;AACF,oDAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/hooks/useDebounce/index.cjs"}

package/dist/hooks/useDebounce/index.d.cts

@@ -0,0 +1,9 @@
+/**
+ * Hook that debounces a value
+ * @param value - The value to debounce
+ * @param delay - Delay in milliseconds
+ * @returns The debounced value
+ */
+declare const useDebounce: <Value>(value: Value, delay: number) => Value;
+
+export { useDebounce };

package/dist/hooks/useDebounce/index.d.ts

@@ -0,0 +1,9 @@
+/**
+ * Hook that debounces a value
+ * @param value - The value to debounce
+ * @param delay - Delay in milliseconds
+ * @returns The debounced value
+ */
+declare const useDebounce: <Value>(value: Value, delay: number) => Value;
+
+export { useDebounce };

package/dist/hooks/useDebounce/index.js

@@ -0,0 +1,8 @@
+import {
+  useDebounce
+} from "../../chunk-XLR7LQR6.js";
+import "../../chunk-OAIRL2FN.js";
+export {
+  useDebounce
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/useIsInitialRenderCycle/index.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkON3PVFZYcjs = require('../../chunk-ON3PVFZY.cjs');
+require('../../chunk-AHEA4IJV.cjs');
+
+
+exports.useIsInitialRenderCycle = _chunkON3PVFZYcjs.useIsInitialRenderCycle;
+//# sourceMappingURL=index.cjs.map

package/dist/hooks/useIsInitialRenderCycle/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/hooks/useIsInitialRenderCycle/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC;AACE;AACF,4EAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/hooks/useIsInitialRenderCycle/index.cjs"}

package/dist/hooks/useIsInitialRenderCycle/index.d.cts

@@ -0,0 +1,8 @@
+/**
+ * A hook that returns true on initial render and false afterward.
+ *
+ * @returns {boolean} - True on initial render, false afterward
+ */
+declare const useIsInitialRenderCycle: () => boolean;
+
+export { useIsInitialRenderCycle };

package/dist/hooks/useIsInitialRenderCycle/index.d.ts

@@ -0,0 +1,8 @@
+/**
+ * A hook that returns true on initial render and false afterward.
+ *
+ * @returns {boolean} - True on initial render, false afterward
+ */
+declare const useIsInitialRenderCycle: () => boolean;
+
+export { useIsInitialRenderCycle };

package/dist/hooks/useIsInitialRenderCycle/index.js

@@ -0,0 +1,8 @@
+import {
+  useIsInitialRenderCycle
+} from "../../chunk-GKYJUGD4.js";
+import "../../chunk-OAIRL2FN.js";
+export {
+  useIsInitialRenderCycle
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/useIsInitialRenderCycle/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/hooks/useLocalStorage/index.cjs

@@ -0,0 +1,8 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkIXBNFKOScjs = require('../../chunk-IXBNFKOS.cjs');
+require('../../chunk-AHEA4IJV.cjs');
+
+
+exports.useLocalStorage = _chunkIXBNFKOScjs.useLocalStorage;
+//# sourceMappingURL=index.cjs.map

package/dist/hooks/useLocalStorage/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/hooks/useLocalStorage/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,4DAAiC;AACjC,oCAAiC;AACjC;AACE;AACF,4DAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/hooks/useLocalStorage/index.cjs"}

package/dist/hooks/useLocalStorage/index.d.cts

@@ -0,0 +1,5 @@
+import { Dispatch, SetStateAction } from 'react';
+
+declare const useLocalStorage: <T>(key: string, initialValue: T | (() => T)) => [T, Dispatch<SetStateAction<T>>];
+
+export { useLocalStorage };

package/dist/hooks/useLocalStorage/index.d.ts

@@ -0,0 +1,5 @@
+import { Dispatch, SetStateAction } from 'react';
+
+declare const useLocalStorage: <T>(key: string, initialValue: T | (() => T)) => [T, Dispatch<SetStateAction<T>>];
+
+export { useLocalStorage };

package/dist/hooks/useLocalStorage/index.js

@@ -0,0 +1,8 @@
+import {
+  useLocalStorage
+} from "../../chunk-M3Y2DZZE.js";
+import "../../chunk-OAIRL2FN.js";
+export {
+  useLocalStorage
+};
+//# sourceMappingURL=index.js.map

package/dist/hooks/useLocalStorage/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/index.cjs

@@ -1,16 +1,23 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
+var _chunkEJKGMMBTcjs = require('./chunk-EJKGMMBT.cjs');
 
-var _chunkZOSD26X7cjs = require('./chunk-ZOSD26X7.cjs');
 
+var _chunkIXBNFKOScjs = require('./chunk-IXBNFKOS.cjs');
 
 
-var _chunkN7J3ZGJGcjs = require('./chunk-N7J3ZGJG.cjs');
+var _chunkWCE3O6UAcjs = require('./chunk-WCE3O6UA.cjs');
 
 
 
+var _chunkK5VPNWIJcjs = require('./chunk-K5VPNWIJ.cjs');
 
-var _chunkBVZHFHLJcjs = require('./chunk-BVZHFHLJ.cjs');
+
+
+var _chunkFQJ32476cjs = require('./chunk-FQJ32476.cjs');
+
+
+var _chunkON3PVFZYcjs = require('./chunk-ON3PVFZY.cjs');
 
 
 
@@ -71,7 +78,7 @@ var _chunkNSYHAJM2cjs = require('./chunk-NSYHAJM2.cjs');
 var _chunkK25U4BJOcjs = require('./chunk-K25U4BJO.cjs');
 
 
-var _chunkS4O4KDC3cjs = require('./chunk-S4O4KDC3.cjs');
+var _chunkVHESFBAQcjs = require('./chunk-VHESFBAQ.cjs');
 
 
 var _chunk77J7NZYBcjs = require('./chunk-77J7NZYB.cjs');
@@ -131,5 +138,6 @@ require('./chunk-AHEA4IJV.cjs');
 
 
 
-exports.Accordion = _chunkNSYHAJM2cjs.Accordion_default; exports.Alert = _chunkK25U4BJOcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkS4O4KDC3cjs.AvatarGroup_default; exports.Badge = _chunkHG7AE6Q2cjs.Badge_default; exports.Breadcrumb = _chunkIBX6A72Pcjs.Breadcrumb_default; exports.Button = _chunkFVQDVD3Ecjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunk6PCFYEJHcjs.Card_default; exports.Drawer = _chunkOLU26V56cjs.Drawer_default; exports.Json = _chunkIBP3GUEAcjs.Json_default; exports.Label = _chunkBPBEZCSPcjs.Label_default; exports.Menu = _chunk5ZT7C5IPcjs.Menu_default; exports.Modal = _chunkB2PDISUUcjs.Modal_default; exports.Popover = _chunkRPULU7LCcjs.Popover_default; exports.Progress = _chunkZOSD26X7cjs.Progress_default; exports.ProgressCircular = _chunkN7J3ZGJGcjs.ProgressCircular_default; exports.Table = _chunkYUR6N2RBcjs.Table_default; exports.Tabs = _chunkG3YTOGEGcjs.Tabs_default; exports.Toast = _chunk56CIU4EGcjs.Toast; exports.ToastProvider = _chunk56CIU4EGcjs.ToastProvider_default; exports.Tooltip = _chunkZIAB3EXUcjs.Tooltip_default; exports.accordionVariants = _chunkNSYHAJM2cjs.accordionVariants; exports.addToast = _chunk56CIU4EGcjs.addToast; exports.alertVariants = _chunkK25U4BJOcjs.alertVariants; exports.breadcrumbVariants = _chunkIBX6A72Pcjs.breadcrumbVariants; exports.buttonVariants = _chunkFVQDVD3Ecjs.buttonVariants; exports.cardVariants = _chunk6PCFYEJHcjs.cardVariants; exports.drawerBackdrops = _chunkOLU26V56cjs.drawerBackdrops; exports.drawerPlacements = _chunkOLU26V56cjs.drawerPlacements; exports.drawerRadii = _chunkOLU26V56cjs.drawerRadii; exports.drawerSizes = _chunkOLU26V56cjs.drawerSizes; exports.drawerVariants = _chunkOLU26V56cjs.drawerVariants; exports.labelVariants = _chunkBPBEZCSPcjs.labelVariants; exports.modalVariants = _chunkB2PDISUUcjs.modalVariants; exports.progressCircularVariants = _chunkN7J3ZGJGcjs.progressCircularVariants; exports.progressVariants = _chunkZOSD26X7cjs.progressVariants; exports.tableVariants = _chunkYUR6N2RBcjs.tableVariants; exports.tabsVariants = _chunkG3YTOGEGcjs.tabsVariants; exports.toastVariants = _chunk56CIU4EGcjs.toastVariants; exports.useDebounce = _chunkBVZHFHLJcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkBVZHFHLJcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkBVZHFHLJcjs.useLocalStorage;
+
+exports.Accordion = _chunkNSYHAJM2cjs.Accordion_default; exports.Alert = _chunkK25U4BJOcjs.Alert_default; exports.Avatar = _chunk77J7NZYBcjs.Avatar_default; exports.AvatarGroup = _chunkVHESFBAQcjs.AvatarGroup_default; exports.Badge = _chunkHG7AE6Q2cjs.Badge_default; exports.Breadcrumb = _chunkIBX6A72Pcjs.Breadcrumb_default; exports.Button = _chunkFVQDVD3Ecjs.Button_default; exports.ButtonGroup = _chunkY3RSI2KVcjs.ButtonGroup_default; exports.Card = _chunk6PCFYEJHcjs.Card_default; exports.Drawer = _chunkOLU26V56cjs.Drawer_default; exports.Json = _chunkIBP3GUEAcjs.Json_default; exports.Label = _chunkBPBEZCSPcjs.Label_default; exports.Menu = _chunk5ZT7C5IPcjs.Menu_default; exports.Modal = _chunkB2PDISUUcjs.Modal_default; exports.Popover = _chunkRPULU7LCcjs.Popover_default; exports.Progress = _chunkK5VPNWIJcjs.Progress_default; exports.ProgressCircular = _chunkFQJ32476cjs.ProgressCircular_default; exports.Table = _chunkYUR6N2RBcjs.Table_default; exports.Tabs = _chunkG3YTOGEGcjs.Tabs_default; exports.Toast = _chunk56CIU4EGcjs.Toast; exports.ToastProvider = _chunk56CIU4EGcjs.ToastProvider_default; exports.Tooltip = _chunkZIAB3EXUcjs.Tooltip_default; exports.accordionVariants = _chunkNSYHAJM2cjs.accordionVariants; exports.addToast = _chunk56CIU4EGcjs.addToast; exports.alertVariants = _chunkK25U4BJOcjs.alertVariants; exports.breadcrumbVariants = _chunkIBX6A72Pcjs.breadcrumbVariants; exports.buttonVariants = _chunkFVQDVD3Ecjs.buttonVariants; exports.cardVariants = _chunk6PCFYEJHcjs.cardVariants; exports.createWithSuspense = _chunkWCE3O6UAcjs.createWithSuspense; exports.drawerBackdrops = _chunkOLU26V56cjs.drawerBackdrops; exports.drawerPlacements = _chunkOLU26V56cjs.drawerPlacements; exports.drawerRadii = _chunkOLU26V56cjs.drawerRadii; exports.drawerSizes = _chunkOLU26V56cjs.drawerSizes; exports.drawerVariants = _chunkOLU26V56cjs.drawerVariants; exports.labelVariants = _chunkBPBEZCSPcjs.labelVariants; exports.modalVariants = _chunkB2PDISUUcjs.modalVariants; exports.progressCircularVariants = _chunkFQJ32476cjs.progressCircularVariants; exports.progressVariants = _chunkK5VPNWIJcjs.progressVariants; exports.tableVariants = _chunkYUR6N2RBcjs.tableVariants; exports.tabsVariants = _chunkG3YTOGEGcjs.tabsVariants; exports.toastVariants = _chunk56CIU4EGcjs.toastVariants; exports.useDebounce = _chunkEJKGMMBTcjs.useDebounce; exports.useIsInitialRenderCycle = _chunkON3PVFZYcjs.useIsInitialRenderCycle; exports.useLocalStorage = _chunkIXBNFKOScjs.useLocalStorage;
 //# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,g3EAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs"}
+{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B;AACE;AACA;AACF,wDAA6B;AAC7B,gCAA6B;AAC7B;AACE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACF,m7EAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/index.cjs"}

package/dist/index.d.cts

@@ -20,7 +20,10 @@ export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './T
 export { Toast } from '@heroui/toast';
 export { A as AddToastVariantProps, b as ToastProps, T as ToastProvider, c as ToastProviderProps, a as addToast, t as toastVariants } from './ToastProvider-BaynjNgq.cjs';
 export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-DoIaNgTC.cjs';
-export { useDebounce, useIsInitialRenderCycle, useLocalStorage } from './hooks/index.cjs';
+export { useDebounce } from './hooks/useDebounce/index.cjs';
+export { useIsInitialRenderCycle } from './hooks/useIsInitialRenderCycle/index.cjs';
+export { useLocalStorage } from './hooks/useLocalStorage/index.cjs';
+export { CreateWithSuspenseConfig, WithSuspenseOptions, createWithSuspense } from './utils/createWithSuspense/index.cjs';
 export { ButtonGroupProps } from '@heroui/button';
 import 'react/jsx-runtime';
 import 'tailwind-variants';

package/dist/index.d.ts

@@ -20,7 +20,10 @@ export { b as TabProps, T as Tabs, a as TabsProps, t as tabsVariants } from './T
 export { Toast } from '@heroui/toast';
 export { A as AddToastVariantProps, b as ToastProps, T as ToastProvider, c as ToastProviderProps, a as addToast, t as toastVariants } from './ToastProvider-BaynjNgq.js';
 export { T as Tooltip, b as TooltipPlacement, a as TooltipProps } from './Tooltip-DoIaNgTC.js';
-export { useDebounce, useIsInitialRenderCycle, useLocalStorage } from './hooks/index.js';
+export { useDebounce } from './hooks/useDebounce/index.js';
+export { useIsInitialRenderCycle } from './hooks/useIsInitialRenderCycle/index.js';
+export { useLocalStorage } from './hooks/useLocalStorage/index.js';
+export { CreateWithSuspenseConfig, WithSuspenseOptions, createWithSuspense } from './utils/createWithSuspense/index.js';
 export { ButtonGroupProps } from '@heroui/button';
 import 'react/jsx-runtime';
 import 'tailwind-variants';