@nayhoo/ui 0.9.0 → 0.9.2

package/dist/providers/index.mjs

@@ -1,6 +1,6 @@
 import {
   Text
-} from "../chunk-3Z2HB2J6.mjs";
+} from "../chunk-RYAY35UB.mjs";
 import {
   checkmark,
   darkTheme,
@@ -10,28 +10,41 @@ import {
   toastInner,
   toastRoot,
   toastViewport
-} from "../chunk-RAS2GZOT.mjs";
+} from "../chunk-MXFGBAZU.mjs";
 import {
   Heading
-} from "../chunk-NU7XYEVP.mjs";
+} from "../chunk-GGJKRS5V.mjs";
 import {
   IconButton
-} from "../chunk-GI2XNLAW.mjs";
-import "../chunk-IRWT2CO3.mjs";
-import "../chunk-IPBDMBQP.mjs";
+} from "../chunk-5RLHLI27.mjs";
+import "../chunk-6N652IDI.mjs";
+import "../chunk-G4YCF3A2.mjs";
 import {
   Button
-} from "../chunk-X6UXW66P.mjs";
-import "../chunk-FG2ZBTVM.mjs";
-import "../chunk-A2I7UNX6.mjs";
-import "../chunk-S3GY7GCD.mjs";
-import {
-  theme
-} from "../chunk-OETJQIMJ.mjs";
+} from "../chunk-JI6FRWSC.mjs";
+import "../chunk-SOIEM2O2.mjs";
+import "../chunk-DC6VQ7BG.mjs";
+import "../chunk-QEBSZEY2.mjs";
 import "../chunk-4N6P3Y54.mjs";
 import "../chunk-7EGQM3ZL.mjs";
 import "../chunk-LZOMFHX3.mjs";
 
+// src/hooks/use-body-class-toggle.ts
+import { useEffect } from "react";
+var useBodyClassToggle = (className, condition) => {
+  useEffect(() => {
+    const { body } = document;
+    if (condition) {
+      body.classList.add(className);
+    } else {
+      body.classList.remove(className);
+    }
+    return () => {
+      body.classList.remove(className);
+    };
+  }, [className, condition]);
+};
+
 // src/providers/theme-provider.tsx
 import { createContext } from "react";
 import { jsx } from "react/jsx-runtime";
@@ -41,18 +54,9 @@ var ThemeProvider = ({
   children,
   themeMode = defaultThemeMode
 }) => {
-  const isDarkMode = themeMode === "dark";
-  return /* @__PURE__ */ jsx(ThemeContext, { value: themeMode, children: /* @__PURE__ */ jsx(
-    "div",
-    {
-      className: isDarkMode ? darkTheme : lightTheme,
-      style: {
-        backgroundColor: theme.semanticColors.background,
-        color: theme.semanticColors.backgroundTextContrast
-      },
-      children
-    }
-  ) });
+  useBodyClassToggle(lightTheme, themeMode === "light");
+  useBodyClassToggle(darkTheme, themeMode === "dark");
+  return /* @__PURE__ */ jsx(ThemeContext, { value: themeMode, children });
 };
 
 // src/providers/toaster.tsx
@@ -125,7 +129,10 @@ var Toaster = ({
     [handleAddToast]
   );
   const handleDispatchError = React2.useCallback(
-    (payload) => handleAddToast({ ...payload, status: "error" }),
+    (payload) => (
+      // default duration of 10 mins for `status: "error"`.
+      handleAddToast({ duration: 60 * 1e3 * 10, ...payload, status: "error" })
+    ),
     [handleAddToast]
   );
   React2.useEffect(() => {

package/dist/providers/index.mjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/providers/theme-provider.tsx","../../src/providers/toaster.tsx"],"sourcesContent":["import { theme } from \"@/theme/theme-contracts/theme-contract.css\";\nimport { darkTheme } from \"@/theme/themes/dark-theme.css\";\nimport { lightTheme } from \"@/theme/themes/light-theme.css\";\nimport { ThemeMode } from \"@/types/theme-mode\";\nimport React, { createContext } from \"react\";\n\nconst defaultThemeMode: ThemeMode = \"light\";\n\nexport const ThemeContext = createContext<ThemeMode>(defaultThemeMode);\n\ntype ThemeProviderProps = {\n  children: React.ReactNode;\n  themeMode?: ThemeMode;\n};\n\n/**\n * This component applies the theme css. It should preferably be used at the root of your component tree.\n */\nexport const ThemeProvider = ({\n  children,\n  themeMode = defaultThemeMode,\n}: ThemeProviderProps) => {\n  const isDarkMode = themeMode === \"dark\";\n\n  return (\n    <ThemeContext value={themeMode}>\n      <div\n        className={isDarkMode ? darkTheme : lightTheme}\n        style={{\n          backgroundColor: theme.semanticColors.background,\n          color: theme.semanticColors.backgroundTextContrast,\n        }}\n      >\n        {children}\n      </div>\n    </ThemeContext>\n  );\n};\n","// Credits: https://codesandbox.io/p/sandbox/radix-toast-stack-dpfx5f\n\nimport { Button } from \"@/components/button\";\nimport { Heading } from \"@/components/heading\";\nimport { IconButton } from \"@/components/icon-button\";\nimport { Text } from \"@/components/text\";\nimport {\n  checkmark,\n  error,\n  toastClose,\n  toastInner,\n  toastRoot,\n  toastViewport,\n} from \"@/theme/styles/toaster.css\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport * as ToastPrimitives from \"@radix-ui/react-toast\";\nimport * as React from \"react\";\n\ntype Toast = {\n  title?: string;\n  description?: string;\n  status: \"default\" | \"error\" | \"success\";\n  action?: React.ReactNode;\n} & ToastPrimitives.ToastProps;\n\ntype AddToastPayload = Omit<Toast, \"status\">;\n\ntype ToasterContextProps = ((payload: AddToastPayload) => void) & {\n  error: (payload: AddToastPayload) => void;\n  success: (payload: AddToastPayload) => void;\n};\n\nconst defaultToaster: ToasterContextProps = Object.assign(() => {}, {\n  success: () => {},\n  error: () => {},\n});\n\nexport const ToasterContext = React.createContext(defaultToaster);\n\ntype ToastContextImplProps = {\n  toastElementsMapRef: React.RefObject<Map<string, HTMLLIElement> | null>;\n  sortToasts: () => void;\n};\n\nconst toastElementsMapRef = React.createRef<Map<string, HTMLLIElement>>();\n\nconst defaultToastImpl: ToastContextImplProps = {\n  toastElementsMapRef,\n  sortToasts: () => {},\n};\n\nconst ToastContextImpl = React.createContext(defaultToastImpl);\n\nconst ANIMATION_OUT_DURATION = 350;\n\nexport const Toaster = ({\n  children,\n  ...props\n}: ToastPrimitives.ToastProviderProps) => {\n  const [toasts, setToasts] = React.useState<Map<string, Toast>>(new Map());\n  const toastElementsMapRef = React.useRef<Map<string, HTMLLIElement>>(\n    new Map(),\n  );\n  const viewportRef = React.useRef<HTMLOListElement>(null);\n\n  const sortToasts = React.useCallback(() => {\n    const toastElements = Array.from(toastElementsMapRef.current).reverse();\n    const heights: number[] = [];\n\n    toastElements.forEach(([, toast], index) => {\n      if (!toast) return;\n      const height = toast.clientHeight;\n      heights.push(height);\n      const frontToastHeight = heights[0];\n      toast.setAttribute(\"data-front\", `${index === 0}`);\n      toast.setAttribute(\"data-hidden\", `${index > 2}`);\n      toast.style.setProperty(\"--index\", `${index}`);\n      toast.style.setProperty(\"--height\", `${height}px`);\n      toast.style.setProperty(\"--front-height\", `${frontToastHeight}px`);\n      const hoverOffsetY = heights\n        .slice(0, index)\n        .reduce((res, next) => (res += next), 0);\n      toast.style.setProperty(\"--hover-offset-y\", `-${hoverOffsetY}px`);\n    });\n  }, []);\n\n  const handleAddToast = React.useCallback((toast: Toast) => {\n    setToasts((currentToasts) => {\n      const newMap = new Map(currentToasts);\n      newMap.set(String(Date.now()), { ...toast, open: true });\n\n      return newMap;\n    });\n  }, []);\n\n  const handleRemoveToast = React.useCallback((key: string) => {\n    setToasts((currentToasts) => {\n      const newMap = new Map(currentToasts);\n      newMap.delete(key);\n\n      return newMap;\n    });\n  }, []);\n\n  const handleDispatchDefault = React.useCallback(\n    (payload: AddToastPayload) =>\n      handleAddToast({ ...payload, status: \"default\" }),\n    [handleAddToast],\n  );\n\n  const handleDispatchSuccess = React.useCallback(\n    (payload: AddToastPayload) =>\n      handleAddToast({ ...payload, status: \"success\" }),\n    [handleAddToast],\n  );\n\n  const handleDispatchError = React.useCallback(\n    (payload: AddToastPayload) =>\n      handleAddToast({ ...payload, status: \"error\" }),\n    [handleAddToast],\n  );\n\n  React.useEffect(() => {\n    const viewport = viewportRef.current;\n\n    if (viewport) {\n      const handleFocus = () => {\n        toastElementsMapRef.current.forEach((toast) => {\n          toast.setAttribute(\"data-hovering\", \"true\");\n        });\n      };\n\n      // @ts-expect-error TODO: get the correct type\n      const handleBlur = (event) => {\n        if (!viewport.contains(event.target) || viewport === event.target) {\n          toastElementsMapRef.current.forEach((toast) => {\n            toast.setAttribute(\"data-hovering\", \"false\");\n          });\n        }\n      };\n\n      viewport.addEventListener(\"pointermove\", handleFocus);\n      viewport.addEventListener(\"pointerleave\", handleBlur);\n      viewport.addEventListener(\"focusin\", handleFocus);\n      viewport.addEventListener(\"focusout\", handleBlur);\n\n      return () => {\n        viewport.removeEventListener(\"pointermove\", handleFocus);\n        viewport.removeEventListener(\"pointerleave\", handleBlur);\n        viewport.removeEventListener(\"focusin\", handleFocus);\n        viewport.removeEventListener(\"focusout\", handleBlur);\n      };\n    }\n  }, []);\n\n  const toastApi = React.useMemo(\n    () =>\n      Object.assign(handleDispatchDefault, {\n        success: handleDispatchSuccess,\n        error: handleDispatchError,\n      }),\n    [handleDispatchDefault, handleDispatchSuccess, handleDispatchError],\n  );\n\n  return (\n    <ToasterContext.Provider value={toastApi}>\n      <ToastContextImpl.Provider\n        value={React.useMemo(\n          () => ({\n            toastElementsMapRef,\n            sortToasts,\n          }),\n          [sortToasts],\n        )}\n      >\n        <ToastPrimitives.Provider {...props}>\n          {children}\n          {Array.from(toasts).map(([key, toast]) => (\n            <Toast\n              key={key}\n              id={key}\n              toast={toast}\n              onOpenChange={(open) => {\n                if (!open) {\n                  toastElementsMapRef.current.delete(key);\n                  sortToasts();\n\n                  if (!open) {\n                    setTimeout(() => {\n                      handleRemoveToast(key);\n                    }, ANIMATION_OUT_DURATION);\n                  }\n                }\n              }}\n            />\n          ))}\n          <ToastPrimitives.Viewport\n            ref={viewportRef}\n            className={toastViewport}\n          />\n        </ToastPrimitives.Provider>\n      </ToastContextImpl.Provider>\n    </ToasterContext.Provider>\n  );\n};\n\nconst Toast = (props: ToastPrimitives.ToastProps & { toast: Toast }) => {\n  const { onOpenChange, toast, id, ...toastProps } = props;\n  const ref = React.useRef<HTMLLIElement>(null);\n  const context = React.useContext(ToastContextImpl);\n  const { sortToasts, toastElementsMapRef } = context;\n  const toastElementsMap = toastElementsMapRef.current;\n\n  React.useLayoutEffect(() => {\n    if (ref.current) {\n      toastElementsMap?.set(id as string, ref.current);\n      sortToasts();\n    }\n  }, [id, sortToasts, toastElementsMap]);\n\n  return (\n    <ToastPrimitives.Root\n      {...toastProps}\n      ref={ref}\n      type={toast.type}\n      duration={toast.duration}\n      className={toastRoot}\n      onOpenChange={onOpenChange}\n    >\n      <div className={toastInner} data-status={toast.status}>\n        <ToastStatusIcon status={toast.status} />\n        <ToastPrimitives.Title asChild style={{ gridArea: \"title\" }}>\n          <Heading level=\"6\">{toast.title}</Heading>\n        </ToastPrimitives.Title>\n        <ToastPrimitives.Description\n          asChild\n          style={{ gridArea: \"description\" }}\n        >\n          <Text color=\"subtle\" size=\"2\">\n            {toast.description}\n          </Text>\n        </ToastPrimitives.Description>\n        {toast.action}\n        <ToastPrimitives.Close\n          aria-label=\"Close\"\n          asChild\n          className={toastClose}\n        >\n          <IconButton variant=\"outline\">\n            <Cross2Icon />\n          </IconButton>\n        </ToastPrimitives.Close>\n      </div>\n    </ToastPrimitives.Root>\n  );\n};\n\nconst ToastStatusIcon = ({ status }: { status: Toast[\"status\"] }) => {\n  return status !== \"default\" ? (\n    <div style={{ gridArea: \"icon\", alignSelf: \"start\" }}>\n      {status === \"success\" && <CheckmarkIcon />}\n      {status === \"error\" && <ErrorIcon />}\n    </div>\n  ) : null;\n};\n\nconst ErrorIcon = () => <div aria-hidden className={error} />;\nconst CheckmarkIcon = () => <div aria-hidden className={checkmark} />;\n\nexport const ToastAction = ({\n  ...props\n}: Omit<ToastPrimitives.ToastActionProps, \"asChild\">) => {\n  return (\n    <ToastPrimitives.Action\n      {...props}\n      style={{ gridArea: \"action\", ...props.style }}\n      asChild\n    >\n      <Button size=\"1\" variant=\"outline\">\n        {props.children}\n      </Button>\n    </ToastPrimitives.Action>\n  );\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,SAAgB,qBAAqB;AAsB/B;AApBN,IAAM,mBAA8B;AAE7B,IAAM,eAAe,cAAyB,gBAAgB;AAU9D,IAAM,gBAAgB,CAAC;AAAA,EAC5B;AAAA,EACA,YAAY;AACd,MAA0B;AACxB,QAAM,aAAa,cAAc;AAEjC,SACE,oBAAC,gBAAa,OAAO,WACnB;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,aAAa,YAAY;AAAA,MACpC,OAAO;AAAA,QACL,iBAAiB,MAAM,eAAe;AAAA,QACtC,OAAO,MAAM,eAAe;AAAA,MAC9B;AAAA,MAEC;AAAA;AAAA,EACH,GACF;AAEJ;;;ACvBA,SAAS,kBAAkB;AAC3B,YAAY,qBAAqB;AACjC,YAAYA,YAAW;AA+Jf,SAGI,OAAAC,MAHJ;AA/IR,IAAM,iBAAsC,OAAO,OAAO,MAAM;AAAC,GAAG;AAAA,EAClE,SAAS,MAAM;AAAA,EAAC;AAAA,EAChB,OAAO,MAAM;AAAA,EAAC;AAChB,CAAC;AAEM,IAAM,iBAAuB,qBAAc,cAAc;AAOhE,IAAM,sBAA4B,iBAAsC;AAExE,IAAM,mBAA0C;AAAA,EAC9C;AAAA,EACA,YAAY,MAAM;AAAA,EAAC;AACrB;AAEA,IAAM,mBAAyB,qBAAc,gBAAgB;AAE7D,IAAM,yBAAyB;AAExB,IAAM,UAAU,CAAC;AAAA,EACtB;AAAA,EACA,GAAG;AACL,MAA0C;AACxC,QAAM,CAAC,QAAQ,SAAS,IAAU,gBAA6B,oBAAI,IAAI,CAAC;AACxE,QAAMC,uBAA4B;AAAA,IAChC,oBAAI,IAAI;AAAA,EACV;AACA,QAAM,cAAoB,cAAyB,IAAI;AAEvD,QAAM,aAAmB,mBAAY,MAAM;AACzC,UAAM,gBAAgB,MAAM,KAAKA,qBAAoB,OAAO,EAAE,QAAQ;AACtE,UAAM,UAAoB,CAAC;AAE3B,kBAAc,QAAQ,CAAC,CAAC,EAAE,KAAK,GAAG,UAAU;AAC1C,UAAI,CAAC,MAAO;AACZ,YAAM,SAAS,MAAM;AACrB,cAAQ,KAAK,MAAM;AACnB,YAAM,mBAAmB,QAAQ,CAAC;AAClC,YAAM,aAAa,cAAc,GAAG,UAAU,CAAC,EAAE;AACjD,YAAM,aAAa,eAAe,GAAG,QAAQ,CAAC,EAAE;AAChD,YAAM,MAAM,YAAY,WAAW,GAAG,KAAK,EAAE;AAC7C,YAAM,MAAM,YAAY,YAAY,GAAG,MAAM,IAAI;AACjD,YAAM,MAAM,YAAY,kBAAkB,GAAG,gBAAgB,IAAI;AACjE,YAAM,eAAe,QAClB,MAAM,GAAG,KAAK,EACd,OAAO,CAAC,KAAK,SAAU,OAAO,MAAO,CAAC;AACzC,YAAM,MAAM,YAAY,oBAAoB,IAAI,YAAY,IAAI;AAAA,IAClE,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,iBAAuB,mBAAY,CAAC,UAAiB;AACzD,cAAU,CAAC,kBAAkB;AAC3B,YAAM,SAAS,IAAI,IAAI,aAAa;AACpC,aAAO,IAAI,OAAO,KAAK,IAAI,CAAC,GAAG,EAAE,GAAG,OAAO,MAAM,KAAK,CAAC;AAEvD,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,oBAA0B,mBAAY,CAAC,QAAgB;AAC3D,cAAU,CAAC,kBAAkB;AAC3B,YAAM,SAAS,IAAI,IAAI,aAAa;AACpC,aAAO,OAAO,GAAG;AAEjB,aAAO;AAAA,IACT,CAAC;AAAA,EACH,GAAG,CAAC,CAAC;AAEL,QAAM,wBAA8B;AAAA,IAClC,CAAC,YACC,eAAe,EAAE,GAAG,SAAS,QAAQ,UAAU,CAAC;AAAA,IAClD,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,wBAA8B;AAAA,IAClC,CAAC,YACC,eAAe,EAAE,GAAG,SAAS,QAAQ,UAAU,CAAC;AAAA,IAClD,CAAC,cAAc;AAAA,EACjB;AAEA,QAAM,sBAA4B;AAAA,IAChC,CAAC,YACC,eAAe,EAAE,GAAG,SAAS,QAAQ,QAAQ,CAAC;AAAA,IAChD,CAAC,cAAc;AAAA,EACjB;AAEA,EAAM,iBAAU,MAAM;AACpB,UAAM,WAAW,YAAY;AAE7B,QAAI,UAAU;AACZ,YAAM,cAAc,MAAM;AACxB,QAAAA,qBAAoB,QAAQ,QAAQ,CAAC,UAAU;AAC7C,gBAAM,aAAa,iBAAiB,MAAM;AAAA,QAC5C,CAAC;AAAA,MACH;AAGA,YAAM,aAAa,CAAC,UAAU;AAC5B,YAAI,CAAC,SAAS,SAAS,MAAM,MAAM,KAAK,aAAa,MAAM,QAAQ;AACjE,UAAAA,qBAAoB,QAAQ,QAAQ,CAAC,UAAU;AAC7C,kBAAM,aAAa,iBAAiB,OAAO;AAAA,UAC7C,CAAC;AAAA,QACH;AAAA,MACF;AAEA,eAAS,iBAAiB,eAAe,WAAW;AACpD,eAAS,iBAAiB,gBAAgB,UAAU;AACpD,eAAS,iBAAiB,WAAW,WAAW;AAChD,eAAS,iBAAiB,YAAY,UAAU;AAEhD,aAAO,MAAM;AACX,iBAAS,oBAAoB,eAAe,WAAW;AACvD,iBAAS,oBAAoB,gBAAgB,UAAU;AACvD,iBAAS,oBAAoB,WAAW,WAAW;AACnD,iBAAS,oBAAoB,YAAY,UAAU;AAAA,MACrD;AAAA,IACF;AAAA,EACF,GAAG,CAAC,CAAC;AAEL,QAAM,WAAiB;AAAA,IACrB,MACE,OAAO,OAAO,uBAAuB;AAAA,MACnC,SAAS;AAAA,MACT,OAAO;AAAA,IACT,CAAC;AAAA,IACH,CAAC,uBAAuB,uBAAuB,mBAAmB;AAAA,EACpE;AAEA,SACE,gBAAAD,KAAC,eAAe,UAAf,EAAwB,OAAO,UAC9B,0BAAAA;AAAA,IAAC,iBAAiB;AAAA,IAAjB;AAAA,MACC,OAAa;AAAA,QACX,OAAO;AAAA,UACL,qBAAAC;AAAA,UACA;AAAA,QACF;AAAA,QACA,CAAC,UAAU;AAAA,MACb;AAAA,MAEA,+BAAiB,0BAAhB,EAA0B,GAAG,OAC3B;AAAA;AAAA,QACA,MAAM,KAAK,MAAM,EAAE,IAAI,CAAC,CAAC,KAAK,KAAK,MAClC,gBAAAD;AAAA,UAAC;AAAA;AAAA,YAEC,IAAI;AAAA,YACJ;AAAA,YACA,cAAc,CAAC,SAAS;AACtB,kBAAI,CAAC,MAAM;AACT,gBAAAC,qBAAoB,QAAQ,OAAO,GAAG;AACtC,2BAAW;AAEX,oBAAI,CAAC,MAAM;AACT,6BAAW,MAAM;AACf,sCAAkB,GAAG;AAAA,kBACvB,GAAG,sBAAsB;AAAA,gBAC3B;AAAA,cACF;AAAA,YACF;AAAA;AAAA,UAdK;AAAA,QAeP,CACD;AAAA,QACD,gBAAAD;AAAA,UAAiB;AAAA,UAAhB;AAAA,YACC,KAAK;AAAA,YACL,WAAW;AAAA;AAAA,QACb;AAAA,SACF;AAAA;AAAA,EACF,GACF;AAEJ;AAEA,IAAM,QAAQ,CAAC,UAAyD;AACtE,QAAM,EAAE,cAAc,OAAO,IAAI,GAAG,WAAW,IAAI;AACnD,QAAM,MAAY,cAAsB,IAAI;AAC5C,QAAM,UAAgB,kBAAW,gBAAgB;AACjD,QAAM,EAAE,YAAY,qBAAAC,qBAAoB,IAAI;AAC5C,QAAM,mBAAmBA,qBAAoB;AAE7C,EAAM,uBAAgB,MAAM;AAC1B,QAAI,IAAI,SAAS;AACf,2DAAkB,IAAI,IAAc,IAAI;AACxC,iBAAW;AAAA,IACb;AAAA,EACF,GAAG,CAAC,IAAI,YAAY,gBAAgB,CAAC;AAErC,SACE,gBAAAD;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ;AAAA,MACA,MAAM,MAAM;AAAA,MACZ,UAAU,MAAM;AAAA,MAChB,WAAW;AAAA,MACX;AAAA,MAEA,+BAAC,SAAI,WAAW,YAAY,eAAa,MAAM,QAC7C;AAAA,wBAAAA,KAAC,mBAAgB,QAAQ,MAAM,QAAQ;AAAA,QACvC,gBAAAA,KAAiB,uBAAhB,EAAsB,SAAO,MAAC,OAAO,EAAE,UAAU,QAAQ,GACxD,0BAAAA,KAAC,WAAQ,OAAM,KAAK,gBAAM,OAAM,GAClC;AAAA,QACA,gBAAAA;AAAA,UAAiB;AAAA,UAAhB;AAAA,YACC,SAAO;AAAA,YACP,OAAO,EAAE,UAAU,cAAc;AAAA,YAEjC,0BAAAA,KAAC,QAAK,OAAM,UAAS,MAAK,KACvB,gBAAM,aACT;AAAA;AAAA,QACF;AAAA,QACC,MAAM;AAAA,QACP,gBAAAA;AAAA,UAAiB;AAAA,UAAhB;AAAA,YACC,cAAW;AAAA,YACX,SAAO;AAAA,YACP,WAAW;AAAA,YAEX,0BAAAA,KAAC,cAAW,SAAQ,WAClB,0BAAAA,KAAC,cAAW,GACd;AAAA;AAAA,QACF;AAAA,SACF;AAAA;AAAA,EACF;AAEJ;AAEA,IAAM,kBAAkB,CAAC,EAAE,OAAO,MAAmC;AACnE,SAAO,WAAW,YAChB,qBAAC,SAAI,OAAO,EAAE,UAAU,QAAQ,WAAW,QAAQ,GAChD;AAAA,eAAW,aAAa,gBAAAA,KAAC,iBAAc;AAAA,IACvC,WAAW,WAAW,gBAAAA,KAAC,aAAU;AAAA,KACpC,IACE;AACN;AAEA,IAAM,YAAY,MAAM,gBAAAA,KAAC,SAAI,eAAW,MAAC,WAAW,OAAO;AAC3D,IAAM,gBAAgB,MAAM,gBAAAA,KAAC,SAAI,eAAW,MAAC,WAAW,WAAW;AAE5D,IAAM,cAAc,CAAC;AAAA,EAC1B,GAAG;AACL,MAAyD;AACvD,SACE,gBAAAA;AAAA,IAAiB;AAAA,IAAhB;AAAA,MACE,GAAG;AAAA,MACJ,OAAO,EAAE,UAAU,UAAU,GAAG,MAAM,MAAM;AAAA,MAC5C,SAAO;AAAA,MAEP,0BAAAA,KAAC,UAAO,MAAK,KAAI,SAAQ,WACtB,gBAAM,UACT;AAAA;AAAA,EACF;AAEJ;","names":["React","jsx","toastElementsMapRef"]}
+{"version":3,"sources":["../../src/hooks/use-body-class-toggle.ts","../../src/providers/theme-provider.tsx","../../src/providers/toaster.tsx"],"sourcesContent":["// dup of packages/hooks/src/use-body-class-toggle.ts\n\nimport { useEffect } from \"react\";\n\n/**\n * A React hook that toggles a class on the document.body based on a condition.\n *\n * @param className - The class name to toggle on the document.body.\n * @param condition - The condition to determine whether to add or remove the class.\n */\nexport const useBodyClassToggle = (\n  className: string,\n  condition: boolean,\n): void => {\n  useEffect(() => {\n    // Get a reference to the document.body\n    const { body } = document;\n\n    // Add or remove the specified class based on the condition\n    if (condition) {\n      body.classList.add(className);\n    } else {\n      body.classList.remove(className);\n    }\n\n    // Cleanup function to remove the class when the component unmounts\n    return () => {\n      body.classList.remove(className);\n    };\n  }, [className, condition]); // Re-run effect when className or condition changes\n};\n","import { useBodyClassToggle } from \"@/hooks/use-body-class-toggle\";\nimport { darkTheme } from \"@/theme/themes/dark-theme.css\";\nimport { lightTheme } from \"@/theme/themes/light-theme.css\";\nimport { ThemeMode } from \"@/types/theme-mode\";\nimport React, { createContext } from \"react\";\n\nconst defaultThemeMode: ThemeMode = \"light\";\n\nexport const ThemeContext = createContext<ThemeMode>(defaultThemeMode);\n\ntype ThemeProviderProps = {\n  children: React.ReactNode;\n  themeMode?: ThemeMode;\n};\n\n/**\n * This component applies the theme css. It should preferably be used at the root of your component tree.\n */\nexport const ThemeProvider = ({\n  children,\n  themeMode = defaultThemeMode,\n}: ThemeProviderProps) => {\n  // light theme handler\n  useBodyClassToggle(lightTheme, themeMode === \"light\");\n\n  // dark theme handler\n  useBodyClassToggle(darkTheme, themeMode === \"dark\");\n\n  return <ThemeContext value={themeMode}>{children}</ThemeContext>;\n};\n","// Credits: https://codesandbox.io/p/sandbox/radix-toast-stack-dpfx5f\n\nimport { Button } from \"@/components/button\";\nimport { Heading } from \"@/components/heading\";\nimport { IconButton } from \"@/components/icon-button\";\nimport { Text } from \"@/components/text\";\nimport {\n  checkmark,\n  error,\n  toastClose,\n  toastInner,\n  toastRoot,\n  toastViewport,\n} from \"@/theme/styles/toaster.css\";\nimport { Cross2Icon } from \"@radix-ui/react-icons\";\nimport * as ToastPrimitives from \"@radix-ui/react-toast\";\nimport * as React from \"react\";\n\ntype Toast = {\n  title?: string;\n  description?: string;\n  status: \"default\" | \"error\" | \"success\";\n  action?: React.ReactNode;\n} & ToastPrimitives.ToastProps;\n\ntype AddToastPayload = Omit<Toast, \"status\">;\n\ntype ToasterContextProps = ((payload: AddToastPayload) => void) & {\n  error: (payload: AddToastPayload) => void;\n  success: (payload: AddToastPayload) => void;\n};\n\nconst defaultToaster: ToasterContextProps = Object.assign(() => {}, {\n  success: () => {},\n  error: () => {},\n});\n\nexport const ToasterContext = React.createContext(defaultToaster);\n\ntype ToastContextImplProps = {\n  toastElementsMapRef: React.RefObject<Map<string, HTMLLIElement> | null>;\n  sortToasts: () => void;\n};\n\nconst toastElementsMapRef = React.createRef<Map<string, HTMLLIElement>>();\n\nconst defaultToastImpl: ToastContextImplProps = {\n  toastElementsMapRef,\n  sortToasts: () => {},\n};\n\nconst ToastContextImpl = React.createContext(defaultToastImpl);\n\nconst ANIMATION_OUT_DURATION = 350;\n\nexport const Toaster = ({\n  children,\n  ...props\n}: ToastPrimitives.ToastProviderProps) => {\n  const [toasts, setToasts] = React.useState<Map<string, Toast>>(new Map());\n  const toastElementsMapRef = React.useRef<Map<string, HTMLLIElement>>(\n    new Map(),\n  );\n  const viewportRef = React.useRef<HTMLOListElement>(null);\n\n  const sortToasts = React.useCallback(() => {\n    const toastElements = Array.from(toastElementsMapRef.current).reverse();\n    const heights: number[] = [];\n\n    toastElements.forEach(([, toast], index) => {\n      if (!toast) return;\n      const height = toast.clientHeight;\n      heights.push(height);\n      const frontToastHeight = heights[0];\n      toast.setAttribute(\"data-front\", `${index === 0}`);\n      toast.setAttribute(\"data-hidden\", `${index > 2}`);\n      toast.style.setProperty(\"--index\", `${index}`);\n      toast.style.setProperty(\"--height\", `${height}px`);\n      toast.style.setProperty(\"--front-height\", `${frontToastHeight}px`);\n      const hoverOffsetY = heights\n        .slice(0, index)\n        .reduce((res, next) => (res += next), 0);\n      toast.style.setProperty(\"--hover-offset-y\", `-${hoverOffsetY}px`);\n    });\n  }, []);\n\n  const handleAddToast = React.useCallback((toast: Toast) => {\n    setToasts((currentToasts) => {\n      const newMap = new Map(currentToasts);\n      newMap.set(String(Date.now()), { ...toast, open: true });\n\n      return newMap;\n    });\n  }, []);\n\n  const handleRemoveToast = React.useCallback((key: string) => {\n    setToasts((currentToasts) => {\n      const newMap = new Map(currentToasts);\n      newMap.delete(key);\n\n      return newMap;\n    });\n  }, []);\n\n  const handleDispatchDefault = React.useCallback(\n    (payload: AddToastPayload) =>\n      handleAddToast({ ...payload, status: \"default\" }),\n    [handleAddToast],\n  );\n\n  const handleDispatchSuccess = React.useCallback(\n    (payload: AddToastPayload) =>\n      handleAddToast({ ...payload, status: \"success\" }),\n    [handleAddToast],\n  );\n\n  const handleDispatchError = React.useCallback(\n    (payload: AddToastPayload) =>\n      // default duration of 10 mins for `status: \"error\"`.\n      handleAddToast({ duration: 60 * 1000 * 10, ...payload, status: \"error\" }),\n    [handleAddToast],\n  );\n\n  React.useEffect(() => {\n    const viewport = viewportRef.current;\n\n    if (viewport) {\n      const handleFocus = () => {\n        toastElementsMapRef.current.forEach((toast) => {\n          toast.setAttribute(\"data-hovering\", \"true\");\n        });\n      };\n\n      // @ts-expect-error TODO: get the correct type\n      const handleBlur = (event) => {\n        if (!viewport.contains(event.target) || viewport === event.target) {\n          toastElementsMapRef.current.forEach((toast) => {\n            toast.setAttribute(\"data-hovering\", \"false\");\n          });\n        }\n      };\n\n      viewport.addEventListener(\"pointermove\", handleFocus);\n      viewport.addEventListener(\"pointerleave\", handleBlur);\n      viewport.addEventListener(\"focusin\", handleFocus);\n      viewport.addEventListener(\"focusout\", handleBlur);\n\n      return () => {\n        viewport.removeEventListener(\"pointermove\", handleFocus);\n        viewport.removeEventListener(\"pointerleave\", handleBlur);\n        viewport.removeEventListener(\"focusin\", handleFocus);\n        viewport.removeEventListener(\"focusout\", handleBlur);\n      };\n    }\n  }, []);\n\n  const toastApi = React.useMemo(\n    () =>\n      Object.assign(handleDispatchDefault, {\n        success: handleDispatchSuccess,\n        error: handleDispatchError,\n      }),\n    [handleDispatchDefault, handleDispatchSuccess, handleDispatchError],\n  );\n\n  return (\n    <ToasterContext.Provider value={toastApi}>\n      <ToastContextImpl.Provider\n        value={React.useMemo(\n          () => ({\n            toastElementsMapRef,\n            sortToasts,\n          }),\n          [sortToasts],\n        )}\n      >\n        <ToastPrimitives.Provider {...props}>\n          {children}\n          {Array.from(toasts).map(([key, toast]) => (\n            <Toast\n              key={key}\n              id={key}\n              toast={toast}\n              onOpenChange={(open) => {\n                if (!open) {\n                  toastElementsMapRef.current.delete(key);\n                  sortToasts();\n\n                  if (!open) {\n                    setTimeout(() => {\n                      handleRemoveToast(key);\n                    }, ANIMATION_OUT_DURATION);\n                  }\n                }\n              }}\n            />\n          ))}\n          <ToastPrimitives.Viewport\n            ref={viewportRef}\n            className={toastViewport}\n          />\n        </ToastPrimitives.Provider>\n      </ToastContextImpl.Provider>\n    </ToasterContext.Provider>\n  );\n};\n\nconst Toast = (props: ToastPrimitives.ToastProps & { toast: Toast }) => {\n  const { onOpenChange, toast, id, ...toastProps } = props;\n  const ref = React.useRef<HTMLLIElement>(null);\n  const context = React.useContext(ToastContextImpl);\n  const { sortToasts, toastElementsMapRef } = context;\n  const toastElementsMap = toastElementsMapRef.current;\n\n  React.useLayoutEffect(() => {\n    if (ref.current) {\n      toastElementsMap?.set(id as string, ref.current);\n      sortToasts();\n    }\n  }, [id, sortToasts, toastElementsMap]);\n\n  return (\n    <ToastPrimitives.Root\n      {...toastProps}\n      ref={ref}\n      type={toast.type}\n      duration={toast.duration}\n      className={toastRoot}\n      onOpenChange={onOpenChange}\n    >\n      <div className={toastInner} data-status={toast.status}>\n        <ToastStatusIcon status={toast.status} />\n        <ToastPrimitives.Title asChild style={{ gridArea: \"title\" }}>\n          <Heading level=\"6\">{toast.title}</Heading>\n        </ToastPrimitives.Title>\n        <ToastPrimitives.Description\n          asChild\n          style={{ gridArea: \"description\" }}\n        >\n          <Text color=\"subtle\" size=\"2\">\n            {toast.description}\n          </Text>\n        </ToastPrimitives.Description>\n        {toast.action}\n        <ToastPrimitives.Close\n          aria-label=\"Close\"\n          asChild\n          className={toastClose}\n        >\n          <IconButton variant=\"outline\">\n            <Cross2Icon />\n          </IconButton>\n        </ToastPrimitives.Close>\n      </div>\n    </ToastPrimitives.Root>\n  );\n};\n\nconst ToastStatusIcon = ({ status }: { status: Toast[\"status\"] }) => {\n  return status !== \"default\" ? (\n    <div style={{ gridArea: \"icon\", alignSelf: \"start\" }}>\n      {status === \"success\" && <CheckmarkIcon />}\n      {status === \"error\" && <ErrorIcon />}\n    </div>\n  ) : null;\n};\n\nconst ErrorIcon = () => <div aria-hidden className={error} />;\nconst CheckmarkIcon = () => <div aria-hidden className={checkmark} />;\n\nexport const ToastAction = ({\n  ...props\n}: Omit<ToastPrimitives.ToastActionProps, \"asChild\">) => {\n  return (\n    <ToastPrimitives.Action\n      {...props}\n      style={{ gridArea: \"action\", ...props.style }}\n      asChild\n    >\n      <Button size=\"1\" variant=\"outline\">\n        {props.children}\n      </Button>\n    </ToastPrimitives.Action>\n  );\n};\n"],"mappings":"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","names":["React","jsx","toastElementsMapRef"]}