@anoki/fse-ui 1.0.0-beta1.39.6 → 1.0.0-beta1.39.7

package/dist/index.es435.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es435.js","sources":["../src/components/ui/Feedback/Questions.tsx"],"sourcesContent":["import \"./Questions.scss\";\nimport { useCallback, useState } from \"react\";\nimport { Answer, QuestionsProps } from \"@anoki/fse-common\";\nimport { Button } from \"@/components\";\n\nexport function Questions({\n  questions,\n  onChangeAnswer,\n  onSend,\n  values: selectedAnswers,\n  openAnswer,\n  handleOpenAnswer,\n  buttons,\n  maxCharactersMessage,\n  openAnswerPlaceholder,\n}: QuestionsProps) {\n  const [currentStep, setCurrentStep] = useState(0);\n\n  const handleAnswerChange = useCallback(\n    (questionId: string, answer: Answer) => {\n      onChangeAnswer(questionId, answer);\n    },\n    [onChangeAnswer],\n  );\n\n  const onConfirm = () => {\n    onSend();\n  };\n\n  const handleNext = () => {\n    if (!selectedAnswers[currentStep] && questions[currentStep].type !== \"OPEN\")\n      return;\n\n    if (currentStep < questions.length - 1) {\n      setCurrentStep(currentStep + 1);\n    }\n\n    if (currentStep === questions.length - 1) {\n      onConfirm();\n    }\n  };\n\n  const handlePrevious = () => {\n    if (currentStep > 0) {\n      setCurrentStep(currentStep - 1);\n    }\n  };\n\n  return (\n    <div className=\"steppers\">\n      <div className=\"steppers-header pb-2  align-items-center\">\n        <p className={\"steppers-header-question-title\"}>\n          {questions[currentStep].question}\n        </p>\n        <span className={\"steppers-header-question-number\"}>\n          {currentStep + 1}/{questions.length}\n        </span>\n      </div>\n      <div className=\"steppers-content\" aria-live=\"polite\">\n        {questions[currentStep].type === \"CLOSE\" ? (\n          <div className=\"list-group\">\n            {questions[currentStep].answers.map((answer, index) => (\n              <label\n                key={`${questions[currentStep].id}-${index}`}\n                htmlFor={`checkbox-${answer.id}`}\n                className=\" fw-regular fs-6 list-group-item \"\n              >\n                <input\n                  type=\"radio\"\n                  id={`checkbox-${answer.id}`}\n                  name={`question-${currentStep}`}\n                  value={answer.answer}\n                  checked={\n                    selectedAnswers?.[currentStep]?.answer?.includes(answer) ||\n                    false\n                  }\n                  onChange={() =>\n                    handleAnswerChange(questions[currentStep].id, answer)\n                  }\n                  className=\"custom-control-input form-check-input me-2 black-focus\"\n                />\n                {answer.answer}\n              </label>\n            ))}\n          </div>\n        ) : (\n          <div className=\"form-group d-flex flex-column gap-1\">\n            <input\n              type=\"text\"\n              placeholder={openAnswerPlaceholder}\n              className=\"form-control black-focus\"\n              value={openAnswer}\n              onChange={(e) =>\n                e.target.value.length <= 200 && handleOpenAnswer(e.target.value)\n              }\n              autoFocus\n            />\n\n            <div className=\"d-flex justify-content-between align-items-center max-chars-container\">\n              {maxCharactersMessage && (\n                <p className=\" fs-6 fw-normal \">{maxCharactersMessage}</p>\n              )}\n              {openAnswer && openAnswer.length > 0 && (\n                <p className=\"active fs-6 fw-normal \">\n                  {openAnswer.length}/200\n                </p>\n              )}\n            </div>\n          </div>\n        )}\n      </div>\n      <nav className=\"steppers-nav no-border shadow-none align-items-center justify-content-center gap-4 flex-wrap\">\n        <Button\n          className=\"feedback-button-back\"\n          onClick={handlePrevious}\n          disabled={currentStep === 0}\n        >\n          {buttons.previous}\n        </Button>\n\n        <Button\n          className=\"feedback-button-next\"\n          onClick={handleNext}\n          disabled={currentStep === questions.length}\n        >\n          {buttons.next}\n        </Button>\n      </nav>\n    </div>\n  );\n}\n"],"names":["Questions","questions","onChangeAnswer","onSend","selectedAnswers","openAnswer","handleOpenAnswer","buttons","maxCharactersMessage","openAnswerPlaceholder","currentStep","setCurrentStep","useState","handleAnswerChange","useCallback","questionId","answer","onConfirm","handleNext","handlePrevious","jsxs","jsx","index","_b","_a","e","Button"],"mappings":"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"}

package/dist/index.es436.js

@@ -1,12 +1,8 @@
-import { useState as r, useEffect as c } from "react";
-function i(e, t = 300) {
-  const [u, o] = r(e);
-  return c(() => {
-    const n = setTimeout(() => o(e), t);
-    return () => clearTimeout(n);
-  }, [e, t]), u;
-}
+import { CardRoot as o } from "./index.es586.js";
+const r = {
+  Root: o
+};
 export {
-  i as useDebouncedValue
+  r as CardComponent
 };
 //# sourceMappingURL=index.es436.js.map

package/dist/index.es436.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es436.js","sources":["../src/utils/useDebouncedValue.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\r\n\r\nexport function useDebouncedValue<T>(value: T, delay: number = 300): T {\r\n  const [debouncedValue, setDebouncedValue] = useState(value);\r\n\r\n  useEffect(() => {\r\n    const timer = setTimeout(() => setDebouncedValue(value), delay);\r\n    return () => clearTimeout(timer);\r\n  }, [value, delay]);\r\n\r\n  return debouncedValue;\r\n}\r\n"],"names":["useDebouncedValue","value","delay","debouncedValue","setDebouncedValue","useState","useEffect","timer"],"mappings":";AAEgB,SAAAA,EAAqBC,GAAUC,IAAgB,KAAQ;AACrE,QAAM,CAACC,GAAgBC,CAAiB,IAAIC,EAASJ,CAAK;AAE1D,SAAAK,EAAU,MAAM;AACd,UAAMC,IAAQ,WAAW,MAAMH,EAAkBH,CAAK,GAAGC,CAAK;AACvD,WAAA,MAAM,aAAaK,CAAK;AAAA,EAAA,GAC9B,CAACN,GAAOC,CAAK,CAAC,GAEVC;AACT;"}
+{"version":3,"file":"index.es436.js","sources":["../src/components/ui/card/index.ts"],"sourcesContent":["import { CardRoot } from \"./CardRoot\";\n\nexport const CardComponent = {\n  Root: CardRoot,\n};\n"],"names":["CardComponent","CardRoot"],"mappings":";AAEO,MAAMA,IAAgB;AAAA,EAC3B,MAAMC;AACR;"}

package/dist/{index.es418.js → index.es438.js}

@@ -33,4 +33,4 @@ const V = ({ className: i }) => /* @__PURE__ */ e.jsxs("svg", { className: i, wi
 export {
   V as CtaCardIcon
 };
-//# sourceMappingURL=index.es418.js.map
+//# sourceMappingURL=index.es438.js.map

package/dist/index.es438.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.es438.js","sources":["../src/icons/CtaCardIcon/index.tsx"],"sourcesContent":["import { IconProps } from \"@/types/icons.ts\";\n\nexport const CtaCardIcon = ({className}: IconProps) => {\n  return (\n    <svg className={className} width=\"121\" height=\"49\" viewBox=\"0 0 121 49\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <rect width=\"121\" height=\"49\" fill=\"#C5C7C9\" />\n      <g clipPath=\"url(#clip0_16364_119694)\">\n        <rect width=\"1440\" height=\"35228\" transform=\"translate(-608 -31452)\" fill=\"white\" />\n        <rect width=\"1440\" height=\"29722\" transform=\"translate(-608 -29136)\" fill=\"white\" />\n        <rect width=\"1055\" height=\"29848.1\" transform=\"translate(-223 -29136)\" fill=\"white\" />\n        <rect width=\"900\" height=\"29848.1\" transform=\"translate(-223 -29136)\" fill=\"white\" />\n        <g clipPath=\"url(#clip1_16364_119694)\" filter=\"url(#filter0_d_16364_119694)\">\n          <rect x=\"-199\" y=\"-47.9004\" width=\"320\" height=\"96\" rx=\"4\" fill=\"#0066CC\" />\n          <mask id=\"path-2-inside-1_16364_119694\" fill=\"white\">\n            <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M103.231 7.5H44.0314V44.1287L7.40001 44.1287L7.40001 103.329H44.0314V140.7H103.231V103.329H140.6V44.1287L103.231 44.1287V7.5Z\" />\n          </mask>\n          <path d=\"M44.0314 7.5V3.5H40.0314V7.5H44.0314ZM103.231 7.5H107.231V3.5H103.231V7.5ZM44.0314 44.1287V48.1287H48.0314V44.1287H44.0314ZM7.40001 44.1287L7.40001 40.1287H3.40001L3.40001 44.1287H7.40001ZM7.40001 103.329H3.40001V107.329H7.40001V103.329ZM44.0314 103.329H48.0314V99.3287H44.0314V103.329ZM44.0314 140.7H40.0314V144.7H44.0314V140.7ZM103.231 140.7V144.7H107.231V140.7H103.231ZM103.231 103.329V99.3287H99.2314V103.329H103.231ZM140.6 103.329V107.329H144.6V103.329H140.6ZM140.6 44.1287H144.6V40.1287H140.6V44.1287ZM103.231 44.1287H99.2314V48.1287H103.231V44.1287ZM44.0314 11.5H103.231V3.5H44.0314V11.5ZM48.0314 44.1287V7.5H40.0314V44.1287H48.0314ZM7.40001 48.1287L44.0314 48.1287V40.1287L7.40001 40.1287L7.40001 48.1287ZM11.4 103.329L11.4 44.1287H3.40001L3.40001 103.329H11.4ZM44.0314 99.3287H7.40001V107.329H44.0314V99.3287ZM48.0314 140.7V103.329H40.0314V140.7H48.0314ZM103.231 136.7H44.0314V144.7H103.231V136.7ZM99.2314 103.329V140.7H107.231V103.329H99.2314ZM140.6 99.3287H103.231V107.329H140.6V99.3287ZM136.6 44.1287V103.329H144.6V44.1287H136.6ZM103.231 48.1287L140.6 48.1287V40.1287L103.231 40.1287V48.1287ZM99.2314 7.5V44.1287H107.231V7.5H99.2314Z\" fill=\"white\" mask=\"url(#path-2-inside-1_16364_119694)\" />\n          <g opacity=\"0.4\">\n            <mask id=\"path-4-inside-2_16364_119694\" fill=\"white\">\n              <path fillRule=\"evenodd\" clipRule=\"evenodd\" d=\"M75.363 6.85156H53.363V20.4641L39.75 20.4641V42.4641H53.363V56.3516H75.363V42.4641H89.25V20.4641L75.363 20.4641V6.85156Z\" />\n            </mask>\n            <path d=\"M53.363 6.85156V3.85156H50.363V6.85156H53.363ZM75.363 6.85156H78.363V3.85156H75.363V6.85156ZM53.363 20.4641V23.4641H56.363V20.4641H53.363ZM39.75 20.4641L39.75 17.4641H36.75V20.4641H39.75ZM39.75 42.4641H36.75V45.4641H39.75V42.4641ZM53.363 42.4641H56.363V39.4641H53.363V42.4641ZM53.363 56.3516H50.363V59.3516H53.363V56.3516ZM75.363 56.3516V59.3516H78.363V56.3516H75.363ZM75.363 42.4641V39.4641H72.363V42.4641H75.363ZM89.25 42.4641V45.4641H92.25V42.4641H89.25ZM89.25 20.4641H92.25V17.4641H89.25V20.4641ZM75.363 20.4641H72.363V23.4641H75.363V20.4641ZM53.363 9.85156H75.363V3.85156H53.363V9.85156ZM56.363 20.4641V6.85156H50.363V20.4641H56.363ZM39.75 23.4641L53.363 23.4641V17.4641L39.75 17.4641L39.75 23.4641ZM42.75 42.4641V20.4641H36.75V42.4641H42.75ZM53.363 39.4641H39.75V45.4641H53.363V39.4641ZM56.363 56.3516V42.4641H50.363V56.3516H56.363ZM75.363 53.3516H53.363V59.3516H75.363V53.3516ZM72.363 42.4641V56.3516H78.363V42.4641H72.363ZM89.25 39.4641H75.363V45.4641H89.25V39.4641ZM86.25 20.4641V42.4641H92.25V20.4641H86.25ZM75.363 23.4641H89.25V17.4641L75.363 17.4641V23.4641ZM72.363 6.85156V20.4641H78.363V6.85156H72.363Z\" fill=\"white\" mask=\"url(#path-4-inside-2_16364_119694)\" />\n          </g>\n        </g>\n      </g>\n      <defs>\n        <filter id=\"filter0_d_16364_119694\" x=\"-215\" y=\"-63.9004\" width=\"352\" height=\"128\" filterUnits=\"userSpaceOnUse\" colorInterpolationFilters=\"sRGB\">\n          <feFlood floodOpacity=\"0\" result=\"BackgroundImageFix\" />\n          <feColorMatrix in=\"SourceAlpha\" type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0\" result=\"hardAlpha\" />\n          <feOffset />\n          <feGaussianBlur stdDeviation=\"8\" />\n          <feColorMatrix type=\"matrix\" values=\"0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.15 0\" />\n          <feBlend mode=\"normal\" in2=\"BackgroundImageFix\" result=\"effect1_dropShadow_16364_119694\" />\n          <feBlend mode=\"normal\" in=\"SourceGraphic\" in2=\"effect1_dropShadow_16364_119694\" result=\"shape\" />\n        </filter>\n        <clipPath id=\"clip0_16364_119694\">\n          <rect width=\"1440\" height=\"35228\" fill=\"white\" transform=\"translate(-608 -31452)\" />\n        </clipPath>\n        <clipPath id=\"clip1_16364_119694\">\n          <rect width=\"320\" height=\"96\" fill=\"white\" transform=\"translate(-199 -47.9004)\" />\n        </clipPath>\n      </defs>\n    </svg>\n  );\n};\n"],"names":["CtaCardIcon","className","jsxs","jsx"],"mappings":"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"}

package/dist/index.es44.js

@@ -1,9 +1,9 @@
 import { j as e } from "./index.es237.js";
-import { Root as i, Portal as n, Overlay as p, Content as x } from "./index.es288.js";
-import { BaseModalHeader as B, BaseModalHeaderV2 as c } from "./index.es289.js";
-import { BaseModalFooter as f } from "./index.es290.js";
-import { BaseModalContent as j } from "./index.es291.js";
-import { BaseModalBackHeader as H } from "./index.es292.js";
+import { Root as i, Portal as n, Overlay as p, Content as x } from "./index.es315.js";
+import { BaseModalHeader as B, BaseModalHeaderV2 as c } from "./index.es316.js";
+import { BaseModalFooter as f } from "./index.es317.js";
+import { BaseModalContent as j } from "./index.es318.js";
+import { BaseModalBackHeader as H } from "./index.es319.js";
 import './components/ui/BaseModal/BaseModal.css';/* empty css            */
 const o = ({
   open: a,

package/dist/index.es44.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es44.js","sources":["../src/components/ui/BaseModal/index.tsx"],"sourcesContent":["\"use client\";\r\nimport * as Dialog from \"@radix-ui/react-dialog\";\r\nimport { BaseModalHeader, BaseModalHeaderV2 } from \"./BaseModalHeader\";\r\nimport { BaseModalFooter } from \"./BaseModalFooter\";\r\nimport { BaseModalContent } from \"./BaseModalContent\";\r\nimport { BaseModalBackHeader } from \"./BaseModalBackHeader\";\r\nimport \"./BaseModal.scss\";\r\n\r\ntype BaseModalProps = {\r\n  open: boolean;\r\n  setOpen: (open: boolean) => void;\r\n  overrideClassNames?: string;\r\n  overrideBaseModalClassName?: string;\r\n  id?: string;\r\n  role?: string;\r\n  children: React.ReactNode;\r\n};\r\n\r\nconst BaseModal = ({\r\n  open,\r\n  setOpen,\r\n  overrideClassNames,\r\n  overrideBaseModalClassName = \"ui-base-modal-overlay\",\r\n  id = undefined,\r\n  role = \"dialog\",\r\n  children,\r\n}: BaseModalProps) => {\r\n  return (\r\n    <Dialog.Root open={open} onOpenChange={setOpen}>\r\n      <Dialog.Portal>\r\n        <Dialog.Overlay className={overrideBaseModalClassName} />\r\n        <Dialog.Content\r\n          className={`bg-white shadow br-x4 ui-base-modal-body ${overrideClassNames ?? \"\"}`}\r\n          id={id}\r\n          role={role}\r\n        >\r\n          {children}\r\n        </Dialog.Content>\r\n      </Dialog.Portal>\r\n    </Dialog.Root>\r\n  );\r\n};\r\n\r\nBaseModal.Header = BaseModalHeader;\r\nBaseModal.HeaderV2 = BaseModalHeaderV2;\r\nBaseModal.HeaderBack = BaseModalBackHeader;\r\nBaseModal.Content = BaseModalContent;\r\nBaseModal.Footer = BaseModalFooter;\r\n\r\nexport { BaseModal };\r\n"],"names":["BaseModal","open","setOpen","overrideClassNames","overrideBaseModalClassName","id","role","children","jsx","Dialog.Root","jsxs","Dialog.Portal","Dialog.Overlay","Dialog.Content","BaseModalHeader","BaseModalHeaderV2","BaseModalBackHeader","BaseModalContent","BaseModalFooter"],"mappings":";;;;;;;AAkBA,MAAMA,IAAY,CAAC;AAAA,EACjB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,4BAAAC,IAA6B;AAAA,EAC7B,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,UAAAC;AACF,MAEIC,gBAAAA,MAACC,GAAA,EAAY,MAAAR,GAAY,cAAcC,GACrC,UAAAQ,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,EAAAH,gBAAAA,EAAAA,IAACI,GAAA,EAAe,WAAWR,EAA4B,CAAA;AAAA,EACvDI,gBAAAA,EAAA;AAAA,IAACK;AAAAA,IAAA;AAAA,MACC,WAAW,4CAA4CV,KAAsB,EAAE;AAAA,MAC/E,IAAAE;AAAA,MACA,MAAAC;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AACH,EAAA,CACF,EACF,CAAA;AAIJP,EAAU,SAASc;AACnBd,EAAU,WAAWe;AACrBf,EAAU,aAAagB;AACvBhB,EAAU,UAAUiB;AACpBjB,EAAU,SAASkB;"}
+{"version":3,"file":"index.es44.js","sources":["../src/components/ui/BaseModal/index.tsx"],"sourcesContent":["\"use client\";\nimport * as Dialog from \"@radix-ui/react-dialog\";\nimport { BaseModalHeader, BaseModalHeaderV2 } from \"./BaseModalHeader\";\nimport { BaseModalFooter } from \"./BaseModalFooter\";\nimport { BaseModalContent } from \"./BaseModalContent\";\nimport { BaseModalBackHeader } from \"./BaseModalBackHeader\";\nimport \"./BaseModal.scss\";\n\ntype BaseModalProps = {\n  open: boolean;\n  setOpen: (open: boolean) => void;\n  overrideClassNames?: string;\n  overrideBaseModalClassName?: string;\n  id?: string;\n  role?: string;\n  children: React.ReactNode;\n};\n\nconst BaseModal = ({\n  open,\n  setOpen,\n  overrideClassNames,\n  overrideBaseModalClassName = \"ui-base-modal-overlay\",\n  id = undefined,\n  role = \"dialog\",\n  children,\n}: BaseModalProps) => {\n  return (\n    <Dialog.Root open={open} onOpenChange={setOpen}>\n      <Dialog.Portal>\n        <Dialog.Overlay className={overrideBaseModalClassName} />\n        <Dialog.Content\n          className={`bg-white shadow br-x4 ui-base-modal-body ${overrideClassNames ?? \"\"}`}\n          id={id}\n          role={role}\n        >\n          {children}\n        </Dialog.Content>\n      </Dialog.Portal>\n    </Dialog.Root>\n  );\n};\n\nBaseModal.Header = BaseModalHeader;\nBaseModal.HeaderV2 = BaseModalHeaderV2;\nBaseModal.HeaderBack = BaseModalBackHeader;\nBaseModal.Content = BaseModalContent;\nBaseModal.Footer = BaseModalFooter;\n\nexport { BaseModal };\n"],"names":["BaseModal","open","setOpen","overrideClassNames","overrideBaseModalClassName","id","role","children","jsx","Dialog.Root","jsxs","Dialog.Portal","Dialog.Overlay","Dialog.Content","BaseModalHeader","BaseModalHeaderV2","BaseModalBackHeader","BaseModalContent","BaseModalFooter"],"mappings":";;;;;;;AAkBA,MAAMA,IAAY,CAAC;AAAA,EACjB,MAAAC;AAAA,EACA,SAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,4BAAAC,IAA6B;AAAA,EAC7B,IAAAC,IAAK;AAAA,EACL,MAAAC,IAAO;AAAA,EACP,UAAAC;AACF,MAEIC,gBAAAA,MAACC,GAAA,EAAY,MAAAR,GAAY,cAAcC,GACrC,UAAAQ,gBAAAA,EAAA,KAACC,GAAA,EACC,UAAA;AAAA,EAAAH,gBAAAA,EAAAA,IAACI,GAAA,EAAe,WAAWR,EAA4B,CAAA;AAAA,EACvDI,gBAAAA,EAAA;AAAA,IAACK;AAAAA,IAAA;AAAA,MACC,WAAW,4CAA4CV,KAAsB,EAAE;AAAA,MAC/E,IAAAE;AAAA,MACA,MAAAC;AAAA,MAEC,UAAAC;AAAA,IAAA;AAAA,EAAA;AACH,EAAA,CACF,EACF,CAAA;AAIJP,EAAU,SAASc;AACnBd,EAAU,WAAWe;AACrBf,EAAU,aAAagB;AACvBhB,EAAU,UAAUiB;AACpBjB,EAAU,SAASkB;"}

package/dist/index.es441.js

@@ -1,48 +1,25 @@
-import { useId as v, createContext as w, useMemo as m, Children as _, isValidElement as E, useState as j, useCallback as C, useEffect as f, useLayoutEffect as b } from "react";
-import { j as u } from "./index.es237.js";
-const y = typeof window < "u", g = y ? b : f, M = (e = !0) => {
-  let [n, r] = j(y ? window.innerWidth : 0), t = C(() => {
-    r(window.innerWidth);
+import { useState as n, useCallback as l } from "react";
+import "./index.es587.js";
+function s() {
+  const [a, e] = n(null), o = l(async (t) => {
+    if (!(navigator != null && navigator.clipboard))
+      return console.warn("Clipboard not supported"), !1;
+    try {
+      return await navigator.clipboard.writeText(t), e(t), !0;
+    } catch (r) {
+      return console.warn("Copy failed", r), e(null), !1;
+    }
   }, []);
-  return f(() => (e && window.addEventListener("resize", t), () => {
-    window.removeEventListener("resize", t);
-  }), [e, t]), g(() => {
-    t();
-  }, [t]), n;
-};
-var $ = M;
-const k = [640, 786, 1024, 1280, 1536], A = (e) => e.reduce((n, r, t) => typeof r == "number" ? { ...n, [k[t]]: r } : n, {}), L = (e) => Array.isArray(e) ? A(e) : e, z = (e, n) => {
-  let r = Object.keys(L(e)).map(Number).sort((o, s) => o - s), t = null;
-  for (let o of r) n >= o && (t = o);
-  return t ?? r[0];
-};
-var O = z;
-const c = 3, S = (e) => {
-  let n = typeof e == "object", r = $(n);
-  return m(() => {
-    if (!n) return e ?? c;
-    let o = O(e, r);
-    return e[o] ?? c;
-  }, [n, r, e]);
-};
-var W = S;
-const D = (e) => Array.from({ length: e }, () => []), I = (e, n) => {
-  let r = W(n);
-  return m(() => {
-    let o = D(r);
-    return _.forEach(e, (s, a) => {
-      E(s) && o[a % r].push(s);
-    }), o;
-  }, [r, e]);
-};
-var N = I;
-const P = w({ column: 0, position: 0 }), R = (e) => {
-  let { gap: n, as: r = "div", columnProps: t, columns: o, ref: s, ...a } = e, l = v(), p = N(e.children, o);
-  return u.jsx(r, { ...a, "data-masonry-id": `Masonry-${l}`, style: { display: "flex", gap: n, ...a.style }, ref: s, children: p.map((h, i) => u.jsx(r, { "data-masonry-column": i + 1, ...t, style: { display: "flex", flex: 1, flexDirection: "column", gap: n, ...t == null ? void 0 : t.style }, children: h.map((x, d) => u.jsx(P, { value: { column: i, position: d }, children: x }, `Masonry__Column_Child_${l}_${d}`)) }, `Masonry__Column_${l}_${i}`)) });
-};
-var q = R;
+  return [a, o];
+}
+function c(a) {
+  const [e, o] = n(!1), t = l(() => {
+    o((r) => !r);
+  }, []);
+  return [e, t, o];
+}
 export {
-  q as default,
-  N as useMasonry
+  s as useCopyToClipboard,
+  c as useToggle
 };
 //# sourceMappingURL=index.es441.js.map

package/dist/index.es441.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.es441.js","sources":["../node_modules/react-layout-masonry/dist/index.js"],"sourcesContent":["import{Children as e,createContext as t,isValidElement as n,useCallback as r,useContext as i,useEffect as a,useId as o,useLayoutEffect as s,useMemo as c,useState as l}from\"react\";import{jsx as u}from\"react/jsx-runtime\";const d=typeof window<`u`,f=d?s:a,p=(e=!0)=>{let[t,n]=l(d?window.innerWidth:0),i=r(()=>{n(window.innerWidth)},[]);return a(()=>(e&&window.addEventListener(`resize`,i),()=>{window.removeEventListener(`resize`,i)}),[e,i]),f(()=>{i()},[i]),t};var m=p;const h=[640,786,1024,1280,1536],g=e=>e.reduce((e,t,n)=>typeof t==`number`?{...e,[h[n]]:t}:e,{}),_=e=>Array.isArray(e)?g(e):e,v=(e,t)=>{let n=Object.keys(_(e)).map(Number).sort((e,t)=>e-t),r=null;for(let e of n)t>=e&&(r=e);return r??n[0]};var y=v;const b=3,x=e=>{let t=typeof e==`object`,n=m(t),r=c(()=>{if(!t)return e??b;let r=y(e,n);return e[r]??b},[t,n,e]);return r};var S=x;const C=e=>Array.from({length:e},()=>[]),w=(t,r)=>{let i=S(r),a=c(()=>{let r=C(i);return e.forEach(t,(e,t)=>{n(e)&&r[t%i].push(e)}),r},[i,t]);return a};var T=w;const E=t({column:0,position:0}),D=()=>i(E),O=e=>{let{gap:t,as:n=`div`,columnProps:r,columns:i,ref:a,...s}=e,c=o(),l=T(e.children,i);return u(n,{...s,\"data-masonry-id\":`Masonry-${c}`,style:{display:`flex`,gap:t,...s.style},ref:a,children:l.map((e,i)=>u(n,{\"data-masonry-column\":i+1,...r,style:{display:`flex`,flex:1,flexDirection:`column`,gap:t,...r?.style},children:e.map((e,t)=>u(E,{value:{column:i,position:t},children:e},`Masonry__Column_Child_${c}_${t}`))},`Masonry__Column_${c}_${i}`))})};var k=O;export{k as default,T as useMasonry,D as useMasonryItem};\n//# sourceMappingURL=index.js.map"],"names":["d","f","s","a","p","t","n","l","i","r","m","h","g","e","_","v","y","b","x","c","S","C","w","T","E","O","o","u","k"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.es441.js","sources":["../node_modules/usehooks-ts/dist/index.js"],"sourcesContent":["import { useState, useCallback, useLayoutEffect, useEffect, useRef, useMemo } from 'react';\nimport debounce from 'lodash.debounce';\n\n// src/useBoolean/useBoolean.ts\nfunction useBoolean(defaultValue = false) {\n  if (typeof defaultValue !== \"boolean\") {\n    throw new Error(\"defaultValue must be `true` or `false`\");\n  }\n  const [value, setValue] = useState(defaultValue);\n  const setTrue = useCallback(() => {\n    setValue(true);\n  }, []);\n  const setFalse = useCallback(() => {\n    setValue(false);\n  }, []);\n  const toggle = useCallback(() => {\n    setValue((x) => !x);\n  }, []);\n  return { value, setValue, setTrue, setFalse, toggle };\n}\nvar useIsomorphicLayoutEffect = typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n\n// src/useEventListener/useEventListener.ts\nfunction useEventListener(eventName, handler, element, options) {\n  const savedHandler = useRef(handler);\n  useIsomorphicLayoutEffect(() => {\n    savedHandler.current = handler;\n  }, [handler]);\n  useEffect(() => {\n    const targetElement = (element == null ? void 0 : element.current) ?? window;\n    if (!(targetElement && targetElement.addEventListener))\n      return;\n    const listener = (event) => {\n      savedHandler.current(event);\n    };\n    targetElement.addEventListener(eventName, listener, options);\n    return () => {\n      targetElement.removeEventListener(eventName, listener, options);\n    };\n  }, [eventName, element, options]);\n}\n\n// src/useClickAnyWhere/useClickAnyWhere.ts\nfunction useClickAnyWhere(handler) {\n  useEventListener(\"click\", (event) => {\n    handler(event);\n  });\n}\nfunction useCopyToClipboard() {\n  const [copiedText, setCopiedText] = useState(null);\n  const copy = useCallback(async (text) => {\n    if (!(navigator == null ? void 0 : navigator.clipboard)) {\n      console.warn(\"Clipboard not supported\");\n      return false;\n    }\n    try {\n      await navigator.clipboard.writeText(text);\n      setCopiedText(text);\n      return true;\n    } catch (error) {\n      console.warn(\"Copy failed\", error);\n      setCopiedText(null);\n      return false;\n    }\n  }, []);\n  return [copiedText, copy];\n}\nfunction useCounter(initialValue) {\n  const [count, setCount] = useState(initialValue ?? 0);\n  const increment = useCallback(() => {\n    setCount((x) => x + 1);\n  }, []);\n  const decrement = useCallback(() => {\n    setCount((x) => x - 1);\n  }, []);\n  const reset = useCallback(() => {\n    setCount(initialValue ?? 0);\n  }, [initialValue]);\n  return {\n    count,\n    increment,\n    decrement,\n    reset,\n    setCount\n  };\n}\nfunction useInterval(callback, delay) {\n  const savedCallback = useRef(callback);\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n  useEffect(() => {\n    if (delay === null) {\n      return;\n    }\n    const id = setInterval(() => {\n      savedCallback.current();\n    }, delay);\n    return () => {\n      clearInterval(id);\n    };\n  }, [delay]);\n}\n\n// src/useCountdown/useCountdown.ts\nfunction useCountdown({\n  countStart,\n  countStop = 0,\n  intervalMs = 1e3,\n  isIncrement = false\n}) {\n  const {\n    count,\n    increment,\n    decrement,\n    reset: resetCounter\n  } = useCounter(countStart);\n  const {\n    value: isCountdownRunning,\n    setTrue: startCountdown,\n    setFalse: stopCountdown\n  } = useBoolean(false);\n  const resetCountdown = useCallback(() => {\n    stopCountdown();\n    resetCounter();\n  }, [stopCountdown, resetCounter]);\n  const countdownCallback = useCallback(() => {\n    if (count === countStop) {\n      stopCountdown();\n      return;\n    }\n    if (isIncrement) {\n      increment();\n    } else {\n      decrement();\n    }\n  }, [count, countStop, decrement, increment, isIncrement, stopCountdown]);\n  useInterval(countdownCallback, isCountdownRunning ? intervalMs : null);\n  return [count, { startCountdown, stopCountdown, resetCountdown }];\n}\nfunction useEventCallback(fn) {\n  const ref = useRef(() => {\n    throw new Error(\"Cannot call an event handler while rendering.\");\n  });\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  }, [fn]);\n  return useCallback((...args) => {\n    var _a;\n    return (_a = ref.current) == null ? void 0 : _a.call(ref, ...args);\n  }, [ref]);\n}\n\n// src/useLocalStorage/useLocalStorage.ts\nvar IS_SERVER = typeof window === \"undefined\";\nfunction useLocalStorage(key, initialValue, options = {}) {\n  const { initializeWithValue = true } = options;\n  const serializer = useCallback(\n    (value) => {\n      if (options.serializer) {\n        return options.serializer(value);\n      }\n      return JSON.stringify(value);\n    },\n    [options]\n  );\n  const deserializer = useCallback(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      if (value === \"undefined\") {\n        return void 0;\n      }\n      const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n      let parsed;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        console.error(\"Error parsing JSON:\", error);\n        return defaultValue;\n      }\n      return parsed;\n    },\n    [options, initialValue]\n  );\n  const readValue = useCallback(() => {\n    const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n    if (IS_SERVER) {\n      return initialValueToUse;\n    }\n    try {\n      const raw = window.localStorage.getItem(key);\n      return raw ? deserializer(raw) : initialValueToUse;\n    } catch (error) {\n      console.warn(`Error reading localStorage key \\u201C${key}\\u201D:`, error);\n      return initialValueToUse;\n    }\n  }, [initialValue, key, deserializer]);\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return initialValue instanceof Function ? initialValue() : initialValue;\n  });\n  const setValue = useEventCallback((value) => {\n    if (IS_SERVER) {\n      console.warn(\n        `Tried setting localStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    try {\n      const newValue = value instanceof Function ? value(readValue()) : value;\n      window.localStorage.setItem(key, serializer(newValue));\n      setStoredValue(newValue);\n      window.dispatchEvent(new StorageEvent(\"local-storage\", { key }));\n    } catch (error) {\n      console.warn(`Error setting localStorage key \\u201C${key}\\u201D:`, error);\n    }\n  });\n  const removeValue = useEventCallback(() => {\n    if (IS_SERVER) {\n      console.warn(\n        `Tried removing localStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n    window.localStorage.removeItem(key);\n    setStoredValue(defaultValue);\n    window.dispatchEvent(new StorageEvent(\"local-storage\", { key }));\n  });\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n  const handleStorageChange = useCallback(\n    (event) => {\n      if (event.key && event.key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n  useEventListener(\"storage\", handleStorageChange);\n  useEventListener(\"local-storage\", handleStorageChange);\n  return [storedValue, setValue, removeValue];\n}\nvar IS_SERVER2 = typeof window === \"undefined\";\nfunction useMediaQuery(query, {\n  defaultValue = false,\n  initializeWithValue = true\n} = {}) {\n  const getMatches = (query2) => {\n    if (IS_SERVER2) {\n      return defaultValue;\n    }\n    return window.matchMedia(query2).matches;\n  };\n  const [matches, setMatches] = useState(() => {\n    if (initializeWithValue) {\n      return getMatches(query);\n    }\n    return defaultValue;\n  });\n  function handleChange() {\n    setMatches(getMatches(query));\n  }\n  useIsomorphicLayoutEffect(() => {\n    const matchMedia = window.matchMedia(query);\n    handleChange();\n    if (matchMedia.addListener) {\n      matchMedia.addListener(handleChange);\n    } else {\n      matchMedia.addEventListener(\"change\", handleChange);\n    }\n    return () => {\n      if (matchMedia.removeListener) {\n        matchMedia.removeListener(handleChange);\n      } else {\n        matchMedia.removeEventListener(\"change\", handleChange);\n      }\n    };\n  }, [query]);\n  return matches;\n}\n\n// src/useDarkMode/useDarkMode.ts\nvar COLOR_SCHEME_QUERY = \"(prefers-color-scheme: dark)\";\nvar LOCAL_STORAGE_KEY = \"usehooks-ts-dark-mode\";\nfunction useDarkMode(options = {}) {\n  const {\n    defaultValue,\n    localStorageKey = LOCAL_STORAGE_KEY,\n    initializeWithValue = true\n  } = options;\n  const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY, {\n    initializeWithValue,\n    defaultValue\n  });\n  const [isDarkMode, setDarkMode] = useLocalStorage(\n    localStorageKey,\n    defaultValue ?? isDarkOS ?? false,\n    { initializeWithValue }\n  );\n  useIsomorphicLayoutEffect(() => {\n    if (isDarkOS !== isDarkMode) {\n      setDarkMode(isDarkOS);\n    }\n  }, [isDarkOS]);\n  return {\n    isDarkMode,\n    toggle: () => {\n      setDarkMode((prev) => !prev);\n    },\n    enable: () => {\n      setDarkMode(true);\n    },\n    disable: () => {\n      setDarkMode(false);\n    },\n    set: (value) => {\n      setDarkMode(value);\n    }\n  };\n}\nfunction useUnmount(func) {\n  const funcRef = useRef(func);\n  funcRef.current = func;\n  useEffect(\n    () => () => {\n      funcRef.current();\n    },\n    []\n  );\n}\n\n// src/useDebounceCallback/useDebounceCallback.ts\nfunction useDebounceCallback(func, delay = 500, options) {\n  const debouncedFunc = useRef();\n  useUnmount(() => {\n    if (debouncedFunc.current) {\n      debouncedFunc.current.cancel();\n    }\n  });\n  const debounced = useMemo(() => {\n    const debouncedFuncInstance = debounce(func, delay, options);\n    const wrappedFunc = (...args) => {\n      return debouncedFuncInstance(...args);\n    };\n    wrappedFunc.cancel = () => {\n      debouncedFuncInstance.cancel();\n    };\n    wrappedFunc.isPending = () => {\n      return !!debouncedFunc.current;\n    };\n    wrappedFunc.flush = () => {\n      return debouncedFuncInstance.flush();\n    };\n    return wrappedFunc;\n  }, [func, delay, options]);\n  useEffect(() => {\n    debouncedFunc.current = debounce(func, delay, options);\n  }, [func, delay, options]);\n  return debounced;\n}\nfunction useDebounceValue(initialValue, delay, options) {\n  const eq = (options == null ? void 0 : options.equalityFn) ?? ((left, right) => left === right);\n  const unwrappedInitialValue = initialValue instanceof Function ? initialValue() : initialValue;\n  const [debouncedValue, setDebouncedValue] = useState(unwrappedInitialValue);\n  const previousValueRef = useRef(unwrappedInitialValue);\n  const updateDebouncedValue = useDebounceCallback(\n    setDebouncedValue,\n    delay,\n    options\n  );\n  if (!eq(previousValueRef.current, unwrappedInitialValue)) {\n    updateDebouncedValue(unwrappedInitialValue);\n    previousValueRef.current = unwrappedInitialValue;\n  }\n  return [debouncedValue, updateDebouncedValue];\n}\nfunction useDocumentTitle(title, options = {}) {\n  const { preserveTitleOnUnmount = true } = options;\n  const defaultTitle = useRef(null);\n  useIsomorphicLayoutEffect(() => {\n    defaultTitle.current = window.document.title;\n  }, []);\n  useIsomorphicLayoutEffect(() => {\n    window.document.title = title;\n  }, [title]);\n  useUnmount(() => {\n    if (!preserveTitleOnUnmount && defaultTitle.current) {\n      window.document.title = defaultTitle.current;\n    }\n  });\n}\nfunction useHover(elementRef) {\n  const [value, setValue] = useState(false);\n  const handleMouseEnter = () => {\n    setValue(true);\n  };\n  const handleMouseLeave = () => {\n    setValue(false);\n  };\n  useEventListener(\"mouseenter\", handleMouseEnter, elementRef);\n  useEventListener(\"mouseleave\", handleMouseLeave, elementRef);\n  return value;\n}\nfunction useIntersectionObserver({\n  threshold = 0,\n  root = null,\n  rootMargin = \"0%\",\n  freezeOnceVisible = false,\n  initialIsIntersecting = false,\n  onChange\n} = {}) {\n  var _a;\n  const [ref, setRef] = useState(null);\n  const [state, setState] = useState(() => ({\n    isIntersecting: initialIsIntersecting,\n    entry: void 0\n  }));\n  const callbackRef = useRef();\n  callbackRef.current = onChange;\n  const frozen = ((_a = state.entry) == null ? void 0 : _a.isIntersecting) && freezeOnceVisible;\n  useEffect(() => {\n    if (!ref)\n      return;\n    if (!(\"IntersectionObserver\" in window))\n      return;\n    if (frozen)\n      return;\n    let unobserve;\n    const observer = new IntersectionObserver(\n      (entries) => {\n        const thresholds = Array.isArray(observer.thresholds) ? observer.thresholds : [observer.thresholds];\n        entries.forEach((entry) => {\n          const isIntersecting = entry.isIntersecting && thresholds.some((threshold2) => entry.intersectionRatio >= threshold2);\n          setState({ isIntersecting, entry });\n          if (callbackRef.current) {\n            callbackRef.current(isIntersecting, entry);\n          }\n          if (isIntersecting && freezeOnceVisible && unobserve) {\n            unobserve();\n            unobserve = void 0;\n          }\n        });\n      },\n      { threshold, root, rootMargin }\n    );\n    observer.observe(ref);\n    return () => {\n      observer.disconnect();\n    };\n  }, [\n    ref,\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    JSON.stringify(threshold),\n    root,\n    rootMargin,\n    frozen,\n    freezeOnceVisible\n  ]);\n  const prevRef = useRef(null);\n  useEffect(() => {\n    var _a2;\n    if (!ref && ((_a2 = state.entry) == null ? void 0 : _a2.target) && !freezeOnceVisible && !frozen && prevRef.current !== state.entry.target) {\n      prevRef.current = state.entry.target;\n      setState({ isIntersecting: initialIsIntersecting, entry: void 0 });\n    }\n  }, [ref, state.entry, freezeOnceVisible, frozen, initialIsIntersecting]);\n  const result = [\n    setRef,\n    !!state.isIntersecting,\n    state.entry\n  ];\n  result.ref = result[0];\n  result.isIntersecting = result[1];\n  result.entry = result[2];\n  return result;\n}\nfunction useIsClient() {\n  const [isClient, setClient] = useState(false);\n  useEffect(() => {\n    setClient(true);\n  }, []);\n  return isClient;\n}\nfunction useIsMounted() {\n  const isMounted = useRef(false);\n  useEffect(() => {\n    isMounted.current = true;\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n  return useCallback(() => isMounted.current, []);\n}\nfunction useMap(initialState = /* @__PURE__ */ new Map()) {\n  const [map, setMap] = useState(new Map(initialState));\n  const actions = {\n    set: useCallback((key, value) => {\n      setMap((prev) => {\n        const copy = new Map(prev);\n        copy.set(key, value);\n        return copy;\n      });\n    }, []),\n    setAll: useCallback((entries) => {\n      setMap(() => new Map(entries));\n    }, []),\n    remove: useCallback((key) => {\n      setMap((prev) => {\n        const copy = new Map(prev);\n        copy.delete(key);\n        return copy;\n      });\n    }, []),\n    reset: useCallback(() => {\n      setMap(() => /* @__PURE__ */ new Map());\n    }, [])\n  };\n  return [map, actions];\n}\n\n// src/useOnClickOutside/useOnClickOutside.ts\nfunction useOnClickOutside(ref, handler, eventType = \"mousedown\", eventListenerOptions = {}) {\n  useEventListener(\n    eventType,\n    (event) => {\n      const target = event.target;\n      if (!target || !target.isConnected) {\n        return;\n      }\n      const isOutside = Array.isArray(ref) ? ref.filter((r) => Boolean(r.current)).every((r) => r.current && !r.current.contains(target)) : ref.current && !ref.current.contains(target);\n      if (isOutside) {\n        handler(event);\n      }\n    },\n    void 0,\n    eventListenerOptions\n  );\n}\nvar IS_SERVER3 = typeof window === \"undefined\";\nfunction useReadLocalStorage(key, options = {}) {\n  let { initializeWithValue = true } = options;\n  if (IS_SERVER3) {\n    initializeWithValue = false;\n  }\n  const deserializer = useCallback(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      if (value === \"undefined\") {\n        return void 0;\n      }\n      let parsed;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        console.error(\"Error parsing JSON:\", error);\n        return null;\n      }\n      return parsed;\n    },\n    [options]\n  );\n  const readValue = useCallback(() => {\n    if (IS_SERVER3) {\n      return null;\n    }\n    try {\n      const raw = window.localStorage.getItem(key);\n      return raw ? deserializer(raw) : null;\n    } catch (error) {\n      console.warn(`Error reading localStorage key \\u201C${key}\\u201D:`, error);\n      return null;\n    }\n  }, [key, deserializer]);\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return void 0;\n  });\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n  const handleStorageChange = useCallback(\n    (event) => {\n      if (event.key && event.key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n  useEventListener(\"storage\", handleStorageChange);\n  useEventListener(\"local-storage\", handleStorageChange);\n  return storedValue;\n}\nvar initialSize = {\n  width: void 0,\n  height: void 0\n};\nfunction useResizeObserver(options) {\n  const { ref, box = \"content-box\" } = options;\n  const [{ width, height }, setSize] = useState(initialSize);\n  const isMounted = useIsMounted();\n  const previousSize = useRef({ ...initialSize });\n  const onResize = useRef(void 0);\n  onResize.current = options.onResize;\n  useEffect(() => {\n    if (!ref.current)\n      return;\n    if (typeof window === \"undefined\" || !(\"ResizeObserver\" in window))\n      return;\n    const observer = new ResizeObserver(([entry]) => {\n      const boxProp = box === \"border-box\" ? \"borderBoxSize\" : box === \"device-pixel-content-box\" ? \"devicePixelContentBoxSize\" : \"contentBoxSize\";\n      const newWidth = extractSize(entry, boxProp, \"inlineSize\");\n      const newHeight = extractSize(entry, boxProp, \"blockSize\");\n      const hasChanged = previousSize.current.width !== newWidth || previousSize.current.height !== newHeight;\n      if (hasChanged) {\n        const newSize = { width: newWidth, height: newHeight };\n        previousSize.current.width = newWidth;\n        previousSize.current.height = newHeight;\n        if (onResize.current) {\n          onResize.current(newSize);\n        } else {\n          if (isMounted()) {\n            setSize(newSize);\n          }\n        }\n      }\n    });\n    observer.observe(ref.current, { box });\n    return () => {\n      observer.disconnect();\n    };\n  }, [box, ref, isMounted]);\n  return { width, height };\n}\nfunction extractSize(entry, box, sizeType) {\n  if (!entry[box]) {\n    if (box === \"contentBoxSize\") {\n      return entry.contentRect[sizeType === \"inlineSize\" ? \"width\" : \"height\"];\n    }\n    return void 0;\n  }\n  return Array.isArray(entry[box]) ? entry[box][0][sizeType] : (\n    // @ts-ignore Support Firefox's non-standard behavior\n    entry[box][sizeType]\n  );\n}\nvar IS_SERVER4 = typeof window === \"undefined\";\nfunction useScreen(options = {}) {\n  let { initializeWithValue = true } = options;\n  if (IS_SERVER4) {\n    initializeWithValue = false;\n  }\n  const readScreen = () => {\n    if (IS_SERVER4) {\n      return void 0;\n    }\n    return window.screen;\n  };\n  const [screen, setScreen] = useState(() => {\n    if (initializeWithValue) {\n      return readScreen();\n    }\n    return void 0;\n  });\n  const debouncedSetScreen = useDebounceCallback(\n    setScreen,\n    options.debounceDelay\n  );\n  function handleSize() {\n    const newScreen = readScreen();\n    const setSize = options.debounceDelay ? debouncedSetScreen : setScreen;\n    if (newScreen) {\n      const {\n        width,\n        height,\n        availHeight,\n        availWidth,\n        colorDepth,\n        orientation,\n        pixelDepth\n      } = newScreen;\n      setSize({\n        width,\n        height,\n        availHeight,\n        availWidth,\n        colorDepth,\n        orientation,\n        pixelDepth\n      });\n    }\n  }\n  useEventListener(\"resize\", handleSize);\n  useIsomorphicLayoutEffect(() => {\n    handleSize();\n  }, []);\n  return screen;\n}\nvar cachedScriptStatuses = /* @__PURE__ */ new Map();\nfunction getScriptNode(src) {\n  const node = document.querySelector(\n    `script[src=\"${src}\"]`\n  );\n  const status = node == null ? void 0 : node.getAttribute(\"data-status\");\n  return {\n    node,\n    status\n  };\n}\nfunction useScript(src, options) {\n  const [status, setStatus] = useState(() => {\n    if (!src || (options == null ? void 0 : options.shouldPreventLoad)) {\n      return \"idle\";\n    }\n    if (typeof window === \"undefined\") {\n      return \"loading\";\n    }\n    return cachedScriptStatuses.get(src) ?? \"loading\";\n  });\n  useEffect(() => {\n    if (!src || (options == null ? void 0 : options.shouldPreventLoad)) {\n      return;\n    }\n    const cachedScriptStatus = cachedScriptStatuses.get(src);\n    if (cachedScriptStatus === \"ready\" || cachedScriptStatus === \"error\") {\n      setStatus(cachedScriptStatus);\n      return;\n    }\n    const script = getScriptNode(src);\n    let scriptNode = script.node;\n    if (!scriptNode) {\n      scriptNode = document.createElement(\"script\");\n      scriptNode.src = src;\n      scriptNode.async = true;\n      if (options == null ? void 0 : options.id) {\n        scriptNode.id = options.id;\n      }\n      scriptNode.setAttribute(\"data-status\", \"loading\");\n      document.body.appendChild(scriptNode);\n      const setAttributeFromEvent = (event) => {\n        const scriptStatus = event.type === \"load\" ? \"ready\" : \"error\";\n        scriptNode == null ? void 0 : scriptNode.setAttribute(\"data-status\", scriptStatus);\n      };\n      scriptNode.addEventListener(\"load\", setAttributeFromEvent);\n      scriptNode.addEventListener(\"error\", setAttributeFromEvent);\n    } else {\n      setStatus(script.status ?? cachedScriptStatus ?? \"loading\");\n    }\n    const setStateFromEvent = (event) => {\n      const newStatus = event.type === \"load\" ? \"ready\" : \"error\";\n      setStatus(newStatus);\n      cachedScriptStatuses.set(src, newStatus);\n    };\n    scriptNode.addEventListener(\"load\", setStateFromEvent);\n    scriptNode.addEventListener(\"error\", setStateFromEvent);\n    return () => {\n      if (scriptNode) {\n        scriptNode.removeEventListener(\"load\", setStateFromEvent);\n        scriptNode.removeEventListener(\"error\", setStateFromEvent);\n      }\n      if (scriptNode && (options == null ? void 0 : options.removeOnUnmount)) {\n        scriptNode.remove();\n        cachedScriptStatuses.delete(src);\n      }\n    };\n  }, [src, options == null ? void 0 : options.shouldPreventLoad, options == null ? void 0 : options.removeOnUnmount, options == null ? void 0 : options.id]);\n  return status;\n}\nvar IS_SERVER5 = typeof window === \"undefined\";\nfunction useScrollLock(options = {}) {\n  const { autoLock = true, lockTarget, widthReflow = true } = options;\n  const [isLocked, setIsLocked] = useState(false);\n  const target = useRef(null);\n  const originalStyle = useRef(null);\n  const lock = () => {\n    if (target.current) {\n      const { overflow, paddingRight } = target.current.style;\n      originalStyle.current = { overflow, paddingRight };\n      if (widthReflow) {\n        const offsetWidth = target.current === document.body ? window.innerWidth : target.current.offsetWidth;\n        const currentPaddingRight = parseInt(window.getComputedStyle(target.current).paddingRight, 10) || 0;\n        const scrollbarWidth = offsetWidth - target.current.scrollWidth;\n        target.current.style.paddingRight = `${scrollbarWidth + currentPaddingRight}px`;\n      }\n      target.current.style.overflow = \"hidden\";\n      setIsLocked(true);\n    }\n  };\n  const unlock = () => {\n    if (target.current && originalStyle.current) {\n      target.current.style.overflow = originalStyle.current.overflow;\n      if (widthReflow) {\n        target.current.style.paddingRight = originalStyle.current.paddingRight;\n      }\n    }\n    setIsLocked(false);\n  };\n  useIsomorphicLayoutEffect(() => {\n    if (IS_SERVER5)\n      return;\n    if (lockTarget) {\n      target.current = typeof lockTarget === \"string\" ? document.querySelector(lockTarget) : lockTarget;\n    }\n    if (!target.current) {\n      target.current = document.body;\n    }\n    if (autoLock) {\n      lock();\n    }\n    return () => {\n      unlock();\n    };\n  }, [autoLock, lockTarget, widthReflow]);\n  return { isLocked, lock, unlock };\n}\nvar IS_SERVER6 = typeof window === \"undefined\";\nfunction useSessionStorage(key, initialValue, options = {}) {\n  const { initializeWithValue = true } = options;\n  const serializer = useCallback(\n    (value) => {\n      if (options.serializer) {\n        return options.serializer(value);\n      }\n      return JSON.stringify(value);\n    },\n    [options]\n  );\n  const deserializer = useCallback(\n    (value) => {\n      if (options.deserializer) {\n        return options.deserializer(value);\n      }\n      if (value === \"undefined\") {\n        return void 0;\n      }\n      const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n      let parsed;\n      try {\n        parsed = JSON.parse(value);\n      } catch (error) {\n        console.error(\"Error parsing JSON:\", error);\n        return defaultValue;\n      }\n      return parsed;\n    },\n    [options, initialValue]\n  );\n  const readValue = useCallback(() => {\n    const initialValueToUse = initialValue instanceof Function ? initialValue() : initialValue;\n    if (IS_SERVER6) {\n      return initialValueToUse;\n    }\n    try {\n      const raw = window.sessionStorage.getItem(key);\n      return raw ? deserializer(raw) : initialValueToUse;\n    } catch (error) {\n      console.warn(`Error reading sessionStorage key \\u201C${key}\\u201D:`, error);\n      return initialValueToUse;\n    }\n  }, [initialValue, key, deserializer]);\n  const [storedValue, setStoredValue] = useState(() => {\n    if (initializeWithValue) {\n      return readValue();\n    }\n    return initialValue instanceof Function ? initialValue() : initialValue;\n  });\n  const setValue = useEventCallback((value) => {\n    if (IS_SERVER6) {\n      console.warn(\n        `Tried setting sessionStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    try {\n      const newValue = value instanceof Function ? value(readValue()) : value;\n      window.sessionStorage.setItem(key, serializer(newValue));\n      setStoredValue(newValue);\n      window.dispatchEvent(new StorageEvent(\"session-storage\", { key }));\n    } catch (error) {\n      console.warn(`Error setting sessionStorage key \\u201C${key}\\u201D:`, error);\n    }\n  });\n  const removeValue = useEventCallback(() => {\n    if (IS_SERVER6) {\n      console.warn(\n        `Tried removing sessionStorage key \\u201C${key}\\u201D even though environment is not a client`\n      );\n    }\n    const defaultValue = initialValue instanceof Function ? initialValue() : initialValue;\n    window.sessionStorage.removeItem(key);\n    setStoredValue(defaultValue);\n    window.dispatchEvent(new StorageEvent(\"session-storage\", { key }));\n  });\n  useEffect(() => {\n    setStoredValue(readValue());\n  }, [key]);\n  const handleStorageChange = useCallback(\n    (event) => {\n      if (event.key && event.key !== key) {\n        return;\n      }\n      setStoredValue(readValue());\n    },\n    [key, readValue]\n  );\n  useEventListener(\"storage\", handleStorageChange);\n  useEventListener(\"session-storage\", handleStorageChange);\n  return [storedValue, setValue, removeValue];\n}\nfunction useStep(maxStep) {\n  const [currentStep, setCurrentStep] = useState(1);\n  const canGoToNextStep = currentStep + 1 <= maxStep;\n  const canGoToPrevStep = currentStep - 1 > 0;\n  const setStep = useCallback(\n    (step) => {\n      const newStep = step instanceof Function ? step(currentStep) : step;\n      if (newStep >= 1 && newStep <= maxStep) {\n        setCurrentStep(newStep);\n        return;\n      }\n      throw new Error(\"Step not valid\");\n    },\n    [maxStep, currentStep]\n  );\n  const goToNextStep = useCallback(() => {\n    if (canGoToNextStep) {\n      setCurrentStep((step) => step + 1);\n    }\n  }, [canGoToNextStep]);\n  const goToPrevStep = useCallback(() => {\n    if (canGoToPrevStep) {\n      setCurrentStep((step) => step - 1);\n    }\n  }, [canGoToPrevStep]);\n  const reset = useCallback(() => {\n    setCurrentStep(1);\n  }, []);\n  return [\n    currentStep,\n    {\n      goToNextStep,\n      goToPrevStep,\n      canGoToNextStep,\n      canGoToPrevStep,\n      setStep,\n      reset\n    }\n  ];\n}\n\n// src/useTernaryDarkMode/useTernaryDarkMode.ts\nvar COLOR_SCHEME_QUERY2 = \"(prefers-color-scheme: dark)\";\nvar LOCAL_STORAGE_KEY2 = \"usehooks-ts-ternary-dark-mode\";\nfunction useTernaryDarkMode({\n  defaultValue = \"system\",\n  localStorageKey = LOCAL_STORAGE_KEY2,\n  initializeWithValue = true\n} = {}) {\n  const isDarkOS = useMediaQuery(COLOR_SCHEME_QUERY2, { initializeWithValue });\n  const [mode, setMode] = useLocalStorage(localStorageKey, defaultValue, {\n    initializeWithValue\n  });\n  const isDarkMode = mode === \"dark\" || mode === \"system\" && isDarkOS;\n  const toggleTernaryDarkMode = () => {\n    const modes = [\"light\", \"system\", \"dark\"];\n    setMode((prevMode) => {\n      const nextIndex = (modes.indexOf(prevMode) + 1) % modes.length;\n      return modes[nextIndex];\n    });\n  };\n  return {\n    isDarkMode,\n    ternaryDarkMode: mode,\n    setTernaryDarkMode: setMode,\n    toggleTernaryDarkMode\n  };\n}\nfunction useTimeout(callback, delay) {\n  const savedCallback = useRef(callback);\n  useIsomorphicLayoutEffect(() => {\n    savedCallback.current = callback;\n  }, [callback]);\n  useEffect(() => {\n    if (!delay && delay !== 0) {\n      return;\n    }\n    const id = setTimeout(() => {\n      savedCallback.current();\n    }, delay);\n    return () => {\n      clearTimeout(id);\n    };\n  }, [delay]);\n}\nfunction useToggle(defaultValue) {\n  const [value, setValue] = useState(!!defaultValue);\n  const toggle = useCallback(() => {\n    setValue((x) => !x);\n  }, []);\n  return [value, toggle, setValue];\n}\nvar IS_SERVER7 = typeof window === \"undefined\";\nfunction useWindowSize(options = {}) {\n  let { initializeWithValue = true } = options;\n  if (IS_SERVER7) {\n    initializeWithValue = false;\n  }\n  const [windowSize, setWindowSize] = useState(() => {\n    if (initializeWithValue) {\n      return {\n        width: window.innerWidth,\n        height: window.innerHeight\n      };\n    }\n    return {\n      width: void 0,\n      height: void 0\n    };\n  });\n  const debouncedSetWindowSize = useDebounceCallback(\n    setWindowSize,\n    options.debounceDelay\n  );\n  function handleSize() {\n    const setSize = options.debounceDelay ? debouncedSetWindowSize : setWindowSize;\n    setSize({\n      width: window.innerWidth,\n      height: window.innerHeight\n    });\n  }\n  useEventListener(\"resize\", handleSize);\n  useIsomorphicLayoutEffect(() => {\n    handleSize();\n  }, []);\n  return windowSize;\n}\n\nexport { useBoolean, useClickAnyWhere, useCopyToClipboard, useCountdown, useCounter, useDarkMode, useDebounceCallback, useDebounceValue, useDocumentTitle, useEventCallback, useEventListener, useHover, useIntersectionObserver, useInterval, useIsClient, useIsMounted, useIsomorphicLayoutEffect, useLocalStorage, useMap, useMediaQuery, useOnClickOutside, useReadLocalStorage, useResizeObserver, useScreen, useScript, useScrollLock, useSessionStorage, useStep, useTernaryDarkMode, useTimeout, useToggle, useUnmount, useWindowSize };\n"],"names":["useCopyToClipboard","copiedText","setCopiedText","useState","copy","useCallback","text","error","useToggle","defaultValue","value","setValue","toggle","x"],"mappings":";;AAgDA,SAASA,IAAqB;AAC5B,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAAS,IAAI,GAC3CC,IAAOC,EAAY,OAAOC,MAAS;AACvC,QAAI,EAAE,aAAa,QAAgB,UAAU;AAC3C,qBAAQ,KAAK,yBAAyB,GAC/B;AAET,QAAI;AACF,mBAAM,UAAU,UAAU,UAAUA,CAAI,GACxCJ,EAAcI,CAAI,GACX;AAAA,IACR,SAAQC,GAAO;AACd,qBAAQ,KAAK,eAAeA,CAAK,GACjCL,EAAc,IAAI,GACX;AAAA,IACb;AAAA,EACG,GAAE,EAAE;AACL,SAAO,CAACD,GAAYG,CAAI;AAC1B;AAw6BA,SAASI,EAAUC,GAAc;AAC/B,QAAM,CAACC,GAAOC,CAAQ,IAAIR,EAAS,EAAc,GAC3CS,IAASP,EAAY,MAAM;AAC/B,IAAAM,EAAS,CAACE,MAAM,CAACA,CAAC;AAAA,EACnB,GAAE,EAAE;AACL,SAAO,CAACH,GAAOE,GAAQD,CAAQ;AACjC;","x_google_ignoreList":[0]}

package/dist/index.es446.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./index.es506.js";
+import { __exports as e } from "./index.es470.js";
 /**
  * @license React
  * react-jsx-runtime.production.js

package/dist/index.es447.js

@@ -1,4 +1,4 @@
-import { __exports as u } from "./index.es507.js";
+import { __exports as u } from "./index.es471.js";
 import B from "react";
 /**
  * @license React