@intlayer/design-system 5.0.6 → 5.1.1

package/dist/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DesktopThemeSwitcher.mjs","sources":["../../../src/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { Moon, Sun, CircleDashed } from 'lucide-react';\nimport { useState, type FC } from 'react';\nimport { type ButtonProps, Button } from '../Button';\nimport { Container } from '../Container';\nimport { DropDown } from '../DropDown';\nimport { Modes } from './types';\n\nconst ButtonItem: FC<ButtonProps> = ({ Icon, children, ...props }) => (\n  <div className=\"relative w-full p-0.5\">\n    <Button\n      className=\"hover:bg-text/10 focus:bg-text-opposite/20 dark:hover:bg-text-opposite/10 dark:focus:bg-text-opposite/20 w-full cursor-pointer rounded-lg p-1 text-left focus:outline-none disabled:text-white/25\"\n      Icon={Icon}\n      data-mode=\"system\"\n      role=\"option\"\n      variant=\"none\"\n      {...props}\n    >\n      {children}\n    </Button>\n  </div>\n);\n\ntype DesktopThemeSwitcherProps = {\n  theme: Modes;\n  setTheme: (theme: Modes) => void;\n  systemTheme: Modes;\n};\n\nexport const DesktopThemeSwitcher: FC<DesktopThemeSwitcherProps> = ({\n  theme,\n  setTheme,\n  systemTheme,\n}) => {\n  const isThemeSystemTheme = systemTheme === theme;\n  const defaultMode = isThemeSystemTheme ? Modes.system : theme;\n\n  const [mode, setMode] = useState<Modes>(defaultMode);\n\n  const switchMode = (mode: Modes) => {\n    if (mode === Modes.system) {\n      setTheme(systemTheme ?? Modes.light);\n    } else {\n      setTheme(mode);\n    }\n    setMode(mode);\n  };\n\n  const panelIdentifier = 'theme-switcher';\n\n  return (\n    <DropDown identifier={panelIdentifier}>\n      <DropDown.Trigger\n        className=\"p-2\"\n        identifier={panelIdentifier}\n        aria-label=\"Theme selector\"\n      >\n        {mode === Modes.system && <CircleDashed data-mode=\"system\" />}\n        {mode === Modes.light && <Sun data-mode=\"light\" />}\n        {mode === Modes.dark && <Moon data-mode=\"dark\" />}\n      </DropDown.Trigger>\n\n      <DropDown.Panel identifier={panelIdentifier} isFocusable isOverable>\n        <Container className=\"min-w-[100px] items-start p-1\" separator=\"y\">\n          <ButtonItem\n            Icon={CircleDashed}\n            onClick={() => switchMode(Modes.system)}\n            isActive={mode === Modes.system}\n            label=\"Restore to system mode\"\n          >\n            System\n          </ButtonItem>\n          <ButtonItem\n            Icon={Sun}\n            onClick={() => switchMode(Modes.light)}\n            isActive={mode === Modes.light}\n            label=\"Switch to light mode\"\n          >\n            Light\n          </ButtonItem>\n          <ButtonItem\n            Icon={Moon}\n            onClick={() => switchMode(Modes.dark)}\n            isActive={mode === Modes.dark}\n            label=\"Switch to dark mode\"\n          >\n            Dark\n          </ButtonItem>\n        </Container>\n      </DropDown.Panel>\n    </DropDown>\n  );\n};\n"],"names":["jsx","mode","jsxs"],"mappings":";;;;;;;;AASA,MAAM,aAA8B,CAAC,EAAE,MAAM,UAAU,GAAG,MAAA,MACxDA,kCAAA,IAAC,OAAI,EAAA,WAAU,yBACb,UAAAA,kCAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV;AAAA,IACA,aAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACP,GAAG;AAAA,IAEH;AAAA,EAAA;AACH,GACF;AASK,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAqB,gBAAgB;AACrC,QAAA,cAAc,qBAAqB,MAAM,SAAS;AAExD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAgB,WAAW;AAE7C,QAAA,aAAa,CAACC,UAAgB;AAC9BA,QAAAA,UAAS,MAAM,QAAQ;AAChB,eAAA,eAAe,MAAM,KAAK;AAAA,IAAA,OAC9B;AACL,eAASA,KAAI;AAAA,IAAA;AAEf,YAAQA,KAAI;AAAA,EACd;AAEA,QAAM,kBAAkB;AAGtB,SAAAC,kCAAA,KAAC,UAAS,EAAA,YAAY,iBACpB,UAAA;AAAA,IAAAA,kCAAA;AAAA,MAAC,SAAS;AAAA,MAAT;AAAA,QACC,WAAU;AAAA,QACV,YAAY;AAAA,QACZ,cAAW;AAAA,QAEV,UAAA;AAAA,UAAA,SAAS,MAAM,UAAWF,kCAAAA,IAAA,cAAA,EAAa,aAAU,UAAS;AAAA,UAC1D,SAAS,MAAM,SAAUA,kCAAAA,IAAA,KAAA,EAAI,aAAU,SAAQ;AAAA,UAC/C,SAAS,MAAM,QAASA,kCAAAA,IAAA,MAAA,EAAK,aAAU,OAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,IAECA,kCAAA,IAAA,SAAS,OAAT,EAAe,YAAY,iBAAiB,aAAW,MAAC,YAAU,MACjE,UAACE,kCAAAA,KAAA,WAAA,EAAU,WAAU,iCAAgC,WAAU,KAC7D,UAAA;AAAA,MAAAF,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,SAAS,MAAM,WAAW,MAAM,MAAM;AAAA,UACtC,UAAU,SAAS,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,MACAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,SAAS,MAAM,WAAW,MAAM,KAAK;AAAA,UACrC,UAAU,SAAS,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,MACAA,kCAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,SAAS,MAAM,WAAW,MAAM,IAAI;AAAA,UACpC,UAAU,SAAS,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACF,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}
+{"version":3,"file":"DesktopThemeSwitcher.mjs","sources":["../../../src/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { Moon, Sun, CircleDashed } from 'lucide-react';\nimport { useState, type FC } from 'react';\nimport { type ButtonProps, Button } from '../Button';\nimport { Container } from '../Container';\nimport { DropDown } from '../DropDown';\nimport { Modes } from './types';\n\nconst ButtonItem: FC<ButtonProps> = ({ Icon, children, ...props }) => (\n  <div className=\"relative w-full p-0.5\">\n    <Button\n      className=\"hover:bg-text/10 focus:bg-text-opposite/20 dark:hover:bg-text-opposite/10 dark:focus:bg-text-opposite/20 w-full cursor-pointer rounded-lg p-1 text-left focus:outline-none disabled:text-white/25\"\n      Icon={Icon}\n      data-mode=\"system\"\n      role=\"option\"\n      variant=\"none\"\n      {...props}\n    >\n      {children}\n    </Button>\n  </div>\n);\n\ntype DesktopThemeSwitcherProps = {\n  theme: Modes;\n  setTheme: (theme: Modes) => void;\n  systemTheme: Modes;\n};\n\nexport const DesktopThemeSwitcher: FC<DesktopThemeSwitcherProps> = ({\n  theme,\n  setTheme,\n  systemTheme,\n}) => {\n  const isThemeSystemTheme = systemTheme === theme;\n  const defaultMode = isThemeSystemTheme ? Modes.system : theme;\n\n  const [mode, setMode] = useState<Modes>(defaultMode);\n\n  const switchMode = (mode: Modes) => {\n    if (mode === Modes.system) {\n      setTheme(systemTheme ?? Modes.light);\n    } else {\n      setTheme(mode);\n    }\n    setMode(mode);\n  };\n\n  const panelIdentifier = 'theme-switcher';\n\n  return (\n    <DropDown identifier={panelIdentifier}>\n      <DropDown.Trigger\n        className=\"p-2\"\n        identifier={panelIdentifier}\n        aria-label=\"Theme selector\"\n      >\n        {mode === Modes.system && <CircleDashed data-mode=\"system\" />}\n        {mode === Modes.light && <Sun data-mode=\"light\" />}\n        {mode === Modes.dark && <Moon data-mode=\"dark\" />}\n      </DropDown.Trigger>\n\n      <DropDown.Panel identifier={panelIdentifier} isFocusable isOverable>\n        <Container className=\"min-w-[100px] items-start p-1\" separator=\"y\">\n          <ButtonItem\n            Icon={CircleDashed}\n            onClick={() => switchMode(Modes.system)}\n            isActive={mode === Modes.system}\n            label=\"Restore to system mode\"\n          >\n            System\n          </ButtonItem>\n          <ButtonItem\n            Icon={Sun}\n            onClick={() => switchMode(Modes.light)}\n            isActive={mode === Modes.light}\n            label=\"Switch to light mode\"\n          >\n            Light\n          </ButtonItem>\n          <ButtonItem\n            Icon={Moon}\n            onClick={() => switchMode(Modes.dark)}\n            isActive={mode === Modes.dark}\n            label=\"Switch to dark mode\"\n          >\n            Dark\n          </ButtonItem>\n        </Container>\n      </DropDown.Panel>\n    </DropDown>\n  );\n};\n"],"names":["mode"],"mappings":";;;;;;;;AASA,MAAM,aAA8B,CAAC,EAAE,MAAM,UAAU,GAAG,MAAA,MACxD,oBAAC,OAAI,EAAA,WAAU,yBACb,UAAA;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV;AAAA,IACA,aAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACP,GAAG;AAAA,IAEH;AAAA,EAAA;AACH,GACF;AASK,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAqB,gBAAgB;AACrC,QAAA,cAAc,qBAAqB,MAAM,SAAS;AAExD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAgB,WAAW;AAE7C,QAAA,aAAa,CAACA,UAAgB;AAC9BA,QAAAA,UAAS,MAAM,QAAQ;AAChB,eAAA,eAAe,MAAM,KAAK;AAAA,IAAA,OAC9B;AACL,eAASA,KAAI;AAAA,IAAA;AAEf,YAAQA,KAAI;AAAA,EACd;AAEA,QAAM,kBAAkB;AAGtB,SAAA,qBAAC,UAAS,EAAA,YAAY,iBACpB,UAAA;AAAA,IAAA;AAAA,MAAC,SAAS;AAAA,MAAT;AAAA,QACC,WAAU;AAAA,QACV,YAAY;AAAA,QACZ,cAAW;AAAA,QAEV,UAAA;AAAA,UAAA,SAAS,MAAM,UAAW,oBAAA,cAAA,EAAa,aAAU,UAAS;AAAA,UAC1D,SAAS,MAAM,SAAU,oBAAA,KAAA,EAAI,aAAU,SAAQ;AAAA,UAC/C,SAAS,MAAM,QAAS,oBAAA,MAAA,EAAK,aAAU,OAAO,CAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,IAEC,oBAAA,SAAS,OAAT,EAAe,YAAY,iBAAiB,aAAW,MAAC,YAAU,MACjE,UAAC,qBAAA,WAAA,EAAU,WAAU,iCAAgC,WAAU,KAC7D,UAAA;AAAA,MAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,SAAS,MAAM,WAAW,MAAM,MAAM;AAAA,UACtC,UAAU,SAAS,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,SAAS,MAAM,WAAW,MAAM,KAAK;AAAA,UACrC,UAAU,SAAS,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,MACA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAM;AAAA,UACN,SAAS,MAAM,WAAW,MAAM,IAAI;AAAA,UACpC,UAAU,SAAS,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CACF,EACF,CAAA;AAAA,EAAA,GACF;AAEJ;"}

package/dist/components/ThemeSwitcherDropDown/MobileThemeSwitcher.cjs

@@ -1,9 +1,9 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const lucideReact = require("lucide-react");
-const require$$0 = require("react");
+const ReactExports = require("react");
 const utils_cn = require("../../utils/cn.cjs");
 const components_ThemeSwitcherDropDown_types = require("./types.cjs");
 const getIconStyle = ({
@@ -22,7 +22,7 @@ const MobileThemeSwitcher = ({
 }) => {
   const isThemeSystemTheme = systemTheme === theme;
   const defaultMode = isThemeSystemTheme ? components_ThemeSwitcherDropDown_types.Modes.system : theme;
-  const [mode, setMode] = require$$0.useState(defaultMode);
+  const [mode, setMode] = ReactExports.useState(defaultMode);
   const nextMode = (
     // Start loop
     // If mode is system, toggle the theme inverse of the system theme
@@ -44,8 +44,8 @@ const MobileThemeSwitcher = ({
     }
     setMode(nextMode);
   };
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("button", { className: "group relative size-10", "aria-label": "Theme selector", children: [
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsxs("button", { className: "group relative size-10", "aria-label": "Theme selector", children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
       lucideReact.CircleDashed,
       {
         className: getIconStyle({
@@ -56,7 +56,7 @@ const MobileThemeSwitcher = ({
         "data-mode": "system"
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(
       lucideReact.Moon,
       {
         className: getIconStyle({
@@ -67,7 +67,7 @@ const MobileThemeSwitcher = ({
         "data-mode": "light"
       }
     ),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx(
       lucideReact.Sun,
       {
         className: getIconStyle({

package/dist/components/ThemeSwitcherDropDown/MobileThemeSwitcher.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileThemeSwitcher.cjs","sources":["../../../src/components/ThemeSwitcherDropDown/MobileThemeSwitcher.tsx"],"sourcesContent":["/* eslint-disable sonarjs/no-nested-conditional */\n'use client';\n\nimport { Moon, Sun, CircleDashed } from 'lucide-react';\nimport { useState, type FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Modes } from './types';\n\ntype MobileThemeSwitcherProps = {\n  theme: Modes;\n  systemTheme: Modes;\n  setTheme: (theme: Modes) => void;\n};\n\nconst getIconStyle = ({\n  isCurrentMode,\n  isNextMode,\n}: {\n  isCurrentMode: boolean;\n  isNextMode: boolean;\n}) =>\n  cn(\n    `absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2`,\n    `opacity-0 transition-opacity duration-300 ease-in-out`,\n    isCurrentMode && `opacity-100 group-hover:opacity-0`,\n    isNextMode && `group-hover:opacity-100`\n  );\n\nexport const MobileThemeSwitcher: FC<MobileThemeSwitcherProps> = ({\n  theme,\n  systemTheme,\n  setTheme,\n}) => {\n  const isThemeSystemTheme = systemTheme === theme;\n  const defaultMode = isThemeSystemTheme ? Modes.system : theme;\n\n  const [mode, setMode] = useState<Modes>(defaultMode);\n\n  const nextMode =\n    // Start loop\n    // If mode is system, toggle the theme inverse of the system theme\n    mode === Modes.system\n      ? theme === Modes.dark\n        ? Modes.light\n        : Modes.dark\n      : // Close loop\n        // If current theme same as system theme, reset by toggle the system theme\n        isThemeSystemTheme\n        ? Modes.system\n        : // Go to next step\n          // Otherwise, toggle the remaining theme\n          mode === Modes.light\n          ? Modes.dark\n          : Modes.light;\n\n  const toggleMode = () => {\n    if (nextMode === Modes.system) {\n      setTheme(systemTheme ?? Modes.light);\n    } else {\n      setTheme(nextMode);\n    }\n    setMode(nextMode);\n  };\n\n  return (\n    <button className=\"group relative size-10\" aria-label=\"Theme selector\">\n      <CircleDashed\n        className={getIconStyle({\n          isCurrentMode: mode === Modes.system,\n          isNextMode: nextMode === Modes.system,\n        })}\n        onClick={toggleMode}\n        data-mode=\"system\"\n      />\n\n      <Moon\n        className={getIconStyle({\n          isCurrentMode: mode === Modes.light,\n          isNextMode: nextMode === Modes.light,\n        })}\n        onClick={toggleMode}\n        data-mode=\"light\"\n      />\n\n      <Sun\n        className={getIconStyle({\n          isCurrentMode: mode === Modes.dark,\n          isNextMode: nextMode === Modes.dark,\n        })}\n        onClick={toggleMode}\n        data-mode=\"dark\"\n      />\n    </button>\n  );\n};\n"],"names":["cn","Modes","useState","jsxs","jsx","CircleDashed","Moon","Sun"],"mappings":";;;;;;;;AAcA,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AACF,MAIEA,SAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc;AAChB;AAEK,MAAM,sBAAoD,CAAC;AAAA,EAChE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAqB,gBAAgB;AACrC,QAAA,cAAc,qBAAqBC,uCAAA,MAAM,SAAS;AAExD,QAAM,CAAC,MAAM,OAAO,IAAIC,WAAAA,SAAgB,WAAW;AAE7C,QAAA;AAAA;AAAA;AAAA,IAGJ,SAASD,uCAAAA,MAAM,SACX,UAAUA,uCAAAA,MAAM,OACdA,uCAAA,MAAM,QACNA,uCAAAA,MAAM;AAAA;AAAA;AAAA,MAGR,qBACEA,uCAAM,MAAA;AAAA;AAAA;AAAA,QAGN,SAASA,uCAAAA,MAAM,QACbA,uCAAAA,MAAM,OACNA,uCAAAA,MAAM;AAAA;AAAA;AAAA;AAEhB,QAAM,aAAa,MAAM;AACnB,QAAA,aAAaA,6CAAM,QAAQ;AACpB,eAAA,eAAeA,6CAAM,KAAK;AAAA,IAAA,OAC9B;AACL,eAAS,QAAQ;AAAA,IAAA;AAEnB,YAAQ,QAAQ;AAAA,EAClB;AAEA,SACGE,2BAAAA,kBAAAA,KAAA,UAAA,EAAO,WAAU,0BAAyB,cAAW,kBACpD,UAAA;AAAA,IAAAC,2BAAA,kBAAA;AAAA,MAACC,YAAA;AAAA,MAAA;AAAA,QACC,WAAW,aAAa;AAAA,UACtB,eAAe,SAASJ,uCAAAA,MAAM;AAAA,UAC9B,YAAY,aAAaA,6CAAM;AAAA,QAAA,CAChC;AAAA,QACD,SAAS;AAAA,QACT,aAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEAG,2BAAA,kBAAA;AAAA,MAACE,YAAA;AAAA,MAAA;AAAA,QACC,WAAW,aAAa;AAAA,UACtB,eAAe,SAASL,uCAAAA,MAAM;AAAA,UAC9B,YAAY,aAAaA,6CAAM;AAAA,QAAA,CAChC;AAAA,QACD,SAAS;AAAA,QACT,aAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEAG,2BAAA,kBAAA;AAAA,MAACG,YAAA;AAAA,MAAA;AAAA,QACC,WAAW,aAAa;AAAA,UACtB,eAAe,SAASN,uCAAAA,MAAM;AAAA,UAC9B,YAAY,aAAaA,6CAAM;AAAA,QAAA,CAChC;AAAA,QACD,SAAS;AAAA,QACT,aAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;;"}
+{"version":3,"file":"MobileThemeSwitcher.cjs","sources":["../../../src/components/ThemeSwitcherDropDown/MobileThemeSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { Moon, Sun, CircleDashed } from 'lucide-react';\nimport { useState, type FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Modes } from './types';\n\ntype MobileThemeSwitcherProps = {\n  theme: Modes;\n  systemTheme: Modes;\n  setTheme: (theme: Modes) => void;\n};\n\nconst getIconStyle = ({\n  isCurrentMode,\n  isNextMode,\n}: {\n  isCurrentMode: boolean;\n  isNextMode: boolean;\n}) =>\n  cn(\n    `absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2`,\n    `opacity-0 transition-opacity duration-300 ease-in-out`,\n    isCurrentMode && `opacity-100 group-hover:opacity-0`,\n    isNextMode && `group-hover:opacity-100`\n  );\n\nexport const MobileThemeSwitcher: FC<MobileThemeSwitcherProps> = ({\n  theme,\n  systemTheme,\n  setTheme,\n}) => {\n  const isThemeSystemTheme = systemTheme === theme;\n  const defaultMode = isThemeSystemTheme ? Modes.system : theme;\n\n  const [mode, setMode] = useState<Modes>(defaultMode);\n\n  const nextMode =\n    // Start loop\n    // If mode is system, toggle the theme inverse of the system theme\n    mode === Modes.system\n      ? theme === Modes.dark\n        ? Modes.light\n        : Modes.dark\n      : // Close loop\n        // If current theme same as system theme, reset by toggle the system theme\n        isThemeSystemTheme\n        ? Modes.system\n        : // Go to next step\n          // Otherwise, toggle the remaining theme\n          mode === Modes.light\n          ? Modes.dark\n          : Modes.light;\n\n  const toggleMode = () => {\n    if (nextMode === Modes.system) {\n      setTheme(systemTheme ?? Modes.light);\n    } else {\n      setTheme(nextMode);\n    }\n    setMode(nextMode);\n  };\n\n  return (\n    <button className=\"group relative size-10\" aria-label=\"Theme selector\">\n      <CircleDashed\n        className={getIconStyle({\n          isCurrentMode: mode === Modes.system,\n          isNextMode: nextMode === Modes.system,\n        })}\n        onClick={toggleMode}\n        data-mode=\"system\"\n      />\n\n      <Moon\n        className={getIconStyle({\n          isCurrentMode: mode === Modes.light,\n          isNextMode: nextMode === Modes.light,\n        })}\n        onClick={toggleMode}\n        data-mode=\"light\"\n      />\n\n      <Sun\n        className={getIconStyle({\n          isCurrentMode: mode === Modes.dark,\n          isNextMode: nextMode === Modes.dark,\n        })}\n        onClick={toggleMode}\n        data-mode=\"dark\"\n      />\n    </button>\n  );\n};\n"],"names":["cn","Modes","useState","jsxs","jsx","CircleDashed","Moon","Sun"],"mappings":";;;;;;;;AAaA,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AACF,MAIEA,SAAA;AAAA,EACE;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc;AAChB;AAEK,MAAM,sBAAoD,CAAC;AAAA,EAChE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAqB,gBAAgB;AACrC,QAAA,cAAc,qBAAqBC,uCAAA,MAAM,SAAS;AAExD,QAAM,CAAC,MAAM,OAAO,IAAIC,aAAAA,SAAgB,WAAW;AAE7C,QAAA;AAAA;AAAA;AAAA,IAGJ,SAASD,uCAAAA,MAAM,SACX,UAAUA,uCAAAA,MAAM,OACdA,uCAAA,MAAM,QACNA,uCAAAA,MAAM;AAAA;AAAA;AAAA,MAGR,qBACEA,uCAAM,MAAA;AAAA;AAAA;AAAA,QAGN,SAASA,uCAAAA,MAAM,QACbA,uCAAAA,MAAM,OACNA,uCAAAA,MAAM;AAAA;AAAA;AAAA;AAEhB,QAAM,aAAa,MAAM;AACnB,QAAA,aAAaA,6CAAM,QAAQ;AACpB,eAAA,eAAeA,6CAAM,KAAK;AAAA,IAAA,OAC9B;AACL,eAAS,QAAQ;AAAA,IAAA;AAEnB,YAAQ,QAAQ;AAAA,EAClB;AAEA,SACGE,2BAAAA,KAAA,UAAA,EAAO,WAAU,0BAAyB,cAAW,kBACpD,UAAA;AAAA,IAAAC,2BAAA;AAAA,MAACC,YAAA;AAAA,MAAA;AAAA,QACC,WAAW,aAAa;AAAA,UACtB,eAAe,SAASJ,uCAAAA,MAAM;AAAA,UAC9B,YAAY,aAAaA,6CAAM;AAAA,QAAA,CAChC;AAAA,QACD,SAAS;AAAA,QACT,aAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEAG,2BAAA;AAAA,MAACE,YAAA;AAAA,MAAA;AAAA,QACC,WAAW,aAAa;AAAA,UACtB,eAAe,SAASL,uCAAAA,MAAM;AAAA,UAC9B,YAAY,aAAaA,6CAAM;AAAA,QAAA,CAChC;AAAA,QACD,SAAS;AAAA,QACT,aAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEAG,2BAAA;AAAA,MAACG,YAAA;AAAA,MAAA;AAAA,QACC,WAAW,aAAa;AAAA,UACtB,eAAe,SAASN,uCAAAA,MAAM;AAAA,UAC9B,YAAY,aAAaA,6CAAM;AAAA,QAAA,CAChC;AAAA,QACD,SAAS;AAAA,QACT,aAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;;"}

package/dist/components/ThemeSwitcherDropDown/MobileThemeSwitcher.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MobileThemeSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeSwitcherDropDown/MobileThemeSwitcher.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,KAAK,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC,CAAC;AAgBF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAkE5D,CAAC"}
+{"version":3,"file":"MobileThemeSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeSwitcherDropDown/MobileThemeSwitcher.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAEhC,KAAK,wBAAwB,GAAG;IAC9B,KAAK,EAAE,KAAK,CAAC;IACb,WAAW,EAAE,KAAK,CAAC;IACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;CAClC,CAAC;AAgBF,eAAO,MAAM,mBAAmB,EAAE,EAAE,CAAC,wBAAwB,CAkE5D,CAAC"}

package/dist/components/ThemeSwitcherDropDown/MobileThemeSwitcher.mjs

@@ -1,5 +1,5 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { CircleDashed, Moon, Sun } from "lucide-react";
 import { useState } from "react";
 import { cn } from "../../utils/cn.mjs";
@@ -42,8 +42,8 @@ const MobileThemeSwitcher = ({
     }
     setMode(nextMode);
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "group relative size-10", "aria-label": "Theme selector", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxs("button", { className: "group relative size-10", "aria-label": "Theme selector", children: [
+    /* @__PURE__ */ jsx(
       CircleDashed,
       {
         className: getIconStyle({
@@ -54,7 +54,7 @@ const MobileThemeSwitcher = ({
         "data-mode": "system"
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsx(
       Moon,
       {
         className: getIconStyle({
@@ -65,7 +65,7 @@ const MobileThemeSwitcher = ({
         "data-mode": "light"
       }
     ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsx(
       Sun,
       {
         className: getIconStyle({

package/dist/components/ThemeSwitcherDropDown/MobileThemeSwitcher.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MobileThemeSwitcher.mjs","sources":["../../../src/components/ThemeSwitcherDropDown/MobileThemeSwitcher.tsx"],"sourcesContent":["/* eslint-disable sonarjs/no-nested-conditional */\n'use client';\n\nimport { Moon, Sun, CircleDashed } from 'lucide-react';\nimport { useState, type FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Modes } from './types';\n\ntype MobileThemeSwitcherProps = {\n  theme: Modes;\n  systemTheme: Modes;\n  setTheme: (theme: Modes) => void;\n};\n\nconst getIconStyle = ({\n  isCurrentMode,\n  isNextMode,\n}: {\n  isCurrentMode: boolean;\n  isNextMode: boolean;\n}) =>\n  cn(\n    `absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2`,\n    `opacity-0 transition-opacity duration-300 ease-in-out`,\n    isCurrentMode && `opacity-100 group-hover:opacity-0`,\n    isNextMode && `group-hover:opacity-100`\n  );\n\nexport const MobileThemeSwitcher: FC<MobileThemeSwitcherProps> = ({\n  theme,\n  systemTheme,\n  setTheme,\n}) => {\n  const isThemeSystemTheme = systemTheme === theme;\n  const defaultMode = isThemeSystemTheme ? Modes.system : theme;\n\n  const [mode, setMode] = useState<Modes>(defaultMode);\n\n  const nextMode =\n    // Start loop\n    // If mode is system, toggle the theme inverse of the system theme\n    mode === Modes.system\n      ? theme === Modes.dark\n        ? Modes.light\n        : Modes.dark\n      : // Close loop\n        // If current theme same as system theme, reset by toggle the system theme\n        isThemeSystemTheme\n        ? Modes.system\n        : // Go to next step\n          // Otherwise, toggle the remaining theme\n          mode === Modes.light\n          ? Modes.dark\n          : Modes.light;\n\n  const toggleMode = () => {\n    if (nextMode === Modes.system) {\n      setTheme(systemTheme ?? Modes.light);\n    } else {\n      setTheme(nextMode);\n    }\n    setMode(nextMode);\n  };\n\n  return (\n    <button className=\"group relative size-10\" aria-label=\"Theme selector\">\n      <CircleDashed\n        className={getIconStyle({\n          isCurrentMode: mode === Modes.system,\n          isNextMode: nextMode === Modes.system,\n        })}\n        onClick={toggleMode}\n        data-mode=\"system\"\n      />\n\n      <Moon\n        className={getIconStyle({\n          isCurrentMode: mode === Modes.light,\n          isNextMode: nextMode === Modes.light,\n        })}\n        onClick={toggleMode}\n        data-mode=\"light\"\n      />\n\n      <Sun\n        className={getIconStyle({\n          isCurrentMode: mode === Modes.dark,\n          isNextMode: nextMode === Modes.dark,\n        })}\n        onClick={toggleMode}\n        data-mode=\"dark\"\n      />\n    </button>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;;;AAcA,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AACF,MAIE;AAAA,EACE;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc;AAChB;AAEK,MAAM,sBAAoD,CAAC;AAAA,EAChE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAqB,gBAAgB;AACrC,QAAA,cAAc,qBAAqB,MAAM,SAAS;AAExD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAgB,WAAW;AAE7C,QAAA;AAAA;AAAA;AAAA,IAGJ,SAAS,MAAM,SACX,UAAU,MAAM,OACd,MAAM,QACN,MAAM;AAAA;AAAA;AAAA,MAGR,qBACE,MAAM;AAAA;AAAA;AAAA,QAGN,SAAS,MAAM,QACb,MAAM,OACN,MAAM;AAAA;AAAA;AAAA;AAEhB,QAAM,aAAa,MAAM;AACnB,QAAA,aAAa,MAAM,QAAQ;AACpB,eAAA,eAAe,MAAM,KAAK;AAAA,IAAA,OAC9B;AACL,eAAS,QAAQ;AAAA,IAAA;AAEnB,YAAQ,QAAQ;AAAA,EAClB;AAEA,SACGA,kCAAAA,KAAA,UAAA,EAAO,WAAU,0BAAyB,cAAW,kBACpD,UAAA;AAAA,IAAAC,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,aAAa;AAAA,UACtB,eAAe,SAAS,MAAM;AAAA,UAC9B,YAAY,aAAa,MAAM;AAAA,QAAA,CAChC;AAAA,QACD,SAAS;AAAA,QACT,aAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,aAAa;AAAA,UACtB,eAAe,SAAS,MAAM;AAAA,UAC9B,YAAY,aAAa,MAAM;AAAA,QAAA,CAChC;AAAA,QACD,SAAS;AAAA,QACT,aAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEAA,kCAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,aAAa;AAAA,UACtB,eAAe,SAAS,MAAM;AAAA,UAC9B,YAAY,aAAa,MAAM;AAAA,QAAA,CAChC;AAAA,QACD,SAAS;AAAA,QACT,aAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;"}
+{"version":3,"file":"MobileThemeSwitcher.mjs","sources":["../../../src/components/ThemeSwitcherDropDown/MobileThemeSwitcher.tsx"],"sourcesContent":["'use client';\n\nimport { Moon, Sun, CircleDashed } from 'lucide-react';\nimport { useState, type FC } from 'react';\nimport { cn } from '../../utils/cn';\nimport { Modes } from './types';\n\ntype MobileThemeSwitcherProps = {\n  theme: Modes;\n  systemTheme: Modes;\n  setTheme: (theme: Modes) => void;\n};\n\nconst getIconStyle = ({\n  isCurrentMode,\n  isNextMode,\n}: {\n  isCurrentMode: boolean;\n  isNextMode: boolean;\n}) =>\n  cn(\n    `absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2`,\n    `opacity-0 transition-opacity duration-300 ease-in-out`,\n    isCurrentMode && `opacity-100 group-hover:opacity-0`,\n    isNextMode && `group-hover:opacity-100`\n  );\n\nexport const MobileThemeSwitcher: FC<MobileThemeSwitcherProps> = ({\n  theme,\n  systemTheme,\n  setTheme,\n}) => {\n  const isThemeSystemTheme = systemTheme === theme;\n  const defaultMode = isThemeSystemTheme ? Modes.system : theme;\n\n  const [mode, setMode] = useState<Modes>(defaultMode);\n\n  const nextMode =\n    // Start loop\n    // If mode is system, toggle the theme inverse of the system theme\n    mode === Modes.system\n      ? theme === Modes.dark\n        ? Modes.light\n        : Modes.dark\n      : // Close loop\n        // If current theme same as system theme, reset by toggle the system theme\n        isThemeSystemTheme\n        ? Modes.system\n        : // Go to next step\n          // Otherwise, toggle the remaining theme\n          mode === Modes.light\n          ? Modes.dark\n          : Modes.light;\n\n  const toggleMode = () => {\n    if (nextMode === Modes.system) {\n      setTheme(systemTheme ?? Modes.light);\n    } else {\n      setTheme(nextMode);\n    }\n    setMode(nextMode);\n  };\n\n  return (\n    <button className=\"group relative size-10\" aria-label=\"Theme selector\">\n      <CircleDashed\n        className={getIconStyle({\n          isCurrentMode: mode === Modes.system,\n          isNextMode: nextMode === Modes.system,\n        })}\n        onClick={toggleMode}\n        data-mode=\"system\"\n      />\n\n      <Moon\n        className={getIconStyle({\n          isCurrentMode: mode === Modes.light,\n          isNextMode: nextMode === Modes.light,\n        })}\n        onClick={toggleMode}\n        data-mode=\"light\"\n      />\n\n      <Sun\n        className={getIconStyle({\n          isCurrentMode: mode === Modes.dark,\n          isNextMode: nextMode === Modes.dark,\n        })}\n        onClick={toggleMode}\n        data-mode=\"dark\"\n      />\n    </button>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAaA,MAAM,eAAe,CAAC;AAAA,EACpB;AAAA,EACA;AACF,MAIE;AAAA,EACE;AAAA,EACA;AAAA,EACA,iBAAiB;AAAA,EACjB,cAAc;AAChB;AAEK,MAAM,sBAAoD,CAAC;AAAA,EAChE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAqB,gBAAgB;AACrC,QAAA,cAAc,qBAAqB,MAAM,SAAS;AAExD,QAAM,CAAC,MAAM,OAAO,IAAI,SAAgB,WAAW;AAE7C,QAAA;AAAA;AAAA;AAAA,IAGJ,SAAS,MAAM,SACX,UAAU,MAAM,OACd,MAAM,QACN,MAAM;AAAA;AAAA;AAAA,MAGR,qBACE,MAAM;AAAA;AAAA;AAAA,QAGN,SAAS,MAAM,QACb,MAAM,OACN,MAAM;AAAA;AAAA;AAAA;AAEhB,QAAM,aAAa,MAAM;AACnB,QAAA,aAAa,MAAM,QAAQ;AACpB,eAAA,eAAe,MAAM,KAAK;AAAA,IAAA,OAC9B;AACL,eAAS,QAAQ;AAAA,IAAA;AAEnB,YAAQ,QAAQ;AAAA,EAClB;AAEA,SACG,qBAAA,UAAA,EAAO,WAAU,0BAAyB,cAAW,kBACpD,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,aAAa;AAAA,UACtB,eAAe,SAAS,MAAM;AAAA,UAC9B,YAAY,aAAa,MAAM;AAAA,QAAA,CAChC;AAAA,QACD,SAAS;AAAA,QACT,aAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,aAAa;AAAA,UACtB,eAAe,SAAS,MAAM;AAAA,UAC9B,YAAY,aAAa,MAAM;AAAA,QAAA,CAChC;AAAA,QACD,SAAS;AAAA,QACT,aAAU;AAAA,MAAA;AAAA,IACZ;AAAA,IAEA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,WAAW,aAAa;AAAA,UACtB,eAAe,SAAS,MAAM;AAAA,UAC9B,YAAY,aAAa,MAAM;AAAA,QAAA,CAChC;AAAA,QACD,SAAS;AAAA,QACT,aAAU;AAAA,MAAA;AAAA,IAAA;AAAA,EACZ,GACF;AAEJ;"}

package/dist/components/Toaster/Toast.cjs

@@ -1,11 +1,10 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const ToastPrimitives = require("@radix-ui/react-toast");
 const classVarianceAuthority = require("class-variance-authority");
 const lucideReact = require("lucide-react");
-const require$$0 = require("react");
 const utils_cn = require("../../utils/cn.cjs");
 function _interopNamespaceDefault(e) {
   const n = Object.create(null, { [Symbol.toStringTag]: { value: "Module" } });
@@ -24,19 +23,20 @@ function _interopNamespaceDefault(e) {
   return Object.freeze(n);
 }
 const ToastPrimitives__namespace = /* @__PURE__ */ _interopNamespaceDefault(ToastPrimitives);
-const ToastProvider = ToastPrimitives__namespace.Provider;
-const ToastViewport = require$$0.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+const ToastProvider = ToastPrimitives__namespace;
+const ToastViewport = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   ToastPrimitives__namespace.Viewport,
   {
-    ref,
     className: utils_cn.cn(
       "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
       className
     ),
     ...props
   }
-));
-ToastViewport.displayName = ToastPrimitives__namespace.Viewport.displayName;
+);
 const toastVariants = classVarianceAuthority.cva(
   "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md p-4 pr-6 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
@@ -52,61 +52,60 @@ const toastVariants = classVarianceAuthority.cva(
     }
   }
 );
-const Toast = require$$0.forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+const Toast = ({ className, variant, ...props }) => {
+  return /* @__PURE__ */ jsxRuntime.jsx(
     ToastPrimitives__namespace.Root,
     {
-      ref,
       className: utils_cn.cn(toastVariants({ variant }), className),
       ...props
     }
   );
-});
-Toast.displayName = ToastPrimitives__namespace.Root.displayName;
-const ToastAction = require$$0.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+};
+const ToastAction = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   ToastPrimitives__namespace.Action,
   {
-    ref,
     className: utils_cn.cn(
       "hover:bg-text focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:outline-none focus:ring-1 disabled:pointer-events-none disabled:opacity-50",
       className
     ),
     ...props
   }
-));
-ToastAction.displayName = ToastPrimitives__namespace.Action.displayName;
-const ToastClose = require$$0.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+);
+const ToastClose = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   ToastPrimitives__namespace.Close,
   {
-    ref,
     className: utils_cn.cn(
       "text-text/50 hover:text-text/80 dark:text-text-dark/50 dark:hover:text-text-dark/80 absolute right-1 top-1 rounded-md p-1 opacity-0 transition-opacity focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
       className
     ),
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.X, { className: "size-5" })
+    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.X, { className: "size-5" })
   }
-));
-ToastClose.displayName = ToastPrimitives__namespace.Close.displayName;
-const ToastTitle = require$$0.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+);
+const ToastTitle = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxRuntime.jsx(
   ToastPrimitives__namespace.Title,
   {
-    ref,
     className: utils_cn.cn("text-sm font-semibold [&+div]:text-xs", className),
     ...props
   }
-));
-ToastTitle.displayName = ToastPrimitives__namespace.Title.displayName;
-const ToastDescription = require$$0.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+);
+const ToastDescription = ({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
   ToastPrimitives__namespace.Description,
   {
-    ref,
     className: utils_cn.cn("text-sm opacity-90", className),
     ...props
   }
-));
-ToastDescription.displayName = ToastPrimitives__namespace.Description.displayName;
+);
 exports.Toast = Toast;
 exports.ToastAction = ToastAction;
 exports.ToastClose = ToastClose;

package/dist/components/Toaster/Toast.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.cjs","sources":["../../../src/components/Toaster/Toast.tsx"],"sourcesContent":["'use client';\n\nimport * as ToastPrimitives from '@radix-ui/react-toast';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport {\n  forwardRef,\n  type ReactElement,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\nconst ToastProvider = ToastPrimitives.Provider;\n\nconst ToastViewport = forwardRef<\n  ElementRef<typeof ToastPrimitives.Viewport>,\n  ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]',\n      className\n    )}\n    {...props}\n  />\n));\nToastViewport.displayName = ToastPrimitives.Viewport.displayName;\n\nconst toastVariants = cva(\n  'group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md p-4 pr-6 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',\n  {\n    variants: {\n      variant: {\n        error:\n          'bg-error/40 text-text dark:bg-error-dark/40 dark:text-text-dark',\n        success:\n          'bg-success/30 text-text dark:bg-success-dark/30 dark:text-text-dark',\n        default:\n          'bg-card/80 text-text dark:bg-card-dark/80 dark:text-text-dark',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nconst Toast = forwardRef<\n  ElementRef<typeof ToastPrimitives.Root>,\n  ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\n    VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n  return (\n    <ToastPrimitives.Root\n      ref={ref}\n      className={cn(toastVariants({ variant }), className)}\n      {...props}\n    />\n  );\n});\nToast.displayName = ToastPrimitives.Root.displayName;\n\nconst ToastAction = forwardRef<\n  ElementRef<typeof ToastPrimitives.Action>,\n  ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action\n    ref={ref}\n    className={cn(\n      'hover:bg-text focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:outline-none focus:ring-1 disabled:pointer-events-none disabled:opacity-50',\n      className\n    )}\n    {...props}\n  />\n));\nToastAction.displayName = ToastPrimitives.Action.displayName;\n\nconst ToastClose = forwardRef<\n  ElementRef<typeof ToastPrimitives.Close>,\n  ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={cn(\n      'text-text/50 hover:text-text/80 dark:text-text-dark/50 dark:hover:text-text-dark/80 absolute right-1 top-1 rounded-md p-1 opacity-0 transition-opacity focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600',\n      className\n    )}\n    toast-close=\"\"\n    {...props}\n  >\n    <X className=\"size-5\" />\n  </ToastPrimitives.Close>\n));\nToastClose.displayName = ToastPrimitives.Close.displayName;\n\nconst ToastTitle = forwardRef<\n  ElementRef<typeof ToastPrimitives.Title>,\n  ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title\n    ref={ref}\n    className={cn('text-sm font-semibold [&+div]:text-xs', className)}\n    {...props}\n  />\n));\nToastTitle.displayName = ToastPrimitives.Title.displayName;\n\nconst ToastDescription = forwardRef<\n  ElementRef<typeof ToastPrimitives.Description>,\n  ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description\n    ref={ref}\n    className={cn('text-sm opacity-90', className)}\n    {...props}\n  />\n));\nToastDescription.displayName = ToastPrimitives.Description.displayName;\n\ntype ToastProps = ComponentPropsWithoutRef<typeof Toast>;\n\ntype ToastActionElement = ReactElement<typeof ToastAction>;\n\nexport {\n  type ToastProps,\n  type ToastActionElement,\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n};\n"],"names":["ToastPrimitives","forwardRef","jsx","cn","cva","X"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAaA,MAAM,gBAAgBA,2BAAgB;AAEhC,MAAA,gBAAgBC,sBAGpB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1BC,2BAAA,kBAAA;AAAA,EAACF,2BAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAWG,SAAA;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD;AACD,cAAc,cAAcH,2BAAgB,SAAS;AAErD,MAAM,gBAAgBI,uBAAA;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,OACE;AAAA,QACF,SACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEM,MAAA,QAAQH,sBAIZ,CAAC,EAAE,WAAW,SAAS,GAAG,MAAM,GAAG,QAAQ;AAEzC,SAAAC,2BAAA,kBAAA;AAAA,IAACF,2BAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAWG,SAAG,GAAA,cAAc,EAAE,QAAS,CAAA,GAAG,SAAS;AAAA,MAClD,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ,CAAC;AACD,MAAM,cAAcH,2BAAgB,KAAK;AAEnC,MAAA,cAAcC,sBAGlB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1BC,2BAAA,kBAAA;AAAA,EAACF,2BAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAWG,SAAA;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD;AACD,YAAY,cAAcH,2BAAgB,OAAO;AAE3C,MAAA,aAAaC,sBAGjB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1BC,2BAAA,kBAAA;AAAA,EAACF,2BAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAWG,SAAA;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA,eAAY;AAAA,IACX,GAAG;AAAA,IAEJ,UAAAD,2BAAAA,kBAAAA,IAACG,YAAAA,GAAE,EAAA,WAAU,SAAS,CAAA;AAAA,EAAA;AACxB,CACD;AACD,WAAW,cAAcL,2BAAgB,MAAM;AAEzC,MAAA,aAAaC,sBAGjB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1BC,2BAAA,kBAAA;AAAA,EAACF,2BAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAWG,SAAAA,GAAG,yCAAyC,SAAS;AAAA,IAC/D,GAAG;AAAA,EAAA;AACN,CACD;AACD,WAAW,cAAcH,2BAAgB,MAAM;AAEzC,MAAA,mBAAmBC,sBAGvB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1BC,2BAAA,kBAAA;AAAA,EAACF,2BAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAWG,SAAAA,GAAG,sBAAsB,SAAS;AAAA,IAC5C,GAAG;AAAA,EAAA;AACN,CACD;AACD,iBAAiB,cAAcH,2BAAgB,YAAY;;;;;;;;"}
+{"version":3,"file":"Toast.cjs","sources":["../../../src/components/Toaster/Toast.tsx"],"sourcesContent":["'use client';\n\nimport * as ToastPrimitives from '@radix-ui/react-toast';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport { type FC, type ComponentProps, type ReactElement } from 'react';\nimport { cn } from '../../utils/cn';\n\nconst ToastProvider = ToastPrimitives;\n\nconst ToastViewport: FC<ComponentProps<typeof ToastPrimitives.Viewport>> = ({\n  className,\n  ...props\n}) => (\n  <ToastPrimitives.Viewport\n    className={cn(\n      'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst toastVariants = cva(\n  'group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md p-4 pr-6 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',\n  {\n    variants: {\n      variant: {\n        error:\n          'bg-error/40 text-text dark:bg-error-dark/40 dark:text-text-dark',\n        success:\n          'bg-success/30 text-text dark:bg-success-dark/30 dark:text-text-dark',\n        default:\n          'bg-card/80 text-text dark:bg-card-dark/80 dark:text-text-dark',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nconst Toast: FC<\n  ComponentProps<typeof ToastPrimitives.Root> &\n    VariantProps<typeof toastVariants>\n> = ({ className, variant, ...props }) => {\n  return (\n    <ToastPrimitives.Root\n      className={cn(toastVariants({ variant }), className)}\n      {...props}\n    />\n  );\n};\n\nconst ToastAction: FC<ComponentProps<typeof ToastPrimitives.Action>> = ({\n  className,\n  ...props\n}) => (\n  <ToastPrimitives.Action\n    className={cn(\n      'hover:bg-text focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:outline-none focus:ring-1 disabled:pointer-events-none disabled:opacity-50',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst ToastClose: FC<ComponentProps<typeof ToastPrimitives.Close>> = ({\n  className,\n  ...props\n}) => (\n  <ToastPrimitives.Close\n    className={cn(\n      'text-text/50 hover:text-text/80 dark:text-text-dark/50 dark:hover:text-text-dark/80 absolute right-1 top-1 rounded-md p-1 opacity-0 transition-opacity focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600',\n      className\n    )}\n    toast-close=\"\"\n    {...props}\n  >\n    <X className=\"size-5\" />\n  </ToastPrimitives.Close>\n);\nconst ToastTitle: FC<ComponentProps<typeof ToastPrimitives.Title>> = ({\n  className,\n  ...props\n}) => (\n  <ToastPrimitives.Title\n    className={cn('text-sm font-semibold [&+div]:text-xs', className)}\n    {...props}\n  />\n);\n\nconst ToastDescription: FC<\n  ComponentProps<typeof ToastPrimitives.Description>\n> = ({ className, ...props }) => (\n  <ToastPrimitives.Description\n    className={cn('text-sm opacity-90', className)}\n    {...props}\n  />\n);\ntype ToastProps = ComponentProps<typeof Toast>;\n\ntype ToastActionElement = ReactElement<typeof ToastAction>;\n\nexport {\n  type ToastProps,\n  type ToastActionElement,\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n};\n"],"names":["ToastPrimitives","jsx","cn","cva","X"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAQA,MAAM,gBAAgBA;AAEtB,MAAM,gBAAqE,CAAC;AAAA,EAC1E;AAAA,EACA,GAAG;AACL,MACEC,2BAAA;AAAA,EAACD,2BAAgB;AAAA,EAAhB;AAAA,IACC,WAAWE,SAAA;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,EAAA;AACN;AAGF,MAAM,gBAAgBC,uBAAA;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,OACE;AAAA,QACF,SACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,MAAM,QAGF,CAAC,EAAE,WAAW,SAAS,GAAG,YAAY;AAEtC,SAAAF,2BAAA;AAAA,IAACD,2BAAgB;AAAA,IAAhB;AAAA,MACC,WAAWE,SAAG,GAAA,cAAc,EAAE,QAAS,CAAA,GAAG,SAAS;AAAA,MAClD,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,MAAM,cAAiE,CAAC;AAAA,EACtE;AAAA,EACA,GAAG;AACL,MACED,2BAAA;AAAA,EAACD,2BAAgB;AAAA,EAAhB;AAAA,IACC,WAAWE,SAAA;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,EAAA;AACN;AAGF,MAAM,aAA+D,CAAC;AAAA,EACpE;AAAA,EACA,GAAG;AACL,MACED,2BAAA;AAAA,EAACD,2BAAgB;AAAA,EAAhB;AAAA,IACC,WAAWE,SAAA;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA,eAAY;AAAA,IACX,GAAG;AAAA,IAEJ,UAAAD,2BAAAA,IAACG,YAAAA,GAAE,EAAA,WAAU,SAAS,CAAA;AAAA,EAAA;AACxB;AAEF,MAAM,aAA+D,CAAC;AAAA,EACpE;AAAA,EACA,GAAG;AACL,MACEH,2BAAA;AAAA,EAACD,2BAAgB;AAAA,EAAhB;AAAA,IACC,WAAWE,SAAAA,GAAG,yCAAyC,SAAS;AAAA,IAC/D,GAAG;AAAA,EAAA;AACN;AAGF,MAAM,mBAEF,CAAC,EAAE,WAAW,GAAG,MACnB,MAAAD,2BAAA;AAAA,EAACD,2BAAgB;AAAA,EAAhB;AAAA,IACC,WAAWE,SAAAA,GAAG,sBAAsB,SAAS;AAAA,IAC5C,GAAG;AAAA,EAAA;AACN;;;;;;;;"}

package/dist/components/Toaster/Toast.d.ts

@@ -1,16 +1,17 @@
 import { VariantProps } from 'class-variance-authority';
-import { ReactElement, ComponentPropsWithoutRef } from 'react';
+import { FC, ComponentProps, ReactElement } from 'react';
 import * as ToastPrimitives from '@radix-ui/react-toast';
-declare const ToastProvider: import('react').FC<ToastPrimitives.ToastProviderProps>;
-declare const ToastViewport: import('react').ForwardRefExoticComponent<Omit<ToastPrimitives.ToastViewportProps & import('react').RefAttributes<HTMLOListElement>, "ref"> & import('react').RefAttributes<HTMLOListElement>>;
-declare const Toast: import('react').ForwardRefExoticComponent<Omit<ToastPrimitives.ToastProps & import('react').RefAttributes<HTMLLIElement>, "ref"> & VariantProps<(props?: ({
+declare const ToastProvider: typeof ToastPrimitives;
+declare const ToastViewport: FC<ComponentProps<typeof ToastPrimitives.Viewport>>;
+declare const toastVariants: (props?: ({
     variant?: "default" | "success" | "error" | null | undefined;
-} & import('class-variance-authority/types').ClassProp) | undefined) => string> & import('react').RefAttributes<HTMLLIElement>>;
-declare const ToastAction: import('react').ForwardRefExoticComponent<Omit<ToastPrimitives.ToastActionProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare const ToastClose: import('react').ForwardRefExoticComponent<Omit<ToastPrimitives.ToastCloseProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & import('react').RefAttributes<HTMLButtonElement>>;
-declare const ToastTitle: import('react').ForwardRefExoticComponent<Omit<ToastPrimitives.ToastTitleProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-declare const ToastDescription: import('react').ForwardRefExoticComponent<Omit<ToastPrimitives.ToastDescriptionProps & import('react').RefAttributes<HTMLDivElement>, "ref"> & import('react').RefAttributes<HTMLDivElement>>;
-type ToastProps = ComponentPropsWithoutRef<typeof Toast>;
+} & import('class-variance-authority/types').ClassProp) | undefined) => string;
+declare const Toast: FC<ComponentProps<typeof ToastPrimitives.Root> & VariantProps<typeof toastVariants>>;
+declare const ToastAction: FC<ComponentProps<typeof ToastPrimitives.Action>>;
+declare const ToastClose: FC<ComponentProps<typeof ToastPrimitives.Close>>;
+declare const ToastTitle: FC<ComponentProps<typeof ToastPrimitives.Title>>;
+declare const ToastDescription: FC<ComponentProps<typeof ToastPrimitives.Description>>;
+type ToastProps = ComponentProps<typeof Toast>;
 type ToastActionElement = ReactElement<typeof ToastAction>;
 export { type ToastProps, type ToastActionElement, ToastProvider, ToastViewport, Toast, ToastTitle, ToastDescription, ToastClose, ToastAction, };
 //# sourceMappingURL=Toast.d.ts.map

package/dist/components/Toaster/Toast.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toaster/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAEL,KAAK,YAAY,EACjB,KAAK,wBAAwB,EAE9B,MAAM,OAAO,CAAC;AAGf,QAAA,MAAM,aAAa,wDAA2B,CAAC;AAE/C,QAAA,MAAM,aAAa,gMAYjB,CAAC;AAsBH,QAAA,MAAM,KAAK;;+HAYT,CAAC;AAGH,QAAA,MAAM,WAAW,gMAYf,CAAC;AAGH,QAAA,MAAM,UAAU,+LAed,CAAC;AAGH,QAAA,MAAM,UAAU,yLASd,CAAC;AAGH,QAAA,MAAM,gBAAgB,+LASpB,CAAC;AAGH,KAAK,UAAU,GAAG,wBAAwB,CAAC,OAAO,KAAK,CAAC,CAAC;AAEzD,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,OAAO,EACL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,CAAC"}
+{"version":3,"file":"Toast.d.ts","sourceRoot":"","sources":["../../../src/components/Toaster/Toast.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,uBAAuB,CAAC;AACzD,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAElE,OAAO,EAAE,KAAK,EAAE,EAAE,KAAK,cAAc,EAAE,KAAK,YAAY,EAAE,MAAM,OAAO,CAAC;AAGxE,QAAA,MAAM,aAAa,wBAAkB,CAAC;AAEtC,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,QAAQ,CAAC,CAWtE,CAAC;AAEF,QAAA,MAAM,aAAa;;8EAiBlB,CAAC;AAEF,QAAA,MAAM,KAAK,EAAE,EAAE,CACb,cAAc,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC,GACzC,YAAY,CAAC,OAAO,aAAa,CAAC,CAQrC,CAAC;AAEF,QAAA,MAAM,WAAW,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,MAAM,CAAC,CAWlE,CAAC;AAEF,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAchE,CAAC;AACF,QAAA,MAAM,UAAU,EAAE,EAAE,CAAC,cAAc,CAAC,OAAO,eAAe,CAAC,KAAK,CAAC,CAQhE,CAAC;AAEF,QAAA,MAAM,gBAAgB,EAAE,EAAE,CACxB,cAAc,CAAC,OAAO,eAAe,CAAC,WAAW,CAAC,CAMnD,CAAC;AACF,KAAK,UAAU,GAAG,cAAc,CAAC,OAAO,KAAK,CAAC,CAAC;AAE/C,KAAK,kBAAkB,GAAG,YAAY,CAAC,OAAO,WAAW,CAAC,CAAC;AAE3D,OAAO,EACL,KAAK,UAAU,EACf,KAAK,kBAAkB,EACvB,aAAa,EACb,aAAa,EACb,KAAK,EACL,UAAU,EACV,gBAAgB,EAChB,UAAU,EACV,WAAW,GACZ,CAAC"}

package/dist/components/Toaster/Toast.mjs

@@ -1,23 +1,23 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsx } from "react/jsx-runtime";
 import * as ToastPrimitives from "@radix-ui/react-toast";
 import { cva } from "class-variance-authority";
 import { X } from "lucide-react";
-import { forwardRef } from "react";
 import { cn } from "../../utils/cn.mjs";
-const ToastProvider = ToastPrimitives.Provider;
-const ToastViewport = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+const ToastProvider = ToastPrimitives;
+const ToastViewport = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   ToastPrimitives.Viewport,
   {
-    ref,
     className: cn(
       "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
       className
     ),
     ...props
   }
-));
-ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+);
 const toastVariants = cva(
   "group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md p-4 pr-6 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
@@ -33,61 +33,60 @@ const toastVariants = cva(
     }
   }
 );
-const Toast = forwardRef(({ className, variant, ...props }, ref) => {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
+const Toast = ({ className, variant, ...props }) => {
+  return /* @__PURE__ */ jsx(
     ToastPrimitives.Root,
     {
-      ref,
       className: cn(toastVariants({ variant }), className),
       ...props
     }
   );
-});
-Toast.displayName = ToastPrimitives.Root.displayName;
-const ToastAction = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+};
+const ToastAction = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   ToastPrimitives.Action,
   {
-    ref,
     className: cn(
       "hover:bg-text focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:outline-none focus:ring-1 disabled:pointer-events-none disabled:opacity-50",
       className
     ),
     ...props
   }
-));
-ToastAction.displayName = ToastPrimitives.Action.displayName;
-const ToastClose = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+);
+const ToastClose = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   ToastPrimitives.Close,
   {
-    ref,
     className: cn(
       "text-text/50 hover:text-text/80 dark:text-text-dark/50 dark:hover:text-text-dark/80 absolute right-1 top-1 rounded-md p-1 opacity-0 transition-opacity focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600",
       className
     ),
     "toast-close": "",
     ...props,
-    children: /* @__PURE__ */ jsxRuntimeExports.jsx(X, { className: "size-5" })
+    children: /* @__PURE__ */ jsx(X, { className: "size-5" })
   }
-));
-ToastClose.displayName = ToastPrimitives.Close.displayName;
-const ToastTitle = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+);
+const ToastTitle = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
   ToastPrimitives.Title,
   {
-    ref,
     className: cn("text-sm font-semibold [&+div]:text-xs", className),
     ...props
   }
-));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
-const ToastDescription = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+);
+const ToastDescription = ({ className, ...props }) => /* @__PURE__ */ jsx(
   ToastPrimitives.Description,
   {
-    ref,
     className: cn("text-sm opacity-90", className),
     ...props
   }
-));
-ToastDescription.displayName = ToastPrimitives.Description.displayName;
+);
 export {
   Toast,
   ToastAction,

package/dist/components/Toaster/Toast.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toast.mjs","sources":["../../../src/components/Toaster/Toast.tsx"],"sourcesContent":["'use client';\n\nimport * as ToastPrimitives from '@radix-ui/react-toast';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport {\n  forwardRef,\n  type ReactElement,\n  type ComponentPropsWithoutRef,\n  type ElementRef,\n} from 'react';\nimport { cn } from '../../utils/cn';\n\nconst ToastProvider = ToastPrimitives.Provider;\n\nconst ToastViewport = forwardRef<\n  ElementRef<typeof ToastPrimitives.Viewport>,\n  ComponentPropsWithoutRef<typeof ToastPrimitives.Viewport>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Viewport\n    ref={ref}\n    className={cn(\n      'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]',\n      className\n    )}\n    {...props}\n  />\n));\nToastViewport.displayName = ToastPrimitives.Viewport.displayName;\n\nconst toastVariants = cva(\n  'group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md p-4 pr-6 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',\n  {\n    variants: {\n      variant: {\n        error:\n          'bg-error/40 text-text dark:bg-error-dark/40 dark:text-text-dark',\n        success:\n          'bg-success/30 text-text dark:bg-success-dark/30 dark:text-text-dark',\n        default:\n          'bg-card/80 text-text dark:bg-card-dark/80 dark:text-text-dark',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nconst Toast = forwardRef<\n  ElementRef<typeof ToastPrimitives.Root>,\n  ComponentPropsWithoutRef<typeof ToastPrimitives.Root> &\n    VariantProps<typeof toastVariants>\n>(({ className, variant, ...props }, ref) => {\n  return (\n    <ToastPrimitives.Root\n      ref={ref}\n      className={cn(toastVariants({ variant }), className)}\n      {...props}\n    />\n  );\n});\nToast.displayName = ToastPrimitives.Root.displayName;\n\nconst ToastAction = forwardRef<\n  ElementRef<typeof ToastPrimitives.Action>,\n  ComponentPropsWithoutRef<typeof ToastPrimitives.Action>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Action\n    ref={ref}\n    className={cn(\n      'hover:bg-text focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:outline-none focus:ring-1 disabled:pointer-events-none disabled:opacity-50',\n      className\n    )}\n    {...props}\n  />\n));\nToastAction.displayName = ToastPrimitives.Action.displayName;\n\nconst ToastClose = forwardRef<\n  ElementRef<typeof ToastPrimitives.Close>,\n  ComponentPropsWithoutRef<typeof ToastPrimitives.Close>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Close\n    ref={ref}\n    className={cn(\n      'text-text/50 hover:text-text/80 dark:text-text-dark/50 dark:hover:text-text-dark/80 absolute right-1 top-1 rounded-md p-1 opacity-0 transition-opacity focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600',\n      className\n    )}\n    toast-close=\"\"\n    {...props}\n  >\n    <X className=\"size-5\" />\n  </ToastPrimitives.Close>\n));\nToastClose.displayName = ToastPrimitives.Close.displayName;\n\nconst ToastTitle = forwardRef<\n  ElementRef<typeof ToastPrimitives.Title>,\n  ComponentPropsWithoutRef<typeof ToastPrimitives.Title>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Title\n    ref={ref}\n    className={cn('text-sm font-semibold [&+div]:text-xs', className)}\n    {...props}\n  />\n));\nToastTitle.displayName = ToastPrimitives.Title.displayName;\n\nconst ToastDescription = forwardRef<\n  ElementRef<typeof ToastPrimitives.Description>,\n  ComponentPropsWithoutRef<typeof ToastPrimitives.Description>\n>(({ className, ...props }, ref) => (\n  <ToastPrimitives.Description\n    ref={ref}\n    className={cn('text-sm opacity-90', className)}\n    {...props}\n  />\n));\nToastDescription.displayName = ToastPrimitives.Description.displayName;\n\ntype ToastProps = ComponentPropsWithoutRef<typeof Toast>;\n\ntype ToastActionElement = ReactElement<typeof ToastAction>;\n\nexport {\n  type ToastProps,\n  type ToastActionElement,\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n};\n"],"names":["jsx"],"mappings":";;;;;;;AAaA,MAAM,gBAAgB,gBAAgB;AAEhC,MAAA,gBAAgB,WAGpB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1BA,kCAAA;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD;AACD,cAAc,cAAc,gBAAgB,SAAS;AAErD,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,OACE;AAAA,QACF,SACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEM,MAAA,QAAQ,WAIZ,CAAC,EAAE,WAAW,SAAS,GAAG,MAAM,GAAG,QAAQ;AAEzC,SAAAA,kCAAA;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC;AAAA,MACA,WAAW,GAAG,cAAc,EAAE,QAAS,CAAA,GAAG,SAAS;AAAA,MAClD,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ,CAAC;AACD,MAAM,cAAc,gBAAgB,KAAK;AAEnC,MAAA,cAAc,WAGlB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1BA,kCAAA;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,EAAA;AACN,CACD;AACD,YAAY,cAAc,gBAAgB,OAAO;AAE3C,MAAA,aAAa,WAGjB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1BA,kCAAA;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA,eAAY;AAAA,IACX,GAAG;AAAA,IAEJ,UAAAA,kCAAAA,IAAC,GAAE,EAAA,WAAU,SAAS,CAAA;AAAA,EAAA;AACxB,CACD;AACD,WAAW,cAAc,gBAAgB,MAAM;AAEzC,MAAA,aAAa,WAGjB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1BA,kCAAA;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,yCAAyC,SAAS;AAAA,IAC/D,GAAG;AAAA,EAAA;AACN,CACD;AACD,WAAW,cAAc,gBAAgB,MAAM;AAEzC,MAAA,mBAAmB,WAGvB,CAAC,EAAE,WAAW,GAAG,MAAA,GAAS,QAC1BA,kCAAA;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC;AAAA,IACA,WAAW,GAAG,sBAAsB,SAAS;AAAA,IAC5C,GAAG;AAAA,EAAA;AACN,CACD;AACD,iBAAiB,cAAc,gBAAgB,YAAY;"}
+{"version":3,"file":"Toast.mjs","sources":["../../../src/components/Toaster/Toast.tsx"],"sourcesContent":["'use client';\n\nimport * as ToastPrimitives from '@radix-ui/react-toast';\nimport { cva, type VariantProps } from 'class-variance-authority';\nimport { X } from 'lucide-react';\nimport { type FC, type ComponentProps, type ReactElement } from 'react';\nimport { cn } from '../../utils/cn';\n\nconst ToastProvider = ToastPrimitives;\n\nconst ToastViewport: FC<ComponentProps<typeof ToastPrimitives.Viewport>> = ({\n  className,\n  ...props\n}) => (\n  <ToastPrimitives.Viewport\n    className={cn(\n      'fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst toastVariants = cva(\n  'group pointer-events-auto relative flex w-full items-center justify-between space-x-2 overflow-hidden rounded-md p-4 pr-6 shadow-[0_0_10px_-15px_rgba(0,0,0,0.3)] backdrop-blur transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full',\n  {\n    variants: {\n      variant: {\n        error:\n          'bg-error/40 text-text dark:bg-error-dark/40 dark:text-text-dark',\n        success:\n          'bg-success/30 text-text dark:bg-success-dark/30 dark:text-text-dark',\n        default:\n          'bg-card/80 text-text dark:bg-card-dark/80 dark:text-text-dark',\n      },\n    },\n    defaultVariants: {\n      variant: 'default',\n    },\n  }\n);\n\nconst Toast: FC<\n  ComponentProps<typeof ToastPrimitives.Root> &\n    VariantProps<typeof toastVariants>\n> = ({ className, variant, ...props }) => {\n  return (\n    <ToastPrimitives.Root\n      className={cn(toastVariants({ variant }), className)}\n      {...props}\n    />\n  );\n};\n\nconst ToastAction: FC<ComponentProps<typeof ToastPrimitives.Action>> = ({\n  className,\n  ...props\n}) => (\n  <ToastPrimitives.Action\n    className={cn(\n      'hover:bg-text focus:ring-ring group-[.destructive]:border-muted/40 group-[.destructive]:hover:border-destructive/30 group-[.destructive]:hover:bg-destructive group-[.destructive]:hover:text-destructive-foreground group-[.destructive]:focus:ring-destructive inline-flex h-8 shrink-0 items-center justify-center rounded-md border bg-transparent px-3 text-sm font-medium transition-colors focus:outline-none focus:ring-1 disabled:pointer-events-none disabled:opacity-50',\n      className\n    )}\n    {...props}\n  />\n);\n\nconst ToastClose: FC<ComponentProps<typeof ToastPrimitives.Close>> = ({\n  className,\n  ...props\n}) => (\n  <ToastPrimitives.Close\n    className={cn(\n      'text-text/50 hover:text-text/80 dark:text-text-dark/50 dark:hover:text-text-dark/80 absolute right-1 top-1 rounded-md p-1 opacity-0 transition-opacity focus:opacity-100 focus:outline-none focus:ring-1 group-hover:opacity-100 group-[.destructive]:text-red-300 group-[.destructive]:hover:text-red-50 group-[.destructive]:focus:ring-red-400 group-[.destructive]:focus:ring-offset-red-600',\n      className\n    )}\n    toast-close=\"\"\n    {...props}\n  >\n    <X className=\"size-5\" />\n  </ToastPrimitives.Close>\n);\nconst ToastTitle: FC<ComponentProps<typeof ToastPrimitives.Title>> = ({\n  className,\n  ...props\n}) => (\n  <ToastPrimitives.Title\n    className={cn('text-sm font-semibold [&+div]:text-xs', className)}\n    {...props}\n  />\n);\n\nconst ToastDescription: FC<\n  ComponentProps<typeof ToastPrimitives.Description>\n> = ({ className, ...props }) => (\n  <ToastPrimitives.Description\n    className={cn('text-sm opacity-90', className)}\n    {...props}\n  />\n);\ntype ToastProps = ComponentProps<typeof Toast>;\n\ntype ToastActionElement = ReactElement<typeof ToastAction>;\n\nexport {\n  type ToastProps,\n  type ToastActionElement,\n  ToastProvider,\n  ToastViewport,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastAction,\n};\n"],"names":[],"mappings":";;;;;;AAQA,MAAM,gBAAgB;AAEtB,MAAM,gBAAqE,CAAC;AAAA,EAC1E;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,EAAA;AACN;AAGF,MAAM,gBAAgB;AAAA,EACpB;AAAA,EACA;AAAA,IACE,UAAU;AAAA,MACR,SAAS;AAAA,QACP,OACE;AAAA,QACF,SACE;AAAA,QACF,SACE;AAAA,MAAA;AAAA,IAEN;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IAAA;AAAA,EACX;AAEJ;AAEA,MAAM,QAGF,CAAC,EAAE,WAAW,SAAS,GAAG,YAAY;AAEtC,SAAA;AAAA,IAAC,gBAAgB;AAAA,IAAhB;AAAA,MACC,WAAW,GAAG,cAAc,EAAE,QAAS,CAAA,GAAG,SAAS;AAAA,MAClD,GAAG;AAAA,IAAA;AAAA,EACN;AAEJ;AAEA,MAAM,cAAiE,CAAC;AAAA,EACtE;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACC,GAAG;AAAA,EAAA;AACN;AAGF,MAAM,aAA+D,CAAC;AAAA,EACpE;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC,WAAW;AAAA,MACT;AAAA,MACA;AAAA,IACF;AAAA,IACA,eAAY;AAAA,IACX,GAAG;AAAA,IAEJ,UAAA,oBAAC,GAAE,EAAA,WAAU,SAAS,CAAA;AAAA,EAAA;AACxB;AAEF,MAAM,aAA+D,CAAC;AAAA,EACpE;AAAA,EACA,GAAG;AACL,MACE;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC,WAAW,GAAG,yCAAyC,SAAS;AAAA,IAC/D,GAAG;AAAA,EAAA;AACN;AAGF,MAAM,mBAEF,CAAC,EAAE,WAAW,GAAG,MACnB,MAAA;AAAA,EAAC,gBAAgB;AAAA,EAAhB;AAAA,IACC,WAAW,GAAG,sBAAsB,SAAS;AAAA,IAC5C,GAAG;AAAA,EAAA;AACN;"}

package/dist/components/Toaster/Toaster.cjs

@@ -1,21 +1,21 @@
 "use client";
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const jsxRuntime = require("../../jsx-runtime-CgFM7lM3.cjs");
+const jsxRuntime = require("react/jsx-runtime");
 const components_Toaster_Toast = require("./Toast.cjs");
 const components_Toaster_useToast = require("./useToast.cjs");
 const Toaster = () => {
   const { toasts } = components_Toaster_useToast.useToast();
-  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_Toaster_Toast.ToastProvider, { children: [
-    toasts.map(({ id, title, description, action, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_Toaster_Toast.Toast, { ...props, children: [
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("div", { className: "grid gap-1", children: [
-        title && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Toaster_Toast.ToastTitle, { children: title }),
-        description && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Toaster_Toast.ToastDescription, { children: description })
+  return /* @__PURE__ */ jsxRuntime.jsxs(components_Toaster_Toast.ToastProvider, { children: [
+    toasts.map(({ id, title, description, action, ...props }) => /* @__PURE__ */ jsxRuntime.jsxs(components_Toaster_Toast.Toast, { ...props, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "grid gap-1", children: [
+        title && /* @__PURE__ */ jsxRuntime.jsx(components_Toaster_Toast.ToastTitle, { children: title }),
+        description && /* @__PURE__ */ jsxRuntime.jsx(components_Toaster_Toast.ToastDescription, { children: description })
       ] }),
       action,
-      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Toaster_Toast.ToastClose, {})
+      /* @__PURE__ */ jsxRuntime.jsx(components_Toaster_Toast.ToastClose, {})
     ] }, id)),
-    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_Toaster_Toast.ToastViewport, {})
+    /* @__PURE__ */ jsxRuntime.jsx(components_Toaster_Toast.ToastViewport, {})
   ] });
 };
 exports.Toaster = Toaster;

package/dist/components/Toaster/Toaster.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.cjs","sources":["../../../src/components/Toaster/Toaster.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ToastProvider,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastViewport,\n} from './Toast';\nimport { useToast } from './useToast';\n\nexport const Toaster = () => {\n  const { toasts } = useToast();\n\n  return (\n    <ToastProvider>\n      {toasts.map(({ id, title, description, action, ...props }) => (\n        <Toast key={id} {...props}>\n          <div className=\"grid gap-1\">\n            {title && <ToastTitle>{title}</ToastTitle>}\n            {description && <ToastDescription>{description}</ToastDescription>}\n          </div>\n          {action}\n          <ToastClose />\n        </Toast>\n      ))}\n      <ToastViewport />\n    </ToastProvider>\n  );\n};\n"],"names":["useToast","ToastProvider","jsxs","Toast","jsx","ToastTitle","ToastDescription","ToastClose","ToastViewport"],"mappings":";;;;;;AAYO,MAAM,UAAU,MAAM;AACrB,QAAA,EAAE,OAAO,IAAIA,qCAAS;AAE5B,2DACGC,wCACE,EAAA,UAAA;AAAA,IAAA,OAAO,IAAI,CAAC,EAAE,IAAI,OAAO,aAAa,QAAQ,GAAG,MAAM,MACrDC,2BAAAA,kBAAAA,KAAAC,yBAAAA,OAAA,EAAgB,GAAG,OAClB,UAAA;AAAA,MAACD,2BAAAA,kBAAAA,KAAA,OAAA,EAAI,WAAU,cACZ,UAAA;AAAA,QAAS,SAAAE,2BAAAA,kBAAAA,IAACC,yBAAAA,cAAY,UAAM,MAAA,CAAA;AAAA,QAC5B,eAAgBD,2BAAAA,kBAAAA,IAAAE,yBAAAA,kBAAA,EAAkB,UAAY,YAAA,CAAA;AAAA,MAAA,GACjD;AAAA,MACC;AAAA,uDACAC,yBAAW,YAAA,CAAA,CAAA;AAAA,IAAA,EAAA,GANF,EAOZ,CACD;AAAA,qDACAC,yBAAc,eAAA,CAAA,CAAA;AAAA,EAAA,GACjB;AAEJ;;"}
+{"version":3,"file":"Toaster.cjs","sources":["../../../src/components/Toaster/Toaster.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ToastProvider,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastViewport,\n} from './Toast';\nimport { useToast } from './useToast';\n\nexport const Toaster = () => {\n  const { toasts } = useToast();\n\n  return (\n    <ToastProvider>\n      {toasts.map(({ id, title, description, action, ...props }) => (\n        <Toast key={id} {...props}>\n          <div className=\"grid gap-1\">\n            {title && <ToastTitle>{title}</ToastTitle>}\n            {description && <ToastDescription>{description}</ToastDescription>}\n          </div>\n          {action}\n          <ToastClose />\n        </Toast>\n      ))}\n      <ToastViewport />\n    </ToastProvider>\n  );\n};\n"],"names":["useToast","ToastProvider","jsxs","Toast","jsx","ToastTitle","ToastDescription","ToastClose","ToastViewport"],"mappings":";;;;;;AAYO,MAAM,UAAU,MAAM;AACrB,QAAA,EAAE,OAAO,IAAIA,qCAAS;AAE5B,yCACGC,wCACE,EAAA,UAAA;AAAA,IAAA,OAAO,IAAI,CAAC,EAAE,IAAI,OAAO,aAAa,QAAQ,GAAG,MAAM,MACrDC,2BAAAA,KAAAC,yBAAAA,OAAA,EAAgB,GAAG,OAClB,UAAA;AAAA,MAACD,2BAAAA,KAAA,OAAA,EAAI,WAAU,cACZ,UAAA;AAAA,QAAS,SAAAE,2BAAAA,IAACC,yBAAAA,cAAY,UAAM,MAAA,CAAA;AAAA,QAC5B,eAAgBD,2BAAAA,IAAAE,yBAAAA,kBAAA,EAAkB,UAAY,YAAA,CAAA;AAAA,MAAA,GACjD;AAAA,MACC;AAAA,qCACAC,yBAAW,YAAA,CAAA,CAAA;AAAA,IAAA,EAAA,GANF,EAOZ,CACD;AAAA,mCACAC,yBAAc,eAAA,CAAA,CAAA;AAAA,EAAA,GACjB;AAEJ;;"}

package/dist/components/Toaster/Toaster.mjs

@@ -1,19 +1,19 @@
 "use client";
-import { j as jsxRuntimeExports } from "../../jsx-runtime-DQkoUcjV.js";
+import { jsxs, jsx } from "react/jsx-runtime";
 import { ToastProvider, Toast, ToastTitle, ToastDescription, ToastClose, ToastViewport } from "./Toast.mjs";
 import { useToast } from "./useToast.mjs";
 const Toaster = () => {
   const { toasts } = useToast();
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ToastProvider, { children: [
-    toasts.map(({ id, title, description, action, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsxs(Toast, { ...props, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-1", children: [
-        title && /* @__PURE__ */ jsxRuntimeExports.jsx(ToastTitle, { children: title }),
-        description && /* @__PURE__ */ jsxRuntimeExports.jsx(ToastDescription, { children: description })
+  return /* @__PURE__ */ jsxs(ToastProvider, { children: [
+    toasts.map(({ id, title, description, action, ...props }) => /* @__PURE__ */ jsxs(Toast, { ...props, children: [
+      /* @__PURE__ */ jsxs("div", { className: "grid gap-1", children: [
+        title && /* @__PURE__ */ jsx(ToastTitle, { children: title }),
+        description && /* @__PURE__ */ jsx(ToastDescription, { children: description })
       ] }),
       action,
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ToastClose, {})
+      /* @__PURE__ */ jsx(ToastClose, {})
     ] }, id)),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(ToastViewport, {})
+    /* @__PURE__ */ jsx(ToastViewport, {})
   ] });
 };
 export {

package/dist/components/Toaster/Toaster.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Toaster.mjs","sources":["../../../src/components/Toaster/Toaster.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ToastProvider,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastViewport,\n} from './Toast';\nimport { useToast } from './useToast';\n\nexport const Toaster = () => {\n  const { toasts } = useToast();\n\n  return (\n    <ToastProvider>\n      {toasts.map(({ id, title, description, action, ...props }) => (\n        <Toast key={id} {...props}>\n          <div className=\"grid gap-1\">\n            {title && <ToastTitle>{title}</ToastTitle>}\n            {description && <ToastDescription>{description}</ToastDescription>}\n          </div>\n          {action}\n          <ToastClose />\n        </Toast>\n      ))}\n      <ToastViewport />\n    </ToastProvider>\n  );\n};\n"],"names":["jsxs","jsx"],"mappings":";;;;AAYO,MAAM,UAAU,MAAM;AACrB,QAAA,EAAE,OAAO,IAAI,SAAS;AAE5B,gDACG,eACE,EAAA,UAAA;AAAA,IAAA,OAAO,IAAI,CAAC,EAAE,IAAI,OAAO,aAAa,QAAQ,GAAG,MAAM,MACrDA,kCAAAA,KAAA,OAAA,EAAgB,GAAG,OAClB,UAAA;AAAA,MAACA,kCAAAA,KAAA,OAAA,EAAI,WAAU,cACZ,UAAA;AAAA,QAAS,SAAAC,kCAAAA,IAAC,cAAY,UAAM,MAAA,CAAA;AAAA,QAC5B,eAAgBA,kCAAAA,IAAA,kBAAA,EAAkB,UAAY,YAAA,CAAA;AAAA,MAAA,GACjD;AAAA,MACC;AAAA,4CACA,YAAW,CAAA,CAAA;AAAA,IAAA,EAAA,GANF,EAOZ,CACD;AAAA,0CACA,eAAc,CAAA,CAAA;AAAA,EAAA,GACjB;AAEJ;"}
+{"version":3,"file":"Toaster.mjs","sources":["../../../src/components/Toaster/Toaster.tsx"],"sourcesContent":["'use client';\n\nimport {\n  ToastProvider,\n  Toast,\n  ToastTitle,\n  ToastDescription,\n  ToastClose,\n  ToastViewport,\n} from './Toast';\nimport { useToast } from './useToast';\n\nexport const Toaster = () => {\n  const { toasts } = useToast();\n\n  return (\n    <ToastProvider>\n      {toasts.map(({ id, title, description, action, ...props }) => (\n        <Toast key={id} {...props}>\n          <div className=\"grid gap-1\">\n            {title && <ToastTitle>{title}</ToastTitle>}\n            {description && <ToastDescription>{description}</ToastDescription>}\n          </div>\n          {action}\n          <ToastClose />\n        </Toast>\n      ))}\n      <ToastViewport />\n    </ToastProvider>\n  );\n};\n"],"names":[],"mappings":";;;;AAYO,MAAM,UAAU,MAAM;AACrB,QAAA,EAAE,OAAO,IAAI,SAAS;AAE5B,8BACG,eACE,EAAA,UAAA;AAAA,IAAA,OAAO,IAAI,CAAC,EAAE,IAAI,OAAO,aAAa,QAAQ,GAAG,MAAM,MACrD,qBAAA,OAAA,EAAgB,GAAG,OAClB,UAAA;AAAA,MAAC,qBAAA,OAAA,EAAI,WAAU,cACZ,UAAA;AAAA,QAAS,SAAA,oBAAC,cAAY,UAAM,MAAA,CAAA;AAAA,QAC5B,eAAgB,oBAAA,kBAAA,EAAkB,UAAY,YAAA,CAAA;AAAA,MAAA,GACjD;AAAA,MACC;AAAA,0BACA,YAAW,CAAA,CAAA;AAAA,IAAA,EAAA,GANF,EAOZ,CACD;AAAA,wBACA,eAAc,CAAA,CAAA;AAAA,EAAA,GACjB;AAEJ;"}