@fuf-stack/pixels 1.9.0 → 1.10.0

package/dist/Tooltip/Tooltip.d.ts

@@ -0,0 +1,208 @@
+import { TVClassName, TVProps } from "@fuf-stack/pixel-utils";
+import { ReactNode } from "react";
+import { TooltipPlacement } from "@heroui/tooltip";
+
+//#region src/Tooltip/Tooltip.d.ts
+declare const tooltipVariants: import("tailwind-variants").TVReturnType<{
+  size: {
+    xs: {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    sm: {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    md: {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    lg: {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    xl: {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    '2xl': {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    '3xl': {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    full: {
+      base: string;
+    };
+  };
+}, {
+  base: string;
+  body: string;
+  content: string;
+  divider: string;
+  footer: string;
+  footerWrapper: string;
+  header: string;
+  headerWrapper: string;
+  trigger: string;
+}, undefined, {
+  size: {
+    xs: {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    sm: {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    md: {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    lg: {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    xl: {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    '2xl': {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    '3xl': {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    full: {
+      base: string;
+    };
+  };
+}, {
+  base: string;
+  body: string;
+  content: string;
+  divider: string;
+  footer: string;
+  footerWrapper: string;
+  header: string;
+  headerWrapper: string;
+  trigger: string;
+}, import("tailwind-variants").TVReturnType<{
+  size: {
+    xs: {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    sm: {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    md: {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    lg: {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    xl: {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    '2xl': {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    '3xl': {
+      body: string;
+      footer: string;
+      header: string;
+    };
+    full: {
+      base: string;
+    };
+  };
+}, {
+  base: string;
+  body: string;
+  content: string;
+  divider: string;
+  footer: string;
+  footerWrapper: string;
+  header: string;
+  headerWrapper: string;
+  trigger: string;
+}, undefined, unknown, unknown, undefined>>;
+type VariantProps = TVProps<typeof tooltipVariants>;
+type ClassName = TVClassName<typeof tooltipVariants>;
+type TooltipPlacement$1 = TooltipPlacement;
+interface TooltipProps extends VariantProps {
+  /** trigger child components */
+  children: ReactNode;
+  /** CSS class name */
+  className?: ClassName;
+  /** delay in milliseconds before the tooltip opens. */
+  closeDelay?: number;
+  /** placement padding in px */
+  containerPadding?: number;
+  /** content displayed in the tooltip */
+  content: ReactNode;
+  /** open overlay initially when uncontrolled */
+  defaultOpen?: boolean;
+  /** delay in milliseconds before the tooltip opens. */
+  delay?: number;
+  /** tooltip footer */
+  footer?: ReactNode;
+  /** tooltip header */
+  header?: ReactNode;
+  /** handler that is called when the overlay's open state changes */
+  onOpenChange?: (isOpen: boolean) => void;
+  /** placement if the tooltip */
+  placement?: TooltipPlacement$1;
+  /** size of the tooltip */
+  size?: VariantProps['size'];
+}
+/**
+ * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)
+ */
+declare const Tooltip$1: ({
+  children,
+  className: _className,
+  closeDelay,
+  containerPadding,
+  content,
+  defaultOpen,
+  delay,
+  footer,
+  header,
+  onOpenChange,
+  placement,
+  size
+}: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+//#endregion
+export { Tooltip$1 as Tooltip, TooltipPlacement$1 as TooltipPlacement, TooltipProps };
+//# sourceMappingURL=Tooltip.d.ts.map

package/dist/Tooltip/Tooltip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.d.ts","names":[],"sources":["../../src/Tooltip/Tooltip.tsx"],"mappings":";;;;;cAWa,eAAA,8BAAe,YAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;KA6DvB,YAAA,GAAe,OAAO,QAAQ,eAAA;AAAA,KAC9B,SAAA,GAAY,WAAW,QAAQ,eAAA;AAAA,KAExB,kBAAA,GAAmB,gBAAoB;AAAA,UAElC,YAAA,SAAqB,YAAA;EAAA;EAEpC,QAAA,EAAU,SAAA;EAAA;EAEV,SAAA,GAAY,SAAA;EAAA;EAEZ,UAAA;EAEA;EAAA,gBAAA;EAES;EAAT,OAAA,EAAS,SAAA;EAIT;EAFA,WAAA;EAIS;EAFT,KAAA;EAIS;EAFT,MAAA,GAAS,SAAA;EAIO;EAFhB,MAAA,GAAS,SAAA;EAIG;EAFZ,YAAA,IAAgB,MAAA;EAIT;EAFP,SAAA,GAAY,kBAAA;EAEO;EAAnB,IAAA,GAAO,YAAA;AAAA;;;;cAMH,SAAA;EAAW,QAAA;EAAA,SAAA,EAAA,UAAA;EAAA,UAAA;EAAA,gBAAA;EAAA,OAAA;EAAA,WAAA;EAAA,KAAA;EAAA,MAAA;EAAA,MAAA;EAAA,YAAA;EAAA,SAAA;EAAA;AAAA,GAad,YAAA,iCAAY,GAAA,CAAA,OAAA"}

package/dist/Tooltip/Tooltip.js

@@ -0,0 +1,104 @@
+import ScrollShadow_default from "../ScrollShadow/ScrollShadow.js";
+import { tv, variantsToClassNames } from "@fuf-stack/pixel-utils";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Tooltip } from "@heroui/tooltip";
+//#region src/Tooltip/Tooltip.tsx
+const tooltipVariants = tv({
+	slots: {
+		base: "",
+		body: "w-full px-4 py-2",
+		content: "flex max-h-[80vh] flex-col p-0",
+		divider: "m-0 w-full border-divider p-0",
+		footer: "w-full px-4 py-2",
+		footerWrapper: "w-full",
+		header: "w-full px-4 pb-1 pt-2 font-semibold",
+		headerWrapper: "w-full",
+		trigger: "cursor-pointer"
+	},
+	variants: { size: {
+		xs: {
+			body: "max-w-xs",
+			footer: "max-w-xs",
+			header: "max-w-xs"
+		},
+		sm: {
+			body: "max-w-sm",
+			footer: "max-w-sm",
+			header: "max-w-sm"
+		},
+		md: {
+			body: "max-w-md",
+			footer: "max-w-md",
+			header: "max-w-md"
+		},
+		lg: {
+			body: "max-w-lg",
+			footer: "max-w-lg",
+			header: "max-w-lg"
+		},
+		xl: {
+			body: "max-w-xl",
+			footer: "max-w-xl",
+			header: "max-w-xl"
+		},
+		"2xl": {
+			body: "max-w-2xl",
+			footer: "max-w-2xl",
+			header: "max-w-2xl"
+		},
+		"3xl": {
+			body: "max-w-3xl",
+			footer: "max-w-3xl",
+			header: "max-w-3xl"
+		},
+		full: { base: "" }
+	} }
+});
+/**
+* Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)
+*/
+const Tooltip$1 = ({ children, className: _className = void 0, closeDelay = 500, containerPadding = 0, content, defaultOpen = false, delay = 0, footer = void 0, header = void 0, onOpenChange = void 0, placement = "top", size = "full" }) => {
+	const classNames = variantsToClassNames(tooltipVariants({ size }), _className, "base");
+	return /* @__PURE__ */ jsx(Tooltip, {
+		shouldFlip: true,
+		showArrow: true,
+		classNames,
+		closeDelay,
+		containerPadding,
+		defaultOpen,
+		delay,
+		onOpenChange,
+		placement,
+		content: /* @__PURE__ */ jsxs("div", { children: [
+			header ? /* @__PURE__ */ jsxs("div", {
+				className: classNames.headerWrapper,
+				children: [/* @__PURE__ */ jsx("div", {
+					className: classNames.header,
+					children: header
+				}), /* @__PURE__ */ jsx("hr", { className: classNames.divider })]
+			}) : null,
+			/* @__PURE__ */ jsx(ScrollShadow_default, {
+				className: classNames.body,
+				children: content
+			}),
+			footer ? /* @__PURE__ */ jsxs("div", {
+				className: classNames.footerWrapper,
+				children: [/* @__PURE__ */ jsx("hr", { className: classNames.divider }), /* @__PURE__ */ jsx("div", {
+					className: classNames.footer,
+					children: footer
+				})]
+			}) : null
+		] }),
+		onClick: (e) => {
+			e.preventDefault();
+		},
+		children: /* @__PURE__ */ jsx("span", {
+			className: classNames.trigger,
+			children
+		})
+	});
+};
+//#endregion
+export { Tooltip$1 as default };
+
+//# sourceMappingURL=Tooltip.js.map

package/dist/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":["Tooltip","HeroTooltip","ScrollShadow"],"sources":["../../src/Tooltip/Tooltip.tsx"],"sourcesContent":["import type { TVClassName, TVProps } from '@fuf-stack/pixel-utils';\nimport type { TooltipPlacement as HeroTooltipPlacement } from '@heroui/tooltip';\nimport type { ReactNode } from 'react';\n\nimport { Tooltip as HeroTooltip } from '@heroui/tooltip';\n\nimport { tv, variantsToClassNames } from '@fuf-stack/pixel-utils';\n\nimport ScrollShadow from '../ScrollShadow/ScrollShadow';\n\n// tooltip variants\nexport const tooltipVariants = tv({\n  slots: {\n    base: '',\n    body: 'w-full px-4 py-2',\n    content: 'flex max-h-[80vh] flex-col p-0',\n    divider: 'm-0 w-full border-divider p-0',\n    footer: 'w-full px-4 py-2',\n    footerWrapper: 'w-full',\n    header: 'w-full px-4 pb-1 pt-2 font-semibold',\n    headerWrapper: 'w-full',\n    trigger: 'cursor-pointer',\n  },\n  variants: {\n    size: {\n      xs: {\n        // base: 'max-w-xs',\n        body: 'max-w-xs',\n        footer: 'max-w-xs',\n        header: 'max-w-xs',\n      },\n      sm: {\n        // base: 'max-w-sm',\n        body: 'max-w-sm',\n        footer: 'max-w-sm',\n        header: 'max-w-sm',\n      },\n      md: {\n        // base: 'max-w-md',\n        body: 'max-w-md',\n        footer: 'max-w-md',\n        header: 'max-w-md',\n      },\n      lg: {\n        // base: 'max-w-lg',\n        body: 'max-w-lg',\n        footer: 'max-w-lg',\n        header: 'max-w-lg',\n      },\n      xl: {\n        // base: 'max-w-xl',\n        body: 'max-w-xl',\n        footer: 'max-w-xl',\n        header: 'max-w-xl',\n      },\n      '2xl': {\n        // base: 'max-w-2xl',\n        body: 'max-w-2xl',\n        footer: 'max-w-2xl',\n        header: 'max-w-2xl',\n      },\n      '3xl': {\n        // base: 'max-w-3xl',\n        body: 'max-w-3xl',\n        footer: 'max-w-3xl',\n        header: 'max-w-3xl',\n      },\n      full: { base: '' },\n    },\n  },\n});\n\ntype VariantProps = TVProps<typeof tooltipVariants>;\ntype ClassName = TVClassName<typeof tooltipVariants>;\n\nexport type TooltipPlacement = HeroTooltipPlacement;\n\nexport interface TooltipProps extends VariantProps {\n  /** trigger child components */\n  children: ReactNode;\n  /** CSS class name */\n  className?: ClassName;\n  /** delay in milliseconds before the tooltip opens. */\n  closeDelay?: number;\n  /** placement padding in px */\n  containerPadding?: number;\n  /** content displayed in the tooltip */\n  content: ReactNode;\n  /** open overlay initially when uncontrolled */\n  defaultOpen?: boolean;\n  /** delay in milliseconds before the tooltip opens. */\n  delay?: number;\n  /** tooltip footer */\n  footer?: ReactNode;\n  /** tooltip header */\n  header?: ReactNode;\n  /** handler that is called when the overlay's open state changes */\n  onOpenChange?: (isOpen: boolean) => void;\n  /** placement if the tooltip */\n  placement?: TooltipPlacement;\n  /** size of the tooltip */\n  size?: VariantProps['size'];\n}\n\n/**\n * Tooltip component based on [HeroUI Tooltip](https://www.heroui.com//docs/components/tooltip)\n */\nconst Tooltip = ({\n  children,\n  className: _className = undefined,\n  closeDelay = 500,\n  containerPadding = 0,\n  content,\n  defaultOpen = false,\n  delay = 0,\n  footer = undefined,\n  header = undefined,\n  onOpenChange = undefined,\n  placement = 'top',\n  size = 'full',\n}: TooltipProps) => {\n  // classNames from slots\n  const variants = tooltipVariants({ size });\n  const classNames = variantsToClassNames(variants, _className, 'base');\n\n  return (\n    <HeroTooltip\n      shouldFlip\n      showArrow\n      classNames={classNames}\n      closeDelay={closeDelay}\n      containerPadding={containerPadding}\n      defaultOpen={defaultOpen}\n      delay={delay}\n      onOpenChange={onOpenChange}\n      placement={placement}\n      content={\n        <div>\n          {header ? (\n            <div className={classNames.headerWrapper}>\n              <div className={classNames.header}>{header}</div>\n              <hr className={classNames.divider} />\n            </div>\n          ) : null}\n          <ScrollShadow className={classNames.body}>{content}</ScrollShadow>\n          {footer ? (\n            <div className={classNames.footerWrapper}>\n              <hr className={classNames.divider} />\n              <div className={classNames.footer}>{footer}</div>\n            </div>\n          ) : null}\n        </div>\n      }\n      onClick={(e) => {\n        e.preventDefault();\n      }}\n    >\n      <span className={classNames.trigger}>{children}</span>\n    </HeroTooltip>\n  );\n};\n\nexport default Tooltip;\n"],"mappings":";;;;;AAWA,MAAa,kBAAkB,GAAG;CAChC,OAAO;EACL,MAAM;EACN,MAAM;EACN,SAAS;EACT,SAAS;EACT,QAAQ;EACR,eAAe;EACf,QAAQ;EACR,eAAe;EACf,SAAS;CACX;CACA,UAAU,EACR,MAAM;EACJ,IAAI;GAEF,MAAM;GACN,QAAQ;GACR,QAAQ;EACV;EACA,IAAI;GAEF,MAAM;GACN,QAAQ;GACR,QAAQ;EACV;EACA,IAAI;GAEF,MAAM;GACN,QAAQ;GACR,QAAQ;EACV;EACA,IAAI;GAEF,MAAM;GACN,QAAQ;GACR,QAAQ;EACV;EACA,IAAI;GAEF,MAAM;GACN,QAAQ;GACR,QAAQ;EACV;EACA,OAAO;GAEL,MAAM;GACN,QAAQ;GACR,QAAQ;EACV;EACA,OAAO;GAEL,MAAM;GACN,QAAQ;GACR,QAAQ;EACV;EACA,MAAM,EAAE,MAAM,GAAG;CACnB,EACF;AACF,CAAC;;;;AAqCD,MAAMA,aAAW,EACf,UACA,WAAW,aAAa,KAAA,GACxB,aAAa,KACb,mBAAmB,GACnB,SACA,cAAc,OACd,QAAQ,GACR,SAAS,KAAA,GACT,SAAS,KAAA,GACT,eAAe,KAAA,GACf,YAAY,OACZ,OAAO,aACW;CAGlB,MAAM,aAAa,qBADF,gBAAgB,EAAE,KAAK,CACO,GAAG,YAAY,MAAM;CAEpE,OACE,oBAACC,SAAD;EACE,YAAA;EACA,WAAA;EACY;EACA;EACM;EACL;EACN;EACO;EACH;EACX,SACE,qBAAC,OAAD,EAAA,UAAA;GACG,SACC,qBAAC,OAAD;IAAK,WAAW,WAAW;cAA3B,CACE,oBAAC,OAAD;KAAK,WAAW,WAAW;eAAS;IAAY,CAAA,GAChD,oBAAC,MAAD,EAAI,WAAW,WAAW,QAAU,CAAA,CACjC;QACH;GACJ,oBAACC,sBAAD;IAAc,WAAW,WAAW;cAAO;GAAsB,CAAA;GAChE,SACC,qBAAC,OAAD;IAAK,WAAW,WAAW;cAA3B,CACE,oBAAC,MAAD,EAAI,WAAW,WAAW,QAAU,CAAA,GACpC,oBAAC,OAAD;KAAK,WAAW,WAAW;eAAS;IAAY,CAAA,CAC7C;QACH;EACD,EAAA,CAAA;EAEP,UAAU,MAAM;GACd,EAAE,eAAe;EACnB;YAEA,oBAAC,QAAD;GAAM,WAAW,WAAW;GAAU;EAAe,CAAA;CAC1C,CAAA;AAEjB"}

package/dist/Tooltip/index.cjs

@@ -1,11 +1,12 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+const require_Tooltip = require("./Tooltip.cjs");
+//#region src/Tooltip/index.ts
+var Tooltip_default = require_Tooltip.default;
+//#endregion
+exports.Tooltip = require_Tooltip.default;
+exports.default = Tooltip_default;
 
-
-var _chunkZIAB3EXUcjs = require('../chunk-ZIAB3EXU.cjs');
-require('../chunk-ITHJ52SN.cjs');
-require('../chunk-AHEA4IJV.cjs');
-
-
-
-exports.Tooltip = _chunkZIAB3EXUcjs.Tooltip_default; exports.default = _chunkZIAB3EXUcjs.Tooltip_default2;
 //# sourceMappingURL=index.cjs.map

package/dist/Tooltip/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["/home/runner/work/pixels/pixels/packages/pixels/dist/Tooltip/index.cjs"],"names":[],"mappings":"AAAA;AACE;AACA;AACF,yDAA8B;AAC9B,iCAA8B;AAC9B,iCAA8B;AAC9B;AACE;AACA;AACF,0GAAC","file":"/home/runner/work/pixels/pixels/packages/pixels/dist/Tooltip/index.cjs"}
+{"version":3,"file":"index.cjs","names":["Tooltip"],"sources":["../../src/Tooltip/index.ts"],"sourcesContent":["import Tooltip from './Tooltip';\n\nexport type { TooltipProps, TooltipPlacement } from './Tooltip';\n\nexport { Tooltip };\n\nexport default Tooltip;\n"],"mappings":";;;;;;AAMA,IAAA,kBAAeA,gBAAAA"}

package/dist/Tooltip/index.d.cts

@@ -1,11 +1,2 @@
-import { T as Tooltip } from '../Tooltip-DoIaNgTC.cjs';
-export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-DoIaNgTC.cjs';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import '@fuf-stack/pixel-utils';
-import '@heroui/tooltip';
-import 'react';
-
-
-
-export { Tooltip, Tooltip as default };
+import { Tooltip, TooltipPlacement, TooltipProps } from "./Tooltip.cjs";
+export { Tooltip, Tooltip as default, type TooltipPlacement, type TooltipProps };

package/dist/Tooltip/index.d.ts

@@ -1,11 +1,2 @@
-import { T as Tooltip } from '../Tooltip-DoIaNgTC.js';
-export { b as TooltipPlacement, a as TooltipProps } from '../Tooltip-DoIaNgTC.js';
-import 'react/jsx-runtime';
-import 'tailwind-variants';
-import '@fuf-stack/pixel-utils';
-import '@heroui/tooltip';
-import 'react';
-
-
-
-export { Tooltip, Tooltip as default };
+import { Tooltip, TooltipPlacement, TooltipProps } from "./Tooltip.js";
+export { Tooltip, Tooltip as default, type TooltipPlacement, type TooltipProps };

package/dist/Tooltip/index.js

@@ -1,11 +1,7 @@
-import {
-  Tooltip_default,
-  Tooltip_default2
-} from "../chunk-MF5KUM5I.js";
-import "../chunk-ZLSX6FH3.js";
-import "../chunk-OAIRL2FN.js";
-export {
-  Tooltip_default as Tooltip,
-  Tooltip_default2 as default
-};
+import Tooltip from "./Tooltip.js";
+//#region src/Tooltip/index.ts
+var Tooltip_default = Tooltip;
+//#endregion
+export { Tooltip, Tooltip_default as default };
+
 //# sourceMappingURL=index.js.map

package/dist/Tooltip/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Tooltip/index.ts"],"sourcesContent":["import Tooltip from './Tooltip';\n\nexport type { TooltipProps, TooltipPlacement } from './Tooltip';\n\nexport { Tooltip };\n\nexport default Tooltip;\n"],"mappings":";;AAMA,IAAA,kBAAe"}

package/dist/_virtual/_rolldown/runtime.cjs

@@ -0,0 +1,25 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+exports.__commonJSMin = __commonJSMin;
+exports.__toESM = __toESM;

package/dist/_virtual/_rolldown/runtime.js

@@ -0,0 +1,24 @@
+//#region \0rolldown/runtime.js
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __commonJSMin = (cb, mod) => () => (mod || (cb((mod = { exports: {} }).exports, mod), cb = null), mod.exports);
+var __copyProps = (to, from, except, desc) => {
+	if (from && typeof from === "object" || typeof from === "function") for (var keys = __getOwnPropNames(from), i = 0, n = keys.length, key; i < n; i++) {
+		key = keys[i];
+		if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+			get: ((k) => from[k]).bind(null, key),
+			enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+		});
+	}
+	return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", {
+	value: mod,
+	enumerable: true
+}) : target, mod));
+//#endregion
+export { __commonJSMin, __toESM };

package/dist/hooks/useDebounce/index.cjs

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

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

@@ -1,9 +1,2 @@
-/**
- * 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 };
+import { useDebounce } from "./useDebounce.cjs";
+export { useDebounce };

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

@@ -1,9 +1,2 @@
-/**
- * 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 };
+import { useDebounce } from "./useDebounce.js";
+export { useDebounce };

package/dist/hooks/useDebounce/index.js

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

package/dist/hooks/useDebounce/useDebounce.cjs

@@ -0,0 +1,37 @@
+require("../../_virtual/_rolldown/runtime.cjs");
+let _fuf_stack_pixel_utils = require("@fuf-stack/pixel-utils");
+let react = require("react");
+//#region src/hooks/useDebounce/useDebounce.ts
+/**
+* Hook that debounces a value
+* @param value - The value to debounce
+* @param delay - Delay in milliseconds
+* @returns The debounced value
+*/
+const useDebounce = (value, delay) => {
+	const [debouncedValue, setDebouncedValue] = (0, react.useState)(value);
+	const isMountedRef = (0, react.useRef)(true);
+	(0, react.useEffect)(() => {
+		isMountedRef.current = true;
+		return () => {
+			isMountedRef.current = false;
+		};
+	}, []);
+	(0, react.useEffect)(() => {
+		if ((0, _fuf_stack_pixel_utils.isTestEnvironment)()) {
+			setDebouncedValue(value);
+			return;
+		}
+		const handler = setTimeout(() => {
+			if (isMountedRef.current) setDebouncedValue(value);
+		}, delay);
+		return () => {
+			clearTimeout(handler);
+		};
+	}, [value, delay]);
+	return debouncedValue;
+};
+//#endregion
+exports.useDebounce = useDebounce;
+
+//# sourceMappingURL=useDebounce.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.cjs","names":[],"sources":["../../../src/hooks/useDebounce/useDebounce.ts"],"sourcesContent":["/* eslint-disable import-x/prefer-default-export */\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { isTestEnvironment } from '@fuf-stack/pixel-utils';\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  // Track if component is mounted to prevent setState on unmounted component\n  const isMountedRef = useRef(true);\n\n  useEffect(() => {\n    // Mark as mounted\n    isMountedRef.current = true;\n    return () => {\n      // Mark as unmounted on cleanup\n      isMountedRef.current = false;\n    };\n  }, []);\n\n  useEffect(\n    () => {\n      // In test environments, skip debouncing for immediate snapshots\n      if (isTestEnvironment()) {\n        setDebouncedValue(value);\n        return;\n      }\n\n      // Update debounced value after delay\n      const handler = setTimeout(() => {\n        // Only update state if component is still mounted\n        if (isMountedRef.current) {\n          setDebouncedValue(value);\n        }\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      // eslint-disable-next-line consistent-return\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":";;;;;;;;;;AAYA,MAAa,eAAsB,OAAc,UAAkB;CAEjE,MAAM,CAAC,gBAAgB,sBAAA,GAAA,MAAA,UAA8B,KAAK;CAE1D,MAAM,gBAAA,GAAA,MAAA,QAAsB,IAAI;CAEhC,CAAA,GAAA,MAAA,iBAAgB;EAEd,aAAa,UAAU;EACvB,aAAa;GAEX,aAAa,UAAU;EACzB;CACF,GAAG,CAAC,CAAC;CAEL,CAAA,GAAA,MAAA,iBACQ;EAEJ,KAAA,GAAA,uBAAA,mBAAsB,GAAG;GACvB,kBAAkB,KAAK;GACvB;EACF;EAGA,MAAM,UAAU,iBAAiB;GAE/B,IAAI,aAAa,SACf,kBAAkB,KAAK;EAE3B,GAAG,KAAK;EAMR,aAAa;GACX,aAAa,OAAO;EACtB;CACF,GACA,CAAC,OAAO,KAAK,CACf;CAEA,OAAO;AACT"}

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

@@ -0,0 +1,11 @@
+//#region src/hooks/useDebounce/useDebounce.d.ts
+/**
+ * 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;
+//#endregion
+export { useDebounce };
+//# sourceMappingURL=useDebounce.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.d.cts","names":[],"sources":["../../../src/hooks/useDebounce/useDebounce.ts"],"mappings":";;AAYA;;;;;cAAa,WAAA,UAAsB,KAAA,EAAO,KAAA,EAAO,KAAA,aAAa,KA2C7D"}

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

@@ -0,0 +1,11 @@
+//#region src/hooks/useDebounce/useDebounce.d.ts
+/**
+ * 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;
+//#endregion
+export { useDebounce };
+//# sourceMappingURL=useDebounce.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.d.ts","names":[],"sources":["../../../src/hooks/useDebounce/useDebounce.ts"],"mappings":";;AAYA;;;;;cAAa,WAAA,UAAsB,KAAA,EAAO,KAAA,EAAO,KAAA,aAAa,KA2C7D"}

package/dist/hooks/useDebounce/useDebounce.js

@@ -0,0 +1,36 @@
+import { isTestEnvironment } from "@fuf-stack/pixel-utils";
+import { useEffect, useRef, useState } from "react";
+//#region src/hooks/useDebounce/useDebounce.ts
+/**
+* Hook that debounces a value
+* @param value - The value to debounce
+* @param delay - Delay in milliseconds
+* @returns The debounced value
+*/
+const useDebounce = (value, delay) => {
+	const [debouncedValue, setDebouncedValue] = useState(value);
+	const isMountedRef = useRef(true);
+	useEffect(() => {
+		isMountedRef.current = true;
+		return () => {
+			isMountedRef.current = false;
+		};
+	}, []);
+	useEffect(() => {
+		if (isTestEnvironment()) {
+			setDebouncedValue(value);
+			return;
+		}
+		const handler = setTimeout(() => {
+			if (isMountedRef.current) setDebouncedValue(value);
+		}, delay);
+		return () => {
+			clearTimeout(handler);
+		};
+	}, [value, delay]);
+	return debouncedValue;
+};
+//#endregion
+export { useDebounce };
+
+//# sourceMappingURL=useDebounce.js.map

package/dist/hooks/useDebounce/useDebounce.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDebounce.js","names":[],"sources":["../../../src/hooks/useDebounce/useDebounce.ts"],"sourcesContent":["/* eslint-disable import-x/prefer-default-export */\n\nimport { useEffect, useRef, useState } from 'react';\n\nimport { isTestEnvironment } from '@fuf-stack/pixel-utils';\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  // Track if component is mounted to prevent setState on unmounted component\n  const isMountedRef = useRef(true);\n\n  useEffect(() => {\n    // Mark as mounted\n    isMountedRef.current = true;\n    return () => {\n      // Mark as unmounted on cleanup\n      isMountedRef.current = false;\n    };\n  }, []);\n\n  useEffect(\n    () => {\n      // In test environments, skip debouncing for immediate snapshots\n      if (isTestEnvironment()) {\n        setDebouncedValue(value);\n        return;\n      }\n\n      // Update debounced value after delay\n      const handler = setTimeout(() => {\n        // Only update state if component is still mounted\n        if (isMountedRef.current) {\n          setDebouncedValue(value);\n        }\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      // eslint-disable-next-line consistent-return\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":";;;;;;;;;AAYA,MAAa,eAAsB,OAAc,UAAkB;CAEjE,MAAM,CAAC,gBAAgB,qBAAqB,SAAS,KAAK;CAE1D,MAAM,eAAe,OAAO,IAAI;CAEhC,gBAAgB;EAEd,aAAa,UAAU;EACvB,aAAa;GAEX,aAAa,UAAU;EACzB;CACF,GAAG,CAAC,CAAC;CAEL,gBACQ;EAEJ,IAAI,kBAAkB,GAAG;GACvB,kBAAkB,KAAK;GACvB;EACF;EAGA,MAAM,UAAU,iBAAiB;GAE/B,IAAI,aAAa,SACf,kBAAkB,KAAK;EAE3B,GAAG,KAAK;EAMR,aAAa;GACX,aAAa,OAAO;EACtB;CACF,GACA,CAAC,OAAO,KAAK,CACf;CAEA,OAAO;AACT"}

package/dist/hooks/useIsInitialRenderCycle/index.cjs

@@ -1,8 +1,3 @@
-"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
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const require_useIsInitialRenderCycle = require("./useIsInitialRenderCycle.cjs");
+exports.useIsInitialRenderCycle = require_useIsInitialRenderCycle.useIsInitialRenderCycle;

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

@@ -1,8 +1,2 @@
-/**
- * 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 };
+import { useIsInitialRenderCycle } from "./useIsInitialRenderCycle.cjs";
+export { useIsInitialRenderCycle };