@intlayer/design-system 2.0.13 → 3.0.1

package/dist/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.cjs

@@ -0,0 +1,89 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const lucideReact = require("lucide-react");
+const require$$0 = require("react");
+const components_Button_Button = require("../Button/Button.cjs");
+const components_Container_index = require("../Container/index.cjs");
+const components_DropDown_index = require("../DropDown/index.cjs");
+const components_ThemeSwitcherDropDown_types = require("./types.cjs");
+const ButtonItem = ({ Icon, children, ...props }) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx("div", { className: "relative w-full p-0.5", children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+  components_Button_Button.Button,
+  {
+    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",
+    Icon,
+    "data-mode": "system",
+    role: "option",
+    variant: "none",
+    ...props,
+    children
+  }
+) });
+const DesktopThemeSwitcher = ({
+  theme,
+  setTheme,
+  systemTheme
+}) => {
+  const isThemeSystemTheme = systemTheme === theme;
+  const defaultMode = isThemeSystemTheme ? components_ThemeSwitcherDropDown_types.Modes.system : theme;
+  const [mode, setMode] = require$$0.useState(defaultMode);
+  const switchMode = (mode2) => {
+    if (mode2 === components_ThemeSwitcherDropDown_types.Modes.system) {
+      setTheme(systemTheme ?? components_ThemeSwitcherDropDown_types.Modes.light);
+    } else {
+      setTheme(mode2);
+    }
+    setMode(mode2);
+  };
+  const panelIdentifier = "theme-switcher";
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_DropDown_index.DropDown, { identifier: panelIdentifier, children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(
+      components_DropDown_index.DropDown.Trigger,
+      {
+        className: "p-2",
+        identifier: panelIdentifier,
+        "aria-label": "Theme selector",
+        children: [
+          mode === components_ThemeSwitcherDropDown_types.Modes.system && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.CircleDashed, { "data-mode": "system" }),
+          mode === components_ThemeSwitcherDropDown_types.Modes.light && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.Sun, { "data-mode": "light" }),
+          mode === components_ThemeSwitcherDropDown_types.Modes.dark && /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(lucideReact.Moon, { "data-mode": "dark" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(components_DropDown_index.DropDown.Panel, { identifier: panelIdentifier, isFocusable: true, isOverable: true, children: /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs(components_Container_index.Container, { className: "min-w-[100px] items-start p-1", separator: "y", children: [
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        ButtonItem,
+        {
+          Icon: lucideReact.CircleDashed,
+          onClick: () => switchMode(components_ThemeSwitcherDropDown_types.Modes.system),
+          isActive: mode === components_ThemeSwitcherDropDown_types.Modes.system,
+          label: "Restore to system mode",
+          children: "System"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        ButtonItem,
+        {
+          Icon: lucideReact.Sun,
+          onClick: () => switchMode(components_ThemeSwitcherDropDown_types.Modes.light),
+          isActive: mode === components_ThemeSwitcherDropDown_types.Modes.light,
+          label: "Switch to light mode",
+          children: "Light"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+        ButtonItem,
+        {
+          Icon: lucideReact.Moon,
+          onClick: () => switchMode(components_ThemeSwitcherDropDown_types.Modes.dark),
+          isActive: mode === components_ThemeSwitcherDropDown_types.Modes.dark,
+          label: "Switch to dark mode",
+          children: "Dark"
+        }
+      )
+    ] }) })
+  ] });
+};
+exports.DesktopThemeSwitcher = DesktopThemeSwitcher;
+//# sourceMappingURL=DesktopThemeSwitcher.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopThemeSwitcher.cjs","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","Button","Modes","useState","mode","jsxs","DropDown","CircleDashed","Sun","Moon","Container"],"mappings":";;;;;;;;;;AASA,MAAM,aAA8B,CAAC,EAAE,MAAM,UAAU,GAAG,MAAA,MACxDA,2BAAA,kBAAA,IAAC,OAAI,EAAA,WAAU,yBACb,UAAAA,2BAAA,kBAAA;AAAA,EAACC,yBAAA;AAAA,EAAA;AAAA,IACC,WAAU;AAAA,IACV;AAAA,IACA,aAAU;AAAA,IACV,MAAK;AAAA,IACL,SAAQ;AAAA,IACP,GAAG;AAAA,IAEH;AAAA,EAAA;AACH,EACF,CAAA;AASK,MAAM,uBAAsD,CAAC;AAAA,EAClE;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,qBAAqB,gBAAgB;AACrC,QAAA,cAAc,qBAAqBC,6CAAM,SAAS;AAExD,QAAM,CAAC,MAAM,OAAO,IAAIC,oBAAgB,WAAW;AAE7C,QAAA,aAAa,CAACC,UAAgB;AAC9BA,QAAAA,UAASF,6CAAM,QAAQ;AAChB,eAAA,eAAeA,6CAAM,KAAK;AAAA,IAAA,OAC9B;AACL,eAASE,KAAI;AAAA,IACf;AACA,YAAQA,KAAI;AAAA,EAAA;AAGd,QAAM,kBAAkB;AAGtB,SAAAC,2BAAA,kBAAA,KAACC,0BAAS,UAAA,EAAA,YAAY,iBACpB,UAAA;AAAA,IAAAD,2BAAA,kBAAA;AAAA,MAACC,0BAAAA,SAAS;AAAA,MAAT;AAAA,QACC,WAAU;AAAA,QACV,YAAY;AAAA,QACZ,cAAW;AAAA,QAEV,UAAA;AAAA,UAAA,SAASJ,uCAAM,MAAA,UAAWF,2BAAAA,kBAAAA,IAAAO,YAAAA,cAAA,EAAa,aAAU,UAAS;AAAA,UAC1D,SAASL,uCAAM,MAAA,SAAUF,2BAAAA,kBAAAA,IAAAQ,YAAAA,KAAA,EAAI,aAAU,SAAQ;AAAA,UAC/C,SAASN,uCAAM,MAAA,QAASF,2BAAAA,kBAAAA,IAAAS,YAAAA,MAAA,EAAK,aAAU,QAAO;AAAA,QAAA;AAAA,MAAA;AAAA,IACjD;AAAA,IAECT,2BAAA,kBAAA,IAAAM,0BAAA,SAAS,OAAT,EAAe,YAAY,iBAAiB,aAAW,MAAC,YAAU,MACjE,UAACD,2BAAAA,kBAAAA,KAAAK,2BAAAA,WAAA,EAAU,WAAU,iCAAgC,WAAU,KAC7D,UAAA;AAAA,MAAAV,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMO,YAAA;AAAA,UACN,SAAS,MAAM,WAAWL,uCAAA,MAAM,MAAM;AAAA,UACtC,UAAU,SAASA,uCAAAA,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,MACAF,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMQ,YAAA;AAAA,UACN,SAAS,MAAM,WAAWN,uCAAA,MAAM,KAAK;AAAA,UACrC,UAAU,SAASA,uCAAAA,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,MACAF,2BAAA,kBAAA;AAAA,QAAC;AAAA,QAAA;AAAA,UACC,MAAMS,YAAA;AAAA,UACN,SAAS,MAAM,WAAWP,uCAAA,MAAM,IAAI;AAAA,UACpC,UAAU,SAASA,uCAAAA,MAAM;AAAA,UACzB,OAAM;AAAA,UACP,UAAA;AAAA,QAAA;AAAA,MAED;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;;"}

package/dist/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.d.ts

@@ -8,3 +8,4 @@ type DesktopThemeSwitcherProps = {
 };
 export declare const DesktopThemeSwitcher: FC<DesktopThemeSwitcherProps>;
 export {};
+//# sourceMappingURL=DesktopThemeSwitcher.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopThemeSwitcher.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAY,KAAK,EAAE,EAAE,MAAM,OAAO,CAAC;AAI1C,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAiBhC,KAAK,yBAAyB,GAAG;IAC/B,KAAK,EAAE,KAAK,CAAC;IACb,QAAQ,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,WAAW,EAAE,KAAK,CAAC;CACpB,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,EAAE,CAAC,yBAAyB,CA+D9D,CAAC"}

package/dist/components/ThemeSwitcherDropDown/DesktopThemeSwitcher.mjs

@@ -0,0 +1,89 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { CircleDashed, Sun, Moon } from "lucide-react";
+import { useState } from "react";
+import { Button } from "../Button/Button.mjs";
+import { Container } from "../Container/index.mjs";
+import { DropDown } from "../DropDown/index.mjs";
+import { Modes } from "./types.mjs";
+const ButtonItem = ({ Icon, children, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative w-full p-0.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  Button,
+  {
+    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",
+    Icon,
+    "data-mode": "system",
+    role: "option",
+    variant: "none",
+    ...props,
+    children
+  }
+) });
+const DesktopThemeSwitcher = ({
+  theme,
+  setTheme,
+  systemTheme
+}) => {
+  const isThemeSystemTheme = systemTheme === theme;
+  const defaultMode = isThemeSystemTheme ? Modes.system : theme;
+  const [mode, setMode] = useState(defaultMode);
+  const switchMode = (mode2) => {
+    if (mode2 === Modes.system) {
+      setTheme(systemTheme ?? Modes.light);
+    } else {
+      setTheme(mode2);
+    }
+    setMode(mode2);
+  };
+  const panelIdentifier = "theme-switcher";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(DropDown, { identifier: panelIdentifier, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      DropDown.Trigger,
+      {
+        className: "p-2",
+        identifier: panelIdentifier,
+        "aria-label": "Theme selector",
+        children: [
+          mode === Modes.system && /* @__PURE__ */ jsxRuntimeExports.jsx(CircleDashed, { "data-mode": "system" }),
+          mode === Modes.light && /* @__PURE__ */ jsxRuntimeExports.jsx(Sun, { "data-mode": "light" }),
+          mode === Modes.dark && /* @__PURE__ */ jsxRuntimeExports.jsx(Moon, { "data-mode": "dark" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DropDown.Panel, { identifier: panelIdentifier, isFocusable: true, isOverable: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(Container, { className: "min-w-[100px] items-start p-1", separator: "y", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ButtonItem,
+        {
+          Icon: CircleDashed,
+          onClick: () => switchMode(Modes.system),
+          isActive: mode === Modes.system,
+          label: "Restore to system mode",
+          children: "System"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ButtonItem,
+        {
+          Icon: Sun,
+          onClick: () => switchMode(Modes.light),
+          isActive: mode === Modes.light,
+          label: "Switch to light mode",
+          children: "Light"
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        ButtonItem,
+        {
+          Icon: Moon,
+          onClick: () => switchMode(Modes.dark),
+          isActive: mode === Modes.dark,
+          label: "Switch to dark mode",
+          children: "Dark"
+        }
+      )
+    ] }) })
+  ] });
+};
+export {
+  DesktopThemeSwitcher
+};
+//# sourceMappingURL=DesktopThemeSwitcher.mjs.map

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

@@ -0,0 +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,EACF,CAAA;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,IACf;AACA,YAAQA,KAAI;AAAA,EAAA;AAGd,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,QAAO;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,MAED;AAAA,IAAA,EAAA,CACF,EACF,CAAA;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/ThemeSwitcherDropDown/MobileThemeSwitcher.cjs

@@ -0,0 +1,84 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+const lucideReact = require("lucide-react");
+const require$$0 = require("react");
+const utils_cn = require("../../utils/cn.cjs");
+const components_ThemeSwitcherDropDown_types = require("./types.cjs");
+const getIconStyle = ({
+  isCurrentMode,
+  isNextMode
+}) => utils_cn.cn(
+  `absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2`,
+  `opacity-0 transition-opacity duration-300 ease-in-out`,
+  isCurrentMode && `opacity-100 group-hover:opacity-0`,
+  isNextMode && `group-hover:opacity-100`
+);
+const MobileThemeSwitcher = ({
+  theme,
+  systemTheme,
+  setTheme
+}) => {
+  const isThemeSystemTheme = systemTheme === theme;
+  const defaultMode = isThemeSystemTheme ? components_ThemeSwitcherDropDown_types.Modes.system : theme;
+  const [mode, setMode] = require$$0.useState(defaultMode);
+  const nextMode = (
+    // Start loop
+    // If mode is system, toggle the theme inverse of the system theme
+    mode === components_ThemeSwitcherDropDown_types.Modes.system ? theme === components_ThemeSwitcherDropDown_types.Modes.dark ? components_ThemeSwitcherDropDown_types.Modes.light : components_ThemeSwitcherDropDown_types.Modes.dark : (
+      // Close loop
+      // If current theme same as system theme, reset by toggle the system theme
+      isThemeSystemTheme ? components_ThemeSwitcherDropDown_types.Modes.system : (
+        // Go to next step
+        // Otherwise, toggle the remaining theme
+        mode === components_ThemeSwitcherDropDown_types.Modes.light ? components_ThemeSwitcherDropDown_types.Modes.dark : components_ThemeSwitcherDropDown_types.Modes.light
+      )
+    )
+  );
+  const toggleMode = () => {
+    if (nextMode === components_ThemeSwitcherDropDown_types.Modes.system) {
+      setTheme(systemTheme ?? components_ThemeSwitcherDropDown_types.Modes.light);
+    } else {
+      setTheme(nextMode);
+    }
+    setMode(nextMode);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsxs("button", { className: "group relative size-10", "aria-label": "Theme selector", children: [
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      lucideReact.CircleDashed,
+      {
+        className: getIconStyle({
+          isCurrentMode: mode === components_ThemeSwitcherDropDown_types.Modes.system,
+          isNextMode: nextMode === components_ThemeSwitcherDropDown_types.Modes.system
+        }),
+        onClick: toggleMode,
+        "data-mode": "system"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      lucideReact.Moon,
+      {
+        className: getIconStyle({
+          isCurrentMode: mode === components_ThemeSwitcherDropDown_types.Modes.light,
+          isNextMode: nextMode === components_ThemeSwitcherDropDown_types.Modes.light
+        }),
+        onClick: toggleMode,
+        "data-mode": "light"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.jsx(
+      lucideReact.Sun,
+      {
+        className: getIconStyle({
+          isCurrentMode: mode === components_ThemeSwitcherDropDown_types.Modes.dark,
+          isNextMode: nextMode === components_ThemeSwitcherDropDown_types.Modes.dark
+        }),
+        onClick: toggleMode,
+        "data-mode": "dark"
+      }
+    )
+  ] });
+};
+exports.MobileThemeSwitcher = MobileThemeSwitcher;
+//# sourceMappingURL=MobileThemeSwitcher.cjs.map

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

@@ -0,0 +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,6CAAM,SAAS;AAExD,QAAM,CAAC,MAAM,OAAO,IAAIC,oBAAgB,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,uCAAA,MAAM,QACbA,uCAAA,MAAM,OACNA,uCAAM,MAAA;AAAA;AAAA;AAAA;AAEhB,QAAM,aAAa,MAAM;AACnB,QAAA,aAAaA,6CAAM,QAAQ;AACpB,eAAA,eAAeA,6CAAM,KAAK;AAAA,IAAA,OAC9B;AACL,eAAS,QAAQ;AAAA,IACnB;AACA,YAAQ,QAAQ;AAAA,EAAA;AAGlB,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,uCAAAA,MAAM;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,uCAAAA,MAAM;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,uCAAAA,MAAM;AAAA,QAAA,CAChC;AAAA,QACD,SAAS;AAAA,QACT,aAAU;AAAA,MAAA;AAAA,IACZ;AAAA,EACF,EAAA,CAAA;AAEJ;;"}

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

@@ -8,3 +8,4 @@ type MobileThemeSwitcherProps = {
 };
 export declare const MobileThemeSwitcher: FC<MobileThemeSwitcherProps>;
 export {};
+//# sourceMappingURL=MobileThemeSwitcher.d.ts.map

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

@@ -0,0 +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"}

package/dist/components/ThemeSwitcherDropDown/MobileThemeSwitcher.mjs

@@ -0,0 +1,84 @@
+"use client";
+import { j as jsxRuntimeExports } from "../../jsx-runtime-BgSF1HG2.js";
+import { CircleDashed, Moon, Sun } from "lucide-react";
+import { useState } from "react";
+import { cn } from "../../utils/cn.mjs";
+import { Modes } from "./types.mjs";
+const getIconStyle = ({
+  isCurrentMode,
+  isNextMode
+}) => cn(
+  `absolute left-1/2 top-1/2 -translate-x-1/2 -translate-y-1/2`,
+  `opacity-0 transition-opacity duration-300 ease-in-out`,
+  isCurrentMode && `opacity-100 group-hover:opacity-0`,
+  isNextMode && `group-hover:opacity-100`
+);
+const MobileThemeSwitcher = ({
+  theme,
+  systemTheme,
+  setTheme
+}) => {
+  const isThemeSystemTheme = systemTheme === theme;
+  const defaultMode = isThemeSystemTheme ? Modes.system : theme;
+  const [mode, setMode] = useState(defaultMode);
+  const nextMode = (
+    // Start loop
+    // If mode is system, toggle the theme inverse of the system theme
+    mode === Modes.system ? theme === Modes.dark ? Modes.light : Modes.dark : (
+      // Close loop
+      // If current theme same as system theme, reset by toggle the system theme
+      isThemeSystemTheme ? Modes.system : (
+        // Go to next step
+        // Otherwise, toggle the remaining theme
+        mode === Modes.light ? Modes.dark : Modes.light
+      )
+    )
+  );
+  const toggleMode = () => {
+    if (nextMode === Modes.system) {
+      setTheme(systemTheme ?? Modes.light);
+    } else {
+      setTheme(nextMode);
+    }
+    setMode(nextMode);
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("button", { className: "group relative size-10", "aria-label": "Theme selector", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      CircleDashed,
+      {
+        className: getIconStyle({
+          isCurrentMode: mode === Modes.system,
+          isNextMode: nextMode === Modes.system
+        }),
+        onClick: toggleMode,
+        "data-mode": "system"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Moon,
+      {
+        className: getIconStyle({
+          isCurrentMode: mode === Modes.light,
+          isNextMode: nextMode === Modes.light
+        }),
+        onClick: toggleMode,
+        "data-mode": "light"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Sun,
+      {
+        className: getIconStyle({
+          isCurrentMode: mode === Modes.dark,
+          isNextMode: nextMode === Modes.dark
+        }),
+        onClick: toggleMode,
+        "data-mode": "dark"
+      }
+    )
+  ] });
+};
+export {
+  MobileThemeSwitcher
+};
+//# sourceMappingURL=MobileThemeSwitcher.mjs.map

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

@@ -0,0 +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,IACnB;AACA,YAAQ,QAAQ;AAAA,EAAA;AAGlB,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,IACZ;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/components/ThemeSwitcherDropDown/index.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const components_ThemeSwitcherDropDown_DesktopThemeSwitcher = require("./DesktopThemeSwitcher.cjs");
+const components_ThemeSwitcherDropDown_MobileThemeSwitcher = require("./MobileThemeSwitcher.cjs");
+const components_ThemeSwitcherDropDown_types = require("./types.cjs");
+exports.DesktopThemeSwitcher = components_ThemeSwitcherDropDown_DesktopThemeSwitcher.DesktopThemeSwitcher;
+exports.MobileThemeSwitcher = components_ThemeSwitcherDropDown_MobileThemeSwitcher.MobileThemeSwitcher;
+exports.Modes = components_ThemeSwitcherDropDown_types.Modes;
+//# sourceMappingURL=index.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/components/ThemeSwitcherDropDown/index.d.ts

@@ -1,3 +1,4 @@
 export * from './DesktopThemeSwitcher';
 export * from './MobileThemeSwitcher';
 export * from './types';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeSwitcherDropDown/index.tsx"],"names":[],"mappings":"AAAA,cAAc,wBAAwB,CAAC;AACvC,cAAc,uBAAuB,CAAC;AACtC,cAAc,SAAS,CAAC"}

package/dist/components/ThemeSwitcherDropDown/index.mjs

@@ -0,0 +1,9 @@
+import { DesktopThemeSwitcher } from "./DesktopThemeSwitcher.mjs";
+import { MobileThemeSwitcher } from "./MobileThemeSwitcher.mjs";
+import { Modes } from "./types.mjs";
+export {
+  DesktopThemeSwitcher,
+  MobileThemeSwitcher,
+  Modes
+};
+//# sourceMappingURL=index.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;"}

package/dist/components/ThemeSwitcherDropDown/types.cjs

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+var Modes = /* @__PURE__ */ ((Modes2) => {
+  Modes2["dark"] = "dark";
+  Modes2["light"] = "light";
+  Modes2["system"] = "system";
+  return Modes2;
+})(Modes || {});
+exports.Modes = Modes;
+//# sourceMappingURL=types.cjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.cjs","sources":["../../../src/components/ThemeSwitcherDropDown/types.ts"],"sourcesContent":["export enum Modes {\n  dark = 'dark',\n  light = 'light',\n  system = 'system',\n}\n"],"names":["Modes"],"mappings":";;AAAY,IAAA,0BAAAA,WAAL;AACLA,SAAA,MAAO,IAAA;AACPA,SAAA,OAAQ,IAAA;AACRA,SAAA,QAAS,IAAA;AAHCA,SAAAA;AAAA,GAAA,SAAA,CAAA,CAAA;;"}

package/dist/components/ThemeSwitcherDropDown/types.d.ts

@@ -3,3 +3,4 @@ export declare enum Modes {
     light = "light",
     system = "system"
 }
+//# sourceMappingURL=types.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/ThemeSwitcherDropDown/types.ts"],"names":[],"mappings":"AAAA,oBAAY,KAAK;IACf,IAAI,SAAS;IACb,KAAK,UAAU;IACf,MAAM,WAAW;CAClB"}

package/dist/components/ThemeSwitcherDropDown/types.mjs

@@ -0,0 +1,10 @@
+var Modes = /* @__PURE__ */ ((Modes2) => {
+  Modes2["dark"] = "dark";
+  Modes2["light"] = "light";
+  Modes2["system"] = "system";
+  return Modes2;
+})(Modes || {});
+export {
+  Modes
+};
+//# sourceMappingURL=types.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.mjs","sources":["../../../src/components/ThemeSwitcherDropDown/types.ts"],"sourcesContent":["export enum Modes {\n  dark = 'dark',\n  light = 'light',\n  system = 'system',\n}\n"],"names":["Modes"],"mappings":"AAAY,IAAA,0BAAAA,WAAL;AACLA,SAAA,MAAO,IAAA;AACPA,SAAA,OAAQ,IAAA;AACRA,SAAA,QAAS,IAAA;AAHCA,SAAAA;AAAA,GAAA,SAAA,CAAA,CAAA;"}

package/dist/components/Toaster/Toast.cjs

@@ -0,0 +1,117 @@
+"use client";
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("../../jsx-runtime-DvCoRj5u.cjs");
+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" } });
+  if (e) {
+    for (const k in e) {
+      if (k !== "default") {
+        const d = Object.getOwnPropertyDescriptor(e, k);
+        Object.defineProperty(n, k, d.get ? d : {
+          enumerable: true,
+          get: () => e[k]
+        });
+      }
+    }
+  }
+  n.default = 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(
+  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",
+  {
+    variants: {
+      variant: {
+        error: "bg-error/40 text-text dark:bg-error-dark/40 dark:text-text-dark",
+        success: "bg-success/30 text-text dark:bg-success-dark/30 dark:text-text-dark",
+        default: "bg-card/80 text-text dark:bg-card-dark/80 dark:text-text-dark"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+const Toast = require$$0.forwardRef(({ className, variant, ...props }, ref) => {
+  return /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.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(
+  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(
+  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" })
+  }
+));
+ToastClose.displayName = ToastPrimitives__namespace.Close.displayName;
+const ToastTitle = require$$0.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxRuntime.jsxRuntimeExports.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(
+  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;
+exports.ToastDescription = ToastDescription;
+exports.ToastProvider = ToastProvider;
+exports.ToastTitle = ToastTitle;
+exports.ToastViewport = ToastViewport;
+//# sourceMappingURL=Toast.cjs.map

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

@@ -0,0 +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,MACJ;AAAA,IACF;AAAA,IACA,iBAAiB;AAAA,MACf,SAAS;AAAA,IACX;AAAA,EACF;AACF;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,EAAA;AAGV,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;;;;;;;;"}